@media only screen and (max-width: 1366px) {
.today-calls-card .refreshicon { right: 0px; }
.today-calls-card .card-box .content p { font-size: 13px; }
/* for collection custom history */
#customhistory .table-responsive { max-width: 945px !important; }
body.active #customhistory .table-responsive { max-width: 1075px !important; }
/* for collection custom history End*/
}
@media only screen and (max-width: 1350px) {
.top-hdr-menu .nav-link label { font-size:12px; }
.campaign-name { font-size:12px; }
.top-hdr-menu { margin-right: 5px; }
.table-header h2 { font-size: 14px; }
}
@media only screen and (max-width: 1261px) {
.call_lead { padding-left: 5px; }	
.call_lead ul li { padding:0 5px; }
.refreshicon span { display: none; }
.refreshicon img { margin: 0; }
.dashboard-section .card-title-right { column-gap: 10px; }
.dashboard-section .calendar_dropdown button p { margin: 0 5px; }
.dashboard-section .calendar_dropdown .calendar_icon { margin: 0; }
.call_lead .call_lead_text { display: none; }
.theme-mode { margin-right: 5px; }
}
@media only screen and (max-width: 1222px) {
.top-hdr-menu .nav-link label { font-size: 11px; }
.call_lead ul li a { font-size:11px; }
}
@media only screen and (max-width: 1208px) {

}
@media only screen and (max-width: 1200px) {
.disposition-search .form-control { max-width: 190px; }
.top-hdr-menu.active .navbar-nav { display:block; }
.today-calls-card .card-box { flex-direction: column; }
.today-calls-card .card-box span { margin-right: 0; justify-content: center; display: flex; padding-left: 0; }
.today-calls-card .card-box .content { justify-content: center; display: flex; flex-direction: column; text-align: center; }
.today-calls-card .card-box .content p { font-size: 12px; margin: 5px 0px; border-bottom:0; }
.today-calls-card .card-box .content h2.total-counts-text { justify-content: center; }
.today-calls-card .refreshicon { right: 10px; top: 10px; position: absolute; }
.today-calls-card .refreshicon img { width: auto; height: auto; }
/* Omni Dashboard */
.omnichannel-content .card-content .inbound-outbound-content label, .omnichannel-content .card-content .inbound-outbound-content span.count, .omnichannel-content .card-content .total label, .omnichannel-content .card-content .total span.total-count { font-size: 14px; }
.omnichannel-content .card-content { width: 20%; }

}

@media only screen and (max-width: 1182px) {
.today-calls-card .card-box .content p { font-size: 12px; }
}
@media only screen and (max-width: 1157px) {
.top-hdr-menu .nav-link { display: flex; flex-direction: column; align-items: center; }
.top-hdr-menu .nav-link label { order:2; }
.top-hdr-menu .nav-link:hover { border-radius:10px; }
.sms-module-content .sms-bg { padding-left: 10px !important; padding-right: 10px !important; }
.sms-module-content .sms_mobile { padding-left: 5px !important;	padding-right: 10px !important; max-width: 265px; width: 100%; }
#messaging_non_emulator { width: calc(100% - 265px); max-width: 100%; flex: 0 0 auto; }
}
@media only screen and (max-width: 1100px) {
.inbound-right-column { padding-left: 25px; padding-right: 25px; }
.inbound-footer { width: calc(100% - 446px); padding: 15px 25px; }
.table-header h2 { font-size:16px; }
.disposition-footer .buttons_row button, .disposition-footer .buttons_row a { font-size: 11px !important; }	
.disposition-content ul li a { font-size:12px; }
.leaderboard-callback .leader-heading p { display: none; }
}
@media only screen and (max-width: 1035px) {
.manualflow .manualbuttons a, .manualflow .manualbuttons button { font-size: 11px !important; padding: 6px 5px !important; }
.manualflow .optionsbox { margin-top: 5px; }
}
@media only screen and (max-width: 1024px) {
.customer-sms .card { max-width: 80%; }
/* .top-hdr-menu { order:2; width: 100%; border-top: 1px solid #e0e2e9; padding-top: 5px; padding-bottom: 5px; margin-right: 0; } */
.top-hdr-menu .navbar-nav { margin:0 auto; }
.top-hdr-menu .nav-link { flex-direction: inherit; }
.top-hdr-menu .nav-link > span { order: 2; }
.call_lead { border:0; padding:0; }
.today-calls-card { display: flex; justify-content: space-between; align-content: center; }
.today-calls-card .card-box .content p { font-size: 12px; margin: 5px 0px; }
#sidebar .sidebar-header{ padding:10px 20px; }
/*dashboard*/
.table-header button.today { margin-right: 5px; }
.table-header h2 { font-size:14px; }
.table-content td { font-size:12px; vertical-align:middle; }
.leaderboard-callback { padding-bottom: 80px !important; }
.calllogs-box .discription-box .customer-name { font-size:14px; }
/**/
.manualflow { align-items: start; }
.manualflow .optionsbox {margin-top: 0; order: -1; width: 100%; position: relative; justify-content:center; }
.manualcall .more-options a { margin: 0 0 15px 0; }
/**/
.today-calls-card .card-box { flex-direction: column; }
.today-calls-card .card-box span { margin-right: 0; justify-content: center; display: flex; padding-left: 0; }
.today-calls-card .card-box .content { justify-content: center; display: flex; flex-direction: column; text-align: center; }
.refreshicon span { display: none; }
.refreshicon img { margin: 0; }
.card-title-right { column-gap: 14px; }
.today-calls-card .refreshicon { right: 10px; position: absolute; top: 5px; }
.today-calls-card .card-box .content h2.total-counts-text { justify-content: center; }
.logout-area.active .ready_menu { top: 42px; }
/* Whatsapp css */
.middle-content { height: calc(100vh - 65px); }
#webwhatsapp_iframe { height: calc(100vh - 84px); }
.whatsapp-content .sms-area .sendsms { width: 90%; }
.whatsapp-content .sms-area .receive { width: 90%; }
/* Internal Chat */
#ChatTab .chat_iframe {	height: calc(100vh - 125px) !important; }
/* Customer Chat */
#customerchat .customerchat-iframe { height: calc(100vh - 125px) !important; }
/* facebook */
#FacebookWebIFrame { height: calc(100vh - 124px); }
/* Twitetr */
#TwitterWebIFrame {	height: calc(100vh - 124px); }
/* Message Board css */
.message-board-card { height: calc(100vh - 86px); }
.message-board-list { height: calc(100vh - 135px); }
.message-board-list ul { height: calc(100vh - 175px); }
.message-board-details-card { height: calc(100vh - 90px); }
.message-board-details-card .board-message-content { height: calc(100vh - 166px); }
.message-board-welcome { height: calc(100vh - 86px); }
/* for collection custom history */
#customhistory .table-responsive { max-width: 600px !important; }
body.active #customhistory .table-responsive { max-width: 735px !important; }
/* for collection custom history End*/
}

@media only screen and (max-width: 991px) { 
.login-left-column { max-width:300px; }	
.login-right-column { width: calc(100% - 300px); margin-left: 300px; }
.inbound-right-column { width: calc(100% - 300px); margin-left:300px; }
.inbound-right-column .content .header h2 { font-size:14px; }
.inbound-footer { width: calc(100% - 300px); left: 300px; }
.inbound-listing .inbound-box ul li a { font-size: 12px; }
.mobile-logo { display:flex; align-items: center; }
.topmenu_icon{ display:block; margin-left:15px; cursor: pointer; }
/*menu*/
#sidebar.active .sidebar-header strong { display: none; }
#sidebar.active .sidebar-header span { display: block; } 
.darktheme-logo { display: none !important; }
.darktheme .lighttheme-logo { display: none !important; }
.darktheme .darktheme-logo { display: flex !important; }
#sidebar { left:0px; width:0; z-index:99999; position:fixed; min-width: 0; max-width: 0; } 
#sidebar.active { width:100%; background-color:rgba(0,0,0,0.3); min-width: 100%; max-width: 100%; bottom: 0; top: 0; }
#sidebar.active .menubar { min-width: 217px; max-width: 217px; left:0px; }
#sidebar .menubar { left:-217px; }
.navarrow { right:0; }
#sidebar.active ul li > a > span { display: flex; }
#sidebar.active ul li a { padding: 10px; text-align: center; display: flex; justify-content: left; }
#sidebar.active ul li a:hover span::after { display:none; }
#sidebar.active ul li a:hover span { display: flex; position: relative; background-color: transparent; padding: 0; left: 0; top: 0; min-width: auto; text-align: left;
	z-index: 9; border-radius: 5px; }
#sidebar.active ul ul { list-style: none; position: relative; top: 0; left: 0; min-width: auto; z-index: 99; background: transparent; padding-left: 22px !important; }
#sidebar.active ul ul a { color: #A6AFD7; }
#sidebar.active .collapse.show li a { padding: 5px 10px 5px 0px !important; }
#sidebar.active .socialbox .socialicon { height: 30px; width: 70px; padding: 5px 0; }
#sidebar.active .socialbox { grid-auto-flow: column; height: 72px; }
#sidebar.active .left_logout_section .users { flex-direction: row; }
#sidebar.active .left_logout_section .users h3 { display: block; }
.left_logout_section .users .user_img { margin-right: 6px !important; }
#sidebar.active .left_logout_section .logout_btn { margin-left: auto !important; }
.left_logout_section .connectedbox ul { display:flex; }
#sidebar.active .left_logout_section .connectedbox ul li { display: inline-block; flex: auto; }
#sidebar.active .left_logout_section .connectedbox a { flex-direction: row; height: 45px; }
#sidebar.active .ring_icon { margin: 0 4px 0px 0; }
#sidebar.active .connected_icon { margin: 0 4px 0px 0; }
#sidebar.active ul ul::after { display:none; }
#sidebar.active .socialbox .mCSB_container { flex-direction: inherit; }
#sidebar.active ul li:hover .collapse {	left: inherit; display: block; }
/*End*/
.desktopshow { display:none !important; }
.mobileshow { display:block; position: absolute; top: -20px; left: -55px; }
#sidebar.active .mobileshow { left: 0px; }
.manualcall { position:fixed; left:0; right:0; width: 100%; border-radius: 16px 16px 0px 0px; }
body.active .manualcall { left: 0px; width: calc(100% - 0px); left: 0; }
.manualflow .optionsbox { position: absolute; top: 15px;}
.manualcall .container { max-width:100%; }
.manualflow { margin-top: 20px; }
#leaddetails { height:auto; overflow-y: inherit; }
/*Script*/
.middle-section { width:100%; }
.buttons-nav-content { position:fixed; left:0; right:0; width:auto; bottom:0; box-shadow: 8px -4px 25px rgba(0, 0, 0, 0.1); overflow: hidden; height: 145px; z-index: 9; top: auto; }
.buttons-nav-content.chat_live_call_panel { position:fixed; left:0; right:0; width:auto; bottom:0; box-shadow: 8px -4px 25px rgba(0, 0, 0, 0.1); overflow: hidden; height: 0 !important; z-index: 9; top: auto; }
.buttons-nav-content.chat_live_call_panel.active { height: auto !important; }
.buttons-nav-content .buttons_column { height:auto; }
.buttons-nav-content .buttons_column ul { display:flex; flex-wrap: wrap; justify-content: start; }
.buttons-nav-content .buttons_column ul li { width: auto; }
.buttons-nav-content .buttons_column ul li a { padding: 15px; }
.buttons-nav-content #busycallsdisplay img { width: 16px; }
.viewmore-options { align-items: center; justify-content: center; margin-top: 10px; display: flex; }
.buttons-nav-content.chat_live_call_panel .viewmore-options { display: none !important; }
.livecall-mobile { text-align: center; display: flex; align-items: center; }
.buttons-nav-content .livecall h5 {	margin: 0px 5px; }
.buttons-nav-content .livecall { align-items: self-start; padding:10px 0 5px 0; } 
.buttons-nav-content a.calldetails { position: absolute; top: 34px; right: 15px; }
.mainform-content .script-content #script_form { height:auto; padding-bottom: 110px; }
#script_form .col-sm-6 { padding: 0 !important; }
.inner_header { flex-direction: column; }
.inner_header .page-title { padding: 0px 0 10px 0; border-bottom: 1px solid #efefef; margin: 0 0 5px 0; }
.mainform-content .send_dtmf { display: flex; position: relative; margin-left: auto; }
.leadfound-content { padding-bottom: 120px; }
.buttons-nav-content .buttons_column ul li p { font-size:12px;}
.breadcrumb-mobile { display: flex; background: #D1E6FF; width: 30px; height: 30px; border-radius: 50%; justify-content: center; align-items: center; }
.all-breadcrumbs ul { display:none; }
.all-breadcrumbs { position: absolute; right: 15px; top: 6px; }
.all-breadcrumbs.show-breadcrumbs ul { display: block; background: #FFFFFF; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15); border-radius: 4px; top: 35px; width: 150px;
position: absolute; right: 0; padding: 5px; z-index: 99; }  
.all-breadcrumbs ul > li > a { justify-content: space-between; }
.all-breadcrumbs ul > li { margin:0 0 3px 0; }
.all-breadcrumbs .city.active .dropdown-menu { display: block; right: 150px !important; left: inherit !important; top: 0; }
/*main form*/
.mainform-content .customer-info #main { padding-bottom: 120px; height:auto; }
/*Call Note*/
.diallead_bgtn { position: absolute; right: 15px; top: 4px; }
/*Call disposition*/
.disposition-footer { width:100%; border-radius: 16px 16px 0px 0px; left: 0;  }
.disposition-header .mobilenumber { font-size:11px; }
.disposition-header .minutes { font-size:11px; }
.disposition-header .callcumments ul li { margin:0 5px; }
.disposition-content { padding-bottom:60px; }
/*Customer Profiling*/
.customer-profile-content { padding-bottom:120px; height: auto; }
/*Call In Queue*/
.callqueue-content { padding-bottom: 120px; }
/*Email In Queue*/
.emailqueue-content { padding-bottom: 120px; }
/*Twitter page*/
.official-content-list { height:auto; }
.official-dashboard { padding-bottom: 120px; }
/*Call Logs*/
.calllogs-content { padding-bottom: 120px; }
.calendar_dropdown { display: flex; position: absolute; right: 0px; background: #f4f4f4; padding: 13px 15px; top: 0; }
#misscall_daterange_dropdown.calendar_dropdown { display: flex; position: absolute; right: 0px; background: transparent; padding: 3px 15px; top: 0; }
.tday-viewall .calendar_dropdown { position: relative; padding: 0; right: 0; background: transparent; }
/*soundboard*/
.mainform-content .script-content #soundboard_form { height:auto; padding-bottom:120px; }
/*miscall*/
.calendar_dropdown.misscall { right: 0; }
/*Email Inbound & Outbound*/
#emailoutbound { height: auto; padding-bottom: 80px; }
#emailinbound { height: auto; padding-bottom: 80px; }
/*SMS Module*/
/* .sms-module-content .listing-sticky { display: none; } */  
#mainform_messaging .mainform-content { padding: 0 5px; }
/* .sms-module-content { padding-bottom: 120px; } */
/*Custome Form*/
/* .internalchat-content { padding-bottom: 120px; } */
.mainform-content .customer-info #customform { height: auto; padding-bottom: 120px; }
/*Internal Chat*/
/* .internalchat-content { padding-bottom: 120px; } */
/*leaddetails*/
.mainform-content { padding: 0 15px; }
.inner_header { padding: 10px 0px; }
.agent .navbar { border-left: 0; }
/*Sweet Alert*/
.alert-header.question-bg { height: 120px !important; }
.question-bg .alert-img { height: 60px; }
.alert-frame { min-height: 300px !important; } 
.alert-frame .alert-body { padding: 0px 30px 30px 30px; }
/* Customer Profileing */
#customer-profiling-reportrange.calendar_dropdown {	position: relative; background: transparent; padding: 0; }
/* script */
#scripts .calendar_dropdown { position: relative; background: transparent; padding: 0; }
/* calllogs */
#reportrange.calendar_dropdown { background: transparent; padding: 0; top: 2px; }
/* callbacks */
#callbacks .calendar_dropdown { background: transparent; padding: 0; }
/* Internal Chat */
#ChatTab .mainform-content { padding: 0; }
.internalchat-content .sms-area .sendsms { width: 95%; }
.internalchat-content .sms-area .receive { width: 95%; }
/* facebook */
.dialer-official-module { padding: 0;}
.messanger-content .sms-area .receive { width: 95%; }
.messanger-content .sms-area .sendsms { width: 95%; }
/* twitter */
.twitter-messanger-content .sms-area .receive { width: 95%; }
.twitter-messanger-content .sms-area .sendsms { width: 95%; }
/* livechat */
.livechatmobile1 { display: flex; }	
.internalchat-content .messages-area .header .usermsg-right .endchatbtn a { position: relative; right: 0px; border-radius: 50%; width: 35px; height: 35px; padding: 0; justify-content: center; align-items: center; }
.internalchat-content .messages-area .header .usermsg-right .endchatbtn button { position: relative; right: 0px; border-radius: 50%; width:35px; height: 35px; padding: 0; justify-content: center; align-items: center; }
.internalchat-content .messages-area .header .usermsg-right .endchatbtn a .fa-comment-slash { display: flex; }
.internalchat-content .messages-area .header .usermsg-right .endchatbtn a span { display: none; }
.internalchat-content .messages-area .header .usermsg-right .endchatbtn button .fa-comment-slash { display: flex; }
.internalchat-content .messages-area .header .usermsg-right .endchatbtn button span { display: none; }
/* Message Board css strt */
#MessageBoardTab .mainform-content { padding: 0; }
.messageboard-inbox .message-board-card { width: 285px; }
.message-board-details-card { width: calc(100% - 285px); }
.message-board-list ul li .timestar { width: 60px; }
.message-board-list ul li .usernamebox h4 { width: 200px; }
.message-board-list ul li .usernamebox p { width: 200px; }
/* omnichannel Dashboard */
.omnichannel-content .system-count { flex-wrap: wrap; }
.omnichannel-content .card-content { width: 32.5%; }
/* Custom form : preview action start*/
.diallead_footer { left: 0; width: calc(100% - 0px); }
/* Custom form : preview action End*/
/* collection Module css */
#form_custom_fields .cf_column { grid-template-columns: 33.33% 33.33% 33.33%; }
/* collection Module css End*/
/* for collection custom history */
#customhistory .table-responsive { max-width: 100% !important; }
/* for collection custom history End*/
/* Css for sophone status start */
body.active .sophone-status { display: flex; align-items: center; border: 1px solid; border-radius: 5px; width: calc(100% - 20px); margin: 0 10px; flex-direction: row; }
body.active .sophone-status span.status-img { height: 44px; width: 44px; display: flex; align-items: center; justify-content: center; margin: 0; }
body.active .sophone-status span.status-img path { fill: #fff; }
body.active .sophone-status p { color: #fff; padding-left: 15px; font-size: 16px; font-family: 'Inter-Medium'; }
body.active .sophone-status.connected { border-color:#00BC57 !important; }
body.active .sophone-status.connected span.status-img { background-color: #00BC57; border-radius: 4px 0 0 4px; }
body.active .sophone-status.notconnected { border-color:#F57373 !important; }
body.active .sophone-status.notconnected span.status-img { background-color: #F57373; border-radius: 4px 0 0 4px; }
body.active .sophone-status.registered { border-color:#D6A528 !important; }
body.active .sophone-status.registered span.status-img { background-color: #D6A528; border-radius: 4px 0 0 4px; }
body.active .sophone-status.ring { border-color:#E1783D !important;cursor: pointer; }
body.active .sophone-status.ring span.status-img { background-color: #E1783D; border-radius: 4px 0 0 4px; }
body.active .sophone-status.unregistered { border-color:#F57373 !important; }
body.active .sophone-status.unregistered span.status-img { background-color: #F57373; border-radius: 4px 0 0 4px; }
/* Css for sophone status End*/
body.active #maincontent.agent-main-content { width: calc(100% - 0px); }
#maincontent.agent-main-content { width: calc(100% - 0px); }
.middle-content.live-section-enable .main-tab-content {	width: calc(100% - 0px); }
}
@media (max-width: 900px) {
.disposition-footer { flex-direction:column; }
.disposition-footer .switch_takebreak { margin:0 0 10px 0; }
}
@media (max-width: 849px) {
.manualcall .content { margin: 0 auto; max-width: 500px; width:100%; }
.manualflow { flex-direction: column; align-items: center; }
.manualcall { height: auto; overflow: hidden; }
.manualcall.show-hide-option { height:auto; overflow:inherit; }
.manualcall .makecalltext1 { width: 100%; margin: 0 0 5px 0; }
.manualcall .makecalltext {	max-width: inherit; margin-bottom: 0px; display: flex; justify-content: start; flex-direction: row; width: auto; }
.manualcall.show-hide-option .makecalltext .mobile-button { display:none; }
.manualcall.show-hide-option .makecalltext {   }
.manualcall .makecalltext .mobile-button { display: none; padding-left: 10px; }
.manualcall .makecalltext .mobile-button a { padding:0 2px;}
.manualcall.show-hide-option .hidecolumn { display: flex; width: 100%; margin-bottom:10px; }
.manualcall .searchlead { width: 100%; margin-bottom:10px; }
.manualcall .manualbuttons { width: auto; }
.manualcall.show-hide-option .buttons_row { flex-wrap: wrap; width: 100%; }
.manualcall.show-hide-option .buttons_row .default_btn2 { order: 3; width: 100%; margin: 0 4px; }
.manualcall.show-hide-option .buttons_row .default_btn3 { width: auto; margin-bottom: 5px; }
#DiaLDiaLAltPhonE .custom-checkbox { margin-top: -7px; }
/*Call disposition*/
.disposition-search .form-control { max-width: 150px; } 
/* Manual dial */
.manual-bottom .call-button-content { max-width: 500px; margin-top: 25px; }
.manual-bottom .manualcall-card1 { flex-direction: row; justify-content: flex-start; }
.manual-bottom .manualcall-card2 { padding-left: 0; }
.dialbutton-icon { display: flex; }
.manualbuttons span { display: none; }
.nextcallbuttons span { display:none; }
.nextcallbuttons .nextcallicon { display: block; }
.nextcallbuttons .default_btn3 { border: 0; padding: 0; }
.nextcallbuttons .default_btn3:hover { background: transparent;  }
.Nextcallpause-icon { display: flex; }
#NexTCalLPausE span { display: none; } 
.manualbuttons .default_btn2 { background: transparent; border: 0; padding: 0; }
#NexTCalLPausE .default_btn3 { border: 0; padding: 0; }
#NexTCalLPausE .default_btn3:hover { background: transparent; }
.manual-bottom .call-button-content .manualcall-card1 .btn-card-box { align-items: center; margin-left: 15px; }
.manualcall .makecalltext label { width: 150px; }
.manualcall .hidecolumn .column-card { padding: 0 10px; max-width: 48%; }
.manual-bottom .optionsbox { left: 0; right: 0; top: 10px; }
.manual-bottom .optionsbox .more-options {  display: flex; align-content: center; align-items: center; }
.manualcall .more-options a { margin: 0 auto; }
.manualcall .customcheckbox { padding-top: 0 !important; }
}
@media (max-width: 827px) {
/* omnichannel Dashboard */
.omnichannel-content .card-content { width: 32.3%; }
.top-hdr-menu .nav-link label { display: none; }
.top-hdr-menu .nav-link .icon { display: flex; }
.top-hdr-menu .nav-link > span { position: absolute; border-radius: 50%; height: 24px; display: flex; justify-content: center; align-items: center; top: -14px; right: -4px; width: 24px; }
.top-hdr-menu .nav-link:hover span > span { border: 0; background: transparent; }
.top-hdr-menu .nav-link { flex-direction: column; color: #167CF2; border: 1px solid #CDE2F9; border-radius: 50%; width: 35px; height: 35px; padding: 0; display: flex; align-items: center; justify-content: center; }
.top-hdr-menu .nav-link:hover:hover { border-color: #007bff; background: var(--button); border-radius: 50%; color: #fff;  }
.top-hdr-menu .nav-link#misscalls-tab { fill: #167CF2; }
.top-hdr-menu .nav-link.active#misscalls-tab { fill: #fff; }
.top-hdr-menu .nav-link:hover#misscalls-tab { fill: #fff; }
/* .darktheme .top-hdr-menu .nav-link:hover#misscalls-tab { fill: #fff; } */
.darktheme .top-hdr-menu .nav-link:hover#misscalls-tab { fill: #fff; }
.top-hdr-menu .nav-link:hover span { border: 1px solid #167CF2; color: #167CF2; }
}
@media (max-width: 799px) {
.inbound-right-column .content .header h2 { font-size: 12px; }
/*Twitter*/
.official-header .user-info .user-name h1 { font-size:16px; }
.official-header .user-info .user-name p { font-size:12px;}
.follow span { font-size:12px; }
.official-header .buttons-box a.create-post-btn { font-size:12px; }
.official-content-list ul li p { font-size:12px; }
.official-header .user-info .user-name { margin: 8px 0 0 15px; }
.official-header .buttons-box {	margin-top: 8px; }
.official-content-list { padding: 25px 105px 0 105px; }
.official-header .user-info .user-img { height: 70px; width: 70px; }
.official-header .user-info .user-img img {	width: 40px; } 
.official-content-list .post-info .user-name h2 { font-size:14px; }
}
@media (max-width: 768px) {
.today-calls-card .card-box { flex-direction: column; text-align: center; padding: 10px 5px; }
.today-calls-card .card-box span { margin-right: 0; }
}
@media only screen and (max-width: 767px) {
.login-right-column .form-content { max-width: 360px; width: 100%; }	
#leaddetails .col-md-4.col-sm-6 { padding:0 15px !important; }
.lunchbreak-popup.active { display: block; position: fixed; right: 0; top: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,0.3); z-index: 99; }
.lunchbreak-popup .content { margin:0 auto; position: relative; top: 25%; }
.all-breadcrumbs ul > li > a { font-size:11px; }
.all-breadcrumbs ul > li > a .arrow { margin:0px 0 0 5px; height: 6px; width: 6px; }
.table-content td { font-size:12px;}
/**/
.disposition-header .hdr-left { align-items: start; flex-direction: column; width: 100%; }
.disposition-header .callcumments ul li a p { display:none; }
.disposition-header .callcumments { position: absolute; right: 8px; top: 5px; }
.disposition-header .callcumments ul li a { margin:7px 0 0 0; }
.disposition-header .callcumments span { margin-right: 0; }
.switch_takebreak .selectbreak { display:block; }
.searchdesktop { display:none; }
.disposition-search .form-group .searchmobile { display:block; cursor:pointer; top: 10px; position: relative; }
.disposition-search .form-control { display:none; }
.disposition-search.show-search .form-control { display: block; position: absolute; right: 0; max-width: 220px; width: 220px; padding-left: 10px; top: 52px; }
/*Twitter*/
.official-header .buttons-box a { margin: 0 3px; }
.official-header .buttons-box a img { width: 20px; }
.official-header .buttons-box a.messanger-popup { padding: 0 !important; }
.official-header .buttons-box a.messanger-popup:hover { background:transparent;}
.official-header .buttons-box a.refresh { padding: 0 !important; }
.official-header .buttons-box a.refresh:hover { background:transparent;}
/*facebook Login*/
.facebook-content .content .form { margin:0 auto; }
.facebook-content .content .fb-logo { display: flex; align-items: center; justify-content: center; }
.facebook-content p { display:flex; justify-content: center; }
/*Email Inbound*/
.email-module-content .listing-sticky { display:none; }
.outbound-data ul li { flex-direction: column; padding: 0 15px; }
.outbound-data .title { width: 100%; text-align: left !important; margin-bottom: 5px; }
.outbound-data .des-text { width: 100%; }
.outbound-data .des-text p { padding:0 !important; font-size:14px; line-height:20.32px; }
.outbound-data .coppytoreply { width: 100%;	padding-left: 0 !important; }
.outbound-data-replay ul li { flex-direction: column; }
.outbound-data-replay .title { width: 100%; text-align: left !important; margin-bottom: 5px; }
.outbound-data-replay .des-text p { padding:0 !important; font-size:14px; line-height:20.32px; }
.outbound-data-replay ul li { flex-direction: column; padding: 0 15px; position: relative; }
.outbound-data-replay .des-text { padding-left: 0 !important; padding-right: 0 !important; }
.outbound-data-replay .title.outbound-attach { justify-content: start; }
/*SMS Module*/
.sms-module-content .sms_mobile { display: none; }
.mobileviewbutton { display: block; cursor: pointer; border-bottom: 1px solid #ecebeb; padding-bottom: 8px; }
.sms-module-content .sms_mobile.active { display: block; position: absolute; left: 0; right: 0; background: #fff; top: 0; bottom: 0; z-index: 99999;
height: 100vh; max-width: 100%; }
.mobileview-hdr { display:flex; padding:20px; }
.mobileview-hdr .mobileviewbutton {	margin-bottom: 0; width: auto; }
.sms-module-content textarea { height:150px; } 
/* Custom Form */
.customform_sticky { display:none; }
.cust_information_content .col-md-4, .col-md-8 { padding: 0; }
/*dashboard*/
/* .top-hdr-menu .nav-link > span { order: 1; margin: 0 0 5px 0; } */
.top-hdr-menu .nav-link > span { position: absolute; border-radius: 50%; height: 24px; display: flex; justify-content: center; align-items: center; top: -14px; right: -4px; width: 24px; }
/* .top-hdr-menu .nav-link { flex-direction: column; border-radius: 5px; color: #167CF2; } */
.top-hdr-menu .nav-link { flex-direction: column; color: #167CF2; border: 1px solid #CDE2F9; border-radius: 50%; width: 35px; height: 35px; padding: 0; display: flex; align-items: center; justify-content: center; }
.top-hdr-menu .nav-link#misscalls-tab { fill:#167CF2; }  
.top-hdr-menu .nav-link label { font-size: 12px; display: none; }
.top-hdr-menu .nav-link .icon { display: block; }
.top-hdr-menu { order: 0; width: auto; border-top: 0; padding-top: 0px; padding-bottom: 0px; margin-right: 0; }

.manualcall.show-hide-option .dialcode { padding-right:5px !important;}
.inbound-right-column .content .multi-select .multi-add a { padding: 5px 10px; margin: 2px 2px; font-size: 10px; }
.inbound-right-column .sticky-inbound { margin:0px 0 70px 0; }
.inbound-footer .reset_btn { margin:0 5px; }
.inbound-footer .allow-outbound label { font-size:12px; }
/*Agent View Popup*/
.agentsstatus_popup .agents_content .agent_data .name { font-size: 14px; }
/* Call Channels */
.call-channels-content .modal-dialog { max-width: 95%; }
/* Whatsapp Module */
.middle-content { height: calc(100vh - 107px); }
#webwhatsapp_iframe { height: calc(100vh - 105px); }
.whatsapp-chat-user { width: 300px; }
.whatsapp-content .messages-area { width: calc(100% - 300px); }
.whatsapp-chat-user ul li a .content h2 { width: 150px; font-size: 14px; }
.whatsapp-chat-user ul li a .content p.message { width: 150px; }
/* callback */
.callbackpopup .modal-dialog { top: 25%; }
.switch_takebreak .selectbreak span { display: none;}
.switch_takebreak .selectbreak .form-control { padding-left: 15px !important; }
/* Internal Chat */
#ChatTab .chat_iframe {	height: calc(100vh - 146px) !important; }
.internalchat-content .internal-chat-user {	max-width: 285px; }
.internalchat-content .messages-area { width: calc(100% - 285px); }
#chat_started_date { font-size: 12px; flex-direction: column; display: flex; }
#chat_started_date span:first-child { display: none; }
.internalchat-content .messages-area .header .usermsg-right .endchatbtn a {	border-radius: 50%; width: 35px; height: 35px; display: flex; }
.internalchat-content .messages-area .header .usermsg-right .endchatbtn .fa-comment-slash { display: flex !important; }
.internalchat-content .messages-area .header .usermsg-right .endchatbtn span { display: none; }
/* Customer chat */
#customerchat .internal-chat-user { max-width: 285px; }
.internalchat-content .messages-area .header .usermsg-right .endchatbtn button { border-radius: 50%; width: 35px; height: 35px; display: flex; }
.internalchat-content .messages-area .header .usermsg-right .endchatbtn button .fa-comment-slash { display: flex !important; }
.internalchat-content .messages-area .header .usermsg-right .endchatbtn button span { display: none; }
/* messaging */
#messaging_non_emulator { width: calc(100% - 0px); }
#messaging_module .sms-bg {	padding: 10px !important; }
#sms_templates_container.loader::after { display: none; }
/* facebook */
#FacebookWebIFrame { height: calc(100vh - 145px); }
/* Twitter */
#TwitterWebIFrame { height: calc(100vh - 145px); }
/* Customer chat */
#customerchat .internal-chat-user { max-width: 285px; }
#customerchat .customerchat-iframe { height: calc(100vh - 146px) !important; }
/* Message Board Css */
.message-board-card { height: calc(100vh - 107px); }
.message-board-list { height: calc(100vh - 152px); }
.message-board-list ul { height: calc(100vh - 197px); }
.message-board-details-card { height: calc(100vh - 107px); }
.message-board-welcome { height: calc(100vh - 107px); }
.message-board-details-card .board-message-content { height: calc(100vh - 188px); }
/* omnichannel Dashboard */
.omnichannel-content .card-content { width: 49%; }
/* header css */
.top-hdr-menu .nav-item { position: relative; }
.lastcallbacks { top: 45px; left: -28px; padding: 5px 5px 5px 5px; z-index: 9; }
.lastcallbacks::before { left: 5px; transform: rotate(135deg); top: -5px; }
/* header css End*/
/* collection Module css */
#form_custom_fields .cf_column { grid-template-columns: 50% 50%; width: calc(100% - 15px) }
/* collection Module css End*/
}
@media only screen and (max-width: 700px) {
/*Twitter*/
.dialer-official-module .official-header { flex-direction: column; }
.official-header .buttons-box {	margin-top: 0; padding-left: 85px; padding-bottom: 10px; }
}
@media only screen and (max-width: 667px) {
.lead_search_popup .content { max-width: 360px; }
.agentsstatus_popup .content { max-width: 360px; }
.inbound-left-column { max-width:200px; }   
.inbound-left-column .inbound-logo img { width: 140px; }
.inbound-footer-content .image img { width: 150px; }
.inbound-right-column { width: calc(100% - 0px); margin-left: 0px; }
.inbound-footer { left: 0px; width: calc(100% - 0px); }
.login-right-column { width: calc(100% - 200px); margin-left: 200px; }
.login-left-column { max-width: 200px; }
.login-left-column .login-logo img { width: 150px; }
.login-footer-content .image img { width: 140px; }
/*script*/
/* .buttons-nav-content .buttons_column ul li { width: 25%; } */
/*Call disposition*/
.disposition-footer { flex-direction: column; }
.disposition-footer .switch_takebreak { margin:0 0 10px 0; } 
.disposition-content { padding-bottom: 100px; }
/*Transfer Call Popup*/
.transfercall .modal-dialog { padding: 0 15px; background: transparent; }
#transfercallmyModal .buttons_row { flex-wrap: wrap; justify-content: center; padding: 0 !important; }
#transfercallmyModal .buttons_row span { margin-top: 10px; width: 48%; }
/*Login*/
.login-left-column { max-width: 100%; position: relative; height: 65px;	padding: 15px 0; border-right: 0; border-bottom:1px solid #e0e2e9; }
.login-left-column .login-logo { height:auto; }
.login-footer-content { display:none; }
.login-right-column { width: calc(100% - 0px); margin-left: 0; padding-top: 0; height: calc(100vh - 65px);  }
.login-right-column .form-content h2 { text-align:center; }
/* whatsapp */
.whatsapp-content { flex-direction: column; }
.whatsapp-chat-user { width: 100%; max-width: 100%; }
.whatsapp-content .messages-area { width: calc(100% - 0px); position: absolute; top: 0; bottom: 0; }
.whatsapp-chat-user ul li a .content .sms-count { right: 20px; position: relative; z-index: 1; }
.whatsapp-chat-user ul li a .content .column .pin { position: absolute; right: 10px; }
.whatsapp-chat-user ul li a .content h2 { width: 350px; }
.whatsapp-chat-user ul li a .content p.message { width: 350px; }
.whatsapp-chat-user { z-index: 2; background: #F5F7FA; }
.whatsapp-content .sms-area.d-none { z-index: 1; background: transparent; }
.whatsapp-content .sms-area { z-index: 3; background: #F8F3EC; }
/* customer Profiling */
.customer_profile_header .page-title h1 { font-size: 16px; }
/* Internal Chat */
.internalchat-content { display: flex; flex-direction: column; }
.internalchat-content .internal-chat-user {	max-width: 100%; background: #fff; z-index: 99; }
.internalchat-content .messages-area { width: calc(100% - 0px); position: absolute;	z-index: 9; background: #FBFCFD; } 
.internalchat-content .messages-area .internal-chat-header .backaarow {	display: block; color: #353535; }
.darktheme .internalchat-content .messages-area .internal-chat-header .backaarow { color: var(--white) !important; }
.messages-area.live_agent_list_message { z-index: 99; }
.internalchat-content .messages-area .header { background-color: #ffff; }
.internalchat-content ~ .modal-backdrop.show { opacity: 0; z-index: 0; }
.internalchat-groupchat .modal-content { border-radius: 0; border: 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
.internalchat-groupchat .modal-dialog {	margin-left: auto; margin-right: auto; }
/* Customer Chat */
#customerchat .internal-chat-user {	max-width: 100%; z-index: 999; }
.internalchat-content .messages-area.customer_chat_msg { z-index: 999; }

/* Messaging */
#messaging_module.sms-module-content .listing-sticky { max-width: 100%; height: auto; position: relative; padding: 0 !important; }
#messaging_module .sms-bg { max-width: calc(100% - 0px) !important; padding: 10px !important; border-top: 1px solid #E0E2E9; border-left: 0; }
#sms_templates.stickylinsting {	background: #fff; padding: 10px; margin: 10px 0; }
#sms_templates.stickylinsting:hover.stickylinsting ul#agent_messaging_templates { height: 180px; transition: 0.5s all; cursor: pointer; position: absolute; left: 0; right: 0; z-index: 9; background: #fff;
padding: 0 10px; box-shadow: 0px 5px 6px #ccc; border-bottom: 1px solid #FFAA05; overflow-y:auto; scrollbar-color:#D4DDF2 #f5f7fa; }
#sms_templates.stickylinsting:hover.stickylinsting ul#agent_messaging_templates::-webkit-scrollbar { width: 8px; height: 14px; }
#sms_templates.stickylinsting:hover.stickylinsting ul#agent_messaging_templates::-webkit-scrollbar-track { background: transparent; }
#sms_templates.stickylinsting:hover.stickylinsting ul#agent_messaging_templates::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
#sms_templates.stickylinsting:hover.stickylinsting ul#agent_messaging_templates::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }

.darktheme #sms_templates.stickylinsting { background: var(--header); }
.darktheme #sms_templates.stickylinsting:hover.stickylinsting ul#agent_messaging_templates { background: var(--header); box-shadow: 0px 5px 6px #2b2a2a; }

.stickylinsting ul#agent_messaging_templates { height: 0; margin: 0; }
/* Facebook */
.messaging-list-chat { flex-direction: column; position: relative; }
.messaging-list-chat .fb-chat-user { max-width: 100%; z-index: 9; }
.messanger-content .messaging-list-chat .messages-area { width: calc(100% - 0px); position: absolute; }
.messanger-content .messaging-list-chat .messages-area.active { z-index: 9; }
.messanger-content .messages-area .header a.backaarow {	display: flex; color: #0F78F2; background: #E2F4FF; width: 25px; height: 25px; border-radius: 50%; justify-content: center; align-items: center;
	margin-right: 10px; font-size: 14px; cursor: pointer; }
.messanger-content .messages-area .header a.backaarow:hover { color: #fff; background-color: #0F78F2; }
#fb-messanger { position: relative; }
#fb-messanger.messanger-content .sms-area { height: calc(100vh - 215px); }
/* Twitter */
.twitter-list-chat { flex-direction: column; position: relative; }
.twitter-chat-user { max-width: 100%; overflow-x: hidden; z-index: 9; border: 0 !important; }
.twitter-messanger-content .messages-area { width: calc(100% - 0px); position: absolute; right: 0; left: 0; }
.twitter-messanger-content .messages-area.active { z-index: 99;}
.twitter-messanger-content .messages-area .backaarow { margin-right: 10px; width: 25px; justify-content: center; display: flex; height: 25px; align-items: center; cursor: pointer; color: #fff; }
/* Email Module */
.email-outbound-inbound { flex-direction: column; padding: 0; background: transparent; }
.email-outbound-inbound .email-outbound-content { width: 100%; box-shadow: none; padding: 0 10px; background: #fff; margin: 10px 0; } 
.email-outbound-inbound .email-inbound-content { width: calc(100% - 0px); background: #fff; padding: 10px; }
.darktheme .email-outbound-inbound .email-inbound-content { background: var(--header); }
.darktheme .email-outbound-inbound .email-outbound-content .stickylinsting:hover.stickylinsting ul { background: var(--header); box-shadow: 0px 5px 6px #2b2a2a; }
.email-outbound-inbound .email-outbound-content .stickylinsting h2 {  margin: 0; padding: 15px 0; position: relative; }
.email-outbound-content .stickylinsting ul { height: 0; margin: 0; }
.email-outbound-inbound .email-outbound-content .stickylinsting:hover.stickylinsting ul { height: 180px; transition: 0.5s all; cursor: pointer; position: absolute; left: 0; right: 0; z-index: 9; background: #fff; padding: 0 10px; box-shadow: 0px 5px 6px #ccc; border-bottom: 1px solid #FFAA05; overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; }
.email-outbound-inbound .email-outbound-content .stickylinsting:hover.stickylinsting ul::-webkit-scrollbar { width: 8px; height: 14px; }
.email-outbound-inbound .email-outbound-content .stickylinsting:hover.stickylinsting ul::-webkit-scrollbar-track { background: transparent; }
.email-outbound-inbound .email-outbound-content .stickylinsting:hover.stickylinsting ul::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.email-outbound-inbound .email-outbound-content .stickylinsting:hover.stickylinsting ul::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }
/* Live Chat icon */
.livechatmobile1 { top: 5px; right: 20px; width: 30px; height: 30px; }
/* Message Board Css */
.messageboard-inbox { flex-direction: column; }
.messageboard-inbox .message-board-card { width: 100%; position: relative; z-index: 1; }
.message-board-details-card { width: calc(100% - 0px); position: absolute; }
.message-board-details-card.message-inbox-show { z-index: 1; }
.message-board-details-card .header { padding: 0 25px 0 45px; } 
a.back-message-list { display: flex; position: absolute; left: 10px; width: 25px; height: 25px; justify-content: center; align-items: center; background: #CDE2F9; border-radius: 50%; color: #0F78F2; }
/* header */
.agent-right-icons { width: 100%; justify-content: flex-end !important; padding: 10px; }
.mobile-logo { width: 50px; margin-right: inherit !important; }
.agent .navbar .header-left { width: 100%; align-items: center; padding: 10px 15px 10px 10px; border-bottom: 1px solid #e0e2e9; } 
.darktheme .agent .navbar .header-left { border-bottom: 1px solid var(--body); }
.top-hdr-menu .nav-link > span { top: -10px; right: -7px; font-family: 'Inter-Regular'; font-size: 10px; height: 20px; width: 20px; }
.top-hdr-menu { margin-left: auto; position: absolute; top: 61px; } 
.campaign-name { padding-left: 10px; }
.logout-area { position: absolute; top: 7px; width: 150px; }
.logout-area a { justify-content: flex-end; padding-right: 0; }
.logout-area.active .ready_menu a { display: flex; justify-content: flex-start; }
.logout-area.active .ready_menu { right: 0; }
.top-hdr-menu .nav-link .icon svg { width: 16px; }
/* header End */
}
@media only screen and (max-width: 640px) {
.select-contact-popup #fwd_contacts_length select { width: 60px; float:left; }	
#fwd_contacts_filter.dataTables_filter { margin-top: 0; float: right; }
#fwd_contacts_length {float: left; }
#fwd_contacts_length label { display: flex; align-items: center; column-gap: 5px;} 
/* Customer Chat */
#customerchat .internal-chat-user {	max-width: 100%; z-index: 999; }
.internalchat-content .messages-area.customer_chat_msg { z-index: 999; }
/* Inbond Email */
.outbound-data-replay .des-text.attachedfile .default_btn2 { position: absolute; top: 70px; right: 15px; }
/* Collection Module css */
.collection-tabs #coll_save_proceed { font-size: 13px; }
.collection-tabs .nav-tabs .nav-link { font-size: 13px; }
/* Collection Module css End*/
}

@media only screen and (max-width: 575px) {
.select-contact-popup .modal-dialog { margin-left: auto; margin-right: auto; padding: 0 10px; }	
.inbound-footer-content { display: none; }
.inbound-left-column { max-width: 100%; position: relative; height: auto; padding: 20px 0; }
.inbound-left-column .inbound-logo { height: auto; }
.inbound-right-column { width: calc(100% - 0px); margin-left: 0px; padding-top: 10px; }
.inbound-right-column .content { max-width: 100%; }
.inbound-right-column .content .header h2 { font-size: 11px; }
.inbound-footer { left: 0px; width: calc(100% - 0px); padding: 15px 5px; }
.inbound-footer .allow-outbound label { font-size: 12px; }
.inbound-right-column .content .header .selectall label { font-size: 12px; }
.inbound-listing .inbound-box ul { text-align: left; }
.inbound-listing .inbound-box h4 { border-bottom: 1px solid #E0E2E9; padding: 0 0 5px 0; }
.top-hdr-menu .nav-link { flex-direction: column; }
.top-hdr-menu .nav-link > span { order: 1; }
.call_lead .call_lead_text { display: none; }
.manualcall .content { padding:0 20px; }
.today-calls-card .card-box .content { font-size: 14px; }
.today-calls-card .card-box .content h2.total-counts-text { font-size:18px; justify-content: center; }
.today-calls-card .card-box .content { text-align: center; }
.login-right-column .form-content { padding:0 30px;}
.customtab .nav-tabs .nav-item { margin:0 10px; }
.customtab .nav-tabs .nav-link { font-size:12px; }
.callbackpopup .modal-dialog { margin-left: auto; margin-right: auto; max-width: 298px; top: 25%; }
/*cutomer Profiling*/
.customer-sms .card { max-width: 90%; }
.customer-sms .card .card-header { align-items: start; flex-direction: column; }
.customer-sms .card .card-header .campaign-name { padding: 6px 0 0 40px; }
/*Twitter*/
.official-content-list { padding: 25px 15px 0 15px; }
.official-header .user-info .user-name { margin: 40px 0 0 0px; text-align: center; width:100%; }
.follow { align-items: center; justify-content: center; }
.official-header .buttons-box {	justify-content: center; display: flex; align-items: center; padding-left: 0; }
.official-header .user-info { position:relative; }
.official-header .user-info .user-img {	position: absolute; left: 0; right: 0; margin: 0 auto; top:-35px; }
.official-header .buttons-box { margin-top:10px; }
.dialer-official-module { padding: 0 20px; }
/*Email Inbound & Outbound*/
.outbound-data-replay .des-text { width: 100%; }
/*Custome Form*/
.mycallback .custom-control.custom-checkbox { margin-top: 0 !important; padding-top: 0 !important; }
.replyemailbtn .buttons_row { justify-content: end; }
.des-text.replyemailbtn { width: 100% !important; margin-left: 0 !important; }
.replyemailbtn button { margin:0 !important; }
/*Call Transfer*/
.transfercall .modal-dialog { max-width: 100%; margin-left: auto; margin-right: auto; }
#external-transfer .buttons_row { flex-wrap: wrap; justify-content: center; }
#external-transfer .buttons_row button { width: 48%; margin: 2px !important; }
/*header section*/
.topmenu_icon { margin-left: 10px; }
/*Call Disposition*/
.disposition-footer button, .disposition-footer a { padding: 5px 6px; font-size: 12px; }
.pauseagent label { margin: 0; }
.today-calls-card {flex-flow:row wrap; justify-content: center; column-gap: 5px; }
/*.today-calls-card .card-box { flex-direction: initial; max-width: 50%; justify-content: start; text-align: left; margin-bottom: 15px; border:0; position:relative; column-gap: 10px; }*/
.today-calls-card .card-box { flex-direction: column; max-width: 49%; justify-content: start; text-align: left; margin-bottom: 5px; border: 1px solid #f4f4f4 !important; position: relative;
	column-gap: 0; border-radius:5px; padding: 10px 0; }
.today-calls-card .card-box::after { position: absolute;  width: 1px; background: #efefef; content: ''; height: 44px; right: 20px; display: none; }
.today-calls-card .card-box span { margin-right: 0px; }
.Connected.card-box::after { background: transparent; }
.total-lead.card-box::after { background: transparent; }
.fresh-lead.card-box::after { background: transparent; }
.today-calls-card .refreshicon { right: 10px; top: 10px; position: absolute; }
.today-calls-card .card-box .content h2.total-counts-text .refreshicon img { width: auto; }
.total-lead.card-box { max-width: 100%; }
.manual-bottom .manualcall-card1 { justify-content: center; }
.manual-bottom .call-button-content #MDPhonENumbeR { width: 225px; max-width: inherit; }
.manualcall .makecalltext label { display: none; }
.manual-bottom.show-hide-option .manualcall-card2 { border-top: 1px solid #f4f4f4; margin-top: 10px; }
/* Callback Schedule */
.leaddetails-content .form-group p { font-size: 14px; }
#transfercallmyModal .customtab .nav-tabs .nav-item { margin: 0 5px; }
/*Pagination*/
.datatable-content .dataTables_wrapper .dataTables_paginate span { margin: 0; }
.datatable-content .dataTables_wrapper .dataTables_paginate .paginate_button { margin: 0 2px !important; }
.datatable-content .dataTables_wrapper .dataTables_paginate .paginate_button.previous { margin: 0 !important; }
.datatable-content .dataTables_wrapper .dataTables_paginate .paginate_button.next { margin: 0 !important; }
/* whatsaap */
.whatsapp-new-message .modal-dialog { margin-left: auto; margin-right: auto; }
/* customer Profiling */
.customer_profile_header .page-title h1 { font-size: 20px; }
.customer_profile_header { flex-direction: column; }
.profiling-right-action { justify-content: space-between; }
.customer_profile_header .page-title { padding: 0px 0 10px 0; border-bottom: 1px solid #f4f4f4; margin-bottom: 10px; }
/* Script */
.mainform-content .send_dtmf { display: flex; position: relative; max-width: 250px; }
.mainform-content .send_dtmf .send { right: 10px; }
.mainform-content .outbound-text { margin-left: auto; }
/* Live Chat icon */
.livechatmobile1 { top: 3px; }
/* header */
.navbar .call_lead ul li a { width: 30px; height: 30px; }
.theme-mode button { width: 30px; height: 30px; }
.top-hdr-menu .nav-link { width: 30px; height: 30px; }
.top-hdr-menu .nav-link .icon svg { width: 16px !important; }
.lastcallbacks { top: 38px; }
/* header End*/
/* ticket system css */
#ticket_iframe { height: calc(100vh - 107px); }
/* ticket system css End*/
/* collection Module css */
#mainform .customtab .nav-tabs { position: relative; }
#mainform .customtab .nav-tabs li#MainCommit { position: absolute; top: -80px; }
/* collection Module css End*/
}
@media only screen and (max-width: 540px) {
.inbound-right-column .content .header { flex-direction:column; }
.inbound-right-column .content .header h2 { margin-bottom:5px; }
.inbound-right-column .content .header .selectall { margin-bottom: 5px; }
/* omnichannel Dashboard */
.omnichannel-content .card-content { width: 48.2%; }
/* Collection Module css start */
.collection-tabs #MainCommit { display: flex; width: 100%; order: -1; margin-bottom: 5px; justify-content: flex-end; border-bottom: 1px solid #d5d5d5; padding-bottom: 5px; }
/* Collection Module css End */
}
@media only screen and (max-width: 520px) {
.inbound-right-column .content .header { flex-direction: column; }
.inbound-right-column .content .header .selectall { margin-bottom: 5px; }
.inbound-footer .allow-outbound label { font-size: 10px; }
.inbound-footer .continue_btn { font-size:12px; padding: 5px 9px; }
.inbound-footer .reset_btn { font-size:12px; padding: 5px 9px; margin-right:5px; }
}
@media only screen and (max-width: 494px) {
/* .mobile-logo { display: flex; width: 45px; padding: 0 0 0 10px !important; }
.agent .navbar .campaign-name { padding: 0 0 0 5px; } */
}

@media only screen and (max-width: 485px) {
/* whatsapp */
.whatsapp-chat-user ul li a .content h2 { width: 250px; }
.whatsapp-chat-user ul li a .content p.message { width: 250px; }
}

@media only screen and (max-width: 479px) {
/*internal chat tab*/
#internalchat .vertical-tab .nav-tabs{ width: 100%; margin: 0 0 15px; display: block; }
#internalchat .vertical-tab .nav-tabs li a{ padding: 15px 10px 14px; margin-right: 0; }
#internalchat .vertical-tab .tab-content{ display: block;  }
/*internal chat tab end*/
/*script*/
/* .buttons-nav-content .buttons_column ul li { width: 33%; } */
.soundboard_search .form-control { max-width: 155px; }
/*Email Inbound & Outbound*/
.des-text.attachedfile .form-group.addmore-btn { width:50% !important; }
/*Call Disposition*/
.disposition-footer .buttons_row { justify-content: center; flex-wrap: wrap; }
.disposition-footer .buttons_row .pauseagent { width: 100%; justify-content: center; margin-bottom:10px; }
.switch_takebreak .selectbreak { margin: 0px 0 0 15px; }
.disposition-content { padding-bottom: 150px; }
.manualflow .optionsbox { top:10px; }
/* Login  */
.inbound-right-column { width: calc(100% - 0px); margin-left: 0; }
.inbound-footer { left: 0; width: calc(100% - 0px); }
.inbound-footer .allow-outbound label { font-size: 12px; }
/*dashboard*/
.todays-call-activity-box h1 { font-size: 16px; }
/*Transfer Call*/
#transfercallmyModal .modal-body { padding: 10px; }
#transfercallmyModal .default_btn3, #transfercallmyModal .default_btn2, #transfercallmyModal .default_btn1 { font-size: 13px; }
/* omnichannel Dashboard */
.omnichannel-content .card-content { width: 100%; }
/* header */
.agent-right-icons { width: 100%; justify-content: flex-end !important; }
.mobile-logo { margin-top: 5px; margin-right: 0; width: auto; }
.topmenu_icon { margin-top: 5px; }
.campaign-name { margin-top: 5px; margin-right: auto; }
.top-hdr-menu { top: 66px; }
/* .campaign-info { right: 0; }
.campaign-info::after {right: 3px; } */
/* Collection Module css start */
.collection-sub-tabs .nav-tabs .nav-item { margin: 0 !important; }
.collection-tabs .nav-tabs .nav-link { padding: 8px; }
/* Collection Module css End */
/* collection Module css */
.mainform-content .send_dtmf label { margin-top: 0; display: none; }
.mainform-content .send_dtmf .form-control { width: 120px; }
#form_custom_fields .cf_column { grid-template-columns: 100%; width: calc(100% - 0px) }
#mainform .customtab .nav-tabs li#MainCommit .default_btn3 { font-size: 12px; }
/* collection Module css End*/
}
@media only screen and (max-width: 438px) {
.manualcall.show-hide-option .buttons_row .default_btn3 { width: auto; } 
#timestatschart { width: 160px !important; height: 160px !important; } 
.manualcall .hidecolumn .column-card { max-width: 100%; }
.manualcall .customcheckbox { margin-bottom: 5px !important; }
.manual-bottom .call-button-content #MDPhonENumbeR { width: auto; }
/* forword contact */
.select-contact-popup #fwd_contacts_wrapper {	display: flex; flex-direction: column; }
.select-contact-popup #fwd_contacts_filter.dataTables_filter { margin-top: 0; float: left; text-align: left; }
.select-contact-popup #fwd_contacts_filter label { width: 100%; }
.select-contact-popup #fwd_contacts_filter input { width: 99% !important; margin-top: 5px; }
.select-contact-popup #fwd_contacts_length select {	width: 100%; }
}
@media only screen and (max-width: 396px) {
.mobile-logo { padding: 0 0 0 5px !important; }
.call_lead ul li { padding: 0; }	
.campaign-name { padding-left: 5px;}
.middle-content { height: calc(100vh - 107px); }
#ChatTab .chat_iframe {	height: calc(100vh - 145px) !important; }
#webwhatsapp_iframe { height: calc(100vh - 130px); }
#customerchat .customerchat-iframe { height: calc(100vh - 145px) !important; }
}
@media only screen and (max-width: 385px) {
/* whatsapp */
.whatsapp-chat-user ul li a .content h2 { width: 185px; }
.whatsapp-chat-user ul li a .content p.message { width: 185px; }
.phonenumber-search .form-control { width: 170px; font-size: 12px; }
}
	
@media only screen and (max-width: 380px) {
.agent .navbar .container-fluid { justify-content: start; }
.call_lead ul li { padding: 0px; }
.campaign-name { padding: 0 10px; }
.mobile-logo { padding-left: 5px !important; }
.mobile-logo img { width: 25px; }
.topmenu_icon .bar1, .topmenu_icon .bar2, .topmenu_icon .bar3 { width: 15px; height: 2px; background-color: #333; margin: 3px 0; transition: 0.4s; }
.top-hdr-menu .nav-link label { font-size: 12px; text-align: center; }
.today-calls-card .card-box::after { right:10px; }
.soundboard_search .form-control { max-width: 105px; }
.top-hdr-menu .nav-item { padding: 0 2px; width: auto; }
/*disposition*/
.disposition-footer .switch_takebreak { flex-direction:column; 	margin: 0 0 10px 0; justify-content: start; align-items: flex-start; width: 100%; }
.disposition-footer .switch_takebreak .selectbreak { width:100%; margin:10px 0 0 0; }
.middle-content { height: calc(100vh - 120px); } 
/* Whatsapp */
#webwhatsapp_iframe { height: calc(100vh - 120px); }
/* screenshare */
.screenshare-dropdown.show { right: 5px; left: 5px; max-width: 100%; width: calc(100% - 10px); }
/* Header */
.top-hdr-menu { top: 60px; }
/* End Header */
}