/* :root {
  --sidebarbg: #050F34;
  --whitetext:#fff;
  --navicon:#515e9c;
  --button:#0F78F2;
  --bodybg:#f5f7fa;
  --lightblack:#2A3357;
  --darkblack:#6E7282;
}   */
.modify_screen_color .screendetails .color-row { display:flex; flex-direction: column; }
.modify_screen_color .screendetails .color-row input { width: 32px; height: 32px; border-radius: 5px; border:0; font-size:0; }
#color-picker { background:var(--sidebarbg); }
.themecolor { display:flex; border-top:#333 1px solid; padding:15px 0; margin-top:10px; flex-direction: column;}
.themecolor .theme-hdr { display:flex; justify-content: space-between; align-items: center; margin-bottom:10px; }
.themecolor .theme-hdr p { margin:0 10px 0 0; color:var(--white-text); }
.themecolor h3 { margin:0 0 10px 0; padding:0; font-size:14px; color:#cecece; font-family:'Inter-SemiBold'; }
.themecolor h2 { margin:0; padding:0; font-size:14px; color:var(--white-text); font-family:'Inter-SemiBold'; }
.themecolor input { width: 35px; height: 35px; border: 0; border-radius: 5px; font-size:0; }
.themecolor label { font-family: 'Inter-regular'; font-size: 12px; color: var(--white-text); margin:5px 0 0 0; }
.themecolor .colorrow {	border-bottom: 0; margin-bottom: 5px; background: #333; border-radius: 5px; display:flex; flex-direction:column; padding:10px; }
.themecolor .colorrow .box { column-gap: 10px; display: flex; }
.themecolor .colorrow span { display: flex; flex-direction: column; align-items: center; }

#text-color-picker { background:var(--whitetext); }
#nav-icon-color-picker { background:var(--navicon); }
.colorpicker-element { border:1px solid #f4f4f4 !important;}
#button-color-picker { background:var(--button); }
#frame-picker { background:var(--bodybg); }


.darkswich { display: flex; align-items: center; }
.darkswich .custome-switch { display: flex; align-items: center; }
.darkswich .custome-switch label { margin:0 10px 0 0; color:var(--white-text); }
.darkswich .custome-switch .btn-toggle { border:0; }
.darkswich .custome-switch .btn-toggle.btn-sm.btn-sm::before { display:none; }
.darkswich .custome-switch .btn-toggle.btn-sm.btn-sm.active::after { display:none; }
.darkswich .custome-switch .btn-toggle.btn-sm > .handle { top:4px; width:10px; height:10px; }
.darkswich .custome-switch .btn-toggle.btn-sm.active > .handle { left:20px; }
.darkswich .custome-switch .btn-toggle { height:18px; width:35px; }
/*Header*/
.darktheme .admin-header .page-title h1 { color:var(--white-text); }
.darktheme .logout.active .logoutlist { box-shadow: 0px 0px 12px #666; }
.darktheme .logout a { border-color:#666;}
.darktheme .admin-header .search-area { border-color:#666; }
.darktheme .admin-header { background:#444; color:var(--white-text); border-left:1px solid #666; border-bottom:transparent; }
.darktheme .admin-header .search-area .form-control { background:#444; color:var(--white-text); border-color:#444; }

.darktheme .admin-header .dashboardtype p { color:var(--white-text); }
.darktheme #sidebar .sidebar-header { background:#444; }

/*Dashboard*/
.darktheme { background:#262626; }
.darktheme .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#666; }
.darktheme .columnbox { background:#333; }
.darktheme .table-header h2 { color:var(--white-text); }
.darktheme .today-calls-card { background:#333;}
.darktheme #sidebar .menubar { background:#333; }
.darktheme .box-right-content .totalscalls { color:var(--white-text); }
.darktheme .today-calls-card .card-box .content p { color:var(--white-text); }
.darktheme .today-calls-card .card-box .content h2 { color:var(--white-text); }
.darktheme .today-calls-card .card-box { border-color:#666; }
.darktheme .table-content th, .darktheme .table-content td { color:var(--white-text); border-color:#666 !important;}
.darktheme .table-content tbody > tr:hover { background: #999; }
.darktheme .summarystatus-box .status-list ul li p, .summarystatus-box .status-list ul li span { color:var(--white-text); }
.darktheme .productivity-box .statuslist ul li { color:var(--white-text); }
/*ping dashboard*/
.darktheme .agentstatus .nav-tabs { background:transparent; }
.darktheme  .customtab .nav-tabs .nav-link { color: var(--white-text); }
.darktheme .totalagentsbox .statuslist ul li { color:var(--white-text); }
.darktheme .box-right-content .refresh a { color:var(--white-text);}
.darktheme .box-right-content .refresh a:hover { color:#666; }
/*System Dashboard*/
.darktheme .systemdashboard .customtab ul { background:#333; box-shadow: 0px 1px 0px #666; }
.darktheme .systemdashboard h2 { color:var(--white-text); }
.darktheme .systemdashboard .content { background:#333 !important; }
.darktheme .systemdashboard .content p { color:var(--white-text); }
.darktheme .httpbox .content { background:transparent !important; }
.darktheme .httpbox .content ul li { background:#333; }
.darktheme .httpbox .content ul { background:transparent !important; box-shadow:none; }
.darktheme .systemdashboard .hdr { border-color:#666; }
.darktheme .systemdashboard .content ul li { border-color:#666; }
.darktheme .serverdtailsbox .content h3 { color:var(--white-text); }
.darktheme .memoryrambox .content .column .text h3 { color:var(--white-text); }
.darktheme .serverhdd .serverstatus h4 { color:#666; }
.darktheme .systemtabs .nav-pills .nav-link.active { color: var(--white-text); background-color: #000; }
.darktheme .systemtabs .nav-pills .nav-link:hover { color: var(--white-text); background-color: #000; }
.darktheme .systemtabs .nav-pills { border-color:#666 !important; }
.darktheme .systemtabs .nav-pills .nav-link { color:var(--white-text); }
.darktheme .systemtabs .table-header a { color:var(--white-text); }
.darktheme .admin-header .addbtn a path { stroke:var(--button);}
.darktheme .admin-header .addbtn a:hover path { stroke:var(--white-text);}
.darktheme .cpuload .content .column ul.status li { color:var(--white-text); }
.darktheme .cpustatus .content .column .staustime label { color:var(--white-text); }
.darktheme .cpustatus .content .column .staustime p { color:#C9C9C9; }
.darktheme .cpustatus .content .column .listing p { color:var(--white-text); }
.darktheme .cpustatus .content .column .listing ul li { border-color:#666; }
.darktheme .cpustatus .content .column .listing span { color:var(--white-text); }
.darktheme .cpustatus .content .column .listing .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #999; }
.darktheme .ramusage .content .column .text p { color:#C9C9C9; }
.darktheme .ramusage .content .column .text h3 { color:var(--white-text); }
.darktheme .ramusage .content .column .text h3 span { color:#C9C9C9; }
/*Broadcast Dashboard*/
.darktheme .notconnectedbox .status-list ul li p { color:var(--white-text);}
.darktheme .notconnectedbox .status-list ul li { color:var(--white-text);}
.darktheme .totalleads .campagin select { color:var(--white-text); }
.darktheme .totalleads .campagin label { color:#C9C9C9; }
/*Table css*/
.darktheme .listing-table-content th { color:var(--white-text);}
.darktheme .listcontent table.listing-table-content td { background:#333; color:var(--white-text); }
.darktheme .footer-pagination .pagination { background:transparent; }
.darktheme .admin-header .addbtn a { background:var(--button); color:var(--white-text); }
.darktheme .admin-header .addbtn a path { stroke:var(--white-text); }
.darktheme .listcontent table.listing-table-content tr:hover .link-listing { background: linear-gradient(269.83deg, #464646 71.5%, rgba(240, 244, 252, 0) 99.11%); }
.darktheme .listingscrollbar { scrollbar-color:#262626 #262626; }
.darktheme .listingscrollbar::-webkit-scrollbar { width: 8px; height: 14px; }
.darktheme .listingscrollbar::-webkit-scrollbar-track { background: transparent; }
.darktheme .listingscrollbar::-webkit-scrollbar-thumb { background:#000; border-radius: 14px; }
.darktheme .listingscrollbar::-webkit-scrollbar-thumb:hover { background: #F5F7FA; }

.darktheme .middlescrollbar { scrollbar-color:#262626 #262626; }
.darktheme .middlescrollbar::-webkit-scrollbar { width: 8px; height: 14px; }
.darktheme .middlescrollbar::-webkit-scrollbar-track { background: transparent; }
.darktheme .middlescrollbar::-webkit-scrollbar-thumb { background:#000; border-radius: 14px; }
.darktheme .middlescrollbar::-webkit-scrollbar-thumb:hover { background: #F5F7FA; }

/*Campaign Module*/
.darktheme .customtab .nav-tabs { background:#262626; box-shadow:0px 2px 6px #333; }
.darktheme .custome-switch.headerswitch label { color:var(--white-text); }
.darktheme .admin-header .hdr-link a { color:var(--button);}
.darktheme .admin-header .hdr-link a path { stroke:var(--button); }
.darktheme .radiobox-column label { color:var(--white-text); }
.darktheme .campaignmodify .content h3 { color:var(--white-text); }
.darktheme .campaignmodify .content .cardbox { background:#333; box-shadow:0px 2px 15px #333; }
.darktheme .form-control { background:#262626; border-color:#666; color:var(--white-text) !important; }
.darktheme .form-control:focus { box-shadow: none; border-color:#666; }
.darktheme .form-control::placeholder { color: #999; }
.darktheme .form-group label { color:#C9C9C9; }
.darktheme .modifyfooter { background:#444; }
.darktheme .select2-container--default .select2-selection--multiple { background:#262626; border-color:#666 !important; color:var(--white-text); }
.darktheme  .multi-select1 ul { background:#262626; }
.darktheme .rowborder { border-color:#444; }
.darktheme .listcontent .tableselect select { background-color:#444; color:var(--white-text); }
/*ivr_bot_modify*/
.darktheme .contentbox .content .cardbox { background:#333; box-shadow: 0px 2px 15px #333; }
.darktheme .contentbox .content .cardbox p { color:var(--white-text) !important; }
.darktheme .contentbox .content .cardbox .ivrheader span { color:var(--white-text); }
.darktheme .contentbox .content h3 { color:var(--white-text); }
.darktheme  .fileattachment .image-upload-wrap { background-color:#444; }

.darktheme .custome-switch.headerswitch .btn-toggle { background:#444; }
.darktheme .custome-switch.headerswitch .btn-toggle.active { background:#0F78F2; }
.darktheme .custome-switch .btn-toggle { background:#444; }
.darktheme .custome-switch .btn-toggle.active { background:#0F78F2; }
/**/
.darktheme .leadinformation .cardbox { background:#333; box-shadow: 0px 2px 15px #333; }
.darktheme .leadinformation .cardbox p { color:var(--white-text) !important; }
.darktheme .agentinterface-content { background:#333; box-shadow: 0px 2px 15px #333; }
.darktheme a.alllink { color:var(--white-text); }
.darktheme .popupcontent.active .module-content { background:#333; }
.darktheme .popupcontent .popup-header h4 { color:var(--white-text); }
.darktheme .popupcontent .buttons_row { background:#333 !important; }
.darktheme .popupcontent .content .form-control { border-color:#666; color: var(--white-text) !important; }
.darktheme .popupcontent .popup-header { border-color:#666; }
/*Add Template*/
.darktheme .addmultileads-content .cardbox { background:#333; box-shadow: 0px 2px 15px #333; }
.darktheme .image-upload-wrap { border: 1px dashed #666; background: #444; }
.darktheme .file-upload-content { background: #444; border: 1px dashed #666; }
.darktheme .file-upload-content .image-title { color:var(--white-text); }
.darktheme .image-dropping, .darktheme .image-upload-wrap:hover { background-color: #000; border: 1px dashed #666; }
.darktheme .drag-text h3 { color:var(--white-text); }
.darktheme .addmultileads-content .content h3 { color:var(--white-text); }
.darktheme .addmultileads-content .content p { color:#C9C9C9; }
.darktheme .addmultileads-content .content .cardbox h4 { color: var(--white-text); border-bottom: 1px solid #666; }
/*Campaign*/
.darktheme .admin-header .filter a { color:#C9C9C9; border-color:#C9C9C9; }
.darktheme .admin-header .filter a:hover { background:var(--button); border-color:var(--button); color:var(--white-text); }
.darktheme .admin-header .filter path { stroke:var(--white-text); }
.darktheme .listcontent .tableselect2 select { color: var(--white-text); background-color: #333; }
.darktheme .listcontent .tableselect2 select:hover { background-color: #333; color: var(--white-text); border-color:#444; }
/*User Group*/
.darktheme .admin-header .addbtn .hide-mobile p { color:var(--white-text);}
.darktheme .bulkchange-button a { color:#C9C9C9; border-color:#C9C9C9; }
.darktheme .bulkchange-button a:hover { background:var(--button); border-color:var(--button); color:var(--white-text); }
/*Right Popup*/
.darktheme .popupcontent .content { scrollbar-color:#333 #333; }
/*RealTime*/
.darktheme  .realtime-content h2 { color:var(--white-text); }
.darktheme .realtime-stats .statusbox ul li { color:var(--white-text); }
.darktheme .leads-stats-table { background:#333; }
.darktheme .realtime-content .table-content th { background:#444; }
.darktheme .realtime-content .table-content td { background:#333; }
.darktheme .leads-stats-table { scrollbar-color:#333 #333; }

.darktheme .hopper-list-table { background:#333; }
.darktheme .hopper-list-table { scrollbar-color:#333 #333; }

.darktheme .realtime-status-table { background:#333; }
.darktheme .realtime-status-table { scrollbar-color:#333 #333; }
.darktheme .realtime-status-table .optionsbox { background: linear-gradient(270.56deg, #686868 0.45%, rgba(4, 4, 4, 0) 112.36%, rgba(87, 87, 87, 0) 112.36%); }
.darktheme  .agent-stats .stats-list ul li span { color:var(--white-text);}
.darktheme .refresh-seconds a { background: #999; }
.darktheme .refresh-seconds a:hover { background: var(--white-text); }
.darktheme .refresh-seconds .dropdown-menu.show li a { background:transparent; }
/*Inbound/Outbound Call Summary*/
.darktheme .inbound-call-content h2 { color:var(--white-text); }
.darktheme .calltypes-stats .stats-list ul li span { color:var(--white-text); }
.darktheme .listing-table-content td { background: #333; border-bottom: 0px solid #666; color: var(--white-text); }
.darktheme .inbound-call-content select.form-control.selectarrow { background-color:#262626 !important; }
.darktheme .list-column-toggle .nav-tabs .nav-link { background-color: #f1f1f1; border-radius: 0; }
.darktheme .inbound-call-content h4 { color: var(--white-text); }
.darktheme .table-content1 th { color: var(--white-text); background: #444 !important; }
.darktheme .table-content1 td { color: var(--white-text); background: #333; border-color: #666 !important; }
.darktheme .list-column-toggle .nav-tabs .nav-link.active { background-color: var(--button); }
.darktheme .inbound-call-content .call-hangup-table { background:#333; scrollbar-color: #333 #333; }
/**/
/* Disposition Totals Report */
.darktheme .disposition-stats .box { border-color:#666; }
.darktheme .disposition-stats .box .total-count-name { color:var(--white-text); }
.darktheme .top-performers-tabe { scrollbar-color: #333 #333; background: #333; }
.darktheme .inbound-report h2 { color:var(--white-text); }
/*Admin Setting*/
.darktheme .setting-content h4 { color:var(--white-text); }
.darktheme .setting-content .list li a { color:#C9C9C9; }
.darktheme .setting-content .list li { border-color:#666; }
.darktheme .setting-content .list li a:hover { color:var(--white-text); }
/*Voice File Upload*/
.darktheme .copydeletebox h4 { color:var(--white-text); }
.darktheme .audiostorecontent h5 { color:#C9C9C9; }
.darktheme .audiostorecontent .listing-table-content th { background: #444; }
.darktheme .audiostorecontent .listingscrollbar { background:#333; scrollbar-color: #333 #333; }
.darktheme .search-area.copydelete .form-control { border-color:#666; }
.darktheme .audiofilelist th { background: #444; }
/*Modify Screen Color */
.darktheme .modify_screen_color .screendetails { background:#333; scrollbar-color: #333 #333; }
/*Lead Listing*/
.darktheme .searchleadbtn { color:#C9C9C9 !important; }
.darktheme .searchleadbtn:hover { background:var(--button); color:var(--white-text) !important; }
/*QC Call Lead*/
.darktheme .tablecheck.disableqc label { color:var(--white-text); }
.darktheme .selectcampaign p { color:var(--white-text); }
.darktheme .selectcampaign label { color:#C9C9C9; }
/* Outbound Calling Report */
.darktheme .drops-column .drop-status li { color:var(--white-text); }
/*List Modify*/
.darktheme .dncnumber-content .dncnumber-table-header h2 { color:#fff; }
/*campaignsummury*/
.darktheme .heading-content .campaign-status ul li { color:var(--white-text); }
.darktheme #campaignsummury .campaign-content { background:#333; box-shadow: 0px 2px 15px #333; }
.darktheme .heading-content .activecampaign h3 { color:var(--white-text); }
.darktheme .campaign-content:hover .viewdetaisl a { color:var(--white-text); }
.darktheme .campaign-content .campaign-name,
.darktheme .campaign-content .column .agent-status span { color:var(--white-text); }
.darktheme .campaign-content .column .agent-status p { color:#C9C9C9; }
/*Report*/
.darktheme .reportmap .content { background:#333; }
.darktheme .reportmap .content h2,
.darktheme .reportmap .content .listing ul li h3 { color:var(--white-text); }
.darktheme .reportmap .content .listing ul li { border-color:#666; }
.darktheme .reportmap .content .listing ul li:hover { background: #444; }
/*agent-performance*/
.darktheme .agent-performance-user a { background:#444; }
.darktheme .agent-performance-user span { color:#C9C9C9; }
/*usermodify*/
.darktheme .usermodify #basicdetails { background:#333; box-shadow: 0px 2px 15px #333; }
.darktheme .interfacebox { border-color:#666; }
.darktheme .interfacebox .form-group p { color:var(--white-text); }
.darktheme .usermodify .content .cardbox { background:#333; box-shadow: 0px 2px 15px #333; }
.darktheme #campaignranks .content .table-content th { background: #444; }
.darktheme .usermodify .content h3 { color:var(--white-text); }

/**/
.darktheme .radiobuttons label p { color:var(--white-text); }
.darktheme .radiobuttons input[type="radio"] { background:#333;}
.darktheme .admin-header .hdr-link a.copycontentbtn, .darktheme .admin-header .hdr-link a.copycontentbtn svg path { color: #C9C9C9; border-color: #C9C9C9; stroke: #C9C9C9; }
.darktheme .admin-header .hdr-link a.copycontentbtn:hover svg path { stroke:var(--white-text); }
.darktheme .admin-header .hdr-link a.copycontentbtn:hover {  background:var(--button); border-color:var(--button); color:var(--white-text); }
.darktheme select.form-control.selectarrow1 { background-color:#262626; color: var(--white-text) !important; }
.darktheme .addbtn .dropdown-menu.show ul li a { background: transparent; color:#050F34; }
.darktheme .addbtn .dropdown-menu.show ul li a:hover { color:var(--button); }