body.dark.bg-body,
body.dark .bg-body {
    background-color: #242424 !important;
}

body.dark .text-dark {
    color: #f3f3f3 !important;
}

body.dark .shadow-sm {

    box-shadow: 0 .1rem 1rem .25rem rgba(255, 255, 255, 0.075) !important;

}

body.dark .form-control.form-control-solid {
    background-color: #242424;
    border-color: #f5f8fa;
    color: #f5f8fa;
    transition: color .2s ease, background-color .2s ease;
}

.is-invalid~.invalid-feedback {
    position: absolute;
}

body.dark .header {
    background-color: #242424;


}

body.dark .card {
    background-color: #242424;


}

.card{
    max-width: 90%;
    margin: auto;
}

body.dark .text-gray-900,
body.dark .text-gray-800 {
    color: #f5f8fa !important;
}



body.dark .chat_click {
    color: #f5f8fa !important;


}
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark textarea {
    color: #f5f8fa;

}

body.dark .chat_active {
    background-color: #4e4e4e;
}

body.dark .text-dark {
    color: #f5f8fa !important
}

body.dark .bg-light-info,
body.dark .bg-light-primary {
    background-color: #4e4e4e !important;


}

.text-area{
    border-radius: 16px !important;
    padding-right: 100px;
}

body.dark .card .card-header {
    border-bottom: 1px solid #353535;
}

body.dark .card .card-footer {
    border-top: 1px solid #353535;


}

body.dark .header-fixed.toolbar-fixed .wrapper {
    padding-top: 0 !important;
}

.form-control.form-control-flush {

    border: 1px solid #eff2f5;
}

.input-group {
    position: relative;
}


body.dark .text-area {
    color: #f5f8fa !important;
    border: 1px solid #353535;

}





.input-group .input-group-append{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}



.input-group-append {
    display: flex;
    justify-content: center;
    align-items: center;
}
.input-group-append .btn-primary{
    background-color: #bddc4e !important;
    transition: 0.3s all linear;
}
.input-group-append .btn-primary:hover:not(.btn-active){
    background-color: #cde676 !important;


}
body.dark .footer {
    background-color: #242424;
    border-top: 1px solid #353535;



}
body.dark .menu-sub-dropdown {
    background-color: #4e4e4e;


}
body.dark .menu-sub-dropdown .username {

    color: #f5f8fa !important;


}
body.dark .menu-sub-dropdown .menu-link {
    color: #f5f8fa !important;


}
body.dark .menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color: #242424;
    color: #f5f8fa;




}
body.dark .separator {
    border-bottom: 1px solid #f5f8fa;



}

.cursor-pointer img{
    border-radius: 50% !important;
}


body.dark .btn.btn-active-light-primary:hover:not(.btn-active):hover {
    background-color: #f5f8fa !important;
    color: #242424;
}
body.dark .btn.btn-active-light-primary:hover:not(.btn-active) i {
    color: #242424 !important;
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    padding: 12px !important;
}
.btn i {
    font-size: 22px !important;

}

body.dark .form-label{
    color: #f5f8fa !important


}

.btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active){
    background-color: #cde676 !important;
}

.menu-sub{
    padding:  9px 26px;
    width: max-content !important;


}

.clearchat-button{
    margin-top: 0 !important;
}
.card-body{
    min-height: 50vh;
}