@charset "utf-8";



@media only screen and (max-width:1700px) {
/*======================================================================
				TASK  MANAGER PAGE CSS
======================================================================*/
.task-mngr-cntnt-col-left { width: 20%; }
.task-mngr-cntnt-col-right { width: 80%; }
/*======================================================================
				EMAIL TEMPLATE PAGE CSS
======================================================================*/
.email-template-image-col { width: 100%; height: 200px; }
}

@media only screen and (max-width:1500px) {
/*======================================================================
				TASK  MANAGER PAGE CSS
======================================================================*/
.task-mngr-cntnt-col-left { width: 25%; }
.task-mngr-cntnt-col-right { width: 75%; }
.leads-info-container { width: 33.3333333%; }
.label { font-weight: normal; }
/*======================================================================
				DEAL BUILDER PAGE CSS
======================================================================*/
.table-holder td { min-width: 120px; }
.table-holder td.action-holder { min-width: 150px; }
/*.table-holder { overflow: auto; }*/
/*======================================================================
				EMAIL TEMPLATE PAGE CSS
======================================================================*/
.email-template-col { width: 20%; }
}

@media only screen and (max-width:1430px) {
/*======================================================================
				TASK  MANAGER PAGE CSS
======================================================================*/
.leads-info-container { width: 50%; float: left; }
}

@media only screen and (max-width:1401px) {
}

@media only screen and (max-width:1366px) {
/*=============================================
			DASHBOARD PAGE
=============================================*/
.creattask-screen-holder, .creattask-screen-holder .right-slide-window-content-holder { height: auto !important; }
.create-task-slidewindow { height: 100%; }
.right-slide-window-content-holder { }
.right-slide-window-content-holder>.row, .right-slide-window-content-holder>.row>div, .chat-screen-right-holder > .row, .chat-screen-holder, .chat-view-content-holder >.mCustomScrollBox>.mCSB_container { height: auto; }
.create-task-calendar { height: 365px !important; }
.task-listing-section { height: 385px !important; }
/*=============================================
			DASHBOARD PAGE
=============================================*/
.crm-services-col > a > img { max-width: 35px; }
.content-tabs-holder .nav-tabs li > a, .chat-contact-username-holder, .title-11, .menu-item-inner > span { font-size: 14px; }
.crm-services-col .title-11 { margin-top: 5px; }
.home-quick-widget-stats-holder>.content-holder { width: 50%; display: inline-block; float: left; }
.content-tabs-holder .nav-tabs li > a { padding: 15px 15px; }
.crm-service-stats-col-left > p { font-size: 20px; }
.crm-service-stats-col { height: 37px; width: 45px; }
.crm-service-stats-col-right > p { font-size: 13px; }
.crm-service-stats-col-right { width: calc(100% - 45px); }
.sidebar { max-width: 225px; }
.menu-item-inner > i, .content-holder-title { font-size: 16px; }
.menu-item-inner > i { margin-top: 0px; }
.chat-screen-left-holder { width: 20%; }
.chat-screen-right-holder { width: 80%; }
.sidebar-resized { max-width: 55px; }
.sidebar-collpase-btn-holder > a { padding: 7px 15px; }
.sidebar-collpase-btn-holder > a > i { font-size: 26px; }
.right-slide-window, .right-content-part { width: 100%; padding-left: 225px; transition: all 0.3s; }
.right-slide-window-resized, .right-content-part-resized { padding-left: 55px; transition: all 0.3s; }
.half-slide-window { max-width: calc(100% - 50%); right: calc(100% - 150%); }
/*=============================================
			DEAL BUILDER PAGE
=============================================*/
.deal-builder-quick-service-col { width: 25%; }
}

@media only screen and (max-width:1325px) {
.extra-folders-ul { min-width: 200px; right: 0; left: unset; }
}

@media only screen and (max-width:1250px) {
/*=============================================
			DASHBOARD PAGE
=============================================*/
.sidebar-search-holder .form-group input { height: 40px; }
.sidebar { max-width: 205px; }
.sidebar-resized { max-width: 55px; }
.crm-services-col > a { padding: 5px; }
.crm-service-stats-col { width: 35px; }
.crm-service-stats-col-left > p { font-size: 16px; }
.crm-service-stats-col-right { width: calc(100% - 35px); }
.crm-service-stats-col-right > p { padding: 0px 5px; }
.content-tabs-holder .nav-tabs li > a { padding: 10px 10px; font-size: 13px; }
.chat-screen-holder, .page-content-inner-container { padding: 25px 15px 30px 15px; }
.chat-screen-left-holder { width: 23%; }
.chat-screen-right-holder { width: 77%; }
.chat-contact-img-holder { max-width: 30px; }
.right-slide-window, .right-content-part { width: 100%; padding-left: 205px; transition: all 0.3s; }
.right-slide-window-resized, .right-content-part-resized { padding-left: 55px; transition: all 0.3s; }
.half-slide-window { max-width: calc(100% - 40%); right: calc(100% - 160%); }
/*=============================================
			ADD NEW LEAD PAGE
=============================================*/
.add-new-lead-content-left { width: 70%; }
.add-new-lead-content-right { width: 30%; }
.content-inner-holder { position: relative !important; top: 0 !important; /*height: auto !important; */ }
/*=============================================
			DEAL BUILDER PAGE
=============================================*/
.deal-builder-cars-tab-holder .tab-content .tab-pane-inner-holder > .row > div { width: 100%; }
.deal-build-car-item-holder { padding: 15px 0px; }
/*=============================================
			EMAIL PAGE
=============================================*/
.left-mailbox, .right-mailbox { width: 100%; }
}

@media only screen and (max-width:1100px) {
/*=============================================
			DASHBOARD PAGE
=============================================*/
.content-holder, .home-quick-widget-holder { width: 100%; }
.analytics-quick-view-item { width: 20%; }
.chat-contact-item > a { padding: 10px; }
.chat-view-header-holder .chat-contact-username-holder > p { line-height: 1; }
.operator-activity { font-size: 12px; line-height: 1; }
.home-quick-widget-inner-holder { display: block; }
/*=============================================
			EMAIL PAGE
=============================================*/
.mailbox-folder-navigate-btn > a { padding: 10px 10px; font-size: 14px; }
.mailbox-folder-navigate-btn > a > span { margin-right: 5px; }
/*======================================================================
				EMAIL TEMPLATE PAGE CSS
======================================================================*/
.email-template-col { width: 25%; }
/*======================================================================
				SEND CREATIVE PAGE CSS
======================================================================*/
.widget-col { width: 100%; padding: 0px; margin: 0px 0px 15px 0px; float: left; display: table; }
.send-creative-page-content-holder > div { width: 100%; }
}

@media only screen and (max-width:1024px) {
/*=============================================
			DASHBOARD PAGE
=============================================*/
.content-tabs-holder .nav-tabs li > a { padding: 10px 15px; font-size: 14px; }
.crm-services-col .title-11 { word-wrap: break-word; padding: 0px 5px; }
/*=============================================
			LEADS PAGE
=============================================*/
.leads-quick-btn > a { font-size: 13px; }
.main-switch { width: 100%; }
.first-radio-status { margin-left: 10px; }
.creattask-screen-holder, .creattask-screen-holder .right-slide-window-content-holder { height: auto !important; }
.create-task-slidewindow { height: 100%; }
.right-slide-window-content-holder { }
.right-slide-window-content-holder>.row, .right-slide-window-content-holder>.row>div, .chat-screen-right-holder > .row, .chat-screen-holder, .chat-view-content-holder >.mCustomScrollBox>.mCSB_container { height: auto; }
.create-task-calendar { height: 365px !important; }
.task-listing-section { height: 385px !important; }
/*=============================================
			EMAIL PAGE
=============================================*/
.mail-action-holder-left, .mail-action-holder-right { width: 50%; }
.mail-quick-action-holder { display: inline-block !important; }
.mail-list-rcvd-time > p, .mail-list-rcvd-time > .mail-quick-action-holder { width: 50%; display: inline-block; float: left; }
.mail-list-rcvd-time { display: inline-flex; align-items: center; text-align: left; }
}

@media only screen and (max-width:991px) {
/*=============================================
			LEADS PAGE
=============================================*/
.half-slide-window { max-width: calc(100% - 35%); right: calc(100% - 165%); }
.leads-col-item { width: 50%; margin-bottom: 15px; float: left; }/*display: inline-block;*/
.deal-builder-quick-service-col { width: 33.3333333333333333%; }
/*=============================================
			EMAIL PAGE
=============================================*/
.mail-action-holder-left, .mail-action-holder-right { width: 50%; float: left; }
.email-search-holder-left { width: 70%; display: inline-block; float: left; }
.email-search-holder-right { width: 30%; float: left; }/*display: inline-block;*/
.mailbox-folder-navigate-btn { width: 33.3333%; }
.extra-folder-item { width: 100%; }
/*======================================================================
				EMAIL TEMPLATE PAGE CSS
======================================================================*/
.email-template-image-col { height: 160px; }
}

@media only screen and (max-width:901px) {
/*=============================================
			DASHBOARD PAGE
=============================================*/
.sidebar-btn { display: inherit !important; }
.analytics-quick-view-item { width: 25%; display: inline-block; float: left; }
.crm-services-col .title-11 { word-wrap: break-word; padding: 0px 8px; }
.right-sidebar { max-width: 60px; }
.right-sidebar-collpase { right: -60px; }
.page-content { position: relative; }
.left-sidebar { position: absolute; top: 0; left: -100%; transition: all 0.3s; }
.left-sidebar.active { left: 0%; transition: all 0.3s; }
.right-content-part { transition: all 0.3s; }
.right-content-part-shrink, .right-slide-window-shrink { padding-left: 205px !important; transition: all 0.3s; }
.page-content-container, .right-sidebar { display: inline-block; vertical-align: top; float: left; position: relative; top: 0 !important; }
.sidebar-resized { max-width: 55px; min-width: auto !important; }
.sidebar-collpase-btn-holder { display: none; }
.right-content-part-shrink .analytics-quick-view-item { width: 33.3333%; }
.content-holder { margin-bottom: 7.5px; margin-top: 7.5px; }
.chat-screen-left-holder { width: 28%; }
.chat-screen-right-holder { width: 72%; }
.header .row { margin-right: 0px; }
.header-right { margin-left: auto; /*padding-right: 0px;*/ }
.header-right-nav-holder > ul.nav.right-header-nav { margin-top: 0px; margin-bottom: 0px; }
.right-slide-window, .right-content-part { width: 100%; padding-left: 0px; transition: all 0.3s; }
.half-slide-window { max-width: calc(100% - 25%); right: calc(100% - 175%); }
/*=============================================
			ADD LEADS PAGE
=============================================*/
.right-content-part-shrink .form-group [class*="col-"] { width: 100%; }
}

@media only screen and (max-width:768px) {
/*=============================================
			DASHBOARD PAGE
=============================================*/
.sidebar-menu-nav, .right-sidebar-menu-nav { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; }
.chat-contact-username-holder, .chat-contact-img-holder, .chat-screen-left-holder, .chat-screen-right-holder { display: inline-block; float: left; }
.chat-view-left-header, .chat-view-right-header { width: 50%; display: inline-block; float: left; }
.alerts-holder, .mails-quick-holder { position: fixed; top: 65px; right: 0; left: 0; margin: 0px auto; max-width: 80%; min-width: 80%; }
.mails-quick-holder { -webkit-transform-origin: calc(100% - 160px) 0; transform-origin: calc(100% - 160px) 0; }
.alerts-holder { -webkit-transform-origin: calc(100% - 95px) 0; transform-origin: calc(100% - 95px) 0; }
/*=============================================
			LEADS PAGE
=============================================*/
.inner-page-header-inner-col { width: 100%; }
.inner-page-header-left .form-group { display: inline-block; width: 40%; }
.main-switch { text-align: left; }
.main-switch label, .main-switch .material-switch { float: left !important; }
.half-slide-window { max-width: calc(100% - 20%); right: calc(100% - 180%); }
.deal-builder-quick-service-col { width: 50%; float: left; }
.car-item-img-holder { width: 25%; float: left; }
.car-item-cntnt-holder { width: 75%; float: left; }
.creattask-screen-holder, .creattask-screen-holder .right-slide-window-content-holder { height: auto !important; }
.creattask-screen-holder { height: 2500px !important }
.create-task-slidewindow { height: 100%; }
.create-task-calendar { height: auto !important; }
.task-listing-section { height: 575px !important; }
/*=============================================
			ADD LEADS PAGE
=============================================*/
.right-content-part .form-group [class*="col-"] { width: 100%; }
/*=============================================
			EMAIL PAGE
=============================================*/
.email-item-u-name { width: 50%; float: left; }
.mail-boxes-holder { max-height: none; }
.mailbox-list-item-inner { height: auto; }
.email-item-sub-col { width: 65%; }
.mail-list-rcvd-time { width: 35%; float: left; justify-content: flex-end; align-content: flex-end; }
.mail-quick-action-holder, .mail-list-rcvd-time > p { text-align: right; }
.mail-list-rcvd-time > p { display: inline-block !important; }
.mailbox-list-item-inner { padding: 10px; }
.mail-items-counter { width: 100px; }
.mail-action-btn { margin-bottom: 0px; }
.mail-action-holder .md-checkbox label::before { top: 4px; }
.mail-action-holder .md-checkbox input[type="checkbox"]:checked + label::after { top: 7px; }
/*======================================================================
				EMAIL TEMPLATE PAGE CSS
======================================================================*/
.email-template-col { width: 33.3333333%; float: left; }
}

@media only screen and (max-width:640px) {
/*=============================================
			DASHBOARD PAGE
=============================================*/
.analytics-quick-view-item { width: 33.33%; }
.right-content-part-shrink .analytics-quick-view-item { width: 50%; }
.right-content-part-shrink .home-quick-widget-stats-holder > .content-holder { width: 100%; }
.content-tabs-holder .nav-tabs li > a { font-size: 13px; }
.chat-view-header-call-to-action { width: 35px; height: 35px; font-size: 15px; }
.header-right { padding-right: 15px; }
.half-slide-window { max-width: none; right: -100%; }
.right-header-nav-sub { max-height: calc(100vh - 190px); }
/*=============================================
			LEADS PAGE
=============================================*/
.inner-page-header-left .form-group { width: 37%; }
.car-item-img-holder, .car-item-cntnt-holder, .deal-builder-quick-service-col { width: 100%; }
.car-item-cntnt-holder { position: unset; padding-left: 0px; }
.car-item-inner-holder { position: relative; }
.acc-selection, .build-car-custom-check { top: 0; right: 0; }
.car-item-img-holder { margin-bottom: 15px; }
.car-item-img-holder > img { float: none; margin: 0px auto; }
.title-1 { font-size: 17px !important; }
.value-2 { font-size: 21px; }
/*======================================================================
				TASK  MANAGER PAGE CSS
======================================================================*/
.leads-info-container { width: 100%; }
/*=============================================
			EMAIL PAGE
=============================================*/
.mailbox-list-item-info-holder p { white-space: normal; }
.email-item-sub-col, .mail-list-rcvd-time, .email-item-u-name { width: 50%; }
.mailbox-list-item-inner { height: auto; align-items: flex-start; padding: 10px; }
.mail-list-rcvd-time { padding-left: 15px !important; text-align: left; padding-top: 15px; }
.mail-list-rcvd-time > p { text-align: left; }
.left-mailbox, .right-mailbox { margin-top: 15px; margin-bottom: 15px; }
/*======================================================================
				EMAIL TEMPLATE PAGE CSS
======================================================================*/
.email-template-col { width: 50%; }
.email-template-image-col { height: 230px; }
}

@media only screen and (max-width:500px) {
/*=============================================
			DASHBOARD PAGE
=============================================*/
.analytics-quick-view-item { width: 50%; }
.right-content-part-shrink .analytics-quick-view-item, .chat-screen-right-holder, .chat-screen-left-holder, .home-quick-widget-stats-holder > .content-holder { width: 100%; }
.right-content-part-shrink, .right-slide-window-shrink { padding-left: 0px !important; }
.chat-screen-holder { overflow: hidden; overflow-y: auto; }
.right-slide-window-content-holder { height: auto !important; }
.chat-screen-right-holder > .row { margin-left: -15px; margin-top: 15px; margin-bottom: 15px; }
.chat-view-sender-block { margin-bottom: 15px; }
.chat-view-content-holder { max-height: 400px; }
/*=============================================
			LEADS PAGE
=============================================*/
.leads-col-item, .inner-page-header-left .form-group { width: 100%; }
.inner-page-header-right { margin-top: 10px !important; }
.half-slide-window .page-content-inner-container { display: inherit; height: auto; }
.half-slide-window .page-content-inner-container > div:last-child { margin-bottom: 55px; }
/*=============================================
			EMAIL PAGE
=============================================*/
.email-search-holder-right, .email-search-holder-left { width: 100%; }
.email-search-holder-right { padding-bottom: 15px; padding-left: 0px; }
.email-search-holder-right > a { float: left; }
.mail-action-holder-left, .mail-action-holder-right { width: 100%; float: left; text-align: left; justify-content: flex-start; }
.mail-items-counter { width: auto; padding-left: 10px; }
/*======================================================================
				EMAIL TEMPLATE PAGE CSS
======================================================================*/
.email-template-col { width: 100%; }
.email-template-image-col { height: 230px; }
.email-templates-page .mail-action-holder-right { margin-top: 15px; }
.email-template-more-action-holder { right: 0; }
/*================ send creative PAGE ================*/
.template-button { min-height: 250px; }
}

@media only screen and (max-width:450px) {
/*=============================================
			DASHBOARD PAGE
=============================================*/
.contact-list-opener-ul { display: inherit; }
.chat-contact-list-ul { display: none; }
.chat-screen-holder, .page-content-inner-container { padding: 15px 15px 30px 15px; }
.chat-view-sender-block { padding: 15px 15px 15px 15px; }
.header-right, .header-left { width: 100%; display: table; text-align: center; }
.header-right-nav-holder { width: 100%; justify-content: center; }
.header { padding: 0px 0px 0px 0px; }
.header .row { margin: 0px; }
.right-header-nav-sub { text-align: left; }
.header-right-nav-holder > ul.nav.right-header-nav { border-top: solid 1px #d0d0d0; }
.quick-icon-counter-holder { top: 4px; right: 10px; }
.right-content-part-shrink .analytics-quick-view-item, .content-tabs-holder .nav-tabs > li { width: 50%; }
.alerts-holder, .mails-quick-holder { top: 130px; }
.mails-quick-holder { -webkit-transform-origin: calc(100% - 270px) 0; transform-origin: calc(100% - 270px) 0; }
.alerts-holder { -webkit-transform-origin: calc(100% - 210px) 0; transform-origin: calc(100% - 210px) 0; }
/*======================================================================
				TASK  MANAGER PAGE CSS
======================================================================*/
.task-mngr-cntnt-col-left .content-tabs-holder .nav-tabs > li { width: 100%; }
}

@media only screen and (max-width:400px) {
/*=============================================
			DASHBOARD PAGE
=============================================*/
.page-content-container { width: 100%; }
.right-sidebar-mobile-btn-holder { display: inherit; position: absolute; top: 0; right: 0 }
.right-sidebar-mobile-btn { padding: 5px 8px; background: #fff; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); display: table; font-size: 20px; color: #191919; margin-top: 5px; }
.right-sidebar-mobile-btn i { transition: all 0.3s; }
.right-sidebar { position: absolute; top: 0; right: -60px; transition: all 0.3s; }
.right-sidebar-opened { transition: all 0.3s; right: 0px; }
.right-sidebar-mobile-btn.active { margin-right: 61px; transition: all 0.3s; }
.right-sidebar-mobile-btn.active i { transform: rotate(180deg); transition: all 0.3s; }
.chat-view-left-header { width: 60%; padding-right: 0; }
.chat-view-right-header { width: 40%; padding-left: 0; }
.alerts-holder, .mails-quick-holder { max-width: calc(100% - 30px); min-width: calc(100% - 30px); }
.right-header-nav-sub { left: 0; right: 0; margin: 0px auto; position: fixed; top: 130px; -webkit-transform-origin: calc(100% - 80px) 0; transform-origin: calc(100% - 80px) 0; }
.mails-quick-holder { -webkit-transform-origin: calc(100% - 220px) 0; transform-origin: calc(100% - 220px) 0; }
.alerts-holder { -webkit-transform-origin: calc(100% - 160px) 0; transform-origin: calc(100% - 160px) 0; }
/*=============================================
			EMAIL PAGE
=============================================*/
.mailbox-folder-navigate-btn { width: 50%; }
.extra-folder-item { width: 100%; }
}