@media only screen and (max-width: 1450px) {
/*Admin QC Dashboard  */
.qc-overallstatus-card .totalperformed-box .card.totalperformed h2, .qc-overallstatus-card .callstatusbox .card .text h2 { font-size: 14px; }
.qc-overallstatus-card .totalperformed-box .card.totalperformed h3, .qc-overallstatus-card .callstatusbox .card .text h3 { font-size: 18px; }
.qc-overallstatus-card .callstatusbox .card { width: calc(25% - 0px); }
.qc-overallstatus-card .callstatusbox .card.pass-failed-box .card:hover { border: 1px solid transparent;}
/*Admin QC Dashboard End */
}
@media only screen and (max-width: 1261px) {
	.customtab .nav-tabs .nav-link { font-size: 13px;}
	/*Admin QC Dashboard  */
	.qc-overallstatus-card { flex-direction: column; }
	.qc-overallstatus-card .totalperformed-box { border: 0; }
	.qc-overallstatus-card .callstatusbox { width: calc(100% - 0px); padding: 9px; border-top: #DAE2EE 1px solid; margin-top: 15px; }
	/*Admin QC Dashboard End */
	}
	@media only screen and (max-width: 1239px) {
	/*header*/
	.admin-header .page-title h1 { font-size: 14px; }
	.admin-header .addbtn a { font-size: 12px; padding: 5px 8px; }
	.admin-header .filter a { font-size: 12px; padding: 5px 8px;}
	/*Agent Performance Detail*/
	.pause-breakdown .graph-content { display: flex; flex-direction: column; }
	.pause-codebreakdown-status { max-width: 100% !important; }
	.pause-breakdown .status-list {	width: 100% !important; flex-direction: column; }
	.pause-breakdown .status-list ul { display: flex; margin: 0 !important; flex-wrap: wrap;  }
	.pause-breakdown .status-list ul li { padding: 0 10px 0 17px !important;}
	#pause-codebreakdown-doughnut { width: 150px !important; height: 150px !important; }
    /* ticket */
    .channel-call-subject { padding-top: 10px !important; margin-left: 0 !important; }
	}

	@media only screen and (max-width: 1211px) {
	/* ticket */
	.ticket-details-box .mail-list-data-details .profile-details .info { position: absolute; right: 40px; font-size: 12px; width: 20px; height: 20px; background: var(--button); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
	.ticket-details-box .mail-list-data-details .profile-details .info i { color: #fff; }
	.ticket-details-box .mail-list-data-details .messages-view-content { height: calc(100vh - 230px); }
	.message-conversation.active .messages-view-content { height: calc(100vh - 566px); }
	.ticket-details-box .mail-list-data-details .profile-details { height: 105px;}
	.ticket-details-box .mail-list-data-details .profile-details .user-details-box { align-items: flex-start; flex-direction: column; padding-bottom:3px; }
	.ticket-details-box .mail-list-data-details .profile-details .mailsubject {	margin-top: 3px !important; }
	.ticket-details-box .mail-list-data-details .profile-details .user-personal-details .from, .ticket-details-box .mail-list-data-details .profile-details .user-personal-details .view-email { font-size: 12px;}
	.ticket-details-box .mail-list-data-details .profile-details .user-details-box h3 { font-size: 12px; }
	.ticket-details-box .mail-list-data-details .profile-details .channel-status ul li h4 { font-size: 13px; }
	.ticket-details-box .mail-list-data-details .profile-details .channel-status ul li label { font-size: 12px; }
	.ticket-details-box .mail-list-data-details .profile-details .type-email-box ul li label { font-size: 12px; }
	.ticket-details-box .mail-list-data-details .profile-details .type-email-box ul li h4 { font-size: 13px; }
	.ticket-details-box .mail-list-data-details .profile-details .type-email-box ul li a { font-size: 12px; }
	.ticket-details-box .mail-list-data-details .profile-details .mailsubject ul li label { font-size: 12px; }
	.ticket-details-box .mail-list-data-details .profile-details .mailsubject ul li h4 { font-size: 13px; }
	.ticket-details-box .mail-list-data-details .profile-details .channel-status { margin-top: 5px; }
	.ticket-information-box { display: none; }
	.mail-list-data-details.message-conversation.hide-information { width: calc(100% - 280px); }
	.ticket-details-box .mail-list-data-details { width: calc(100% - 280px); }
	.ticket-information-box.active { display: block; position: absolute; right: 0; bottom: 0; top: 0; }
	.messages-view-content .gmail_signature table { width: 100%; }
    /* added 10-06-2024 by vinod */
    .messages-view-content.whatsappconversation { height: calc(100vh - 330px) !important; }
    /* ticket End*/
	}
    @media only screen and (max-width: 1208px) {
    .messages-view-content.whatsappconversation { height: calc(100vh - 280px) !important; }
	/* Ticket Dashboard Css */
	.ticket-dashboard-content .card-box.ticket-status-box {	text-align: center; }
/* Ticket Dashboard Css End*/
    }
	@media only screen and (max-width: 1100px) {
	.contentbox .content .cardbox p	{ font-size: 14px;}
	.overallreport-graph { display: flex; flex-direction: column; }
	.overallreport-graph .overallreport1 { max-width: 100%;}
	.overallreport-graph .overallreport1 .drops-column { flex-direction: column;}
	.overallreport-graph .overallreport1 .drops-column .status { display: flex; column-gap: 15px; align-items: center; justify-content: center; }
	.overallreport-graph .overallreport2 { max-width: 100%;}
	.hopperleads .status-name a { display: flex; }
	}

	@media only screen and (max-width: 1029px) {
	/* Ticket */
	.ticket-details-box .mail-list-data-details { width: calc(100% - 280px); }
	.ticket-details-box .mail-list-data-details .profile-details .type-email-box ul { align-items: flex-start; flex-direction: column; }
	.ticket-details-box .mail-list-data-details .profile-details { height: 135px; }
	.ticket-details-box .mail-list-data-details .messages-view-content { height: calc(100vh - 260px); }
	.message-conversation.active .messages-view-content { height: calc(100vh - 596px); }
	/* Ticket End */
	}
	@media only screen and (max-width: 1024px) {
	#maincontent { width: calc(100% - 0px); }
	.today-calls-card .card-box .content p { font-size: 12px; }
	#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; }
	/*header*/
	.admin-header .search-area { position:static; max-width: 35px; border-radius: 50%; }
	.admin-header .search-area.active { border: 0; }
	.admin-header .search-box { display:none; }
	.admin-header .search-area .searchicon { top: 13px; cursor:pointer; }
	.admin-header .search-area.remote_agents_search .searchicon { position: absolute; top: 23px; }
	.admin-header .search-area.active .searchicon { display:none; }
	.admin-header .search-area.active .searchicon.closesearch { display:flex; }
	.admin-header .search-area .searchicon.closesearch { display:none; }
	.admin-header .search-area.active .search-box { display: flex; position: absolute; top: 60px; max-width: 280px; z-index: 99; background: #fff; padding: 10px; box-shadow:0px 0px 12px rgba(0, 0, 0, 0.15); border-radius: 4px;
	margin-left: -10px; }
	.admin-header .search-area.active .form-control { background:#f1f1f1 !important; border-radius:0 !important; }
	.admin-header .search-area.active select.form-control { max-width: 100px; width: 100% !important; }
	.searchicon.closesearch { top: 12px !important; background: #D3EFFF; width: 35px; height: 35px; border-radius: 5px; margin: 0 0 0 -11px; align-items: center; justify-content: center; border-radius: 50%; }
	.admin-header .search-area.campaing { max-width:35px; position: static;}
	/*Disposition Report*/
	.disposition-stats { justify-content: start; column-gap: 0px; flex-wrap: wrap;  }
	.disposition-stats .box { width: 25%; padding: 10px 15px; border: 0; }
	/* tabs */
	.customtab .nav-tabs .nav-link { font-size: 12px;}
	/* Script */
	.assign-campaign:hover ul.addcampaignlist { left: -120px; }
	.hopperleads .select-campaign .form-control { width: 190px; }
	.hopperleads-title .search-area .form-control { max-width: 190px; width: 100%; }
	/* pagination */
	.custom-datatable-info-paginate .dataTables_info { width: 350px; }
	/* Report css */
	.reports-column { grid-template-columns: 1fr 1fr; }
    /* ticket css */
    .ticket-details-box .mail-list-data-details .profile-details .channel-status { margin-left: 0px !important; }
    .ticket-details-box .mail-list-data-details .profile-details .user-personal-details { display: flex; align-items: flex-start; flex-direction: column; }
    .ticket-details-box .mail-list-data-details .profile-details .channel-status ul li:first-child::before { display: none; }
    .ticket-details-box .mail-list-data-details .profile-details .channel-status ul li:first-child h4 { padding-left: 0; }
    /* ticket css End*/
	/* Survey Broadcasting Dashboard css */
	.survey-broadcasting-content .status-card .card-box { flex-direction: column; }
	.survey-broadcasting-content .status-card .card-box span { text-align: center; margin: 0; }
	.survey-broadcasting-content .status-card .card-box .content { text-align: center; }
	.survey-broadcasting-content .status-card .card-box .content p { font-size: 12px; }
	/* Survey Broadcasting Dashboard css End*/
    /* All ticket Listing Start*/
    .ticket-cards-box .ticket-info-card { width: 100%; align-items: flex-start; }
    .ticket-cards-box { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
    .ticket-cards-box .ticket-info-card .content-details .ticket-description-details { margin-bottom: 5px; }
    .ticket-cards-box .ticket-filter-dropdowns { flex-direction: row; max-width: 100%; width: calc(100% - 65px); align-items: center; position: relative; left: 65px; column-gap:5px; flex-wrap: wrap; }
    .ticket-cards-box .ticket-info-card .content-details .subject-ticketid .subject { font-size: 13px; }
    .ticket-cards-box .ticket-info-card .content-details .subject-ticketid .ticket-id { font-size: 13px; }
    .ticket-cards-box .ticket-filter-dropdowns .priority-dropdown, .ticket-cards-box .ticket-filter-dropdowns .channel-customer-details-dropdown, .ticket-cards-box .ticket-filter-dropdowns .status { margin-bottom: 0 !important; background: transparent; padding: 5px 10px; border-radius: 5px; column-gap: 5px; margin-top: 5px; height: 30px; border: 1px solid #EEF3F7; }
    .ticket-cards-box .ticket-filter-dropdowns .form-control { background-color: transparent; }
    /* All ticket Listing End*/
	}
	@media only screen and (max-width: 991px) {
	.mobile-logo { display:block;}
	.topmenu_icon{ display:block; margin-left:15px; cursor: pointer; }
	/*maincontent*/
	#maincontent { width: calc(100% - 0px); margin-left: 0; }
	body.active #maincontent { width: calc(100% - 0px); margin-left: 0; }
	/*menu*/
	#sidebar.active .sidebar-header strong { display: none; }
	#sidebar.active .sidebar-header span { display: block; }
	#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; }
	#sidebar.active ul ul a { color: #A6AFD7; }
	#sidebar.active ul ul::after { display:none; }
	#sidebar.active ul li:hover .collapse {	left: inherit; display: block; }
	#sidebar.active ul li.root_menu a:hover span { display: flex; }
	/*End*/
	.desktopshow { display:none !important; }
	.mobileshow { display:none; position: absolute; top: -20px; }
	#sidebar.active .mobileshow { display:block; left: 140px; }
	/*dashboard*/
	.admin-header { border-left: 0;}
	.admin-header .search-area { max-width:35px; }
	.admin-header .dashboardtype p { font-size:16px; }
	.admin-header .page-title h1 { font-size:16px;}
	.admin-header .dashboardtype a > span > img { width:12px; }
	.today-calls-card { padding:10px !important; }
	.today-calls-card .card-box { flex-direction: column; }
	.today-calls-card .card-box span { margin:0 0 5px 0; justify-content: center; display: flex; }
	.today-calls-card .card-box .content { justify-content: center; display: flex; flex-direction: column; text-align:center; }
	#call-summary { width: 210px !important; height: 210px !important; }
	/*header*/
	.admin-header .hder-right { align-items: center; }
	.admin-header .addbtn a { padding:5px; font-size:12px; }
	.admin-header .filter a { padding:5px; font-size:12px; }
	.admin-header .userterritory { margin-right: 5px; }
	.admin-header .userterritory a { padding:5px; font-size:12px; }
	.admin-header .hdr-link a { padding:5px; font-size:12px; }
	/*System Dashboard*/
	.ramusage .content .column .text h3 { font-size:14px; }
	/*Licence Configration*/
	.licencekey .textarea { font-size: 12px; }
	/**/
	.popup-header h4 { font-size:14px; }
	.hopperleads .search-area.campaing { max-width: 180px; }
	/*login*/
	.login-left-column { width: 330px;}
	.login-right-column { padding: 0 30px; width: calc(100% - 330px); margin-left: 330px; }
	.login-right-column .form-content { max-width: 330px; width: 100%; }
	/* Campaign */
	.lists-campaign .modal-dialog { max-width: 80%; }
	.lists-campaign .modal { top: 30px;}
	.callbackhold .modal-dialog { max-width: 90%; margin-left: auto; margin-right: auto; }
	/*Lead Filter*/
	.hide-mobile-view { display: none; }
	#leadFilterListing { white-space: nowrap;  }
	/*User Stats : Lead Search Log*/
	#leadsearchelog { white-space: nowrap;  }
	/* User Modify */
	.contentform  { padding-bottom: 65px; }
	.contentform .modifyfooter { right: 25px; left: 25px; position: fixed; }
	/* Outbound Recording */
	.audio-main-container2 { width: calc(100% - 0px) !important; left: 0 !important; }
	#audiostorelist .audio-main-container {	left: 0; width: calc(100% - 0px) !important; }
	/* Landing page */
	.landing-slider-section .carousel-caption h3 { font-size: 24px; line-height: 30px; }
	.landing-bottom-logo img { width: 200px; }
	.waiting-calls-popup.active { left: 0 !important; }
	/* Report waiting*/
	body.active .waiting-calls-btn { left: 0px !important; width: calc(100% - 0px); }
	/* pagination */
	.custom-datatable-info-paginate { flex-direction: column; }
	.custom-datatable-info-paginate .dataTables_info { justify-content: center; text-align: center; width: 100%; margin-top: 15px; }
	/* predictive report */
	.predictive-report { grid-template-columns: auto; width: 100%; }
	/* omnichannel Dashboard */
	.omnichannel-content .system-count { flex-wrap: wrap; }
	.omnichannel-content .card-content { width: calc(25% - 8px); margin-bottom: 10px; }
	.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; }
	/* ticket */
	.conversation-actions { display: none; }
	.ticket-details-box .mail-list-data-details .profile-details .agent-priority-ticket { position: absolute; right: 15px; font-size: 12px; width: 20px; height: 20px; background: var(--button); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
	.ticket-details-box .mail-list-data-details .profile-details .agent-priority-ticket i { color: #fff; }
	.conversation-actions.active { position: absolute; display: flex; z-index: 9; left: 0; right: 0; margin: 0 !important; box-shadow: 5px 0px 8px #b5b5b5; padding-right: 40px !important; }
	.close-conversation-action { position: absolute; right: 10px; font-size: 12px; width: 20px; height: 20px; background: red; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 9; top: 15px; }
	.close-conversation-action i { color: #fff; }
	.ticket-details-box .mail-list-data-details .messages-view-content { height: calc(100vh - 210px);  }
	.message-conversation.active .messages-view-content { height: calc(100vh - 550px); }
	/* Ticket End */
	/* Broadcast Summary Report Css */
	.survey-broadcasting-content .status-card .card-box { justify-content: center; flex-direction: column; align-content: center; padding: 0 5px; }
	.survey-broadcasting-content .status-card .card-box span { margin-right: 0; text-align: center; }
	.survey-broadcasting-content .status-card .card-box .content { 	text-align: center; }
	.survey-broadcasting-content .status-card .card-box .content p { margin: 8px 0px 5px 0px; }
	.survey-broadcasting-content .status-card .loged-agents { padding-right: 0 !important; }
	#not-connected-chart { height: 200px !important; }
	.connected-data-report-section .columnbox { min-height: 340px; 	}
	.connected-data-report-section .connected-data-report-box { flex-direction: column; }
	.connected-data-report-section .connected-data-report-box .status-list { width: 100%; margin-top: 30px; }
	.connected-data-report-section .connected-data-report-box .status-list ul { list-style: none; display: flex; flex-wrap: wrap; column-gap: 20px; margin: 0; justify-content: center; }
	/* Broadcast Summary Report Css End*/
	/* Call Logs Dashboard Start*/
	.callinsignts-content .callinsignts-table th.dtfc-fixed-left, .callinsignts-content .callinsignts-table td.dtfc-fixed-left { position: static !important; }
	 /* Call Logs Dashboard End*/
	 /* Whiteboard Reports css */
	.whiteboard-content .call-count-staus-card .count-staus-content .content { padding: 0 10px; }
	.whiteboard-content .call-count-staus-card .count-staus-content .content.totalconvrate { padding: 10px; }
	/* Whiteboard Reports css End */
	/*Admin QC Dashboard  */
	.total-calling-agent-status { flex-wrap: wrap; }
	.total-calling-agent-status .totalcalls-box { width: 100% !important; margin-bottom: 10px; }
	.total-calling-agent-status .card {	width: calc(50% - 5px); }
	.qc-overallstatus-card .callstatusbox .card { width: calc(35% - 0px); }
	/*Admin QC Dashboard  End*/
     /* All ticket Listing Start*/
     .ticket-cards-box .ticket-info-card .content-details .ticket-description-details { flex-direction: column; align-items: flex-start; }
     .ticket-cards-box .ticket-info-card .content-details .ticket-description-details .created-date { margin: 5px 0; }
     /* All ticket Listing End*/
	}
	@media (max-width: 900px) {
	.hopperleads .hopperleads-title .searchicon { top: 9px;}
	.hopperleads .popup-header { align-items: start; position: relative; }
	.hopperleads .refreshbutton { position: absolute; top: 8px;	right: 20px; }
	.hopperleads-title { display: flex; align-items: start; width: 100%; margin: 0 0 15px 0; flex-direction: column; }
	.hopperleads .close { position: absolute; right: 10px; top: 10px; }
	.hopperleads .search-area.campaing { max-width: 100%; margin: 10px 0 0 0; width: 200px; }
	.hopperleads .box-right-content { flex-direction: column; align-items: start; }
	.hopperleads .select-campaign { align-items: start; column-gap: 0; flex-direction: column; }
	/* .hopperleads .select-campaign .form-control { width: 100%; } */
	.hopperleads .select-campaign label { margin-bottom:10px !important; }
	.hopperleads .box-right-content .alllink2 { margin-top:10px; }
	.hopperleads .select-campaign .form-control { margin-right: 0;}
	.license-expaire-alert { flex-direction: column; justify-content: center; }
	.license-expaire-alert p { text-align: center; }
	.license-expaire-alert .renew-now { margin-top: 10px; margin-left: 0; }
	/*Admin QC Dashboard  */
	.qc-overallstatus-card .callstatusbox .card { padding: 15px 10px; }
	/*Admin QC Dashboard  End*/
	}
	@media (max-width: 799px) {
	.listcontent table.listing-table-content tr:hover .link-listing { position: absolute; right: 0; }
	/*Admin QC Dashboard  */
	.qc-overallstatus-card .callstatusbox { flex-wrap: wrap; }
	.qc-overallstatus-card .callstatusbox .card { width: calc(50% - 5px); }
	.qc-overallstatus-card .callstatusbox .card { padding: 15px; margin: 5px 0; }
	.qc-overallstatus-card .callstatusbox .card.pass-failed-box { width: calc(50% - 5px); }
	.qc-overallstatus-card .callstatusbox .card.pass-failed-box .card { margin: 0; border: 1px solid transparent; }
	.performance-section .tab-content .content { flex-direction: column; }
	.performance-section .tab-content .content .card { width: calc(100% - 0px); }
	.performance-section .tab-content .content .card:last-child { margin-top: 10px; }
	/*Admin QC Dashboard End*/
	}
	@media (max-width: 768px) {
	}
	@media only screen and (max-width: 767px) {
	/*Login page*/
	.login-right-column .form-content { max-width: 360px; width: 100%; }
	/*header*/
	.admin-header .dashboardtype p { font-size:14px; }
	.admin-header .page-title h1 { font-size:14px;}
	.admin-header .morelink { top: -2px; }
	.searchicon.closesearch { top: 10px !important; }
	.admin-header .search-area .searchicon { cursor: pointer; }
	.admin-header { flex-direction: column; justify-content: start; align-items: normal; min-height: 98px; }
	.admin-header .hder-left { display: flex; flex: auto; align-items: center; padding: 10px 0; border-bottom: 1px solid #f1f1f1; }
	.admin-header .hder-right { display: flex; /*align-items: end;*/ margin-top: 0; justify-content: end; padding: 0px 10px; height: 40px; margin-left: auto; }
	.admin-header .logout {	right: 0; top: 11px; position: absolute; }
	.admin-header .logout a { border:0; }
	.admin-header .hder-right .addemail-button { margin: 5px 0; }
	.admin-header .hder-right .addbtn { margin: 5px 0; }
	.admin-header .filter { margin:5px 5px 5px 0px; }
	.admin-header .bulkchange-button a { padding:5px; font-size:14px; }
	.multi-select ul li a { font-size:12px; }
	/* Scrollbar */
	.middlescrollbar { height: calc(100vh - 100px);}
	/*all inner table header*/
	.hide-mobile p { display:none; }
	.hide-mobile .box-right-content span { display: none;}
	.hide-mobile svg { margin:0 !important; }
	.admin-header .addbtn .hide-mobile img { margin-right:0 !important; }
	.box-right-content .hide-mobile span { display:none; margin-right:0 !important; }
	/*dashboard*/
	.callsummary-productivity .columnbox { min-height: auto; margin-bottom: 15px; }
	.callsummary .columnbox { min-height: auto; }
	/*Ping dashboard*/
	.totalagents .totalagentsbox.columnbox { min-height: auto; }
	/*Broadcast Dashboard*/
	.connected .columnbox { min-height: auto; }
	/*System Dashboard*/
	.cpustatus .content .column .staustime p { font-size:12px; }
	.cpustatus .content .column .listing ul li { font-size:12px; }
	.cpustatus .content .column .listing p { font-size:12px; }
	/*User Lisiting*/
	.auto-generate .col-sm-6 { padding:0 15px !important; margin-top:5px; }
	.userlisting-adduser { padding:0 10px; }
	/*Qc Call*/
	.calllead-btn { padding: 8px 0; }
	/*User Group*/
	#hourlyreport {	padding: 0 !important; }
	#hourlyreport .modal-dialog { max-width:96%; width:100%; }
	/*Lead Listing -> Add Lead*/
	.content.addleadform .col-md-6 { padding: 0 !important; }
	/*Licence Configration*/
	.default_btn2.licence-history { padding: 5px; font-size: 12px; margin: 5px 0;}
	/*Facebook*/
	.default_btn2.fb_btn { padding: 5px; margin: 5px 0; font-size: 12px; }
	/*voip_usage*/
	.recharge-history .modal-dialog { max-width: 96%; width: 100%; }
	/*IVR Bot*/
	#flowmapping .custome-switch { margin:0 0 15px 0 !important; }
	/*TimeSheet*/
	.usertimesheet .logintimebox { padding:20px 0; }
	/*Script*/
	/* .add_script_content .content, .callnotesbox .content { overflow-x: hidden; } */
	.assign-campaign:hover ul.addcampaignlist { left: 10px; }
	/* Campagin */
	.customtab .nav-tabs .nav-item { margin: 0 8px; }
	.popupcontent .popup-header h4 { font-size: 14px; }
	.hopperleads .status-footer { height: 40px; overflow: hidden; }
	.hopperleads .status-footer.active { height: auto; overflow: inherit; }
	.hopperleads .status-name { flex-direction: column; }
	.hopperleads .status-name a { order:-1; margin: 0 0 5px 0; }
	.hopperleads .status-name h4 { border-bottom: 1px solid #f4f4f4;	width: 100%; margin: 0 0 5px 0; }
	/* DataTable empty */
	.listingscrollbar .dataTables_empty { position: fixed; left: 0; right: 0; }
	.dataTables_empty { position: fixed; left: 0; right: 0; }
	/*LeadInformation*/
	.modifyfooter.leadinfo-footer .form-group { max-width: 240px; width: 100%; column-gap: 10px; }
	.modifyfooter.leadinfo-footer .logpermissions { margin-top: 0 !important; }
	/* Add Multiple Lead */
	#addmultipleleadsform .form-group.checkbox-inner { margin-top: 0 !important; padding-top: 0 !important;  }
	/* Recording */
	.audio-main-container2 { flex-direction: column; }
	/* user Modify */
	#agentinterface .form-group.radiobox-column::after { background: transparent; }
	/* Language */
	.languages { position: absolute; top: 11px; right: 55px; }
	.languages.dropdown-toggle { padding: 8px 0; border: 0; }
	/* Callmenu */
	.callmenuoption .form-control.textareafield { height: 60px !important; }
	/* Landing page */
	.landing-slider-section .carousel-caption h3 { font-size: 18px; }
	.landing-form .continue-list p { font-size: 14px;}
	.landing-form .continue-list ul li a { padding: 10px 15px;}
	/* Nodata Found */
	.listcontent table.listing-table-content .dataTables_empty { width: 100%; align-items: center; justify-content: center; display: flex; }
	.popupcontent .popup-header .radiobox-column label { display: none; }
	/* Admin logs */
	.adminlogs .modal-dialog { max-width: 95%; }
	.inbound-summary-hourly-report-header { position: relative; top: 0; left: 0;  }
	/* cid group */
	#cidgroups .dataTables_empty {position: relative;width: 100%;}
	#cidgroups .hopperleads-title {	flex-direction: inherit; margin: 0;	align-items: center; }
	/* Phone Stats Report */
	.phone-stats-report .dataTables_empty { position: relative; }
	.phone-stats-report .table-title { position: relative; top: 0; left: 0; margin: 0 !important ; }
	/* licence Confi */
	.general-license-details { display: grid; grid: initial; }
	/* inbound chat report */
	.inbound-chat-report-box { display: grid; grid: initial; }
	/* Manager Chat */
	.managerchat-content .sms-area { height: calc(100vh - 259px); }
	.manager-chat-user { height: calc(100vh - 146px); }
	/* user logout dropdown */
	.logout-dropdown { left: inherit !important; transform: translate3d(-115px, 35px, 0) !important; }
	/* Add Multiple Lead latest*/
	.leaduploadcontent { flex-direction: column; }
	.leadupload-step { width: 100%; height: auto; padding: 20px 30px; }
	.leadupload-step ul { display: flex; justify-content: center; column-gap: 10px; }
	.leadupload-details-content { width: calc(100% - 0px); }
	.leadupload-step ul li { margin-bottom: 0; margin-right: 0px; flex-direction: column; column-gap: 0; }
	.leadupload-step ul li::before { display: none; }
	.leadupload-step ul li label { margin: 10px 0 0 0; font-size: 12px; }
	/* Add Multiple Lead latest End*/
	/* OmniChannel Dashboard */
	.omnichannel-content .card-content { width: 49%; }
	/* Report Page */
	.reports-column { display: grid; grid-template-columns: 1fr; }

	/* Add Multiple Lead latest End*/
	/* ticket */
	.ticket-details-box { flex-direction: column; }
	.ticket-details-box .mail-list-data { width: 100%; }
	.mail-list-data-details.message-conversation.hide-information { width: calc(100% - 0px);  }
	.ticket-details-box .mail-list-data-details.mobile-conversation { width: calc(100% - 0px); position: absolute; z-index: 9; top: 0; bottom: 0; display: block; }
	.ticket-details-box .mail-list-data-details { display: none; }
	.ticket-details-box .ticketdata-card .ticketdata-list .content h3 { width: 500px; }
	.ticket-details-box .ticketdata-card .ticketdata-list .content h4 { width: 500px; }
	.ticket-details-box .ticketdata-card .ticketdata-list .notifications-details { margin-left: auto; text-align: right; }
	.ticket-details-box .ticketdata-card .ticketdata-list .notifications-details .count { margin-left: auto; }
	.ticket-information-box.active { z-index: 9; }
	.ticketwelcome { display: none; }
	.remove-conversation { display: flex; color:#050F34; width: 15px; align-items: center; justify-content: flex-start; font-size: 14px; }
	.ticket-details-box .ticketdata-card .ticketdata-list { height: calc(100vh - 140px); }
	.sms-receive-chat-info .content { width: 85%; }
	.sms-send-chat-info .content { width: 85%; }
    .ticket-details-box .filter-card .search { width: calc(100% - 45px); }
	/* ticket End*/
	/* ticket dashboard */
	.channelsummary-graph { height: auto; min-height: auto; }
	.hourly-graph-status { height: auto; min-height: auto; }
	.ticketsummary-graph .status-graph { height: auto; min-height: auto; }
	/* ticket dashboard End*/
	/* update lead css */
	#addupdateleadtools .checkbox-inner.statuswise { flex-direction: column; }
	/* update lead css End*/
	/* Broadcast Summary Report Css */
	.connected-data-report-section { margin-bottom: 15px; }
	/* Broadcast Summary Report Css End*/
	/* Call Logs Dashboard Start*/
	.averagecards { margin-top: 15px; }
	/* Call Logs Dashboard End*/
	/* Whiteboard Reports css */
	.whiteboard-report-left { align-items: flex-start; flex-direction: column; }
	.whiteboard-report-left .headding { margin-bottom: 5px; }
	.whiteboard-content .call-count-staus-card .count-staus-content .content { width: 50%; margin: 5px 0; }
	.whiteboard-content .call-count-staus-card .count-staus-content .content.totalsales { border-right: 0 !important; }
	.whiteboard-content .call-count-staus-card .count-staus-content .content.totalconvrate { width: 100% !important; }
	/* Whiteboard Reports css End */
	/* Ticket Dashboard css Start */
	.ticket-dashboard-content .today-calls-card { flex-wrap: wrap; justify-content: flex-start; }
	.ticket-dashboard-content .ticket-status-box { max-width: calc(20% - 10px); flex-basis: auto; border: 1px solid #EFEFEF !important; padding: 15px 10px !important; margin: 5px !important; }
/* Ticket Dashboard css End */
    /* All ticket Listing Start*/
    .ticket-cards-box .ticket-info-card .content-details .subject-ticketid { margin: 5px 0;}
    .ticket-cards-box .ticket-info-card .content-details .ticket-description-details { flex-direction: column; align-items: flex-start; }
    .ticket-cards-box .ticket-info-card .content-details .ticket-description-details .created-date { margin: 5px 0 5px 5px; }
    .ticket-cards-box .ticket-info-card .content-details .ticket-description-details .slastatus { margin-left: 5px; }
    /* All ticket Listing End*/
	}
	@media only screen and (max-width: 730px) {
	.customtab .nav-tabs { height:auto; }
	}
	@media only screen and (max-width: 699px) {
	/*Dahsboard*/
	.today-calls-card .card-box { padding:0 10px; }
	}
	@media only screen and (max-width: 667px) {
	.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; }
	/*dashboard*/
	.admin-header .search-area { max-width: 35px; }
	/*Network Ping Dashboard*/
	.totalagentsbox .statuslist ul { flex-wrap: wrap; }
	/* list - DNC Number*/
	.dncnumber-content .dncnumber-table-header { flex-direction: column; border-bottom: 1px solid #ccc; }
	.dncnumber-table-header .title { justify-content: center; flex-direction: column; }
	.dncnumber-content .dncnumber-table-header h2 { margin:0 0 10px 0; }
	.dncnumber-content .dncnumber-table-header .box-right-content { border-top: 1px solid #ccc; width: 100%; margin: 10px 0 0 0; justify-content: center; }
	/*System Dashboard*/
	.memoryrambox .content .column .text h3 { font-size:16px; }
	.asterikbox .content ul li p { font-size:14px; }
	.serverdtailsbox .content h3 { font-size:16px; }
	.serverhdd .serverstatus p { font-size:12px; }
	.serverhdd .serverstatus h4 { font-size:16px;}
	.systemdashboard .content { height:auto; }
	/*Voice File Upload*/
	.copydeletebox h4 { font-size:14px; }
	.copydeletebox { flex-direction: column; }
	.search-area.copydelete { position: relative; margin: 15px 0 0 0; }
	/*Disposition Report*/
	.disposition-stats .box { width: 33%; }
	.disposition-stats .box .total-count-name { font-size:12px; }
	/*Realtime*/
	.realtime-stats { flex-direction: column; }
	.realtime-stats .cardbox { width: 100%; margin: 0 0 10px 0; }
	.realtime-agent-list .customtab .nav-tabs { height: auto; flex-direction: column; }
	.realtime-agent-list .customtab .nav-tabs .nav-item a { font-size: 12px; }
	.realtime-agent-list .customtab .nav-tabs .nav-item { margin:0 5px !important; }
	/*campaign*/
	.agentrank .modal-dialog { max-width: 500px; margin: 0 auto; }
	/* Manager Chat */
	.newchat-message .manager-textarea .submitbuttons {	position: relative; justify-content: end; margin-bottom: 10px; border-top: 1px solid #f4f4f4; padding-top: 15px; }
	.newchat-message .manager-textarea textarea:focus + .submitbuttons { right: 0; }
	.managerchat-header .backaarow { display: flex; color: #050F34; }
	.managerchat-content { flex-direction: column; }
	.manager-chat-user { max-width: 100%; background: #fff; position: absolute; z-index: 9; }
	.managerchat-content .messages-area { width: calc(100% - 0px); }
	.messages-area.chat-msg-content { position: absolute; z-index: 9; background: #fff; }
	.newchat-message .manager-textarea textarea { padding: 15px 15px 15px 0; }
	/* Url Log Report css */
	.url-log-report-header { position: relative; top: 0; margin-bottom: 15px !important; left: 0px; }
	#urltypebreakdown_append #urltypebreakdown_data_filter { text-align: right; }
	/* Url Log Report css end*/
	/* Broadcast Summary Report Css */
	.survey-broadcasting-content .status-card { flex-wrap: wrap; justify-content: flex-start; }
	.survey-broadcasting-content .status-card .card-box { width: 33.33%; border: 0; margin: 10px 0; }
	/* Broadcast Summary Report Css End*/
	/* Call Logs Dashboard Start*/
	.callinsignts-content .callinsignts-header { flex-direction: column; justify-content: flex-start; align-items: start; position: relative; }
	.callinsignts-content .callinsignts-header h3 { margin-bottom: 0; padding-bottom: 15px; }
	/* Call Logs Dashboard End*/
	/* Whiteboard Reports css start */
	.whiteboard-report-details-header { align-items: flex-start; flex-direction: column; }
	.whiteboard-report-left { width: 100%; }
	.whiteboard-report-left .status { flex-wrap: wrap;}
	.whiteboard-report-action { width: 100%; justify-content: space-between; margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd; }
	/* Whiteboard Reports css End */
	}
	@media only screen and (max-width: 640px) {
	.large-recording-content .dataTables_filter { text-align: right !important; margin-left: auto; }
	.large-recording-content .table-header { top: 30px; }
	.large-recording-content .dataTables_filter input { width: 150px; }
    /* All ticket Listing Start*/
    .ticket-cards-box .ticket-info-card .content-details .ticket-description-details { align-items: flex-start; flex-direction: column; }
    /* All ticket Listing End*/
    .ticket-details-box .ticketdata-card .ticketdata-list .content h3 { width: 400px; }
	.ticket-details-box .ticketdata-card .ticketdata-list .content h4 { width: 400px; }
    .all-ticket-listing-content .ticket-header .content { justify-content: flex-start; align-items: flex-start; flex-direction: column; }
    .all-ticket-listing-content .ticket-header .content .ticket-header-title { justify-content: space-between; width: 100%; }
    .all-ticket-listing-content .ticket-header .search-area .form-control { width: calc(100% - 0px); }
    .all-ticket-listing-content .ticket-header .content .report-filter { width: 100%; justify-content: space-between; padding: 5px 0 0 0; border-top: 1px solid #f4f4f4; margin-top: 10px;  }
    .all-ticket-listing-content .ticket-header .content .dropdownfilter-report { width: 200px; }
	}
	@media only screen and (min-width: 620px) {
    .email-row-container .email-row { width: 100% !important; }
    .email-row .email-col-100 { width: 100% !important; }
    }

    @media only screen and (max-width: 575px) {
	.admin-header .search-area.active .search-box { margin:0; left:24%;}
	.today-calls-card .card-box { padding: 0 5px; }
	.admin-header .page-title h1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 250px; }
	.multi-select ul li a { font-size:10px; }
	/*Ping Dashboard*/
	.agentstatus .nav-tabs { display:flex; flex-direction: column; padding-bottom: 10px; }
	/*System Dashboard*/
	.systemtabs .nav-pills .nav-link { font-size:12px; padding:5px; }
	.systemtabs .nav-pills .nav-link.active { font-size:12px; }
	.systemtabs .nav-pills .nav-link:hover { font-size:12px; }
	#hourlyreport .dropdown-row { flex-direction: column; }
	#hourlyreport .dropdown-row .form-group { flex-direction: column; border-bottom: 1px solid #f1f1f1; padding: 0 0 5px 0; }
	#hourlyreport .dropdown-row .form-group a { justify-content: space-between; }
	/*Time Setting*/
	.forcetimeclock-content .form-group { width: 25%;  padding: 0 2px }
	.forcetimeclock-content .form-group1 { width: 24%; }
	.forcetimeclock-content p { font-size:12px !important; }
	/*Phone Listing*/
	.phone-modify .custome-switch::after { display:none; }
	.servermodify .custome-switch::after { display:none; }
	.statusgroup .custome-switch::after { display:none; }
	/*messaging*/
	.emai-messaging .search-inner { max-width: 130px; width: 100%; }
	.emai-messaging .customtab .nav-tabs .nav-item { margin:0 10px !important; }
	.emai-messaging .nav-tabs { display:flex; flex-direction: column; padding-bottom: 10px; box-shadow: none;	border-bottom: 1px solid #E7EBF1; height: auto;  }
	/*Email*/
	.email-smtp  .search-inner { max-width: inherit; width: 100%; margin-right: 10px; }
	/*voip usage*/
	.recharge-history .modal-header  { align-items: center; }
	.recharge-history .modal-header .search-area { max-width: 150px; }
	.recharge-history .modal-header .modal-title { font-size:14px; }
	/*IVR BOT*/
	#ivrbot #configuration .tablecheck.tts { margin:10px 0 0 0; }
	.flow-mapping .card-header .btn-header-link { max-width: 20px; }
	/*Realtime*/
	.realtime-agent-list .customtab .nav-tabs { flex-direction: unset; position:relative; }
	.realtime-agent-list .customtab .nav-tabs .nav-item { margin: 0 10px !important; width: 20%; }
	/*Time Sheet*/
	.usertimesheet .popup-header { flex-direction: column; align-items: center; }
	#timeSheetTitle { margin:0 0 20px 0; font-size: 14px; }
	.close.timesheetbtnclose { top: 10px; position: absolute; right: 5px }
	.usertimesheet .popup-header .ml-auto { margin: 0 auto !important; }
	.usertimesheet .popup-header .ml-auto .form-group { width: 100% !important; margin: 0 !important; }
	.callactiviy .hdr h2 { font-size:12px; }
	.callactiviy .hdr a.alllink2 { font-size:12px; }
	.timesheetlist .table-header h2 { font-size:12px; align-items: flex-start; flex-direction: column; }
	.timesheetlist .table-header p::before { display:none; }
	.timesheetlist .table-header p { margin:4px 0 0 0; padding:0; }
	.timesheetlist .table-header p { font-size:12px; }
	.timesheetlist .table-header a { font-size:12px; }
	/*07-11-2022*/
	.customtab .nav-tabs .nav-link { padding:9px 0; }
	.radiobox-column::after { display:none; }
	/*Agent Performance Detail*/
	.overallreport-graph .overallreport1 .drops-column .drop-status { flex-wrap: wrap; }
	/*Campaign*/
	.hopperleads .box-right-content { width: 190px; }
	.hopperleads-title { width:50%; }
	.hopperleads .select-campaign { width:100%; }
	.hopperleads .search-area.campaing { max-width: 100%;}
	.hopperleads .popup-header { column-gap: 10px; }
	.hopperleads .select-campaign .form-control { margin:0; width: 100%; max-width: 190px; }
	.hopperleads .box-right-content .alllink2 { font-size:12px; }
	.callback-title .search-area { width: 150px; }
	/* User Territory */
	.editdeletebox .card .leftcontent { width: 90%;}
	/* Lead Information */
	.modifyfooter.leadinfo-footer .form-group { flex-direction: column; max-width: 180px; }
	.modifyfooter.leadinfo-footer .form-group label { position: absolute; top: -8px; left: 8px; background: #ffff; padding: 0 4px; }
	.admin-header .page-title .radiobox-column > label { display: none; }
	.admin-header .page-title .radiobox-column > .radio-switch { margin: 0 !important; }
	/* Add Multiple Lead */
	#addmultipleleadsform .radiobuttons { flex-direction: column;  }
	#addmultipleleadsform .radiobuttons label { margin-bottom: 10px;  }
	.templatebuilderbtn a { margin: 0 !important; }
	/* confirmation-alert */
	.confirmation-alert .modal-dialog { max-width: 320px; margin-left: auto; margin-right: auto; }
	/* Script */
	.assigned-add-campaign .modal-dialog { max-width: 320px; margin-left: auto; margin-right: auto; }
	.groupcolor ul li.customcolor { margin: 0;}
	/* Call Menu */
	.callmenuoption .closeoptions { top: 7px; }
	.content.addcallmenuoptions .row { padding-right: 0 !important; }
	/* Landing page */
	.landing-slider-section .slider-section .carousel { display: none; }
	.landing-slider-section { height: 66px; }
	.landing-form { height: calc(100vh - 66px); }
	/* Email Module */
	.file-upload .d-flex { justify-content: center; }
	/* Landding page */
	.landing-bottom-logo { display: none;}
	.white-logo { left: 0; text-align: center; right: 0; }
	/* realtime */
	.realtime-other-popup .headingbox-content { flex-direction: column; }
	/* Cid Group */
	#cidgroups .hopperleads-title {	flex-direction: column; align-items: start; }
	#cidgroups .hopperleads-title .search-area { margin: 10px 0 0 0 !important; }
	/* Add Multiple Lead latest*/
	.leadupload-step ul li label {	font-size: 13px; }
	.leadupload-step ul { column-gap: 15px; }
	.lead-uploaded-successfully .modal-dialog { margin: 0 auto; max-width: 350px; }
	/* Add Multiple Lead latest End*/
    /* Ticket WhatsApp css*/
    .messages-preview-card { flex-direction: column; }
    .messages-preview-card .template-messages-form-content { width: 100%; }
    .messages-preview-card .message-preview { width: 100%; }
    .ticket-details-box .mail-list-data-details .profile-details .channel-status ul { flex-direction: column; }
    .ticket-details-box .mail-list-data-details .profile-details .channel-status ul li:first-child::before { display: block; }
    .ticket-details-box .mail-list-data-details .profile-details .channel-status ul li:first-child h4 { padding-left: 5px !important; }
    .ticket-details-box .mail-list-data-details .profile-details .channel-status ul li { line-height: 20px; }
    .channel-status.ticketid { margin-top: 0 !important; }
    /* Ticket WhatsApp css End*/
	/* Call Logs Dashboard Start*/
	.callinsignts-content .callinsignts-header h3 {	padding-bottom: 0; padding-top: 8px; }
	.callinsignts-content .callinsignts-header .callinsignts-actions { margin-top: 20px; width: 100%; justify-content: flex-end; }
	.callinsignts-content .callinsignts-header .callinsignts-actions .search { position: absolute; right: 0; top: -50px; }
	.callinsignts-content .callinsignts-header .callinsignts-actions .searchicon { top: 0; z-index: 9; }
	/* Call Logs Dashboard End*/
	/* Ticket Dashboard css */
	.ticket-dashboard-content .ticket-status-box { max-width: calc(33.33% - 10px); padding: 15px 10px !important; margin: 5px; }
/* Ticket Dashboard css End */
/*Admin QC Dashboard  */
.total-calling-agent-status .card .text h2 { font-size: 14px; }
.total-calling-agent-status .card .text h3 { font-size: 16px; }
.total-calling-agent-status .icon { width: 60px; height: 60px; }
/*Admin QC Dashboard  End*/
    /* All ticket Listing start*/
    /* .ticket-cards-box .ticket-info-card .content-details .subject-ticketid .subject { width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } */
    /* All ticket Listing End*/
    .ticket-details-box .mail-list-data-details .profile-details .channel-status { margin-top: 0 !important; }
	/* ask Ai css */
	.chatbot-container { right: 15px; max-width: calc(100% - 30px);	width: calc(100% - 30px); left: 15px; }
	.chatbot-container.askai-container { left: inherit; }
	 .chatbot-container.full-screen { max-width: 100%; } 
	}
	@media only screen and (max-width: 560px) {
	.omnichannel-content .card-content { width: 100%; }
	/* Add Multiple Lead latest End*/
	/* Ticket */
	.ticket-details-box .ticketdata-card .ticketdata-list .content h3, .ticket-details-box .ticketdata-card .ticketdata-list .content h4 { width: 280px; }
	.ticket-details-box .mail-list-data-details .profile-details .user-personal-details .view-email { display: none;}
	.messages-view-content .priority-message .contentbox { border-radius: 15px; padding: 4px 10px; flex-direction: column; }
	.conversation-actions.active { flex-direction: column; }
	.conversation-actions .conversation-field { width: 100%; margin: 3px 0; display: flex; align-items: center; column-gap: 10px; }
	.conversation-actions .icon { position: relative; left: 0; top: 0; }
	.conversation-actions .icon.tags { top: 0; }
	.conversation-actions .conversation-field .form-control { padding-left: 15px; }
	.edit-email-Subject .modal-dialog {	max-width: 345px; }
	.add-email-cc .modal-dialog { max-width: 345px; }
	.select-email-template .modal-dialog { max-width: 345px; }
	.createnewlabel-content .modal-dialog { max-width: 450px; margin-left: auto; margin-right: auto; width: 100%; }
	/* Ticket End*/
	}
	@media only screen and (max-width: 540px) {
	/*Timesheet*/
	.callactiviy .graphbox { flex-direction: column; }
	.graphbox .col-md-5.col-sm-5 { max-width: 200px; }
	.callactiviy .graphbox .statuslist { justify-content: space-around; margin-top: 20px; }
	/*campaign modify*/
	.agentrank .modal-dialog { max-width: 400px; }
	.agentrank-title .search-area { max-width: 140px; }
	.agentrank-title .popup-header h4 {	font-size: 16px; }
	/* User Territory */
	.editdeletebox .card { flex-direction: column; align-items: self-start; }
	.editdeletebox .card .leftcontent { flex-direction: column; align-items: start; width: 100%; }
	.editdeletebox .card .leftcontent h3 { margin: 0 0 5px 0; }
	.editdeletebox .card .leftcontent .form-control { max-width: 100%; }
	.editdeletebox .card .closebutton { display: flex; position: absolute; right: 10px; top: 3px; }
	/* Lead Information */
	.logpermissions .alllink { font-size: 12px; }
	.modifyfooter.leadinfo-footer button { font-size: 12px; padding: 5px 9px; height: 30px; }
	.modifyfooter.leadinfo-footer { flex-direction: column; height: auto; }
	.modifyfooter.leadinfo-footer .logpermissions {	margin: 0 !important; order: -1; padding: 5px; }
	.modifyfooter.leadinfo-footer .form-group { margin-top: 20px; max-width: 200px; }
	.modifyfooter.leadinfo-footer .buttons_row { margin-left: inherit !important; margin-top: 10px; }
	/*Admin QC Dashboard  */
	.qc-comman-header h2 { line-height: 24px; }
	.total-calling-agent-status .card { width: calc(100% - 0px); }
	.total-calling-agent-status .card:last-child { margin-top: 10px; }
	.qc-overallstatus-card .callstatusbox .card { width: calc(100% - 0px); padding: 8px; margin: 5px 0; }
	.qc-overallstatus-card .callstatusbox .card.pass-failed-box { width: calc(100% - 0px); }
	.qc-overallstatus-card .callstatusbox .card .content .text { display: flex; align-items: center; width: 100%; justify-content: space-between; }
	.qc-overallstatus-card .callstatusbox .card .text h2 { margin: 0; }
	.qc-overallstatus-card .callstatusbox .card.pass-failed-box { flex-direction: column; }
	.qc-overallstatus-card .callstatusbox .card.pass-failed-box .card {	width: calc(100% - 0px); }
	.qc-overallstatus-card .totalperformed-box .card.totalperformed h2, .qc-overallstatus-card .callstatusbox .card .text h2 { font-size: 16px; }
	/*Admin QC Dashboard  End*/
	}
	@media only screen and (max-width: 511px) {
	.groupcolor ul li.customcolor { margin: 0px 0 0 0;}
	}
	@media only screen and (max-width: 479px) {
	/*login page*/
	.login-left-column { max-width: 100%; position: relative; height:75px; padding: 20px 0; width: 100%; border: 0; }
	.login-left-column .login-logo { height:auto; }
	.login-footer-content { display:none; }
	.login-right-column { width: calc(100% - 0px); margin-left: 0; padding-top: 30px; align-items: center; height: calc(100vh - 75px); }
	.login-right-column .form-content h2 { text-align:center; }
	/*header page*/
	.admin-header .search-area.active .search-box { margin: 0; left: 0; right: 0; max-width: 100%; }
	.admin-header .dashboardtype {  padding: 0 20px 0 10px; }
	.admin-header .page-title h1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 200px; }
	/*dashboard*/
	.today-calls-card { flex-wrap: wrap; justify-content: flex-start; }
	.today-calls-card .card-box { width: 33%; margin: 10px 0; border-right: 0; }
	#call-summary {	width: 190px !important; height: 190px !important; }
	/*Broadcast dashboard*/
	.admin-header .dashboardtype p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 120px; }
	/*Script*/
	.groupcolor ul li.customcolor { margin-left:0; }
	.groupcolor ul li { margin-bottom:10px;}
	/**/
	.recharge-history .modal-header { align-items: center; flex-direction: column; }
	.recharge-history .modal-header .modal-title { margin-bottom:10px; }
	.recharge-history .modal-header .search-area { max-width: 220px; }
	.recharge-history .modal-header .close { position: absolute; margin: 0; top: -10px; right: -10px; }
	/*RealTime*/
	.realtime-agent-list .customtab .nav-tabs .nav-item { width:28%; }
	/*hdr*/
	.admin-header .page-title { padding:0 20px 0 8px; }
	.custome-switch.headerswitch  label { display:none; }
	/* .admin-header .logout { top:7px; } */
	/*modify-compaign*/
	.campaignmodify .content h3 { align-items: flex-start; flex-direction: column; }
	.campaignmodify .content h3 .radiobox-column { margin-top:10px; }
	.callback-title { align-items: start; flex-direction: column; }
	.callback-title .search-area { margin: 8px 0 0 0; width: 100%; }
	.callbackhold .close { position: absolute; right: 10px; top: 10px; }
	/* user Stats */
	.userstats-content .content h3 { font-size: 14px;}
	/* Template */
	.mdy-template .box-hdr { flex-direction: column; margin: 0 0 10px 0; }
	.mdy-template .box-hdr p { margin: 0; }
	.mdy-template .box-hdr p, .mdy-template .box-hdr h3 { font-size: 14px !important; }
	/* Email Module */
	#email_sub_type_div .radiobuttons { flex-direction: column; }
	#email_sub_type_div .radiobuttons label { margin-bottom: 8px; }
	.popupcontent .addscriptbox { flex-direction: column;}
	.popupcontent .addscriptbox .form-group { width: 100% !important; }
	/* Add Multiple Lead latest */
	.leadupload-step ul li label { font-size: 10px; }
	/* Add Multiple Lead latest End*/
	/* Ticket */
	.createnewlabel-content .modal-dialog { max-width: 350px; }
	/* Ticket End */
	/* Broadcast Summary Report Css */
	.survey-broadcasting-content .status-card .card-box { width: 50%; }
	.survey-broadcasting-content .status-card .card-box .content p { font-size: 12px; }
	/* Broadcast Summary Report Css End*/
	/* Messaging Manage Provider css*/
	.json-config-pairs.addscriptbox .form-control {	width: 100% !important; }
	.json-config-pair.addscriptbox .form-control {	width: 100% !important; }
	.json-config-pair.addscriptbox.key-value-content { flex-direction: row; }
	/* Messaging Manage Provider css End*/
	/* Call Logs Dashboard Start*/
	.callinsignts-content .callinsignts-header .callinsignts-actions .search { width: 155px; }
	/* Call Logs Dashboard End*/
	/* QC Calls Css start */
	.finishqc-footer-content { flex-direction: column; }
	.qc-lead-modify-content .finishqc-footer .finishqc-left { width: 100%; margin-bottom: 10px; flex-direction: column; align-items: flex-start; }
	.qc-lead-modify-content .finishqc-footer .finishqc-left h3 { margin-bottom: 10px; }
	.qc-lead-modify-content .finishqc-footer .finishqc-left .form-control { width: 100% !important; }
	/* QC Calls Css End */
	/* Survey Broadcasting Dashboard css Start */
	.survey-broadcasting-content .status-card .card-box { width: 50%; }
	/* Survey Broadcasting Dashboard css End*/
    /* All ticket Listing Start*/
    .allticket-filter-content.popupcontent.active .module-content { max-width: 100%; width: calc(100% - 30px); }
    /* .ticket-cards-box .ticket-info-card .content-details .subject-ticketid .subject { width: 200px; } */
    .ticket-cards-box .ticket-info-card { column-gap: 10px; }
    .ticket-cards-box .ticket-info-card .username-info { width: 30px; height: 30px; }
    .ticket-cards-box .ticket-info-card .username-info .name-character { font-size: 16px; }
    .ticket-cards-box .ticket-filter-dropdowns { width: calc(100% - 45px); left: 45px; }
    .ticket-cards-box .ticket-filter-dropdowns .priority-dropdown, .ticket-cards-box .ticket-filter-dropdowns .channel-customer-details-dropdown, .ticket-cards-box .ticket-filter-dropdowns .status { padding: 5px; }
    .all-ticket-listing-content .ticket-header .search-area .form-control { width: 160px; }
    .all-ticket-listing-content .ticket-header .content .dropdownfilter-report { width: 160px; }
    /* All ticket Listing End*/
	}
	@media only screen and (max-width: 440px) {
	.admin-header .page-title h1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 150px; }
	/* System Dashboard */
	.systemtabs ul { flex-direction: column; }
	/*Whatsapp Scan QR Code*/
	.scanqrcode-input {	flex-direction: column; }
	.scanqrcode-input .form-control { max-width: 100%; margin: 0 0 10px 0; }
	/*Disposition Report*/
	.disposition-stats .box { width: 50%; }
	/*RealTime*/
	.realtime-agent-list .customtab .nav-tabs { flex-direction: column; }
	.realtime-agent-list .customtab .nav-tabs .nav-item { width:auto; }
	/**/
	.agentrank-title { flex-direction: column; align-items: center; }
	.agentrank-title .search-area { margin: 10px 0 0 0; max-width: 100%;}
	.agentrank .modal-dialog { max-width: 310px;}
	.agentrank .close {	position: absolute; right: 10px; top: 15px;  }
	/* Ticket */
	.ticket-details-box .ticketdata-card .ticketdata-list .content h3, .ticket-details-box .ticketdata-card .ticketdata-list .content h4 { width: 240px; }
	/* Ticket End*/
	/* Call Logs Dashboard Start*/
	.averagecards .average-status { width: calc(100% - 0px); }
	/* Call Logs Dashboard End*/
	}
	@media only screen and (max-width: 380px) {
	.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; }
	/*dashboard*/
	.today-calls-card .card-box .content h2 { font-size:14px; }
	.today-calls-card .loged-agents.card-box { width: 40%; }
	/*Time Setting*/
	.forcetimeclock-content  label { font-size:10px; }
	.forcetimeclock-content p { font-size: 10px !important; }
	.forcetimeclock-content .form-group1 { padding-right:3px; }
	/* Ticket */
	.ticket-details-box .ticketdata-card .ticketdata-list .content h3, .ticket-details-box .ticketdata-card .ticketdata-list .content h4 { width: 240px; }
	/* Ticket End*/
/* Ticket Dashboard Css */
.ticket-dashboard-content .ticket-status-box { max-width: calc(50% - 10px); padding: 15px 10px !important; margin: 5px; }
/* Ticket Dashboard Css End*/
    /* All ticket Listing Start*/
    /* .ticket-cards-box .ticket-info-card .content-details .subject-ticketid .subject { width: 150px; } */
    /* All ticket Listing End*/
	}
	@media only screen and (max-width: 360px) {
	.admin-header .page-title h1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 120px; }
	}
	@media screen and ( max-height: 540px ) {
	.landing-slider-section { height: 540px; }
	.landing-slider-section .carousel-caption h3 { display: block; }
	.landing-form { height: 540px;  }
	.admin-header .morelink .dropdown-menu { height: 130px; overflow-y: auto;  scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
	.admin-header .morelink .dropdown-menu::-webkit-scrollbar { width: 5px; height: 14px; }
	.admin-header .morelink .dropdown-menu::-webkit-scrollbar-track { background: transparent; }
	.admin-header .morelink .dropdown-menu::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
	.admin-header .morelink .dropdown-menu::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }
	}
	@media screen and (max-width: 575px) and (orientation: landscape) {
	.landing-slider-section { height: 66px; }
	}