/* Dark Theme color varibles */
:root {
  --themecolor:#0B1234;
  --body:#283059;
  --header:#0B1234;
  --cardclr:#1C234B;
  --darkbluetext:#050F34;
  --lightblue:#FBFDFF;
  --white:#e9ecf0;
  --button:#0F78F2;
  --labeltext:#6E7282;
  --tableth:#283059;
  --table-hvr:#37406f;
  --footer:#283059;
  --inputbg:#0F1431;
  --input-bdr:#667993;
  --tabs:#283059;
  --popup:#5c679d;
}
/* Multi-Theme color varibles */
:root {
  --themecolor-clr2:#845ADF;  
  --themecolor-clr3:#27ae60;  
  --themecolor-clr4:#6267FF;
  --themecolor-clr5:#0F78F2;
}

body.darktheme { background-color:var(--body); }
.darktheme label { color: var(--white);}
.darktheme .inbound-right-column { background: var(--body); }
.darktheme #sidebar .sidebar-header { background: var(--header); box-shadow: -2px 0 4px 1px #040404; }
.darktheme .agent .navbar { background: var(--header); border-bottom: 0; border-left: 1px solid var(--themecolor); box-shadow:-2px 0 4px 1px #040404; z-index: 1; } 
.darktheme .logout-area a { color:var(--white);}
.darktheme #sidebar .menubar { background: var(--themecolor) !important; }
.darktheme .today-calls-card .card-box { background: var(--cardclr); } 
.darktheme .today-calls-card .card-box .content p { border-bottom: 1px solid var(--body); color: var(--white); }
.darktheme .today-calls-card .card-box span { color: var(--white); }
.darktheme .todays-call-activity-box h1 { color: var(--white); }
.darktheme .common-card-box { background: var(--cardclr); }
.darktheme .manualcall { background: var(--footer); box-shadow:0px 0px 10px #111111; }
.darktheme .table-header { border-bottom: 1px solid var(--body); }
.darktheme .table-header h2, .darktheme .table-header a { color: var(--white); }
.darktheme .leader-heading p { color: var(--white); }
.darktheme .manualcall .more-options a p, .darktheme .manualcall .more-options a { color: var(--white); }
.darktheme .manualcall .makecalltext label { color: var(--white); }
.darktheme .manual-bottom .call-button-content .form-control { background: var(--inputbg); border: 1px solid var(--input-bdr); color: var(--white); }
.darktheme .form-control:focus { box-shadow: 0px 0 6px 1px #26394F; }
.darktheme .datanotfound .content h3 { color: var(--white); }
.darktheme .top-hdr-menu .nav-link label, .darktheme .call_lead ul li a { color: var(--white); }
.darktheme .campaign-name { color: var(--white);}
.darktheme .customcheckbox label { color: var(--white) !important; }
.darktheme .callsummary-box .call-status ul li { color: var(--white); }
.darktheme .common-card-box-inner { background: var(--cardclr); } 
.darktheme .inner-content .form-control { background: var(--inputbg); border: 1px solid var(--input-bdr); color: var(--white); }
.darktheme .mainform-content .customer-info h2 { color: var(--white); border-bottom: 1px solid transparent; }
.darktheme .customer-info label { color: var(--white); }
.darktheme .mainform-content .send_dtmf .send { background: var(--cardclr); }

.darktheme .customtab .nav-tabs { background:var(--tabs); border: 2px solid var(--tabs); }
.darktheme .customtab .nav-tabs .nav-link { color: var(--white); }
.darktheme .send_dtmf label { color: var(--white); }
.darktheme .mainform-content .outbound-text { color: #C0C6FF; }
.darktheme .disposition-header .page-title h1 { color: var(--white); }
.darktheme .disposition-header .mobilenumber, .darktheme .disposition-header .minutes { color:#D1E6FF; }
.darktheme .disposition-content ul li a { color:#D1E6FF; }
.darktheme .disposition-content ul li .check { border: 1px solid #D1E6FF; }
.darktheme .disposition-footer { background: var(--cardclr); box-shadow:8px -4px 25px rgba(0, 0, 0, 0.1); }

.darktheme .login-left-column { background: var(--cardclr); border-right: 1px solid #45494D; }  
.darktheme .sticky-inbound { background:var(--body); }
.darktheme .inbound-right-column .content .multi-select .multi-add { background: #171D31; }
.darktheme .inbound-right-column .content .header h2 { color: var(--white);}
.darktheme .inbound-right-column .content .multi-select { background:var(--body); }
.darktheme .inbound-right-column .content .multi-select .select_count { color: var(--white);}
.darktheme .inbound-footer { background: var(--cardclr); box-shadow:8px -4px 25px rgba(0, 0, 0, 0.1); }
.darktheme .inbound-footer .allow-outbound label { color: var(--white);}
.darktheme .inbound-footer .reset_btn { color: var(--white);}
.darktheme .inbound-footer .allow-outbound .custom-checkbox .custom-control-label::before { background: transparent; border:1px solid #D1E6FF; }
.darktheme .inbound-right-column .content .header .selectall label { color: var(--white);}
.darktheme .inbound-right-column .content .header .selectall .custom-checkbox .custom-control-label::before { background: transparent; border:1px solid #D1E6FF; }
.darktheme .inbound-right-column .content .multi-select .multi-add { background: var(--cardclr); }
.darktheme .inbound-listing .inbound-box ul li a { background-color: var(--cardclr); color: var(--white); } 
.darktheme .oncall-area a { color: var(--white); }
.darktheme .buttons-nav-content { background: var(--themecolor); border-color: var(--themecolor); } 
.darktheme .buttons-nav-content .buttons_column ul li a { color: var(--white);}
.darktheme .diallead_footer { background: var(--cardclr); }
.darktheme .diallead_footer .form-bottom-button { color: var(--white); }
.darktheme .lead_search_popup .content { background: var(--cardclr); }
.darktheme .lead_search_popup .popup_header h1 { color: var(--white); }
.darktheme .lead_search_popup .popup_header { border-bottom: 1px solid var(--body); }
.darktheme #leadsearch .lead_footer { background: var(--cardclr); box-shadow: 0px -1px 12px #000; }
.darktheme #leadsearch .lead_form label { color: var(--white); }
.darktheme .table-content th { background-color: var(--tableth); color: var(--white); }
/* .darktheme .theme-mode button { background: var(--header); } */
.darktheme .calendar_dropdown button p { color: var(--white); }
.darktheme .tday-viewall span { color: var(--white); }
.darktheme .calendar_dropdown .calendar_icon { color: var(--white); }
.darktheme .tday-viewall button { background: #151C44; padding: 5px 10px; border-radius: 5px; }
.darktheme .tday-viewall a { background: #151C44; padding: 5px 10px; border-radius: 5px; }
.darktheme .inner_header .page-title h1 { color: var(--white); }
.darktheme .calllogs-box .discription-box .time h4 { color: var(--white); }
.darktheme .logout-area.active .ready_menu { background:var(--button); }
.darktheme .logout-area.active .ready_menu li a { color: var(--white); }
.darktheme .logout-area.active .ready_menu::before { border-bottom: 10px solid var(--button); }
.darktheme .calllogs-box .content { border-bottom: 1px solid var(--footer); }
.darktheme .table-content td { color: var(--white); border-bottom: 1px solid var(--footer); }
.darktheme .table-content tbody > tr:hover { background:var(--table-hvr); }
.darktheme .disposition-footer .switch_takebreak p { color: var(--white);}
.darktheme .form-control { background: var(--inputbg); border-color: var(--input-bdr) !important; color: var(--white) !important; }
.darktheme #leadsearch .clear_all_btn { color: var(--white); }
.darktheme .buttons-nav-content .livecall h5 { color: var(--white); }
.darktheme .buttons-nav-content .livecall .calltiming { color: var(--white); }
.darktheme .buttons-nav-content #ParkCounterSpan { color: var(--white); }
.darktheme .email-outbound-inbound { background: var(--cardclr); }
.darktheme .email-outbound-inbound .email-outbound-content { background: var(--tabs); box-shadow: 1px 0px 0px var(--themecolor); }
.darktheme .stickylinsting ul li.active a { color: var(--white); background-color: var(--themecolor);}
.darktheme .stickylinsting h2, .darktheme .stickylinsting ul li a { color: var(--white);}
.darktheme .stickylinsting ul li a:hover { color: var(--white); background-color: var(--themecolor);}
.darktheme .email-module-content .editor { border: 1px solid var(--input-bdr); }
.darktheme .email-module-content .editor .note-editor.note-frame.card { background: var(--inputbg); }
.darktheme #emailoutbound .note-toolbar { background: var(--tabs); }
.darktheme #emailoutbound .note-editor.note-airframe .note-statusbar, .darktheme #emailoutbound .note-editor.note-frame .note-statusbar { background: var(--tabs); border-top: 1px solid var(--input-bdr); }
.darktheme #emailoutbound .note-btn-group .note-btn { border-color: var(--input-bdr); background: var(--themecolor); color: var(--white); }
.darktheme .note-editor .note-editing-area .card-block p { color: var(--white) !important;}
.darktheme #emailoutbound .note-editor.note-airframe .note-editing-area .note-editable[contenteditable="false"], .darktheme #emailoutbound .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] { background: var(--themecolor); }
.darktheme .agentsstatus_popup .content { background: var(--cardclr); }
.darktheme .agentsstatus_popup .agents_content {	border-top: 1px solid var(--footer); }
.darktheme .agentsstatus_popup .agents_content .agent_data { border-bottom: 1px solid var(--footer); }
.darktheme .agentsstatus_popup .agents_content .agent_data .name { color:var(--white);}
.darktheme .popup_header h1 { color: var(--white);} 
.darktheme .popup_header button { background: var(--button) !important; }
.darktheme .callbacks-content .callbacks-table tbody.hedding td { color: var(--white); border-bottom: 1px solid var(--footer); }
.darktheme table.dataTable tbody tr { background: var(--cardclr); color: var(--white) !important;  }
.darktheme table.dataTable tbody tr:hover { background: var(--table-hvr); }
.darktheme #CloserSelectBox { background: var(--body); }
.darktheme #sms_templates.stickylinsting h2 { color: var(--white); }
.darktheme .sms-bg { background: var(--cardclr); border-left: 1px solid var(--themecolor); }
.darktheme .sms-whatsapp-checkbox .custom-checkbox .custom-control-label { color: var(--white);}
.darktheme .modal-content { background-color: var(--button); border: 0; } 
.darktheme .modal-header .modal-title { color: var(--white); }
.darktheme .logout_message p, .darktheme .logout_message h3, .darktheme #LogoutModal .default_btn1 { color: var(--white); }  
.darktheme .manualcall .previewcall .default_btn3 { background: var(--button); color:var(--white); border-color: var(--button); }
.darktheme .manualcall .previewcall .default_btn3:hover { background: var(--white); color:var(--button) !important; border-color: var(--white); }
.darktheme .default_btn2 { border-color: var(--white); color: var(--button); background-color:var(--white); }
.darktheme .default_btn2:hover { color: var(--white) !important; background-color:transparent; }
.darktheme .default_btn1:hover { color: var(--button) !important; background-color:var(--white); }
.darktheme .default_btn3 { border-color: var(--white); color: var(--button); background-color:var(--white); }
.darktheme .default_btn3:hover { color: var(--white) !important; background-color:transparent; }
.darktheme .manager-permission-popup .modal-dialog .modal-content p { color:var(--white); }
.darktheme #scripts table { color: var(--white);}
.darktheme .form-control::placeholder { color: var(--labeltext); }
.darktheme .callbackpopup .clear-btn { background: var(--white); border-radius: 50%; cursor: pointer; }
.darktheme .newleadbox table tbody > tr > td.postcode-content p { color: var(--white); }
.darktheme .leaddetails-content .form-group p { color: var(--white); }
.darktheme .customer-hangup-content p { color: var(--white); }
.darktheme .customer-hangup-content h4 { color: var(--white); }
.darktheme .customer-hangup-content .modal-header, .darktheme .customer-hangup-content .border-top { border-color:#4e9df9 !important; }
.darktheme .modal-content .form-control { background: var(--button);  border-color: var(--white) !important; color: var(--white) !important; } 
.darktheme .modal-content .form-control:focus { box-shadow: 0px 0 6px 1px #A9CDF7; }
.darktheme .modal-content .table-content th { background-color: #4e9df9; color: var(--white); }
.darktheme .modal-content .table-content td { border-bottom: 1px solid #4e9df9; }
.darktheme .modal-content .table-content tbody > tr:hover { background: #3474bf; }
.darktheme .modal-content .customtab .nav-tabs {background: top;border-bottom: 2px solid #4e9df9 !important; border: 0; }
.darktheme .modal-content .transfercall .customtab .nav-tabs .nav-link.active { color: #FFF; }
.darktheme .transfercall .radiobuttons label p { color:var(--white); }
.darktheme .transfercall .radiobuttons input[type="radio"]::before { border: 4px solid #4e9df9; }
.darktheme .transfercall .customtab .nav-tabs .nav-link.active { color: var(--white); }
.darktheme .lunchbreak-popup .content { background: var(--button); }
.darktheme .times-hours-status .totalbreaktime label, 
.darktheme .times-hours-status .totalbreaktime span, 
.darktheme .times-hours-status ul li p, 
.darktheme  .times-hours-status ul li h6 { color: var(--white); }
.darktheme .times-hours-status .totalbreaktime { border-color: var(--white); }
.darktheme .mainform-content .customer-info p { color: var(--white); }
.darktheme .daterangepicker { background-color: var(--button); margin-right: 10px; } 
.darktheme .daterangepicker .ranges li.active { background-color: #4e9df9;}
.darktheme .daterangepicker .ranges li { color: var(--white); }
.darktheme .daterangepicker .ranges li:hover { color:var(--button); }
.darktheme .daterangepicker .drp-buttons { color:var(--white); border-color:#4e9df9; }
.darktheme .daterangepicker .drp-buttons .btn { border: 1px solid var(--white); color: var(--white); }
.darktheme .daterangepicker::before { border-bottom: 7px solid var(--button) !important; }
.darktheme .daterangepicker::after { border-bottom: 6px solid var(--button); }
.darktheme .daterangepicker .ranges li.active:hover { color:var(--white); }
.darktheme .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #4e9df9; }
.darktheme .backbutton { color: var(--white); }
.darktheme .leaddetails th { border-bottom: 1px solid var(--footer) !important; }
.darktheme .buttons-nav-content .livecall { border-color:var(--footer); }
.darktheme #reportrange span svg { color: var(--white); }
.darktheme .userlinkpopup { background: var(--button); }
.darktheme .userlinkpopup ul li a { color: var(--white) !important; }
.darktheme .tday-viewall .fa-chevron-right { color: var(--white); }
.darktheme .callbackpopup .form-control::placeholder { color: var(--white); }
.darktheme .postcode-content .infocallbox p { color: var(--white) !important; }
.darktheme .calllogs-box .discription-box .customer-name { color: var(--white);}
.darktheme .lastcallbacks::before { background: var(--body); }
.darktheme .lastcallbacks { background: var(--body); color: var(--white); }
.darktheme .calllogs-box .discription-box .customer-name span.status { color: var(--white); background: var(--body); }
.darktheme .calllogs-box .discription-box .customer-name span.status::before { background: var(--white); }
.darktheme .flatpickr-calendar.animate.open { background: var(--popup); box-shadow: var(--popup); }
.darktheme .flatpickr-calendar.arrowTop::before { border-bottom-color: var(--popup); }
.darktheme .flatpickr-months .flatpickr-month { color:var(--white); fill:var(--white); } 
.darktheme span.flatpickr-weekday, .darktheme .flatpickr-day, .darktheme .flatpickr-time input, .darktheme .flatpickr-time .flatpickr-am-pm { color: var(--white); }
.darktheme .flatpickr-calendar.hasTime .flatpickr-time { border: 1px solid var(--themecolor);}
.darktheme .flatpickr-day:hover { background:var(--themecolor); border-color:var(--themecolor); }
.darktheme .flatpickr-time input:hover, .darktheme .flatpickr-time .flatpickr-am-pm:hover { background:var(--themecolor); } 
.darktheme .flatpickr-months .flatpickr-next-month { color:var(--white); fill:var(--white);  }
.darktheme .callback-schedule { border: 1px solid var(--white); background: var(--body); }
.darktheme #notes_card_section { color: var(--white); }
.darktheme .default_btn1 { color: var(--white); }  
.darktheme .notes_card_section .card { border: 1px solid var(--popup); box-shadow: 0px 2px 0px var(--popup); background: var(--popup); }
.darktheme .notes_card_section .card .card-header .card-title h4 { color: var(--white); }
.darktheme .notes_card_section .card .card-header .campaign-name h5 { color: var(--white); }
.darktheme .daterangepicker .calendar-table { background-color:transparent; border: 1px solid var(--white); }
.darktheme .daterangepicker td.active, .darktheme .daterangepicker td.active:hover { background-color: var(--button) !important; color: var(--white) !important; }
.darktheme .daterangepicker td.in-range { background-color:var(--cardclr); color: var(--white); }
.darktheme .daterangepicker .calendar-table th, .darktheme .daterangepicker .calendar-table td { color: var(--white); }
.darktheme .daterangepicker td.disabled { background: transparent;}
.darktheme .daterangepicker td.off { background: transparent; opacity: 0.5; }
.darktheme .daterangepicker .calendar-table .prev span { border-color:var(--white);  }
.darktheme .daterangepicker .calendar-table .prev span:hover {  border-color: var(--button);}
.darktheme .daterangepicker td.available:hover, .darktheme .daterangepicker th.available:hover { color: var(--button); }
.darktheme ~ .alert-wrapper .question-bg { background: var(--button) !important; }   
.darktheme ~ .alert-wrapper .question-bg + .alert-body { background: var(--button) !important; border-top: 1px solid var(--white); }
.darktheme ~ .alert-wrapper .question-bg + .alert-body .alert-message { color: var(--white); }
.darktheme ~ .alert-wrapper .question-bg + .alert-body .question-buttons button.confirm-button { font-size: 14px !important; background: var(--white) !important; color:var(--button) !important; }
.darktheme ~ .alert-wrapper .alert-frame { background: var(--button) !important;  }
body.darktheme .flatpickr-monthDropdown-month { background-color:var(--themecolor) !important; font-size: 14px; padding:2px 5px; }
/* Whatsapp module */
.darktheme .whatsapp-chat-user { background: #162124; border-right: 1px solid #2D3C43; }  
.darktheme #whatsapp .vertical-tab .nav-tabs li a { background: #2D3C43; } 
.darktheme .whatsapp-chat-user ul li a .content h2 { color:var(--white); }
.darktheme .whatsapp-chat-user ul li a .content p.message { color:var(--white); }    
.darktheme #whatsapp .vertical-tab .nav-tabs li a::before, .darktheme #whatsapp .vertical-tab .nav-tabs li a::after { background-color: #36474F; }
.darktheme .whatsapp-content .messages-area { background: #36474F; }
.darktheme h3.wlc-whts, .darktheme h3.wlc-whts p { color: var(--white); }
.darktheme .whatsapp-content .sms-area .receive .content { background: #6F8793; } 
.darktheme .whatsapp-content .sms-area .receive .content p { color: var(--white); }
.darktheme .whatsapp-content .sms-area .receive .content a { color: var(--white); text-decoration: underline; }
.darktheme .whatsapp-content .messages-area .header { border-bottom: 1px solid #26363E; background: #26363E; box-shadow: 0 1px 5px 0 #26363E; }
.darktheme .whatsapp-content .messages-area .header h2 { color: var(--white); }
.darktheme .whatsapp-content .messages-area .date_box { border-bottom: 1px solid #2D3C43; }
.darktheme .whatsapp-content .messages-area .date_box span { background: #36474F; color: var(--white); }
.darktheme .whatsapp-content .sms-area .receive .time, .darktheme .whatsapp-content .sms-area .sendsms .time { color: var(--white); }
.darktheme .whatsapp-content .sms-send-box { background: #26363E; } 
.darktheme .whatsapp-content .attachedbox { background-color: #26363E; }
.darktheme .whatsapp-content .sms-send-box .form-control { background: #36474F; border-color: #36474f !important; }
.darktheme .share-contact-popup #share_contacts_length select, .darktheme .share-contact-popup #share_contacts_filter input { border-color: var(--white); color: var(--white); }
.darktheme .select-contact-popup #fwd_contacts_length select, .darktheme .select-contact-popup #fwd_contacts_filter input { border-color: var(--white); color: var(--white); }

.darktheme .whatsapp-chat-user ul.nav { scrollbar-color: #00A884 #2D3C43; }
.darktheme .whatsapp-chat-user ul.nav::-webkit-scrollbar { width: 8px; height: 14px; }
.darktheme .whatsapp-chat-user ul.nav::-webkit-scrollbar-track { background: transparent; }
.darktheme .whatsapp-chat-user ul.nav::-webkit-scrollbar-thumb { background: #00A884; border-radius: 14px; }
.darktheme .whatsapp-chat-user ul.nav::-webkit-scrollbar-thumb:hover { background: #00A884; }
.darktheme .selecttemplate-content { background: var(--button); }
.darktheme .selecttemplate-content ul li a { color: var(--white);} 
.darktheme .selecttemplate-content ul li a:hover { background-color: #2888F9; }
.darktheme .selecttemplate-content ul li { border-bottom: 1px solid #2888F9; }
.darktheme .share-contact-popup .send, .darktheme .select-contact-popup .send { border-color: var(--white); color: var(--button); background-color: var(--white); }
.darktheme .share-contact-popup .send:hover, .darktheme .select-contact-popup .send:hover { background-color: transparent; color:var(--white); }
.darktheme .share-contact-popup .table-striped tbody tr:nth-of-type(2n+1), .darktheme .select-contact-popup .table-striped tbody tr:nth-of-type(2n+1) {	background-color: #076EE6 !important; }
.darktheme #share_contacts.dataTable tbody tr, .darktheme #fwd_contacts.dataTable tbody tr { background:var(--button); color: var(--white) !important; }
.darktheme .share-contact-popup .custom-checkbox label, .darktheme .select-contact-popup .custom-checkbox label { color:var(--white); }
.darktheme .share-contact-popup .custom-checkbox label::before, .darktheme .select-contact-popup .custom-checkbox label::before { border: solid 1px var(--white); }
.darktheme .share-contact-popup #share_contacts th, .darktheme .select-contact-popup #fwd_contacts th { background-color: #0e64c8; }
.darktheme .select-contact-popup .dataTables_wrapper .dataTables_paginate, .darktheme .share-contact-popup .dataTables_wrapper .dataTables_paginate { border-top: 1px solid #076EE6; }
.darktheme #fwd_contacts_paginate .paginate_button, .darktheme #share_contacts_paginate .paginate_button { border-color:var(--white) !important; color: var(--white) !important; }
.darktheme .select-contact-popup #fwd_contacts_paginate .paginate_button.current, .darktheme .share-contact-popup #share_contacts_paginate .paginate_button.current { background: var(--white) !important; color: var(--button) !important; } 
.darktheme .whatsapp-content .sms-area .sendsms .time-status-info .msg_status span { color: var(--white); }
.darktheme .whatsapp-new-message .countrycode { border: 1px solid var(--white); color: var(--white); }
.darktheme #addnewmessage .modal-content .form-control::placeholder { color: var(--white); }
.darktheme .whatsapp-content .sms-area { z-index: 3; background: #36474F; }
.darktheme .whatsapp-content .messages-area .header .backaarow { color: var(--white); }
/* Internal Chat */
.darktheme .internalchat-content .internal-chat-user { background:#3a4371; border-right: 1px solid var(--themecolor); }
.darktheme .internalchat-content.vertical-tab .nav-tabs li a { background:#3a4371; }
.darktheme .internalchat-content .internal-chat-user ul li a .content h2 { color: var(--white); }
.darktheme .internalchat-content .internal-chat-user ul li a .content p.message { color: var(--white); }
.darktheme .internalchat-content.vertical-tab .nav-tabs li a::before, .darktheme .internalchat-content.vertical-tab .nav-tabs li a::after { background-color: #404B7B; }
.darktheme .internalchat-content .internal-chat-user .search { background: #3a4371; }
.darktheme .internalchat-content .messages-area .header { border-bottom: 1px solid #283059; background: #3a4371; }
.darktheme .internalchat-content .messages-area .header h2 { color: var(--white); }
.darktheme .internalchat-content .sms-area { background: var(--header); }
.darktheme .mutechatalert { background: var(--header); }
.darktheme #chat_started_date { color: var(--white); }
.darktheme .internalchat-content .sms-textarea .form-control { border-top: 1px solid #3A4371 !important; }
.darktheme .internalchat-content .invite-button { border: 1px solid var(--white); color: var(--white); }
.darktheme .internalchat-groupchat .modal-header h4 { color: var(--white); } 
.darktheme .internalchat-groupchat .sendnewmsm { background-color: var(--white); color: var(--button); border: 1px solid #0F78F2; }
.darktheme .internalchat-content .sms-area .receive .content { background: #7a87ca; }
.darktheme .internalchat-content .sms-area .receive .content p { color: var(--white); }
.darktheme .mute-privacy a { color: var(--white) !important; } 
.darktheme .mute-privacy-list { background: var(--button) !important; }
.darktheme .internalchat-mute.customcheckbox label::before { border: solid 1px var(--white); }
.darktheme .internalchat-mute.customcheckbox input:checked + label::before { border: 1px solid var(--white); }
/* Customer Chat */
.darktheme #customerchat .internal-chat-user { background: #3a4371; border-right: 1px solid var(--themecolor) !important;}
.darktheme #customerchat .internalchat-content.vertical-tab .nav-tabs li a { background: #3a4371 !important; }
.darktheme #customerchat .internal-chat-user ul li a .content p.message, .darktheme #customerchat .internal-chat-user ul li a .content h2, .darktheme #customerchat .internal-chat-user ul li a .content p.message .text-primary { color: var(--white); }
.darktheme #customerchat .vertical-tab .nav-tabs li a::before, .darktheme #customerchat .vertical-tab .nav-tabs li a::after {	background-color: #404B7B !important; }
.darktheme #customerchat .internalchat-content .sms-area { background: var(--header) !important; }
.darktheme .internalchat-content .messages-area { border-right: 1px solid var(--tabs) !important; }
/* Navbar */
.darktheme .topmenu_icon .bar1, .darktheme .topmenu_icon .bar2, .darktheme .topmenu_icon .bar3 { background-color: var(--white);}
/* facebook */
.darktheme .dialer-official-module .official-banner { border: 1px solid #343D6A; }
.darktheme .dialer-official-module .official-header { background:var(--header); }

.darktheme .official-header .user-info .user-name h1, 
.darktheme .official-content-list .post-info .user-name .time, 
.darktheme .official-content-list .post-info .user-name h2, 
.darktheme .official-content-list ul li p, 
.darktheme .official-content-list .comments a, 
.darktheme .official-content-list .comments .notification, 
.darktheme .messanger-header .user-name h1 { color: var(--white); }

.darktheme .official-content-list { background: #3a4371; }
.darktheme .official-content-list ul li {	border-bottom: 1px solid #2D355B; }
.darktheme .messaging-list-chat .fb-chat-user .search { background: #3a4371; }
.darktheme .messanger-content .fb-chat-user { background: #3a4371; border-right: 1px solid var(--themecolor); }
.darktheme .messanger-header { background: var(--header); }
.darktheme .messanger-content .messages-area .header { border-bottom: 1px solid #283059; background: #3a4371; }
.darktheme #fb-messanger .sms-area {  background: var(--header); }
.darktheme .messanger-content .sms-textarea .form-control { border-top: 1px solid #3A4371 !important; border-bottom: 0; border-left: 0; border-right: 0; }
.darktheme #post_text:focus { color: var(--white); }
.darktheme #fb_module_one .vertical-tab .nav-tabs li a { background:#3a4371; }
.darktheme .fb-chat-user ul li a .content h2, .darktheme .fb-chat-user ul li a .content .date, .darktheme .messanger-content .messages-area .header h2 { color:var(--white); }
.darktheme #fb_module_one .vertical-tab .nav-tabs li a::before, .darktheme #fb_module_one .vertical-tab .nav-tabs li a::after { background-color: #404B7B; }
.darktheme .messanger-content .sms-area .receive .content { background: #7a87ca; }
.darktheme .messanger-content .sms-area .receive .content p { color: var(--white); }
/* Twitter */
.darktheme .official-header .user-info .user-name .follow p, .darktheme .official-header .user-info .user-name .follow span { color: var(--white); }
.darktheme .twitter-messanger-header { background: var(--header); }
.darktheme .twitter-chat-user { background: #3a4371; border-right: 1px solid var(--themecolor); }
.darktheme #twitter-messanger .customtab .nav-tabs { border: 0 !important; }
.darktheme .twitter-messanger-header .user-name h1 { color: var(--white); }
.darktheme .twitter-chat-user .search { background: #3a4371; }
.darktheme .twitter-messanger-content .messages-area .header { background: #3a4371; border-bottom: 1px solid #283059; }
.darktheme .twitter-messanger-content .sms-area { background: var(--header) !important; }
.darktheme .twitter-messanger-content .sms-textarea #write_msg { border-top: 1px solid #3A4371 !important; border-bottom: 0; border-left: 0; border-right: 0; }
.darktheme .customtab .twitter-chat-user .nav-tabs { background: #3a4371; }
.darktheme .twitter-chat-user ul li a { background: #3a4371; }
.darktheme .twitter-chat-user ul li a .content h2, .darktheme .twitter-chat-user ul li a .content .date, .darktheme .twitter-chat-user ul li a .content p.message { color: var(--white);  }
.darktheme .twitter-chat-user ul li a::before, .darktheme .twitter-chat-user ul li a::after { background-color: #404B7B; } 
.darktheme .twitter-chat-user ul li a:hover { background: #404B7B !important; }
.darktheme .twitter-messanger-content .sms-area .receive .content { background: #7a87ca; }
.darktheme .twitter-messanger-content .sms-area .receive .content p { color: var(--white); }
/* email Module */
#emailbody.darktheme { background-color: var(--header) !important; }
.darktheme .outbound-data .des-text p { color: var(--white); }
.darktheme .outbound-data .coppytoreply a { background:var(--button); color: #fff; }
.darktheme .outbound-data .coppytoreply a:hover { opacity: 0.9; }
.darktheme .attachedfile .addmore a { background:var(--button); color: #fff; }
.darktheme .attachedfile .addmore a:hover { opacity: 0.9; }
.darktheme .outbound-data-replay .replyemailbtn .default_btn2 { background:var(--button); color: #fff; border-color: var(--button); }
.darktheme .outbound-data-replay .replyemailbtn .default_btn2:hover { opacity: 9; }
.darktheme #email_display_form .outbound-data {	border-bottom: 1px solid #1A2455; }
.darktheme .attachedfile .attachedfile-field { background: var(--body); }
.darktheme .attachedfile .input-file {	color:var(--white); }
.darktheme .attachedfile .btn-tertiary { background: var(--button); color: var(--white); }
.darktheme .mobileviewbutton p { color: var(--white);}
.darktheme .mobileviewbutton { border-color:var(--input-bdr); }
.darktheme #messaging_module .sms-bg { border-color:var(--input-bdr); }
.darktheme .device-content .smsdeviceview.hidecontent { background: #283059; }
.darktheme .device-content ul li { border-bottom: 1px solid #0B1234; }
.darktheme .device-content ul li:hover { background: #283059; } 
.darktheme .device-content #messaging_emulator_sms { background: var(--cardclr); }
.darktheme .device-content ul li .numberbox h3, .darktheme .device-content ul li .discription p { color: var(--white); }
/* Message Board Module */
.darktheme .message-board-welcome {	background-color: var(--header); }
.darktheme .message-board-welcome .content h2, .darktheme .message-board-welcome .content h3 { color: var(--white); }
.darktheme .message-board-card { border-right: 1px solid var(--themecolor); background: #3a4371; }
.darktheme .message-board-card .header { background: #404B7B; }
.darktheme .message-board-list ul li:hover { background-color: #404B7B; }
.darktheme .message-board-list ul li .usernamebox h4, .darktheme .message-board-list ul li .usernamebox p { color: var(--white); }
.darktheme .message-board-card .header .message-dropdown span { background-color: var(--white); }
.darktheme .message-board-list ul li { border-top: 1px solid #404B7B; }
.darktheme .message-board-details-card .board-message-content { background-color: var(--header); }
.darktheme .message-board-details-card .header .title h3, .darktheme .message-board-details-card .header .title p { color: var(--white); }
.darktheme .message-board-details-card .header { border-bottom: 1px solid #404B7B; background-color: #3a4371; }
.darktheme .message-board-details-card .header .timebox span.makeimportant .unselectstar path { fill: var(--white); }
.darktheme .message-board-details-card .header .timebox span.time { color: var(--white); }
.darktheme .message-board-details-card .board-message-content p, .darktheme .message-board-details-card .board-message-content h1 span { color: var(--white) !important; }
.darktheme .message-board-list #pagination .footer-pagination .message-board-pagination .page-item.disabled .page-link { background-color: #404B7B; color: var(--white) !important; }
.darktheme .message-board-card .header .allsms-dropdown.show { background: #0f78f2; }
.darktheme .message-board-card .header .allsms-dropdown ul li a { color: var(--white); }
.darktheme .message-board-card .header .allsms-dropdown ul li a:hover { color: #fff; background: #2286FB; }
.darktheme .message-board-card .header .allsms-dropdown ul li { border-bottom: 1px solid #2286FB; }
.darktheme .message-board-card .header .allsms-dropdown ul li:last-child { border: none; }
/* whatsapp */
.darktheme #whatsapp .vertical-tab .nav-tabs { background:#2D3C43; }
/* hotkey */
.darktheme .hotkeyRow .hotkeytxt {color: var(--white); }
.darktheme .hotkeyRow .hotkeyno { background: #dfe4ff; }
.darktheme #HotKeyEntriesBoxNew .alert.hotkeyalert { background: #5A649B; color: var(--white); border-radius: 0; }
/* header button */
.darktheme .theme-mode button { border: 1px solid var(--body); }
.darktheme .theme-mode button:hover { background: var(--body); }
.darktheme .navbar .call_lead ul li a { border: 1px solid var(--body); }
.darktheme .navbar .call_lead ul li a:hover { background: var(--body); }
.darktheme .screenshare-dropdown.show { background:var(--cardclr); box-shadow: 0px 0px 12px #000; }
.darktheme .screenshare-dropdown .buttons-card { border-color: var(--body); }
.darktheme .screenshare-dropdown button#onclickshareclose {	background: var(--button); border-radius: 50%; }
.darktheme .userlinkpopup .btn-toggle.active, .darktheme .userlinkpopup .btn-toggle { border: 1px solid #fff; }
.darktheme .userlinkpopup .btn-toggle > .handle { background: #ffffff; }

.darktheme .omnichannel-content .call-status { background: #6C5CE7; }
.darktheme .omnichannel-content .card-content h2 { color: #fff; }
.darktheme .omnichannel-content .card-content.call-status .inbound-outbound-content, .darktheme .omnichannel-content .card-content.call-status h2 { border-color: #7563FF !important; }
.darktheme .omnichannel-content .card-content .inbound-outbound-content label, .darktheme .omnichannel-content .card-content .inbound-outbound-content span.count { color: #fff; }
.darktheme .omnichannel-content .total label, .darktheme .omnichannel-content span.total-count { color:#fff; }

.darktheme .omnichannel-content .whatsapp-status { background: #27AE60; }
.darktheme .omnichannel-content .card-content.whatsapp-status .inbound-outbound-content, .darktheme .omnichannel-content .card-content.whatsapp-status h2 { border-color: #2cbb68 !important; }

.darktheme .omnichannel-content .email-status { background: #E17055; }
.darktheme .omnichannel-content .card-content.email-status .inbound-outbound-content, .darktheme .omnichannel-content .card-content.email-status h2 { border-color: #EC7E64 !important; }

.darktheme .omnichannel-content .chat-status { background: #8E44AD; }
.darktheme .omnichannel-content .card-content.chat-status .inbound-outbound-content, .darktheme .omnichannel-content .card-content.chat-status h2 { border-color: #A054BF !important; }

.darktheme .omnichannel-content .sms-status { background: #00CEC9; }
.darktheme .omnichannel-content .card-content.sms-status .inbound-outbound-content, .darktheme .omnichannel-content .card-content.sms-status h2 { border-color: #1BE8E3 !important; }

.darktheme .omni-graphical-view { background: var(--cardclr); }

.darktheme #form_custom_fields .cf_column span { color: var(--white) !important; }
.darktheme #form_custom_fields .cf_header label { color: var(--white); }
.darktheme #form_custom_fields .cf_header { border-bottom: 1px solid var(--tabs); }
.darktheme #form_custom_fields .cf_column label { color: var(--white); }
.darktheme .top-hdr-menu .nav-link { border: 1px solid var(--body) !important; }
/* Ticket Management css Start */
.darktheme .ticket-details-box .mail-list-data { border-right: 1px solid var(--themecolor); background: #404B7B; }
.darktheme .ticket-details-box .filter-card { background: #404B7B; }
.darktheme .ticket-details-box .conversation-details { border-bottom: 1px solid #616993; }
.darktheme .ticket-details-box .conversation-details .heading h2 { color:#fff; }
.darktheme .ticket-details-box .ticketdata-card .customtab .nav-tabs { background: #404B7B; box-shadow: 0px 4px 6px #343E66; }
.darktheme .ticket-details-box .ticketdata-card .customtab .nav-tabs .nav-link { color:#fff; }
.darktheme .ticket-details-box .ticketdata-card .ticketdata-list { background: #404B7B; }
.darktheme .ticket-details-box .ticketdata-card .customtab .nav-tabs .nav-link .notifications { background: #283059; }
.darktheme .ticket-details-box .ticketdata-card .customtab .nav-tabs .nav-link.active .notifications { background: #FFAA05; color: #FFF6E5; }
.darktheme .ticketwelcome { background: #0B1234; border: 1px solid #C0C6FF; color: #C0C6FF; }
/* Ticket Management css End*/

/* Collection Module css start */
.darktheme .collection-content .card { background: transparent; }
.darktheme .collection-sub-tabs .nav-tabs .nav-link { background-color: transparent; }
.darktheme .collection-sub-tabs .card-header button[aria-expanded="false"] { background-color:var(--cardclr); }
.darktheme .collection-sub-tabs .card-header button[aria-expanded="true"] { background-color: var(--cardclr); color: #C0C6FF; }
.darktheme .collection-sub-tabs .card-body { background-color: var(--cardclr); }
.darktheme .collection-sub-tabs .form-control:disabled, .darktheme .form-control[readonly] { background-color: #333A60; }
.darktheme .collection-sub-tabs .nav-tabs { background: var(--cardclr); }
.darktheme .collection-sub-tabs .card-header button { color: #C0C6FF; border-color:#C0C6FF !important; }
.darktheme .collection-table th { background-color: var(--tableth); color: var(--white); border: 0; }
.darktheme .collection-table td { color: var(--white); border-top: 1px solid var(--footer); }
.darktheme #form_custom_fields .cf_column span.text-danger { color: #dc3545 !important; }
.darktheme .collection-tabs .nav-tabs .nav-link { border-color: #C0C6FF; color: #C0C6FF; background-color: transparent; }
.darktheme .collection-tabs .nav-tabs .nav-link.active { border-color: #0F78F2; background: #0F78F2; color: #fff; }
/* Collection Module css End */

/* theme two */
.clr-two #sidebar .menubar { background: var(--themecolor-clr2); }
.clr-two .socialbox { border-top: 1px solid #7248ce;}
.clr-two .theme-mode button .light svg { stroke: var(--themecolor-clr2) !important; }
.clr-two .left_logout_section .copyright { border-top: 1px solid #7248ce; }
.clr-two .left_logout_section { border-top: 1px solid #7248ce; }
.clr-two .userlinkpopup ul li a:hover { color: var(--themecolor-clr2) !important; }
.clr-two .top-hdr-menu .nav-link > span { background-color:#dcccff; }
.clr-two .top-hdr-menu .nav-link:hover {	background: var(--themecolor-clr2); }
.clr-two .default_btn2 { background: var(--themecolor-clr2); border-color: var(--themecolor-clr2); }
.clr-two .default_btn2:hover { color: var(--white) !important; opacity: 0.8; }
.clr-two .default_btn1:hover { background: var(--themecolor-clr2); border-color: var(--themecolor-clr2); color: var(--white) !important; }
.clr-two .default_btn3 { border: 1px solid var(--themecolor-clr2); color: var(--themecolor-clr2); }
.clr-two .default_btn3:hover { background: var(--themecolor-clr2); color: var(--white); }
.clr-two .theme-mode button { color: var(--themecolor-clr2); border: 1px solid #dcccff; }
.clr-two .theme-mode button:hover { background: #f7f3ff; }
.clr-two .navbar .call_lead ul li a {	border: 1px solid #dcccff; }
.clr-two .navbar .call_lead ul li a:hover {	background: #f7f3ff; }
.clr-two .navbar .call_lead ul li a.hotkey_hideshow_popup svg path { fill: var(--themecolor-clr2) !important; }
.clr-two .navbar .call_lead ul li a.videoshar-icon svg { color: var(--themecolor-clr2) !important; }
.clr-two .hotkey_hideshow_popup svg {	color: var(--themecolor-clr2); }
.clr-two .form-control:focus {	border-color: var(--button); box-shadow: 0 0 0 .2rem #f7f3ff; }
.clr-two .alert.lead-search-alert { color: var(--themecolor-clr2); border-color: #f7f3ff; background: #f7f3ff; }
.clr-two #leadsearch .search_lead_btn { border: 1px solid var(--themecolor-clr2); background: var(--themecolor-clr2); }
.clr-two #leadsearch .search_lead_btn:hover { color: var(--themecolor-clr2); background: transparent; }
.clr-two #leadsearch .clear_all_btn:hover { border: 1px solid var(--themecolor-clr2); background: var(--themecolor-clr2); }
.clr-two .customcheckbox input:checked + label::before { background: var(--themecolor-clr2); border: 1px solid var(--themecolor-clr2); }
.clr-two .daterangepicker .ranges li.active { background-color: var(--themecolor-clr2) !important; }

.clr-two .daterangepicker .drp-buttons .btn-primary { background-color: var(--themecolor-clr2); border-color: var(--themecolor-clr2); }
.clr-two .daterangepicker .drp-buttons .btn-primary:hover { background-color: var(--themecolor-clr2); border-color: var(--themecolor-clr2); opacity: 0.5; }
.clr-two .daterangepicker .drp-buttons .cancelBtn.btn-default:hover { background-color: var(--themecolor-clr2); border-color: var(--themecolor-clr2); color: #fff !important; }

.clr-two .daterangepicker td.active, .clr-two .daterangepicker td.active:hover { background-color: var(--themecolor-clr2); }
.clr-two .daterangepicker td.in-range { background-color: #f7f3ff; }
.clr-two .daterangepicker td.active.in-range {background-color: var(--themecolor-clr2);  }
.clr-two .phonenumber-search .search { background: var(--themecolor-clr2); }
.clr-two .hotkeyRow .hotkeyno { background: #f7f3ff; }
.clr-two .official-header .buttons-box a.create-post-btn { background: var(--themecolor-clr2) !important; }
.clr-two .official-header .buttons-box a.create-post-btn:hover { background: #f7f3ff !important; color: var(--themecolor-clr2); }
.clr-two .official-header .buttons-box a:hover { background: #f7f3ff; }
.clr-two .sms-whatsapp-checkbox .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--themecolor-clr2); background-color: var(--themecolor-clr2); }
.clr-two .left_logout_section .users .user_img { background-color: #fff; color: #050F34; }
.clr-two .table-content th { background-color: #f7f3ff; }
.clr-two .continue_btn { background: var(--themecolor-clr2); border-color: var(--themecolor-clr2); }
.clr-two .continue_btn:hover { color:var(--white); background: var(--themecolor-clr2); opacity: 0.8; }
.clr-two .reset_btn:hover { background: var(--themecolor-clr2); border-color: var(--themecolor-clr2); color: var(--white) !important; }
.clr-two .top-hdr-menu .customtab .nav-tabs .nav-item.show .nav-link, .clr-two .top-hdr-menu .nav-tabs .nav-link.active {	background: var(--themecolor-clr2); }
.clr-two .email-module-content .editor { border: 1px solid #dcccff; }
.clr-two #emailoutbound .note-btn-group .note-btn { border-color: #f7f3ff; }
.clr-two #emailoutbound .note-editor.note-airframe .note-statusbar, .clr-two #emailoutbound .note-editor.note-frame .note-statusbar { background-color: #f7f3ff; border-top: 1px solid #f7f3ff; }
.clr-two #emailoutbound .note-toolbar { background: #f7f3ff; }
.clr-two .allow-outbound .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--themecolor-clr2) !important; background-color: var(--themecolor-clr2); }
.clr-two .selectall .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--themecolor-clr2) !important; background-color: var(--themecolor-clr2); }
.clr-two .inbound-right-column .content .multi-select .multi-add a { background: var(--themecolor-clr2); border: 1px solid var(--themecolor-clr2); }
.clr-two .message-board-list ul li:hover { background-color: #f7f3ff; }
.clr-two .message-board-card .refresh svg { color: var(--themecolor-clr2); }
.clr-two .message-board-list #pagination .footer-pagination .message-board-pagination .page-link { background-color: var(--themecolor-clr2); color: #fff !important; }
.clr-two .startchat-button { background: var(--themecolor-clr2); }
.clr-two .startchat-button:hover { background: var(--themecolor-clr2); opacity: 0.5; }
.clr-two .customcheckbox input:checked + label::before { background: var(--themecolor-clr2); border: 1px solid var(--themecolor-clr2); }
.clr-two .internalchat-content.vertical-tab .nav-tabs li a::before, .clr-two .internalchat-content.vertical-tab .nav-tabs li a::after { background-color: #f7f3ff; }
.clr-two .internalchat-content .sms-textarea .send-btn a { background: var(--themecolor-clr2); }
.clr-two #chat_started_date .datetime { background-color: #f7f3ff; }
.clr-two .internalchat-content .sms-area .sendsms .content { background: #dcccff; }
.clr-two .device-content ul li:hover { background: #f7f3ff; }
.clr-two #customerchat .vertical-tab .nav-tabs li a::before, .clr-two #customerchat .vertical-tab .nav-tabs li a::after { background-color: #f7f3ff; }
.clr-two .internalchat-content .sms-textarea .send-btn button.send { background-color: var(--themecolor-clr2); }
.clr-two .disposition-content ul li a:hover { border: 1px solid var(--themecolor-clr2) !important; color: var(--themecolor-clr2); }
.clr-two .twitter-messanger-content .sms-textarea .send-btn a { background: var(--themecolor-clr2); }
.clr-two .twitter-messanger-content .sms-textarea .send-btn a:hover { background: var(--themecolor-clr2); opacity: 0.5; }
.clr-two .navbar .information .campaign-info { background: var(--themecolor-clr2); }
.clr-two .navbar .information .campaign-info::after { border-right-color: var(--themecolor-clr2); }
.clr-two .datatable-content .dataTables_wrapper .dataTables_paginate .paginate_button.current, .clr-two .datatable-content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background-color: var(--themecolor-clr2);	border: 1px solid var(--themecolor-clr2); }
.clr-two .radiobuttons input[type="radio"]::before { border-color: var(--themecolor-clr2); }  
.clr-two .disposition-content ul li:hover .check {  border-color: var(--themecolor-clr2); }
.clr-two .disposition-content input[type="radio"]:checked ~ label a { color: var(--themecolor-clr2); }
.clr-two .disposition-content input[type="radio"]:checked ~ label { color: var(--themecolor-clr2); border-color: var(--themecolor-clr2); }
.clr-two .disposition-content input[type="radio"]:checked ~ .check { border-color: var(--themecolor-clr2); }
.clr-two input#join_meeting_id + a, .clr-two input#join_meeting_pass + a { color: var(--themecolor-clr2); }
.clr-two .message-board-card .header .allsms-dropdown ul li a:hover { color: var(--themecolor-clr2); background: #f7f3ff; }
.clr-two .refreshicon:hover { color: var(--themecolor-clr2); }

/* theme there */
.clr-three #sidebar .menubar { background: var(--themecolor-clr3); }
.clr-three .socialbox { border-top: 1px solid #1f773e;}
.clr-three .theme-mode button .light svg { stroke: var(--themecolor-clr3) !important; }
.clr-three .left_logout_section .copyright { border-top: 1px solid #1f773e; }
.clr-three .left_logout_section { border-top: 1px solid #1f773e; }
.clr-three .userlinkpopup ul li a:hover { color: var(--themecolor-clr3) !important; }
.clr-three .top-hdr-menu .nav-link > span { background-color:#c8f2d6; }
.clr-three .top-hdr-menu .nav-link:hover {	background: var(--themecolor-clr3); }
.clr-three .default_btn2 { background: var(--themecolor-clr3); border-color: var(--themecolor-clr3); }
.clr-three .default_btn2:hover { color: var(--white) !important; opacity: 0.8; }
.clr-three .default_btn1:hover { background: var(--themecolor-clr3); border-color: var(--themecolor-clr3); color: var(--white) !important; }
.clr-three .default_btn3 { border: 1px solid var(--themecolor-clr3); color: var(--themecolor-clr3); }
.clr-three .default_btn3:hover { background: var(--themecolor-clr3); color: var(--white); }
.clr-three .theme-mode button { color: var(--themecolor-clr3); border: 1px solid #c8f2d6; }
.clr-three .theme-mode button:hover { background: #eafff1; }
.clr-three .navbar .call_lead ul li a {	border: 1px solid #c8f2d6; }
.clr-three .navbar .call_lead ul li a:hover {	background: #eafff1; }
.clr-three .navbar .call_lead ul li a.hotkey_hideshow_popup svg path { fill: var(--themecolor-clr3) !important; }
.clr-three .navbar .call_lead ul li a.videoshar-icon svg { color: var(--themecolor-clr3) !important; }
.clr-three .hotkey_hideshow_popup svg {	color: var(--themecolor-clr3); }
.clr-three .form-control:focus {	border-color: var(--button); box-shadow: 0 0 0 .2rem #eafff1; }
.clr-three .alert.lead-search-alert { color: var(--themecolor-clr3); border-color: #eafff1; background: #eafff1; }
.clr-three #leadsearch .search_lead_btn { border: 1px solid var(--themecolor-clr3); background: var(--themecolor-clr3); }
.clr-three #leadsearch .search_lead_btn:hover { color: var(--themecolor-clr3); background: transparent; }
.clr-three #leadsearch .clear_all_btn:hover { border: 1px solid var(--themecolor-clr3); background: var(--themecolor-clr3); }
.clr-three .customcheckbox input:checked + label::before { background: var(--themecolor-clr3); border: 1px solid var(--themecolor-clr3); }
.clr-three .daterangepicker .ranges li.active { background-color: var(--themecolor-clr3) !important; }
.clr-three .daterangepicker .drp-buttons .btn-primary { background-color: var(--themecolor-clr3); border-color: var(--themecolor-clr3); }
.clr-three .daterangepicker .drp-buttons .btn-primary:hover { background-color: var(--themecolor-clr3); border-color: var(--themecolor-clr3); opacity: 0.5; }
.clr-three .daterangepicker .drp-buttons .cancelBtn.btn-default:hover { background-color: var(--themecolor-clr3); border-color: var(--themecolor-clr3); color: #fff !important; }
.clr-three .daterangepicker td.active, .clr-three .daterangepicker td.active:hover { background-color: var(--themecolor-clr3); }
.clr-three .daterangepicker td.in-range { background-color: #eafff1; }
.clr-three .daterangepicker td.active.in-range {background-color: var(--themecolor-clr3);  }
.clr-three .phonenumber-search .search { background: var(--themecolor-clr3); }
.clr-three .hotkeyRow .hotkeyno { background: #eafff1; }
.clr-three .official-header .buttons-box a.create-post-btn { background: var(--themecolor-clr3) !important; }
.clr-three .official-header .buttons-box a.create-post-btn:hover { background: #eafff1 !important; color: var(--themecolor-clr3); }
.clr-three .official-header .buttons-box a:hover { background: #eafff1; }
.clr-three .clr-two .official-header .buttons-box a:hover { background: #f7f3ff; }
.clr-three .sms-whatsapp-checkbox .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--themecolor-clr3); background-color: var(--themecolor-clr3); }
.clr-three .left_logout_section .users .user_img { background-color: #fff; color: #050F34; }
.clr-three .table-content th { background-color: #eafff1; }
.clr-three .continue_btn { background: var(--themecolor-clr3); border-color: var(--themecolor-clr3); }
.clr-three .continue_btn:hover { color:var(--white); background: var(--themecolor-clr3); opacity: 0.8; }
.clr-three .reset_btn:hover { background: var(--themecolor-clr3); border-color: var(--themecolor-clr3); color: var(--white) !important; }
.clr-three .top-hdr-menu .customtab .nav-tabs .nav-item.show .nav-link, .clr-three .top-hdr-menu .nav-tabs .nav-link.active {	background: var(--themecolor-clr3); }
.clr-three .email-module-content .editor { border: 1px solid #8bb699; }
.clr-three #emailoutbound .note-btn-group .note-btn { border-color: #eafff1; }
.clr-three #emailoutbound .note-editor.note-airframe .note-statusbar, .clr-three #emailoutbound .note-editor.note-frame .note-statusbar { background-color: #eafff1; border-top: 1px solid #eafff1; }
.clr-three #emailoutbound .note-toolbar { background: #eafff1; }
.clr-three .allow-outbound .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--themecolor-clr3) !important; background-color: var(--themecolor-clr3); }
.clr-three .selectall .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--themecolor-clr3) !important; background-color: var(--themecolor-clr3); }
.clr-three .inbound-right-column .content .multi-select .multi-add a { background: var(--themecolor-clr3); border: 1px solid var(--themecolor-clr3); }
.clr-three .message-board-list ul li:hover { background-color: #eafff1; }
.clr-three .message-board-card .refresh svg { color: var(--themecolor-clr3); }
.clr-three .message-board-list #pagination .footer-pagination .message-board-pagination .page-link { background-color: var(--themecolor-clr3); color: #fff !important; }

.clr-three .startchat-button { background: var(--themecolor-clr3); }
.clr-three .startchat-button:hover { background: var(--themecolor-clr3); opacity: 0.5; }
.clr-three .customcheckbox input:checked + label::before { background: var(--themecolor-clr3); border: 1px solid var(--themecolor-clr3); }
.clr-three .internalchat-content.vertical-tab .nav-tabs li a::before, .clr-three .internalchat-content.vertical-tab .nav-tabs li a::after { background-color: #eafff1; }
.clr-three .internalchat-content .sms-textarea .send-btn a { background: var(--themecolor-clr3); }
.clr-three #chat_started_date .datetime { background-color: #eafff1; }
.clr-three .internalchat-content .sms-area .sendsms .content { background: #c8f2d6; }
.clr-three .device-content ul li:hover { background: #eafff1; }
.clr-three #customerchat .vertical-tab .nav-tabs li a::before, .clr-three #customerchat .vertical-tab .nav-tabs li a::after { background-color: #eafff1; }
.clr-three .internalchat-content .sms-textarea .send-btn button.send { background-color: var(--themecolor-clr3); }
.clr-three .disposition-content ul li a:hover { border: 1px solid var(--themecolor-clr3) !important; color: var(--themecolor-clr3); }
.clr-three .twitter-messanger-content .sms-textarea .send-btn a { background: var(--themecolor-clr3); }
.clr-three .twitter-messanger-content .sms-textarea .send-btn a:hover { background: var(--themecolor-clr3); opacity: 0.5; }
.clr-three .navbar .information .campaign-info { background: var(--themecolor-clr3); }
.clr-three .navbar .information .campaign-info::after { border-right-color: var(--themecolor-clr3); }
.clr-three .datatable-content .dataTables_wrapper .dataTables_paginate .paginate_button.current, .clr-three .datatable-content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background-color: var(--themecolor-clr3);	border: 1px solid var(--themecolor-clr3); }
.clr-three .radiobuttons input[type="radio"]::before { border-color: var(--themecolor-clr3); }  
.clr-three .disposition-content ul li:hover .check {  border-color: var(--themecolor-clr3); }
.clr-three .disposition-content input[type="radio"]:checked ~ label a { color: var(--themecolor-clr3); }
.clr-three .disposition-content input[type="radio"]:checked ~ label { color: var(--themecolor-clr3); border-color: var(--themecolor-clr3); }
.clr-three .disposition-content input[type="radio"]:checked ~ .check { border-color: var(--themecolor-clr3); }
.clr-three input#join_meeting_id + a, .clr-three input#join_meeting_pass + a { color: var(--themecolor-clr3); }
.clr-three .message-board-card .header .allsms-dropdown ul li a:hover { color: var(--themecolor-clr3); background: #eafff1; }
.clr-three .refreshicon:hover { color: var(--themecolor-clr3); }
/* theme four */
.clr-four #sidebar .menubar {	background: var(--themecolor-clr4); }
.clr-four .socialbox { border-top: 1px solid #777bf9;}
.clr-four .theme-mode button .light svg { stroke: var(--themecolor-clr4); }
.clr-four .left_logout_section .copyright { border-top: 1px solid #777bf9; }
.clr-four .left_logout_section { border-top: 1px solid #777bf9; }
.clr-four .top-hdr-menu .nav-link > span { background-color:#BABCFF; }
.clr-four .top-hdr-menu .nav-link:hover {	background: var(--themecolor-clr4); }
.clr-four .userlinkpopup ul li a:hover { color: var(--themecolor-clr4) !important; }
.clr-four .default_btn2 { background: var(--themecolor-clr4); border-color: var(--themecolor-clr4); }
.clr-four .default_btn2:hover { color: var(--white) !important; opacity: 0.8; }
.clr-four .default_btn1:hover { background: var(--themecolor-clr4); border-color: var(--themecolor-clr4); color: var(--white) !important; }
.clr-four .default_btn3 { border: 1px solid var(--themecolor-clr4); color: var(--themecolor-clr4); }
.clr-four .default_btn3:hover { background: var(--themecolor-clr4); color: var(--white); }
.clr-four .theme-mode button { color: var(--themecolor-clr4); border: 1px solid #BABCFF; }
.clr-four .theme-mode button:hover { background: #EFEFFF; }
.clr-four .navbar .call_lead ul li a {	border: 1px solid #BABCFF; }
.clr-four .navbar .call_lead ul li a:hover {	background: #EFEFFF; }
.clr-four .navbar .call_lead ul li a.hotkey_hideshow_popup svg path { fill: var(--themecolor-clr4) !important; }
.clr-four .navbar .call_lead ul li a.videoshar-icon svg { color: var(--themecolor-clr4) !important; }
.clr-four .hotkey_hideshow_popup svg {	color: var(--themecolor-clr4); }
.clr-four .form-control:focus {	border-color: var(--button); box-shadow: 0 0 0 .2rem #DFFFFF; }
.clr-four .alert.lead-search-alert { color: var(--themecolor-clr4); border-color: #D0D2FF; background: #F5F5FF; }
.clr-four #leadsearch .search_lead_btn { border: 1px solid var(--themecolor-clr4); background: var(--themecolor-clr4); }
.clr-four #leadsearch .search_lead_btn:hover { color: var(--themecolor-clr4); background: transparent; }
.clr-four #leadsearch .clear_all_btn:hover { border: 1px solid var(--themecolor-clr4); background: var(--themecolor-clr4); }
.clr-four .customcheckbox input:checked + label::before { background: var(--themecolor-clr4); border: 1px solid var(--themecolor-clr4); }
.clr-four .daterangepicker .ranges li.active { background-color: var(--themecolor-clr4) !important; }
.clr-four .daterangepicker .drp-buttons .btn-primary { background-color: var(--themecolor-clr4); border-color: var(--themecolor-clr4); }
.clr-four .daterangepicker .drp-buttons .btn-primary:hover { background-color: var(--themecolor-clr4); border-color: var(--themecolor-clr4); opacity: 0.5; }
.clr-four .daterangepicker .drp-buttons .cancelBtn.btn-default:hover { background-color: var(--themecolor-clr4); border-color: var(--themecolor-clr4); color: #fff !important; }
.clr-four .daterangepicker td.active, .clr-four .daterangepicker td.active:hover { background-color: var(--themecolor-clr4); }
.clr-four .daterangepicker td.in-range { background-color: #eef; }
.clr-four .daterangepicker td.active.in-range {background-color: var(--themecolor-clr4);  }
.clr-four .phonenumber-search .search { background: var(--themecolor-clr4); }
.clr-four .hotkeyRow .hotkeyno { background: #E3E4FF; }
.clr-four .official-header .buttons-box a.create-post-btn { background: var(--themecolor-clr4) !important; }
.clr-four .official-header .buttons-box a.create-post-btn:hover { background: #E3E4FF !important; color: var(--themecolor-clr4); }
.clr-four .official-header .buttons-box a:hover { background: #E3E4FF; }
.clr-four .sms-whatsapp-checkbox .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--themecolor-clr4); background-color: var(--themecolor-clr4); }
.clr-four .left_logout_section .users .user_img { background-color: #fff; color: #050F34; }
.clr-four .table-content th { background-color: #EFEFFF; }
.clr-four .continue_btn { background: var(--themecolor-clr4); border-color: var(--themecolor-clr4); }
.clr-four .continue_btn:hover { color:var(--white); background: var(--themecolor-clr4); opacity: 0.8; }
.clr-four .reset_btn:hover { background: var(--themecolor-clr4); border-color: var(--themecolor-clr4); color: var(--white) !important; }
.clr-four .top-hdr-menu .customtab .nav-tabs .nav-item.show .nav-link, .clr-four .top-hdr-menu .nav-tabs .nav-link.active {	background: var(--themecolor-clr4); }
.clr-four .email-module-content .editor { border: 1px solid #DDDEFF; }
.clr-four #emailoutbound .note-btn-group .note-btn { border-color: #DDDEFF; }
.clr-four #emailoutbound .note-editor.note-airframe .note-statusbar, .clr-four #emailoutbound .note-editor.note-frame .note-statusbar { background-color: #F1F2FF; border-top: 1px solid #F1F2FF; }
.clr-four #emailoutbound .note-toolbar { background: #F1F2FF; }
.clr-four .allow-outbound .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--themecolor-clr4) !important; background-color: var(--themecolor-clr4); }
.clr-four .selectall .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--themecolor-clr4) !important; background-color: var(--themecolor-clr4); }
.clr-four .inbound-right-column .content .multi-select .multi-add a { background: var(--themecolor-clr4); border: 1px solid var(--themecolor-clr4); }
.clr-four .message-board-list ul li:hover { background-color: #DDDEFF; }
.clr-four .message-board-card .refresh svg { color: var(--themecolor-clr4); }
.clr-four .message-board-list #pagination .footer-pagination .message-board-pagination .page-link { background-color: var(--themecolor-clr4); color: #fff !important; }
.clr-four .startchat-button { background: var(--themecolor-clr4); }
.clr-four .startchat-button:hover { background: var(--themecolor-clr4); opacity: 0.5; }
.clr-four .customcheckbox input:checked + label::before { background: var(--themecolor-clr4); border: 1px solid var(--themecolor-clr4); }
.clr-four .internalchat-content.vertical-tab .nav-tabs li a::before, .clr-four .internalchat-content.vertical-tab .nav-tabs li a::after { background-color: #DDDEFF; }
.clr-four .internalchat-content .sms-textarea .send-btn a { background: var(--themecolor-clr4); }
.clr-four #chat_started_date .datetime { background-color: #DDDEFF; }
.clr-four .internalchat-content .sms-area .sendsms .content { background: #BABCFF; }
.clr-four .device-content ul li:hover { background: #DDDEFF; }
.clr-four #customerchat .vertical-tab .nav-tabs li a::before, .clr-four #customerchat .vertical-tab .nav-tabs li a::after { background-color: #DDDEFF; }
.clr-four .internalchat-content .sms-textarea .send-btn button.send { background-color: var(--themecolor-clr4); }
.clr-four .disposition-content ul li a:hover { border: 1px solid var(--themecolor-clr4) !important; color: var(--themecolor-clr4); }
.clr-four .twitter-messanger-content .sms-textarea .send-btn a { background: var(--themecolor-clr4); }
.clr-four .twitter-messanger-content .sms-textarea .send-btn a:hover { background: var(--themecolor-clr4); opacity: 0.5; }
.clr-four .navbar .information .campaign-info { background: var(--themecolor-clr4); }
.clr-four .navbar .information .campaign-info::after { border-right-color: var(--themecolor-clr4); }
.clr-four .datatable-content .dataTables_wrapper .dataTables_paginate .paginate_button.current, .clr-four .datatable-content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background-color: var(--themecolor-clr4);	border: 1px solid var(--themecolor-clr4); }
.clr-four .radiobuttons input[type="radio"]::before { border-color: var(--themecolor-clr4); }    
.clr-four .disposition-content ul li:hover .check {  border-color: var(--themecolor-clr4); }
.clr-four .disposition-content input[type="radio"]:checked ~ label a { color: var(--themecolor-clr4); }
.clr-four .disposition-content input[type="radio"]:checked ~ label { color: var(--themecolor-clr4); border-color: var(--themecolor-clr4); }
.clr-four .disposition-content input[type="radio"]:checked ~ .check { border-color: var(--themecolor-clr4); }
.clr-four input#join_meeting_id + a, .clr-four input#join_meeting_pass + a { color: var(--themecolor-clr4); }
.clr-four .message-board-card .header .allsms-dropdown ul li a:hover { color: var(--themecolor-clr4); background: #DDDEFF; }
.clr-four .refreshicon:hover { color: var(--themecolor-clr4); }
/* theme five */
.clr-five #sidebar .menubar {	background: var(--themecolor-clr5); }
.clr-five .socialbox { border-top: 1px solid #2e88f0;}
.clr-five .theme-mode button .light svg { stroke: var(--themecolor-clr5); }
.clr-five .left_logout_section .copyright { border-top: 1px solid #2e88f0; }
.clr-five .left_logout_section { border-top: 1px solid #2e88f0; }
.clr-five .top-hdr-menu .nav-link > span { background-color:#82B8F7; }
.clr-five .top-hdr-menu .nav-link:hover {	background: var(--themecolor-clr5); }
.clr-five .userlinkpopup ul li a:hover { color: var(--themecolor-clr5) !important; }
.clr-five .default_btn2 { background: var(--themecolor-clr5); border-color: var(--themecolor-clr5); }
.clr-five .default_btn2:hover { color: var(--white) !important; opacity: 0.8; }
.clr-five .default_btn1:hover { background: var(--themecolor-clr5); border-color: var(--themecolor-clr5); color: var(--white) !important; }
.clr-five .default_btn3 { border: 1px solid var(--themecolor-clr5); color: var(--themecolor-clr5); }
.clr-five .default_btn3:hover { background: var(--themecolor-clr5); color: var(--white); }
.clr-five .theme-mode button { color: var(--themecolor-clr5); border: 1px solid #82B8F7; }
.clr-five .theme-mode button:hover { background: #DBECFF; }
.clr-five .navbar .call_lead ul li a {	border: 1px solid #82B8F7; }
.clr-five .navbar .call_lead ul li a:hover {	background: #DBECFF; }
.clr-five .navbar .call_lead ul li a.hotkey_hideshow_popup svg path { fill: var(--themecolor-clr5) !important; }
.clr-five .navbar .call_lead ul li a.videoshar-icon svg { color: var(--themecolor-clr5) !important; }
.clr-five .hotkey_hideshow_popup svg {	color: var(--themecolor-clr5); }
.clr-five .form-control:focus {	border-color: var(--button); box-shadow: 0 0 0 .2rem #DFFFFF; }
.clr-five .alert.lead-search-alert { color: var(--themecolor-clr5); border-color: #CFE5FF; background: #F4F9FF; }
.clr-five #leadsearch .search_lead_btn { border: 1px solid var(--themecolor-clr5); background: var(--themecolor-clr5); }
.clr-five #leadsearch .search_lead_btn:hover { color: var(--themecolor-clr5); background: transparent; }
.clr-five #leadsearch .clear_all_btn:hover { border: 1px solid var(--themecolor-clr5); background: var(--themecolor-clr5); }
.clr-five .customcheckbox input:checked + label::before { background: var(--themecolor-clr5); border: 1px solid var(--themecolor-clr5); }
.clr-five .daterangepicker .ranges li.active { background-color: var(--themecolor-clr5) !important; }
.clr-five .daterangepicker .drp-buttons .btn-primary { background-color: var(--themecolor-clr5); border-color: var(--themecolor-clr5); }
.clr-five .daterangepicker .drp-buttons .btn-primary:hover { background-color: var(--themecolor-clr5); border-color: var(--themecolor-clr5); opacity: 0.5; }
.clr-five .daterangepicker .drp-buttons .cancelBtn.btn-default:hover { background-color: var(--themecolor-clr5); border-color: var(--themecolor-clr5); color: #fff !important; }
.clr-five .daterangepicker td.active, .clr-five .daterangepicker td.active:hover { background-color: var(--themecolor-clr5); }
.clr-five .daterangepicker td.in-range { background-color: #F4F9FF; }
.clr-five .daterangepicker td.active.in-range {background-color: var(--themecolor-clr5);  }
.clr-five .phonenumber-search .search { background: var(--themecolor-clr5); }
.clr-five .hotkeyRow .hotkeyno { background: #F4F9FF; }
.clr-five .official-header .buttons-box a.create-post-btn { background: var(--themecolor-clr5) !important; }
.clr-five .official-header .buttons-box a.create-post-btn:hover { background: #DBECFF !important; color: var(--themecolor-clr5); }
.clr-five .official-header .buttons-box a:hover { background: #DBECFF; }
.clr-five .sms-whatsapp-checkbox .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--themecolor-clr5); background-color: var(--themecolor-clr5); }
.clr-five .left_logout_section .users .user_img { background-color: #fff; color: #050F34; }
.clr-five .table-content th { background-color: #DBECFF; }
.clr-five .continue_btn { background: var(--themecolor-clr5); border-color: var(--themecolor-clr5); }
.clr-five .continue_btn:hover { color:var(--white); background: var(--themecolor-clr5); opacity: 0.8; }
.clr-five .reset_btn:hover { background: var(--themecolor-clr5); border-color: var(--themecolor-clr5); color: var(--white) !important; }
.clr-five .top-hdr-menu .customtab .nav-tabs .nav-item.show .nav-link, .clr-five .top-hdr-menu .nav-tabs .nav-link.active {	background: var(--themecolor-clr5); }
.clr-five .email-module-content .editor { border: 1px solid #F4F9FF; }
.clr-five #emailoutbound .note-btn-group .note-btn { border-color: #F4F9FF; }
.clr-five #emailoutbound .note-editor.note-airframe .note-statusbar, .clr-five #emailoutbound .note-editor.note-frame .note-statusbar { background-color: #F1F2FF; border-top: 1px solid #F1F2FF; }
.clr-five #emailoutbound .note-toolbar { background: #F4F9FF; }
.clr-five .allow-outbound .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--themecolor-clr5) !important; background-color: var(--themecolor-clr5); }
.clr-five .selectall .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--themecolor-clr5) !important; background-color: var(--themecolor-clr5); }
.clr-five .inbound-right-column .content .multi-select .multi-add a { background: var(--themecolor-clr5); border: 1px solid var(--themecolor-clr4); }
.clr-five .message-board-list ul li:hover { background-color: #F4F9FF; }
.clr-five .message-board-card .refresh svg { color: var(--themecolor-clr5); }
.clr-five .message-board-list #pagination .footer-pagination .message-board-pagination .page-link { background-color: var(--themecolor-clr5); color: #fff !important; }
.clr-five .startchat-button { background: var(--themecolor-clr5); }
.clr-five .startchat-button:hover { background: var(--themecolor-clr5); opacity: 0.5; }
.clr-five .customcheckbox input:checked + label::before { background: var(--themecolor-clr5); border: 1px solid var(--themecolor-clr5); }
.clr-five .internalchat-content.vertical-tab .nav-tabs li a::before, .clr-five .internalchat-content.vertical-tab .nav-tabs li a::after { background-color: #F4F9FF; }
.clr-five .internalchat-content .sms-textarea .send-btn a { background: var(--themecolor-clr5); }
.clr-five #chat_started_date .datetime { background-color: #F4F9FF; }
.clr-five .internalchat-content .sms-area .sendsms .content { background: #82B8F7; }
.clr-five .device-content ul li:hover { background: #F4F9FF; }
.clr-five #customerchat .vertical-tab .nav-tabs li a::before, .clr-five #customerchat .vertical-tab .nav-tabs li a::after { background-color: #F4F9FF; }
.clr-five .internalchat-content .sms-textarea .send-btn button.send { background-color: var(--themecolor-clr5); }
.clr-five .disposition-content ul li a:hover { border: 1px solid var(--themecolor-clr5) !important; color: var(--themecolor-clr5); }
.clr-five .twitter-messanger-content .sms-textarea .send-btn a { background: var(--themecolor-clr5); }
.clr-five .twitter-messanger-content .sms-textarea .send-btn a:hover { background: var(--themecolor-clr5); opacity: 0.5; }
.clr-five .navbar .information .campaign-info { background: var(--themecolor-clr5); }
.clr-five .navbar .information .campaign-info::after { border-right-color: var(--themecolor-clr5); }
.clr-five .datatable-content .dataTables_wrapper .dataTables_paginate .paginate_button.current, .clr-five .datatable-content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background-color: var(--themecolor-clr5);	border: 1px solid var(--themecolor-clr5); }
.clr-five .radiobuttons input[type="radio"]::before { border-color: var(--themecolor-clr5); }    
.clr-five .disposition-content ul li:hover .check {  border-color: var(--themecolor-clr5); }
.clr-five .disposition-content input[type="radio"]:checked ~ label a { color: var(--themecolor-clr5); }
.clr-five .disposition-content input[type="radio"]:checked ~ label { color: var(--themecolor-clr5); border-color: var(--themecolor-clr5); }
.clr-five .disposition-content input[type="radio"]:checked ~ .check { border-color: var(--themecolor-clr5); }
.clr-five input#join_meeting_id + a, .clr-five input#join_meeting_pass + a { color: var(--themecolor-clr5); }
.clr-five .message-board-card .header .allsms-dropdown ul li a:hover { color: var(--themecolor-clr5); background: #DBECFF; }
.clr-five .refreshicon:hover { color: var(--themecolor-clr5); }