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;}
/* 503-enhancement-add-alert-notification-on-chat-icon-in-action-column-when-client-sends-a-message
   Unread badge on the Action-column chat icon. Same shape/position as .counts so
   it reads as the platform's existing unread dot, but filled instead of hollow —
   on the near-black page background an unfilled badge is only its 1px outline.
   #d32f2f keeps white 11px text at 4.98:1, over the 4.5:1 WCAG AA floor (plain
   red would be 3.99:1 and fail). Widens past a circle only at 3 digits / "99+". */
.counts.unread-counts {background-color: #d32f2f;border-color: #fff;color: #fff;font-weight: 600;min-width: 16px;width: auto !important;padding: 0 3px;border-radius: 8px;}
.counts.unread-counts.is-new {animation: unreadCountPop .5s ease-out 2;}
@keyframes unreadCountPop {0% {transform: scale(1);} 50% {transform: scale(1.3);} 100% {transform: scale(1);}}
@media (prefers-reduced-motion: reduce) {.counts.unread-counts.is-new {animation: none;}}
.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 {padding: 0px 0px !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);}
.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;}
.page-login-v2 .page-brand-info .brand-img {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;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;}
.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;}
.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 .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;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;}
.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;}
.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;}
/*  */
@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;}
}
@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-container--default .select2-results__option--highlighted[aria-selected] span {color: #fff !important;}