/*
Custom css
*/

.account-page-container {
    max-width: 500px;
    margin: 10% auto;
}
.field-validation-error {
    color: #fe4d62 !important;
}
h4 {
    font-size: 22px !important;
}
.bg-cyan {
    background-color: #00bcd4;
    color: #fff !important;
}
.input-validation-error {
    border: 1px solid #dc3545;
}
.textOver {
    position: absolute;
    height: 100%;
    width: auto;
    /* top: 0; */
    max-width: 100%;
    bottom: 0;
}
    .textOver h4 {
        top: 105px;
        position: relative;
        color: white;
        font-size: 25px;
        padding: 0px 10px;
        margin-left: 0px;
    }
    .textOver a {
        top: 80%;
        padding: 0px 10px;
        margin-left: 20px;
        position: relative
    }
    .img-box .img-box-text{
        padding:10px 10px;
        background-color:white;
        width:100%; 
    }.img-box{
         width:100%;
     }
     .d-grid{
         display:grid
     }
.newsfeedtext{
    margin-top:20px;
}.newsfeedtext .img-profile-icon{
     width:50px;
     display:inline-block;
     border-radius:50%;
     margin-right:5px
 }
table.dataTable thead tr {
    background-color: rgba(19, 126, 255, 0.05);
    color: #137eff;
}
li.active-navbar {
    background-color: rgba(19, 126, 255, 0.05);
    color: #137eff;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    border-color: inherit !important;
    border-width: 3px !important;
    border-left-style: solid !important;
}
.width-100{
    width:100%;
    overflow:scroll; 
}
.width-100 .table{
    width:100%
}
.width-100 .table2{
    max-width:100%!important;
}
body{
    overflow-x:hidden
}
.rounded-4{
    border-radius:15px
}
.dashcards .card{
    text-align:center
}
.dashcards .card   .h4{
    font-size:16px!important  
}
.dashcards .card p{
    font-size:16px;
    font-weight:bold
}
.dashcards .card-body{
    padding-top:40px;
    padding-bottom:40px;
}
.table.dataTable thead tr{
    background-color:white;

}
.table.dataTable thead{
    position:sticky;
    top:0;
    z-index:999;
    text-align:center
}table tbody tr td{
     text-align:center;
 }
 
.spinner {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 60%;
    left:10%;
}

    .spinner > div {
        width: 30px;
        height: 30px;
        background-color: #137eff;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
        background-color: #137eff;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
        background-color: #137eff;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.none {
    display: none;
}