.aganet_chat_options_cat {
    margin-bottom: 10px;
    margin-top: 10px;
}
#ajax_loader {
    text-align: center;
}

.hidden{
    display: none
}

.card_summary {
    border: 1px solid #ffffff;
    transition: all .2s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #ffffff;
    text-align: center;
}

.card_summary .card-body h2 {
    font-size: 1.2rem;
}

.card_summary .card-body h1 {
    font-size: 2rem;
    font-weight: 500;
}

.card_summary_row {
    margin-bottom: 100px;
}

.card_graph {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(26,54,126,0.125);
    border-radius: .25rem;
    border: 1px solid #ffffff;
}

.app-wrapper-footer .app-footer {
    border-top: transparent solid 1px; 
}

.card_graph .card-body .card-title {
    color: rgba(255,255,255,1);
}

#chart1 {
    height: 30vh;
    width: 100%;
}
#chart2 {
    height: 30vh;
    width: 100%;
}
#chart3 {
    height: 30vh;
    width: 100%;
}
#chart4 {
    height: 40vh;
    width: 100%;
}
#chart5 {
    height: 40vh;
    width: 100%;
}
#chart6 {
    height: 30vh;
    width: 100%;
}

.login_logo_wrapper {
    text-align: center;
}

.login_logo_wrapper img {
    width: 200px;
    margin: 0 auto;
}

.badge-black{
    background-color: #000;
    color: #ffffff;
}
.badge-gray{
    background-color: #b8b4b4;
    color: #ffffff;
}

.active-chat-div{
    background-color: #e0f3ff !important;
}

.aganet_chat_cat_wrapper {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    flex-direction: row;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px #eaeaea solid;
}
.aganet_chat_cat_col {
    width: 25%;
    text-align: center;
}
.app-theme-white .app-footer .app-footer__inner, .app-theme-white .app-header {
    z-index: 1; 
    background: #fafbfc;
}
.app-theme-white .app-sidebar {
    background: #fff;
    z-index: 10;
}

.modal .modal-dialog {
    margin: 70px auto;
}
.user_chat_thread_list{
    max-height: 500px;
    overflow-y: scroll;
}


.loader {
    font-size: 10px;
    margin: 25px auto;
    text-indent: -9999em;
    width: 5em;
    height: 5em;
    border-radius: 50%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #7dd2ff 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #7dd2ff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #7dd2ff 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #7dd2ff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #7dd2ff 10%, rgba(255, 255, 255, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.loader:before {
    width: 50%;
    height: 50%;
    background: #78d3ff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.loader:after {
    background: #ffffff;
    width: 85%;
    height: 85%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.close-chat-bk{
    background-color: rgba(239, 255, 0, 0.2) !important;
}