body{background:#040605 !important; overflow-x: hidden; }

.globe{
    background-image: url("../../img/globe-solid.svg");
}
.counts {
    position: absolute;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #040605;
    width: 16px !important;
    height: 16px !important;
    color: #fff;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -5px;
    right: -5px;
}
/* .counts{ border-radius: 50%;border:1px solid #fff; background-color: #1f9bce; width:25px !important;height:25px !important; color: #fff;font-size: 11px;display: flex; justify-content: center; align-items: center;    } */
.btn-icon .icon {
    margin: 0px 0 0 !important;
}
.bootstrap-select .dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #040605 !important;
}
.site-menubar-body {
    background-color: #040605;
}
.site-menu-title {
    color:white;
    font-weight: bold;
}
.site-navbar .navbar-container{
    background-color: #040605 !important;
}
.site-navbar .navbar-header .navbar-brand {
    cursor:default !important;
}
.navbar-header {
    background: #040605 !important;
}
.site-menubar-fold .navbar-brand>img.navbar-brand-logo {
    max-width: 35px !important;
    height: auto !important;
    max-height: 20px !important;
}
.navbar-brand {
    /* float:left !important; */
    padding: 0px 0px !important;
}
/* .page {
    background-color: #040605 !important;
} */
.site-footer {
    height: auto !important;
    background-color: #040605 !important;
    border-top: #040605 !important;
    padding: 10px 45px !important; 
}
.dashboardheading_admin .page-title{
    color:white;
    font-weight: bold;
}
.site-menu-item a {
    color:white !important;
}
.navbar-default .navbar-toolbar .nav-link.active, .navbar-default .navbar-toolbar .nav-link:focus, .navbar-default .navbar-toolbar .nav-link:hover {
    color: white !important;
    background-color: #040605 !important;
}
p, a, h2, h1{word-break: break-word;}
.btn-primary, .btn-primary:hover {
    border-color: #ececec;
}

.navbar-toolbar .nav-link.navbar-avatar {
    margin: 0px 15px !important;
    padding: 0 0px !important;
}

.dropdown-item {
    color: white !important;
}

.dropdown-item:hover, .dropdown-item:focus { background-color: #eee !important; color: #1a1a1a !important; }

.navbar-right .dropdown-menu {
    right: 15px !important;
    background-color: #040605 !important;
}
.navbar-default .navbar-toolbar .nav-link {
    display: flex !important;
    color: #757575;
}

.site-navbar .navbar-header .navbar-brand{margin: auto; display: flex !important; justify-content: center; align-items: center;}
.navbarlogo_admin{width: 80px; height: 40px !important; object-fit: contain;}
.navbar-brand-logo{margin-top:0px !important ;}

.btn{padding: 5px;}
.btn.btn-primary {
    background-color: #040605 !important;
    border-radius: 4px; border:0px;
    box-shadow: 0px 2px 27px 0px rgba(26, 42, 69, 0.27);
    /* font-family: 'poppinsregular'; */
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none !important;
}
/* .btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled):active:hover{border-color: transparent !important;}
.forgot_admin{color: #040605;} */

.page-login-v2 .page-brand-info .brand-img {
   /*  background-color: #040605; */
    padding: 10px;
}

.tooltip:hover{ text-decoration: none !important; }

.brand.hidden-md-up .brand-img{ background-color: #231f20; }

.form-group .bootstrap-tagsinput .tag{background-color: #231f20 !important;}
.custom-redio-btn [type="radio"]:checked + label::after, .custom-redio-btn [type="radio"]:not(:checked) + label::after{background-color: #040605 !important;}
.page-item.active .page-link {
    background-color: #040605 !important;
    border-color: #040605 !important;
}
select[multiple], select[size], textarea.form-control {
    height: auto;
}
.site-gridmenu-toggle:after {
    content: '';
    font-family: inherit;
    color: #231f20;
    font-weight: bold;
    font-size: 20px;
    opacity: 1;
}

.btn-info, .btn-info:focus, .btn-info:hover {
    background-color: #040605;
    border-color: #040605;
}

.btn-info {
    color: #ececec !important;
}
.btn:focus{box-shadow: none;}
.btn-info {
    color: #fff;
    background-color: #040605 !important;
    border-color: #040605!important;
    box-shadow: none;
}
.btn-icon.btn-sm, .btn.icon.btn-sm{border-radius:5px !important; padding: .472rem !important; min-width: 34px;
    /* height: 32px; */
    margin: 2px 0px; }
.navbar-header, .site-menubar-footer > a {
    background:#040605 !important;
}
.site-menubar-footer > a:hover {
    background-color: #00d466 !important;
}
.site-menubar-footer>a {
    color:white !important;
}
.site-menu>.site-menu-item.active>a .site-menu-title{
    color: #00d466 !important;
}
.site-menu .site-menu-sub .site-menu-item.active .site-menu-title{
    color: #00d466 !important;
}
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: linear-gradient(#000,#000),linear-gradient(#e0e0e0,#e0e0e0) !important;
}
.site-footer-legal {
    padding: 0.4rem 0px;
}

.site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub {
    background: #040605 !important;
}

.site-menu-item ul .site-menu-item:hover{
    background-color: #00d466 !important;
}

.site-menu-item ul .site-menu-item:hover .site-menu-title{
    color:#040605 !important;
}

.site-menu-item ul .site-menu-item.active:hover .site-menu-title{
    color:#040605 !important;
}

.admin_footer {
    color:white !important;
}

.panel {
    border-radius: 1.286rem !important;
}

.form-group .bootstrap-tagsinput{padding:7px;}
.bootstrap-select .btn-light{background: transparent;color: #999; box-shadow: none; border-color: #dee2e6;}
.bootstrap-select .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #231f20;
}
.bootstrap-select .btn-light:hover, .bootstrap-select.show > .btn-light.dropdown-toggle {
    color: #999;
    background-color: transparent;
    border-color: #dee2e6;
}
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
    background: #231f20 !important;
    color: #fff !important;
}
.dashboard  .ui-timepicker-wrapper {
    width: 26.5% !important;
}

.profileSettingMainPage .card .avatar {width: 150px !important;height: 150px !important; border-radius: 50%;}
.profileSettingMainPage .card .avatar img{width: 100%; height:100%; object-fit: cover ;object-position: top;}
.profileSettingMainPage .card .profile-job{margin-bottom:0px;}
 b{word-break: break-word;}

.sa-button-container .btn{ padding: 5px 15px;}

.table td a{color:#231f20; display: inline-block;  text-decoration: underline !important; }
.table td a:hover{color: #231f20;text-decoration: none;/* border-bottom: 1px dotted transparent; */}
.table tr td{word-break: break-word !important;}

.dash-boxholder{padding-bottom:30px;}
.stats-widget{display: flex; flex-direction: column;height:100%; margin-bottom:0px !important;}
.stats-widget .stats-chart-container{margin-top: auto;}
.page-content .status-1 + .switchery,
.panel-body .status-1 + .switchery {background:#040605 !important ; border-color:#040605 !important; box-shadow: #040605 0px 0px 0px 14.5px inset !important;}
.dtr-data .status-1 + .switchery small { left: 30px; }
img{object-fit: cover;}
.navbar-toolbar{align-items: center;}
.user_type{background:white ; color: #040605; font-size: 12px;padding:0px 10px; border-radius:30px; font-weight: bold; display: flex; align-items: center;}

.page-item.active .page-link {
    z-index: 1;
    color: #ececec;
    background-color: #040605 !important;
    border-color: #040605 !important;
}

.page-link:focus {
    box-shadow: none !important;
}

.main-comment-field .common-txtarea{position: relative;margin-bottom: 40px;padding-top:15px;}
.main-comment-field .common-txtarea .comment-btn{position: absolute; bottom: 10px; right:10px;}
.main-comment-field .common-txtarea .form-control{padding-right:130px;}

.main-comment-field .common-txtarea .invalid-feedback ~ .comment-btn{bottom: 30px !important;}
.reply-btn-submit{width:45px; height:45px; border-radius: 50%; background: #000; padding:10px;}
.reply-btn-submit img{width: 100%;cursor: pointer; height:100%;object-fit: contain;vertical-align: top;margin-left: -6px;}

.not-found-box{ border-radius: 12px; padding: 14px; height: 100%; max-width: 500px; width: 100%; margin: 50px auto; background-color: rgb(255, 255, 255);  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.07); }
.not-found-box .not-found-img{ max-width: 300px; width: 100%; height: auto; margin: 0px auto 20px; }
.not-found-box .not-found-img img { width: 100%; height: 100%; }
.not-found-box .not-found-txt { color: #000; font-size: 24px; text-transform: uppercase; text-align: center; margin-bottom: 10px; }

.delete-icon{cursor: pointer;}
.top-section .left-right {display: flex; justify-content: space-between; width: 100% ;flex: 1; padding-right: 40px;}
.top-section .left-right h3{flex: 1;}
.top-section  .middle-right{text-align: center;display: inline-block;}

.btn-values .btn{
    width: 35px;
height: 35px;
padding: 2px;
text-align: center;
margin-top: 10px; vertical-align: baseline;
}
.btn-values .btn:hover{color: #fff;}

.daterangepicker td.active, .daterangepicker td.active:hover{ background-color: #1a1a1a !important; color: #fff !important;}
.daterangepicker td.available:hover, .daterangepicker th.available:hover{ background-color: #1a1a1a !important; color: #fff !important; }
/* .daterangepicker td.in-range{ background-color: #a4f9cd !important; } */

.site-menubar-unfold .site-menu-icon{width: 26px;}
.site-menu > .site-menu-item { margin-bottom:15px;}
.site-navbar, .site-menubar {background-color: #040605 !important;}

.site-menubar .site-menubar-body.is-disabled .site-menu .site-menu-item .site-menu-icon  {width:26px !important;left: 50%; top: 50%; transform: translate(-50%, -50%);}
.scrollable-content{margin-top:10px;}

/*  */

.dropzone .dz-message { margin-top: 0px !important; }
.dropzone .dz-preview { width: 100px; min-height: auto !important; margin: 10px !important; }
.dropzone .dz-preview .dz-image { display: block; width: 70px !important; height: 70px !important; margin: 0px auto 10px !important; background-position: center; background-size: contain !important; border-radius: 0 !important; }
.file_name { font-size: 12px; text-align: center; margin-bottom: 5px; }
.dropzone .dz-preview .dz-remove { text-align: center; color: red; }


.datetimepicker  td, .datetimepicker th { font-size: 12px; }


.hEJCgb.hEJCgb { padding: 4px !important; font-size: 11px !important; width: auto !important; min-width: 15px !important; height: auto !important; border-radius: 25px !important; }

.modal  { padding-right: 0px !important; }

div.dataTables_wrapper div.dataTables_processing {height: auto !important;}

/* ai_char_dashboard */

/* .ai_chat_dashboard { background: #131415; } */
.ai_chat_dashboard .panel-body { padding: 20px !important; }
.ai_chat_dashboard .chat_contacts ul { list-style: none !important; margin: 0px auto; padding: 0px; height: 736px; overflow-y: auto; }
.ai_chat_dashboard .chat_contacts ul.sms-converse { height: 802px; }

.ai_chat_dashboard .chat_contacts ul { scroll-behavior: smooth !important; scrollbar-width: thin !important; scrollbar-color: #000 !important; }
.ai_chat_dashboard .chat_contacts ul::-webkit-scrollbar { width: 5px !important;}
.ai_chat_dashboard .chat_contacts ul::-webkit-scrollbar-track { background: transparent  !important;}
.ai_chat_dashboard .chat_contacts ul::-webkit-scrollbar-thumb { background-color: #000 !important; border-radius: 6px !important; border: 3px solid #000 !important; } 
.ai_chat_dashboard .chat_contacts ul li { padding: 12px; /* background: #eee; */ border-bottom: 1px solid #dee2e6; }
.ai_chat_dashboard .chat_contacts ul li.active { background: #fff; }
.ai_chat_dashboard .chat_contacts .name { font-size: 14px; color: #00d466; margin-bottom: 1px; }
.ai_chat_dashboard .chat_contacts .desc { font-size: 12px; color: #231f20; margin-bottom: 0px; width: 100%; }
.ai_chat_dashboard .chat_contacts .number { font-size: 12px; color: #6c6c6c; margin-bottom: 0px; }

.ai_chat_dashboard .con-top { padding: 20px; }
.ai_chat_dashboard .con-top h4 { margin-bottom: 5px; font-size: 16px; font-weight: bold; }
.ai_chat_dashboard .con-top h5 { margin-bottom: 0px; font-size: 12px; color: #6c6c6c; }
.ai_chat_dashboard .chat-data { border-top: 1px solid #dee2e6; }
.ai_chat_dashboard .message-window { position: relative; list-style: none; height:560px;padding: 20px; overflow: hidden;overflow-y: scroll;  margin: 0; }
.ai_chat_dashboard .message-window .left-box .text_wrapper { margin-bottom: 5px; background-color: #040605; display: inline-block; padding: 10px 10px 10px 10px; width: auto; max-width: 600px; border-radius: 12px; position: relative;}
.ai_chat_dashboard .message-window .right-box {justify-content: flex-end;}
.ai_chat_dashboard .message-window .left-box, .ai_chat_dashboard .message-window .right-box { clear: both; margin-bottom: 24px; transition: all 0.5s linear; display: flex; flex-wrap: wrap;}
.ai_chat_dashboard .message-window .right-box .text_wrapper { margin-bottom: 5px; display: inline-block; padding: 10px 10px 10px 10px; border-radius: 12px; width: auto; max-width: 600px; position: relative; background-color: #040605;}
.ai_chat_dashboard .message-window .text { font-size: 14px; color: #fff; overflow: hidden; word-break: break-word;}
.ai_chat_dashboard .message-window .date_day { font-size: 12px; color: #757fb0; margin-bottom: 0px; width: 100%;}
.ai_chat_dashboard .message-window .right-box .date_day {text-align: right;}
.ai_chat_dashboard .message-window { scroll-behavior: smooth !important; scrollbar-width: thin !important; scrollbar-color: #000 !important; }
.ai_chat_dashboard .message-window::-webkit-scrollbar { width: 5px !important;}
.ai_chat_dashboard .message-window::-webkit-scrollbar-track { background: transparent  !important;}
.ai_chat_dashboard .message-window::-webkit-scrollbar-thumb { background-color: #000 !important; border-radius: 6px !important; border: 3px solid #000 !important; } 
.ai_chat_dashboard .message-type-window { width: 100%; padding: 10px; overflow: hidden; border-top: 1px solid #dee2e6;}
.ai_chat_dashboard .message-type-window .input-group-addon { padding: 0px; border: none; width: 105px; height: 37px; font-size: 14px; color: #fff; text-transform: uppercase; background-color: #040605; border-radius: 20px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.ai_chat_dashboard .message-type-window .form-control { border: none; box-shadow: none; padding: 5px 12px; font-size: 14px !important; color: #040605;}

.ai_chat_dashboard .user_info { border-left: 1px solid #dee2e6; padding: 20px; height: 100%; }
.ai_chat_dashboard .additional-content { color: #a2a2a2; }
.ai_chat_dashboard .additional-content b { color: #000; } 
.ai_chat_dashboard .chat_contacts { border-right:1px solid #dee2e6; height: 100%; }
.ai_chat_dashboard .search-contacts {width: 100%; padding: 12px !important; border-bottom:1px solid #dee2e6; }
.ai_chat_dashboard .search-contacts input[name="contact_search"]{width: 100%;}
.ai_chat_dashboard .emptystar{font-size: 20px; color: #ffbc00fa; margin-right:10px;line-height: 1; margin: 0px 5px; cursor: pointer;}
.ai_chat_dashboard .flagset{font-size: 20px;color: #484646;margin-right: 15px;line-height: 1;margin-left:10px; margin-top: 4px; }
.ai_chat_dashboard .book-an-appointment {margin-bottom: 12px; height: 36px; background-color: #00d466 !important; color: #000; }

.ai_chat_dashboard .chat_contacts  .search-contacts .btn { padding: 10px !important; margin: 2px; }
#showFilter, #applyFilter, #clearFilter { width: 44px; }
.custom-control.custom-switch { text-align: right; color: #fff; font-size: 14px; }
.custom-control.custom-switch input:checked + .slider { border: 1px solid rgb(223, 223, 223) !important; }
.custom-control.custom-switch input:checked + .slider::before { -webkit-transform: translateX(28px); -ms-transform: translateX(28px); transform: translateX(28px); }
.custom-control.custom-switch .slider::before { bottom: 0px;}
.ai_chat_dashboard .message-type-window select { background-color: transparent; border: 1px solid rgb(45, 45, 45);height: 42px;}

.contact-flag { display: flex; align-items: center; }
.contact-flag  .remove-flags { display: flex;  }

.ai_chat_dashboard .search-contacts  {  }


/*  */

.site-menubar-footer { display: none; }
.site-menubar-body { height: 100% !important; }  
.navbar-header .navbar-toolbar { display: none !important; }
.site-menubar-unfold .site-menu-title { display: none; margin-left: 10px; }
.site-menubar-unfold .site-menubar { width: 60px !important; transition: 0.3s ease-out; }


.site-menubar-unfold .page, .site-menubar-unfold .site-footer  { background: #343434 !important; }
.site-menubar-unfold .page, .site-menubar-unfold .site-footer { margin-left: 60px !important;}
/* .scrollable-content { width: 100% !important;}
.scrollable-container { width: 100% !important; } */
.site-menubar-unfold .site-menu-icon { margin-right: 0 !important;} 
.site-menubar-unfold .site-menu-icon{ width: 20px !important; margin-left: 8px; }
.site-menubar-unfold .site-menubar:hover  { width: 260px !important; }
.site-menubar-unfold .site-menubar:hover .site-menu-title{ display: inline-block;}
.animsition.site-menubar-unfold .site-menu > .site-menu-item > a .site-menu-title {  font-size: 14px !important; line-height: 20px !important; }
.animsition.site-menubar-unfold .site-menu-title:first-child{ font-size: 14px !important; margin-left: 25px; }
.site-menubar-unfold .site-menu .site-menu-sub { padding: 0 !important;}
.site-menubar-unfold .site-menu > .site-menu-item > a{ line-height: unset !important;}
.site-menu > .site-menu-item.active { border: none !important; }

.bootstrap-select .dropdown-menu li a.dropdown-item:hover span.text { color: #1a1a1a !important; }
.bootstrap-select .dropdown-menu li a.dropdown-item.active:hover span.text { color: #fff !important; }
.bootstrap-select .dropdown-menu li a.dropdown-item.active.selected:hover { color: #fff !important; }
.bootstrap-select .dropdown-menu li a.dropdown-item.active.selected:hover span { color: #fff !important; }

th, td { vertical-align: middle !important;}


/* view_camp_details_sup_section */

.view_camp_details_sup_section { width: 100%; display: block; padding-top: 20px;  }
.camp_card_block { width: 100%; display: flex; flex-wrap: wrap; background: #F3F3F3; border-radius: 10px; padding: 15px; margin-bottom: 20px; }
.camp_card_block .camp_title { font-size: 16px; font-weight: 600; color: #808080; margin-bottom: 15px; width: 100%; }
.camp_card_block .camp_label { font-size: 12px; color: #757575; margin-bottom: 10px; width: 50%; display: flex; }
.camp_card_block .camp_label span.stitle {font-size: 12px; color: #757575; max-width: 140px; white-space: break-spaces; display: inline-block; width: 100%; }
.camp_card_block .camp_label span + span { font-size: 14px; font-weight: normal; color: #040605; margin-left: 10px; display: inline-block; }
.camp_card_block .ccb_box p.camp_label { width: 100% !important; }
.camp_card_block .camp_label span.btn.btn-primary { color: #fff; }

.campaign-activity-logs { display: block; width: 100%;  }
.campaign-activity-logs .activity-log { font-size: 14px; color: #040605; margin-bottom: 20px;  position: relative; padding-left: 20px; }
.campaign-activity-logs .activity-log a { color: #040605; }
.campaign-activity-logs .activity-log::before { position: absolute; content: ""; width: 2px; background: #808390; height: 100%; left: 4px; top: 17px; }
.campaign-activity-logs .activity-log span { position: absolute; width: 10px; height: 10px; border-radius: 50%;background: #808390; left: 0px; display: inline-block; top: 5px; }

.campaign_notes_block { padding-bottom: 20px; }
.campaign_notes_block h4 { font-size: 16px; font-weight: 600; color: #808080; margin-bottom: 15px; width: 100%; }
.all-notes-wrap { padding: 20px 0px; }
.all-notes-wrap .comment { background: linear-gradient(90deg, #F3F3F3 0%, rgba(243, 243, 243, 0) 50%); border-radius: 10px;  padding: 18px 20px 18px 10px;  margin-bottom: 10px; display: flex; justify-content: space-between; }

.all-notes-wrap .comment .comment_content { width: 70%; }
.all-notes-wrap .comment .comment_content a { color: #000;  }
.all-notes-wrap .comment .action_btn { display: flex; }
.all-notes-wrap .comment .action_btn span { width: 26px; height: 26px; border-radius: 6px; margin-left: 5px; display: block; background: #000; color: #fff; text-align: center; padding: 1px; border: 1px solid #000; }
.all-notes-wrap .comment .action_btn span:hover { background: transparent; color: #000; }
.all-notes-wrap .comment .action_btn span .fa { margin: 0px !important; }


.action_icons { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end;  }

.camp_card_block .ccb_box { width: 100%; }

/*  */

.main-tab-section { display: flex; align-items: center; }
.main-tab-section label { position: relative; padding: 5px 15px !important; background: #d4d4d4 !important; color: #040605; margin: 0px 1px !important; border-radius: 0px 0px 0px 0px !important; cursor: pointer; }
.main-tab-section label.active { background: #fff !important; color: #040605; }
.main-tab-section label:first-child { border-top-left-radius: 10px !important; }
.main-tab-section label:last-child { border-top-right-radius: 10px !important; }
.main-tab-section input { cursor: pointer;}

.log-section .checkbox-block { display: flex; flex-wrap: wrap; } 

/* .filtersection .col-lg-3{ flex: 0 0 20%; max-width: 20%;}
 */

/*  */


@media (min-width:1450px) {
    .navbarlogo_admin {
        max-width: 100% !important;
        height: 100%;
    }
    .pageheader_admin {
        padding: 1.57vw 1.57vw 0vw 1.57vw !important;
      }

      .page-content, .panel-body
      {
          padding: 1.57vw 1.57vw 0.57vw 1.57vw !important;
        }

    .form-group .bootstrap-tagsinput{padding:13px 6px;}
    .profileSettingMainPage .card .avatar {width: 200px !important;height: 200px; border-radius: 50%;}

    .site-menubar-unfold .site-menu-icon{width: 1.57vw;}
    
    .site-menubar .site-menubar-body.is-disabled .site-menu .site-menu-item .site-menu-icon  {width:1.26vw !important;left: 50%; top: 50%; transform: translate(-50%, -50%) ;}
    .site-menubar-fold .navbar-header  .navbar-brand > img.navbar-brand-logo {max-height: 2.7vw !important}

    .site-footer {  padding: 0.52vw 5.57vw !important;}
    th, td{ font-size: 0.74vw; vertical-align: middle !important; }
    label { font-size: 0.74vw;}
    .form-control {  height: auto; font-size: 0.73vw !important;}
    .waves-effect{ padding: 0.35vw 0.78vw; font-size: 0.73vw;}
    .page-link{ padding: 0.25vw 1vw !important; font-size: 0.73vw !important;}
    select.form-control { background-size: 1vw;}
    table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after
    {  font-size: 1vw !important;}
    table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting
    { padding-right: 1vw !important;}
    .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text
    { padding: 0.25vw 0.68vw;}

    .site-menubar-fold .site-menubar { width: 5vw !important;  padding-bottom: 50px; }
    .site-menubar-fold .site-menubar .site-menubar-body .scrollable-container { width: 5vw !important;}
    .site-menubar-fold .site-menubar .site-menubar-body .scrollable-container .scrollable-content { width: 5vw !important;  }
    .site-menubar-fold .site-menubar-footer{ width: 5vw !important;  }
    .site-menubar-fold .site-menu > .site-menu-item > a .site-menu-icon, .site-menubar-fold .site-menu > .site-menu-item > a .site-menu-title{ width: 5vw !important;}
    .site-menubar-fold .site-menu > .site-menu-item.active > a .site-menu-title, .site-menubar-fold .site-menu > .site-menu-item.hover > a .site-menu-title, .site-menubar-fold .site-menu > .site-menu-item.open > a .site-menu-title
    { font-size: 0.73vw !important;}
    .site-menubar-fold .page, .site-menubar-fold .site-footer { margin-left: 5vw !important;}
    .site-menubar-fold .site-menu > .site-menu-item > a {   line-height: 2.15vw !important; height: 2.15vw !important;}
    .site-menubar-fold .site-menu-title { font-size: 0.73vw !important;}
    .site-menubar-fold .site-menu > .site-menu-item > .site-menu-sub { left: 5.05vw !important;}
    .site-menubar-fold .site-menu > .site-menu-item { margin-bottom: 1vw;}
    .site-menubar-fold .site-navbar .navbar-header { width: 5vw !important;}

    .admin_footer { font-size: 0.73vw;}




}

@media (max-width: 1199px) {
    #termsModal-dialog { max-width: 90% !important; margin-left: auto !important; margin-right: auto !important; }

    .ai_chat_dashboard .chat_contacts ul { max-height: 500px; height: auto;}
    .page-title{  font-size: 24px;}

    .site-navbar .navbar-header .navbar-toggler { margin-left: 0px !important; }
    .navbarlogo_admin { width: 70px;}

    .site-menubar-hide.site-menubar-unfold .site-menubar { width: 0px !important; }
    .site-menubar-open.site-menubar-unfold .site-menubar { width: 60px !important;}
    .site-menubar-open.site-menubar-unfold .site-menubar:hover  { width: 260px !important; }
    .site-menubar-unfold .page, .site-menubar-unfold .site-footer { margin-left: 0px !important;}
    .site-menubar:hover .scrollable-container { width: 100% !important; }
    .site-menubar:hover .scrollable-content { width: 100% !important; }

    .site-footer { padding: 10px 15px !important;}

}

@media(max-width:991px){
    b{font-size: 12px;}
    .top-section .left-right{display: block;}

}

@media (max-width: 767px) {
    .navbar-toolbar .nav-link.navbar-avatar {
        margin: 0px !important;
        padding: 0 0px !important;
    }
    
    .navbar-right .dropdown-menu {
        right: 0px !important;
    }

    .site-menubar-open .page, .site-menubar-open .site-footer{ -webkit-transform: unset !important;  transform: unset !important;}

    .navbar-toggler-left{ margin-left: 0px;}
    .navbar-toggler { margin-right: 0px !important; }
    .page-header{ padding: 20px 10px;}
    .navbarlogo_admin{ width: 80px; height: 40px !important; } 
    .page-content{ padding: 25px 10px;}
    .site-footer{ padding: 10px 10px;}
    .site-footer-legal{ padding: 0px 0px 10px;}


    /* .camp_card_block .camp_label { display: block; width: 100%;} */




}

@media(max-width:569px){
    .navbar-toolbar .nav-link.navbar-avatar {
        margin: 0px !important;
        padding: 0 0px !important;
    }
    
    .navbar-right .dropdown-menu {
        right: 0px !important;
    }
    .panel-body{ padding:20px 10px !important;}
    .top-section{flex-wrap: wrap-reverse !important;}
    .top-section .left-right{flex: none; padding-right:0px;text-align: center;}
    .top-section .right-task{text-align: right; width: 100%; margin-bottom: 25px;}

    .custom-control.custom-switch {padding-left: 0px; text-align: left; padding-top: 10px; }

    .camp_card_block .camp_label { display: block; width: 100%;}
    .camp_card_block .camp_label span + span { margin-left: 0px;}


}

@media(max-width:500px){

.white-box .table tr{display: grid;}
.white-box .table tr td{width:100% !important; border:0px ; border-top: 1px solid #dee2e6 !important;}
.not-found-box .not-found-txt {  font-size:19px;}
.reply-btn-submit { width: 30px; height: 30px; padding: 7px;}
.reply-btn-submit img{margin-left: -3px;}
.not-found-box .not-found-img {max-width: 250px;}

.modal-body .desiption, .modal-body p {font-size: 14px !important;}
#appointmentModal .form-group { margin-bottom: 10px; }
#appointmentModal .flatpickr-mobile { height: 40px !important; text-align: left !important; }
.daterangepicker .drp-buttons .btn { padding: 5px 7px !important; font-size: 12px !important; border-radius: 6px;}
.daterangepicker .drp-calendar.left { padding: 0;}


}

.getmodalcontent .select2-container{width: 100% !important;}
.select2-container--open{z-index: 10000;}

/* .select2-results__option--highlighted{ color: #fff !important; background-color: #00d466 !important;  } */
/* .select2-results__option:hover{ background-color: #00d466 !important;  } */
.select2-container--default .select2-results__option--highlighted[aria-selected] span { color: #fff !important;}