@charset "utf-8";
/*include font here*/

body {
	background-color: #fff;
	height: 100%;
	overflow: hidden;
	font-family: 'robotoregular';
	font-size: 14px;
}

body, *, p {
	margin: 0px;
	padding: 0px;
}

@font-face {
	font-family: 'robotoregular';
	src: url(../fonts/Roboto-Regular-webfont.eot);
	src: url(../fonts/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Regular-webfont.woff) format('woff'), url(../fonts/Roboto-Regular-webfont.ttf) format('truetype'), url(../fonts/Roboto-Regular-webfont.svg#robotoregular) format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotomedium';
	src: url(../fonts/Roboto-Medium-webfont.eot);
	src: url(../fonts/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Medium-webfont.woff) format('woff'), url(../fonts/Roboto-Medium-webfont.ttf) format('truetype'), url(../fonts/Roboto-Medium-webfont.svg#robotoregular) format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotobold';
	src: url(../fonts/Roboto-Bold-webfont.eot);
	src: url(../fonts/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Bold-webfont.woff) format('woff'), url(../fonts/Roboto-Bold-webfont.ttf) format('truetype'), url(../fonts/Roboto-Bold-webfont.svg#robotoregular) format('svg');
	font-weight: normal;
	font-style: normal;
}

/*******************************************************************
					common CSS
*******************************************************************/

a, a:hover {
	text-decoration: none;
}

.ml-10 {
	margin-left: 10px;
}

.mr-10 {
	margin-right: 10px;
}

.d-block {
	display: block;
}

.form-group input[type="text"], .form-group input[type="password"], .form-group input[type="email"], .form-group input[type="tel"], .form-group textarea, .form-group input[type="text"]:focus, .form-group input[type="password"]:focus, .form-group input[type="email"]:focus, .form-group input[type="tel"]:focus, .form-group textarea:focus {
	border-radius: 0px;
	border: solid 1px #d7d7d7;
	box-shadow: none !important;
	outline: none !important;
}

textarea {
	resize: vertical;
}

.form-group input[type="file"] {
	border: none;
	box-shadow: none;
	outline: none;
	height: auto;
	padding-left: 0px;
}

.main-content-holder {
	display: table;
	width: 100%;
	margin-top: 65px;
}

.left-sidebar, .right-sidebar, .page-content-container {
	display: inline-block;
	float: left;
	vertical-align: top;
}

.page-title {
	font-family: 'robotobold';
	font-size: 19px;
	line-height: 1;
	color: #272727;
	margin: 0px 0px 15px 0px;
}

.inner-page-header-inner-col, .content-holder {
	padding: 0px 7.5px;
	margin-bottom: 15px;
}

.page-title-with-btns .active.home-quick-widget-inner-holder, .row-7-half {
	margin-left: -7.5px !important;
	margin-right: -7.5px !important;
}

.content-inner-holder {
	background: #fff;
	text-align: left;
	-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);
	border-radius: 3px;
	overflow: hidden;
}

.titled-content-holder {
	height: calc(100% - 42px);
}

.title-11 {
	color: #272727;
	font-family: 'robotomedium';
	font-size: 18px;
	line-height: 1.5;
	margin-top: 15px;
	margin-bottom: 0px;
}

.page-content-container {
	overflow: hidden;
	background: #eeeeee;
	width: /*calc(100% - 315px)*/
	calc(100% - 60px);
}

.page-content-inner-container {
	padding: 25px 30px 30px 30px;
}

.content-row {
	display: flex;
	flex-wrap: wrap;
}

.content-holder-title {
	margin: 0px 0px 15px 0px;
	font-size: 18px;
	color: #4a4a4a;
	line-height: 1.5;
}

#real_time_chart, .google-chart-holder {
	width: 100%;
	height: 350px;
}

.left-bo {
	background: transparent none repeat scroll 0 0;
	height: 40%;
	left: calc(10px + 7.5px);
	position: absolute;
	bottom: 10px;
	width: 1px;
	transition: all 0.5s ease 0s;
}

.bottom-bo {
	background: transparent none repeat scroll 0 0;
	height: 1px;
	left: calc(10px + 7.5px);
	position: absolute;
	bottom: 10px;
	width: 35%;
	transition: all 0.5s ease 0s;
}

.top-bo {
	background: transparent none repeat scroll 0 0;
	height: 1px;
	right: calc(10px + 7.5px);
	position: absolute;
	top: 10px;
	width: 35%;
	transition: all 0.5s ease 0s;
}

.right-bo {
	background: transparent none repeat scroll 0 0;
	height: 40%;
	right: calc(10px + 7.5px);
	position: absolute;
	top: 10px;
	width: 1px;
	transition: all 0.5s ease 0s;
}

.crm-services-col .left-bo, .crm-services-col .top-bo, .crm-services-col .right-bo, .crm-services-col .bottom-bo {
	background: transparent;
}

.crm-services-col>a:hover .right-bo, .crm-services-col>a:hover .left-bo, .crm-services-stats-col>a:hover .right-bo, .crm-services-stats-col>a:hover .left-bo, .content-holder.active .right-bo, .content-holder.active .left-bo {
	height: calc(100% - 20px);
	transition: all 0.5s ease 0s;
	background: #2394bc;
}

.crm-services-col>a:hover .bottom-bo, .crm-services-col>a:hover .top-bo, .crm-services-stats-col>a:hover .bottom-bo, .crm-services-stats-col>a:hover .top-bo, .content-holder.active .bottom-bo, .content-holder.active .top-bo {
	width: calc(100% - 35px);
	transition: all 0.5s ease 0s;
	background: #2394bc;
}

.crm-services-col>a:hover .bottom-bo, .crm-services-col>a:hover .right-bo, .crm-services-col>a:hover .top-bo, .crm-services-col>a:hover .left-bo, .content-holder.active .bottom-bo, .content-holder.active .right-bo, .content-holder.active .top-bo, .content-holder.active .left-bo {
	background: #626262 !important;
}

.crm-services-stats-col>a:hover .bottom-bo, .crm-services-stats-col>a:hover .right-bo, .crm-services-stats-col>a:hover .top-bo, .crm-services-stats-col>a:hover .left-bo {
	background: #d9534f !important;
}

.content-sub-holder {
	padding: 15px;
}

.flotTip {
	padding: 8px 12px;
	background: rgba(47, 44, 44, 0.9);
	z-index: 100;
	color: #fff;
	font-size: 12px;
}

.p-15 {
	padding: 15px;
}

.page-content-footer, .page-content-footer p>a {
	background: #fff;
	padding: 15px 10px;
	text-align: center;
	font-size: 13px;
	color: #272727;
}

.page-content-footer {
	z-index: 1;
	position: relative;
}

.page-content-footer p>a {
	padding: 0px;
}

.white-back {
	background: #fff !important;
}

.p-l-0 {
	padding-left: 0px !important;
}

.p-l-5 {
	padding-left: 5px !important;
}

.p-r-0 {
	padding-right: 0px !important;
}

.left-sidebar .nav>li>a:hover, .left-sidebar .nav>li>a:focus, .header .nav>li>a:hover, .header .nav>li>a:focus {
	background: transparent;
}

.right-header-nav.nav>li>a:hover, .right-header-nav.nav>li.active>a {
	transition: all 0.3s;
	background: #f1f3f4;
}

.full-width {
	width: 100% !important;
}

.no-padding {
	padding: 0px !important;
}

.no-margin {
	margin: 0px !important;
}

.btn-red-1 {
	background: #d9534f;
	border: none;
	transition: all 0.3s;
	margin: 0px 0px 0px 5px;
}

.btn-red-1:hover, .btn-red-1:active, .btn-red-1:focus {
	background: #C33F3B;
}

.m-l-minus-5 {
	margin-left: -5px;
}

.no-background {
	background: none;
}

.no-shadow {
	box-shadow: none;
}

.img-invert {
	filter: invert(100%) brightness(140%);
}

.full-height {
	height: 100%;
}

.m-t-15 {
	margin-top: 15px;
}

.m-b-15 {
	margin-bottom: 15px;
}

.m-v-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.home-page .content-tabs-holder .nav-tabs li {
	min-width: auto !important;
}

.row-5 {
	margin-left: -5px;
	margin-right: -5px;
}

.p-h-7-half {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.p-b-5 {
	padding-bottom: 5px;
}

.p-t-5 {
	padding-top: 5px;
}

.p-v-5 {
	padding-bottom: 5px;
	padding-top: 5px;
}

.m-v-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.m-v-7-half {
	margin-top: 7.5px;
	margin-bottom: 7.5px;
}

.right-content-part {
	height: calc(100vh - 65px);
}

.input-group .form-control {
	z-index: 0;
}

.title-1 {
	font-family: 'robotomedium';
	font-size: 20px !important;
	line-height: 1;
	display: table;
	width: 100%;
	padding-bottom: 5px;
	color: #183674 !important;
	text-decoration: none !important;
	position: relative;
}

.title-1::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background: #183674;
	left: 0;
	bottom: 0;
}

label {
	margin: 0px;
}

h1, .h1, h2, .h2, h3, .h3 {
	margin: 0px;
}

.overflow-visible {
	overflow: visible;
}

.max-height-350 {
	max-height: 350px;
}

.max-height-417 {
	max-height: 417px;
}

.oveflow-y-auto {
	overflow: hidden;
	overflow-y: auto;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	border: 1px solid #ddd !important;
}

.table>thead>tr>th {
	border-bottom: 2px solid #ddd !important;
}

.label-teal-1:hover, .label-teal-1:active, .label-teal-1:focus {
	background: #138A1C;
	color: #fff;
}

.label-teal-1 {
	background: /* #209529*/
	#d61821;
}

.add-dtls-form .control-label {
	font-size: 14px;
	color: #2f2f2f;
	margin-bottom: 5px;
}

.add-dtls-form .form-control, .add-dtls-form .SelectBox {
	border: solid 1px #d2d2d2;
	border-radius: 5px !important;
	font-size: 15px;
	line-height: 1.5;
	min-height: 40px;
	background: #fff !important;
}

.SumoSelect>.optWrapper>.options li.opt:hover {
	background-color: #E4E4E4;
}

.SumoSelect>.optWrapper>.options li.opt.selected {
	background: #dd5454;
}

.SumoSelect>.optWrapper>.options li.opt.selected:hover {
	background: #D34444;
}

.SumoSelect>.optWrapper>.options li.opt.selected * {
	color: #fff;
}

.SumoSelect>.optWrapper>.options li.opt * {
	font-weight: normal;
	font-size: 15px;
	margin: 0px;
}

.no-h-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.no-border {
	border: none !important;
}

ul, li {
	list-style: none;
}

.p-l-10 {
	padding-left: 10px !important;
}

.m-r-0 {
	margin-right: 0px !important;
}

.custom-btn-radius {
	border-radius: 50px;
	padding: 9px 20px;
	box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 3px 1px rgba(60, 64, 67, 0.149);
	border: none;
	margin: 0px 3px;
	transition: all 0.3s;
}

.custom-btn-radius:hover {
	box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.302), 0 4px 8px 3px rgba(60, 64, 67, 0.149);
	transition: all 0.3s;
}

.page-title-with-btns {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	padding: 0px 0px 15px 0px;
}

.page-title-with-btns .page-title {
	margin-bottom: 0px;
}

.page-title-with-btns .custom-btn-radius {
	font-family: 'robotomedium';
}

.page-title-with-btns .crm-services-col>a {
	display: inline-block;
	width: auto;
	min-height: auto;
}

.active.home-quick-widget-stats-holder {
	width: unset !important;
}

.gutter-spacing-table {
	padding: 15px 15px 35px 15px;
}

.gutter-spacing-form {
	padding: 35px 15px 35px 15px;
}

/*******************************************************************
					Tabs CSS
*******************************************************************/

.content-tabs-holder .nav-tabs li>a {
	color: rgba(67, 67, 67, 0.80);
	font-size: 16px;
	padding: 15px 23px;
	border: none;
	border-top: solid 4px transparent;
	line-height: 1;
	border-radius: 0px;
	transition: all 0.3s;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
	min-height: 55px;
}

.content-tabs-holder .nav-tabs li>a>img {
	margin-right: 7px;
}

.content-tabs-holder .nav-tabs {
	border: none;
}

.content-tabs-holder .nav-tabs li>a:hover, .content-tabs-holder .nav-tabs li>a:focus, .content-tabs-holder .nav-tabs li>a:active, .content-tabs-holder .nav-tabs li.active>a:hover, .content-tabs-holder .nav-tabs li.active>a {
	transition: all 0.3s;
	background: #f5f5f5;
	border: none;
	cursor: pointer;
	border-top: solid 4px #d9534f;
}

.content-tabs-holder .nav-tabs li.active>a:hover, .content-tabs-holder .nav-tabs li.active>a {
	font-family: 'robotomedium';
	color: rgba(67, 67, 67, 1);
}

.content-tabs-holder .tab-pane {
	padding: 15px;
}

.tab-nav-item-has-submenu.dropdown i {
	margin-left: 8px;
}

.tab-nav-item-has-submenu .tab-nav-submenu li, .tab-nav-item-has-submenu .tab-nav-submenu li>a {
	text-align: left;
	justify-content: flex-start;
}

.tab-nav-item-has-submenu .tab-nav-submenu li>a {
	padding-left: 11px;
}

/*******************************************************************
				HOME FIRST ROW CSS
*******************************************************************/

.crm-services-col>a {
	display: flex;
	width: 100%;
	min-height: /*200px*/
	120px;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-decoration: none;
	cursor: pointer;
}

.home-quick-widget-holder {
	padding: 0px 7.5px;
	position: relative;
}

.crm-services-stats-col>a {
	display: table;
	width: 100%;
	height: 100%;
}

.crm-service-stats-col {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	float: left;
	height: 65px;
}

.crm-service-stats-col-left {
	min-width: 80px;
	background: #d9534f;
	color: #fff;
}

.crm-service-stats-col-left>p {}

.crm-service-stats-col-right {}

.crm-service-stats-col-left>p {
	font-family: 'robotobold';
	font-size: 30px;
	line-height: 1;
}

.crm-service-stats-col-right>p {
	font-family: 'robotomedium';
	font-size: 15px;
	line-height: 1.5;
	color: #272727;
	display: table;
	width: 100%;
	text-align: left;
	padding: 0px 10px;
}

.home-quick-widget-inner-holder {
	display: /*table*/
	block;
	position: relative;
	/*width: 100%;*/
}

.home-quick-widget-inner-holder-hide {
	opacity: 0;
	position: absolute !important;
	top: 0;
	left: -50%;
	transition: opacity 1s ease, z-index 0.6s ease, left 0.7s ease;
	z-index: -1;
}

.home-quick-widget-inner-holder-changable.active {
	left: 0;
	transition: opacity 1s ease, z-index 0.6s ease, left 0.7s ease;
	z-index: 0;
}

.crm-services-col>a>img {
	max-width: 50px;
}

.title-1 {
	font-size: 15px;
}

.active.home-quick-widget-inner-holder {
	width: 100%;
	margin: 0;
}

/*******************************************************************
					Header CSS
*******************************************************************/

.header {
	padding: 0px 0px 0px 20px;
	background: #fff;
	border-bottom: solid 1px rgba(0, 0, 0, 0.12);
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	display: table;
	z-index: 8;
}

.header-left {
	padding-top: 5px;
	padding-bottom: 5px;
}

.logo-holder img {
	max-width: 85px;
}

.nav.right-header-nav a {
	font-size: 22px;
	color: #6f6f6f;
	line-height: 1;
	position: relative;
	padding: 10px 20px;
	border-left: solid 1px #d0d0d0;
	border-right: solid 1px #d0d0d0;
	display: flex;
	flex-wrap: wrap;
	align-self: stretch;
	align-items: center;
	overflow: hidden;
}

.nav.right-header-nav li:first-child>a {
	border-right: none;
}

.quick-icon-counter-holder {
	position: absolute;
	background: #d9534f;
	color: #fff;
	font-size: 10px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
	top: 15px;
	right: 15px;
}

.right-header-nav li.has-account-holder-dp a {
	padding-left: 15px !important;
	padding-right: 15px !important;
	width: 100%;
	border: none;
	border-radius: 0px;
	height: 100%;
}

.has-account-holder-dp a>img, .account-dp-img {
	width: 35px !important;
	height: 35px !important;
	border-radius: 100%;
	overflow: hidden;
	border: solid 2px transparent;
}

.has-account-holder-dp a:hover {
	transition: all 0.3s;
	border-color: rgba(0, 0, 0, 0.50);
}

.has-account-holder-dp a>img {
	height: 100%;
	width: 100%;
}

.nav.right-header-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.header .row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}

.header-right {
	display: flex;
	align-self: stretch;
	align-items: stretch;
	justify-content: flex-end;
}

.header-right-nav-holder, .header-right-nav-holder>ul.nav.right-header-nav {
	align-items: stretch;
	display: flex;
}

.header-right-nav-holder>ul.nav.right-header-nav li {
	display: flex;
	align-items: center;
}

.has-account-holder-dp>a {
	padding: 0px !important;
	align-self: unset !important;
}

.right-header-nav-sub {
	position: absolute;
	top: 102%;
	right: 0;
	min-width: 230px;
	max-width: 230px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
	transition: all 0.3s ease;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.right-header-nav-sub.active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.right-header-nav li.right-header-nav-sub-item>a {
	padding: 15px 15px 15px 5px !important;
	display: flex !important;
	width: 100%;
	border-radius: 0px;
	height: auto;
	border: none;
	border-bottom: solid 1px #d0d0d0;
	text-decoration: none !important;
}

.right-header-nav-sub-item>a>i {
	font-size: 15px;
	color: #414141;
	width: 25px;
	text-align: center;
	display: inline-block;
	float: left;
}

.right-header-nav-sub-item>a>p {
	font-size: 15px;
	color: #414141;
	width: calc(100% - 25px);
	display: inline-block;
	float: left;
}

.right-header-nav-sub-item {
	border: none;
}

.right-header-nav li.right-header-nav-sub-item>a:hover, .right-header-nav li.right-header-nav-sub-item.active>a {
	background: #f1f3f4;
}

.has-user-dp-for-quick-info {
	width: 35px;
	display: inline-block;
	float: left;
}

.has-user-info-for-quick-info {
	width: calc(100% - 35px);
	display: inline-block;
	word-wrap: break-word;
	padding-left: 5px;
}

.has-user-info-for-quick-info>p {
	font-size: 15px;
	font-family: 'robotomedium';
	color: #414141;
	margin-bottom: 3px;
}

.has-user-info-for-quick-info>span {
	font-size: 13px;
	font-family: 'robotoregular';
	color: #4a4a4a;
	line-height: 1;
	display: table;
}

.has-user-quick-info>a {
	display: flex !important;
	text-decoration: none !important;
}

.ink {
	display: block;
	position: absolute;
	background: rgba(171, 171, 171, 0.00);
	border-radius: 100%;
	transform: scale(0.5);
}

/*animation effect*/

.ink.animate {
	/*animation: ripple 0.5s linear;*/
	animation-name: ripple;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
}

.ripple-click {
	overflow: hidden;
	position: relative;
}

@keyframes ripple {
	/*scale the element to 250% to safely cover the entire link and fade it out*/
	100% {
		opacity: 0;
		transform: scale(2.5);
		background: rgba(171, 171, 171, 1);
	}
}

@-webkit-keyframes ripple {
	100% {
		opacity: 0;
		transform: scale(2.5);
		background: rgba(171, 171, 171, 1);
	}
}

.sidebar-btn {
	display: none !important;
}

.home-quick-widget-holder, .header-right {
	margin-left: -1px;
}

.right-header-nav li.has-account-holder-dp>a {
	min-height: 64px;
}

.mails-quick-holder {
	max-width: 550px;
	min-width: 550px;
	max-height: 500px;
	overflow: hidden;
	overflow-y: auto;
}

.mails-quick-item-inner {
	display: table;
	width: 100%;
	height: auto;
	border: solid 1px #d0d0d0;
	padding: 10px;
}

.mails-quick-content-holder {
	margin: 5px 0px;
}

.mail-quick-subject {
	font-family: 'robotobold';
}

.mail-quick-title-attach-holder {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: left;
	align-items: center;
	width: 100%;
}

.mail-quick-title-attach-holder>i {
	width: 20px;
	text-align: center;
	margin-left: auto;
	display: inline-block;
	font-size: 17px;
}

.mail-quick-subject {
	font-family: 'robotobold';
	display: inline-block;
	width: calc(100% - 30px);
}

.mails-quick-sender-info-holder .has-user-dp-for-quick-info {
	width: 25px;
}

.mails-quick-sender-info-holder .has-user-dp-for-quick-info>img {
	width: 25px !important;
	height: 25px !important;
}

.mails-quick-sender-info-holder .has-user-info-for-quick-info>p {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0;
}

.mails-quick-sender-info-holder .has-user-info-for-quick-info>p>span {
	font-size: 13px;
	margin-left: 5px;
	line-height: 1;
	color: #817f7f;
	font-family: 'robotoregular';
}

.mails-quick-sender-info-holder .has-user-info-for-quick-info {
	padding-top: 1.5px;
}

.mails-quick-btns-holder>a, .mails-quick-btns-holder>button {
	display: inline-block !important;
	float: left;
	width: auto;
	text-align: center !important;
	padding: 10px !important;
	transition: all 0.3s;
}

.btn-text-1 {
	border-radius: 0px;
	font-size: 14px !important;
	line-height: 1;
	font-family: 'robotobold';
	color: #d9534f !important;
	border: none !important;
}

.mails-quick-btns-holder {
	margin-left: -5px;
	margin-right: -5px;
}

.mails-quick-btns-holder>a:hover, .mails-quick-btns-holder>button:hover {
	transition: all 0.3s;
	background: rgba(158, 158, 158, 0.2)
}

.mails-quick-item {
	padding-top: 5px;
	padding-bottom: 5px;
}

.mails-quick-item:first-child {
	padding-top: 15px;
}

.mails-quick-item:last-child {
	padding-bottom: 15px;
}

.mail-quick-unread {
	background: #fcfcfc;
}

.alerts-content-title-holder .lead-label {
	position: relative;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.alerts-content-title-holder .alert-title {
	margin: 0px;
}

.alerts-content-title-holder {
	margin-bottom: 10px;
}

.mail-quick-content a {
	font-family: 'robotoregular';
	font-size: 14px !important;
	display: inline !important;
	border: none !important;
	padding: 0px !important;
	color: #333 !important;
}

.alerts-holder {
	max-width: 400px;
	min-width: 400px;
}

/*******************************************************************
					Left Sidebar CSS
*******************************************************************/

.sidebar {
	display: table;
	width: 100%;
	position: relative;
	max-width: 255px;
	background: #fff;
	transition: width 0.3s;
}

.sidebar-search-holder .form-group {
	margin: 0px;
	position: relative;
}

.sidebar-search-holder .form-group input {
	height: 50px;
	padding-left: 50px;
	font-size: 14px;
	background: #fff;
	padding-right: 15px;
	transition: all 0.3s;
}

.sidebar-search-holder .form-group i {
	position: absolute;
	height: 100%;
	width: 50px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #414141;
}

.sidebar-search-holder {
	border-bottom: solid 1px #d0d0d0;
}

.sidebar-collpase-btn-holder {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: table;
	border-top: solid 1px #d0d0d0;
	overflow: hidden;
	background: #fff;
}

.sidebar-collpase-btn-holder>a {
	padding: 12px 15px;
	display: table;
	width: 100%;
	transition: all 0.3s;
}

.sidebar-collpase-btn-holder>a>i {
	font-size: 30px;
	color: #414141;
}

.sidebar-li {
	display: table;
	width: 100%;
	transition: all 0.3s;
}

.nav.sidebar-menu-nav .sidebar-li>a {
	padding: 0px;
	transition: all 0.3s;
}

.menu-item-inner {
	position: relative;
	padding: 10px 15px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	transition: all 0.3s;
}

.menu-item-inner>span {
	font-size: 15px;
	color: #414141;
	font-family: 'robotoregular';
	line-height: 1.3;
	display: inline-block;
	width: calc(100% - 25px);
	float: right;
	padding-top: 2px;
	padding-left: 10px;
	transition: all 0.3s;
}

.menu-item-inner>i {
	display: inline-block;
	float: left;
	color: #414141;
	font-size: 18px;
	width: 25px;
	text-align: center;
	margin-top: 4px;
	transition: all 0.3s;
}

.sidebar-li.active>a>.menu-item-inner, .sidebar-li.active>a:hover>.menu-item-inner {
	background: rgba(217, 83, 79, 0.15);
}

.sidebar-li.active>a>.menu-item-inner>i, .sidebar-li.active>a:hover>.menu-item-inner>i {
	color: #dc3e39;
}

.sidebar-li.active>a>.menu-item-inner>span, .sidebar-li.active>a:hover>.menu-item-inner>span {
	color: #d5110b;
	font-family: 'robotomedium';
}

.sidebar-li>a:hover>.menu-item-inner {
	background: #f1f3f4;
}

.sidebar-li>a:hover>.menu-item-inner>span, .sidebar-li>a:hover>.menu-item-inner>i {
	color: #414141;
}

.sidebar-submenu-drop-icon {
	position: absolute;
	right: 0;
	font-size: 12px !important;
	top: 13px;
	text-align: left !important;
	transition: all 0.3s;
}

.sidebar-menu-submenu {
	display: none;
}

.sidebar-menu-item.active .sidebar-menu-submenu {
	display: block;
}

.sidebar-menu-item-has-submenu.active .sidebar-submenu-drop-icon::before {
	content: "\f0d8";
	transition: all 0.3s;
}

.sidebar-collpase-btn-holder>a:hover {
	background: #f1f3f4;
	transition: all 0.3s;
}

.sidebar-inner {
	height: 100%;
	position: relative;
	display: table;
}

.sidebar-resized {
	width: auto;
	max-width: 55px;
	transition: all 0.3s;
}

.sidebar-resized .menu-item-inner>span, .sidebar-resized .menu-item-inner>.sidebar-submenu-drop-icon {
	display: none;
	transition: all 0.3s;
}

.sidebar-resized .sidebar-collpase-btn-holder>a {
	text-align: center;
	transition: all 0.3s;
}

.sidebar-resized .sidebar-search-holder .form-group input {
	visibility: hidden;
	padding-left: 15px;
	transition: all 0.3s;
}

.sidebar-resized .sidebar-collpase-btn-holder>a>i {
	transform: rotate(180deg);
}

.sidebar-menus-holder {
	padding-top: 10px;
	padding-bottom: 10px;
}

.left-sidebar {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
	z-index: 2;
}

/*******************************************************************
					Right Sidebar CSS
*******************************************************************/

.right-sidebar {
	width: 100%;
	position: fixed;
	max-width: /*60px*/
	63px;
	background: /*#fafafa*/
	#fff;
	transition: width 0.3s ease, right 0.3s ease;
	float: right;
	right: 0;
	/*-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.45);*/
	z-index: 2;
}

.right-sidebar-menu-nav, .right-sidebar-li {
	width: 100%;
	text-align: center;
}

.right-sidebar-menu-nav .right-sidebar-li>a {
	padding: 15px 15px;
	font-size: 25px;
	color: #414141;
	border-bottom: solid 1px #d0d0d0;
	transition: all 0.3s;
}

.right-sidebar-menu-nav .right-sidebar-li>a:hover {
	background: #f1f3f4;
	transition: all 0.3s;
}

.right-sidebar-inner {
	height: 100%;
	background: #fff;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.45);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.45);
}

.right-sidebar-mobile-btn-holder {
	display: none;
}

.volume-state-icon {
	display: table;
	position: relative;
	width: 100%;
	height: 25px;
}

.volume-state-icon i {
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all 0.3s;
	right: 0px;
	bottom: 0px;
	margin: auto;
}

.volume-off, .volume-on.volume-on-1 {
	transform: scale(0);
}

.volume-on, .volume-off.volume-off-1 {
	transform: scale(1);
}

.dash-task-holder .titled-content-holder {
	height: auto !important;
}

.dash-task-holder .titled-content-holder>.content-sub-holder {
	padding: 5px;
}

.fc-month-view .fc-today>a, .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
	background: #ee3a43 !important;
	color: #fff;
}

/*******************************************************************
				CUSTOM SCROLLBAR CSS
*******************************************************************/

.mCSB_inside>.mCSB_container {
	margin-right: 0px;
}

.mCSB_scrollTools {
	width: 5px;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_draggerRail {
	width: 3px;
	background-color: rgba(0, 0, 0, 0.1);
}

/*******************************************************************
					Loader CSS
*******************************************************************/

.cd-cover-layer {
	/* layer that covers the content when the animation is triggered */
	position: fixed;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	height: calc(100% - 20px);
	width: calc(100% - 20px);
	opacity: 0;
	visibility: hidden;
	background-color: #4089a6;
	-webkit-transition: opacity 0.4s 0.4s, visibility 0s 0.8s;
	-moz-transition: opacity 0.4s 0.4s, visibility 0s 0.8s;
	transition: opacity 0.4s 0.4s, visibility 0s 0.8s;
}

.cd-about .cd-cover-layer {
	background-color: #283040;
}

.page-is-changing .cd-cover-layer {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-loading-bar {
	position: fixed;
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.page-is-changing .cd-loading-bar {
	visibility: visible;
	color: #71d5fc !important;
}

.page-is-changing .progress-bar {
	width: 300px;
	height: 6px;
	border-radius: 50px;
	border: solid 1px #71d5fc;
	margin-top: 15px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.page-is-changing .pregress-bar-fill {
	height: 100%;
	background: #71d5fc;
	-webkit-animation: progress 2s linear infinite;
	-moz-animation: progress 2s linear infinite;
	-o-animation: progress 2s linear infinite;
	-ms-animation: progress 2s linear infinite;
	animation: progress 2s linear infinite;
}

.preloader {
	opacity: 0;
	text-align: center;
}

.page-is-changing .preloader {
	opacity: 1;
	position: relative;
	width: 100%;
}

@-webkit-keyframes progress {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}

@keyframes progress {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}

body .cd-loading-bar {
	display: flex;
	align-content: center;
	align-items: /*center*/
	flex-start;
	justify-content: center;
	background: rgba(255, 255, 255, 0);
	/*transform: matrix(1.55, 0, 0, 1.55, 0, 0);*/
	opacity: 0;
	left: 0;
	top: 0;
	z-index: -1;
	transition: transform 0.3s ease-out, opacity 0.3s ease-out, z-index 0.3s ease-out;
	/*transform: translate(-100%, 0%);*/
	padding-left: 255px;
	padding-top: 65px;
}

body.page-is-changing .cd-loading-bar {
	/*transform: matrix(1, 0, 0, 1, 0, 0);*/
	opacity: 1;
	z-index: 10001;
	transform: translate(0%, 0%);
	transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s, z-index 0.3s ease 0.3s;
}

.content-wrapper {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transition: transform 0.3s ease-in, opacity 0.3s ease-in;
}

.page-is-changing .content-wrapper {
	opacity: /* 0.1*/
	1;
	/*transform: matrix(0.55, 0, 0, 0.55, 0, 0);*/
	transition: transform 0.3s ease-out, opacity 0.3s ease-out;
	z-index: 2;
}

.loader {
	height: 5px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #c6c6c6;
}

.loader:before {
	display: block;
	position: absolute;
	content: "";
	left: 00px;
	width: 200px;
	height: 7px;
	background-color: #d9534f;
	-moz-animation: loading 3s ease infinite;
	-o-animation: loading 3s ease infinite;
	-webkit-animation: loading 3s ease infinite;
	-ms-animation: loading 3s ease infinite;
	animation: loading 3s ease infinite;
}

@-webkit-keyframes loading {
	from {
		left: 0px;
	}
	to {
		left: 100%;
	}
}

@keyframes loading {
	from {
		left: 0px;
	}
	to {
		left: 100%;
	}
}

.flex-class-1 {
	-webkit-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.flex-class-2 {
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-direction: normal;
}

.flex-class-3 {
	-webkit-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-direction: normal;
}

.right-content-part {
	position: relative;
}

/*******************************************************************
			right slide window/chat window CSS
*******************************************************************/

.right-slide-window {
	top: 0;
	position: absolute;
	right: -100%;
	height: 100%;
	width: 100%;
	background: #fff;
	z-index: 9999999991;
	/*3*/
	border-left: solid 1px #d0d0d0;
	transition: all 0.3s;
}

.chat-contact-item {
	list-style: none;
}

.chat-contact-item>a {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	padding: 10px 15px;
	border-bottom: solid 1px #ccc;
	text-decoration: none;
	transition: all 0.3s;
}

.chat-contact-username-holder {
	width: calc(100% - 40px);
	padding-left: 10px;
	font-size: 15px;
	color: #757575;
	font-family: 'robotoregular';
}

.chat-contact-item>a:hover, .chat-contact-item.active>a, .chat-contact-item>a.active {
	background: #f2f2f2;
}

.chat-contact-img-holder {
	max-width: 40px;
	position: relative;
}

.chat-contact-img-holder>img {
	border-radius: 100%;
	overflow: hidden;
}

.chat-contact-item.active>a .chat-contact-username-holder, .chat-contact-item>a.active .chat-contact-username-holder {
	color: #353535;
}

.right-slide-window-header-holder {
	background: #e3e3e3;
	padding: 15px 15px;
	border-bottom: solid 1px #d0d0d0;
	z-index: 1;
	position: relative;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
	z-index: 2;
}

.chat-header-left h2 {
	font-size: 19px;
	line-height: 1;
	margin: 0;
	font-family: 'robotomedium';
}

.half-slide-window-closer, .right-slide-window-closer {
	font-size: 20px;
	line-height: 1;
	color: #6e6e6e !important;
	transition: all 0.3s;
}

.right-slide-window-closer:hover, .half-slide-window-closer:hover {
	transition: all 0.3s;
	color: #3F3F3F !important;
}

.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: 100%;
}

.chat-screen-left-holder {
	background: #fff;
	padding: 0px;
	box-shadow: 2px 1px 3px 0px rgba(0, 0, 0, 0.35);
	position: relative;
	z-index: 1;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.chat-contact-list>ul {
	margin: 0px;
}

.chat-status-indicator {
	width: 12px;
	height: 12px;
	display: table;
	background: #12b912;
	border-radius: 100%;
	position: absolute;
	z-index: 0;
	bottom: -1px;
	right: -1px;
}

.chat-contact-list {
	max-height: calc(100% - 51px);
}

.deal-request-chat-ui .chat-contact-list {
	max-height: calc(100%);
}

.chat-view-left-header {
	display: inline-flex;
	align-items: center;
	padding: 15px;
}

.chat-view-header-holder {
	background: /*#eaeaea*/
	#ededed;
	position: relative;
	z-index: 0;
	border-bottom: solid 1px #ccc;
}

.chat-view-right-header {
	padding-top: 15px;
}

.chat-view-header-call-to-action {
	width: 40px;
	height: 40px;
	display: inline-flex;
	border-radius: 100%;
	align-content: center;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	background: #44a549;
	color: #fff !important;
	margin: 0px 3px;
	text-decoration: none !important;
}

.chat-view-header-holder .chat-contact-username-holder>p {
	font-family: 'robotomedium';
	color: #353535;
	font-size: 16px;
}

.chat-view-content-holder {
	max-height: calc(100% - 76px);
	padding: 15px 10px 80px 10px;
}

.chat-item-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: flex-start;
	padding: 8px 5px;
}

.chat-item-dp-holder {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	overflow: hidden;
}

.chat-item-content-holder {
	display: inline-block;
	float: left;
	width: auto;
	max-width: calc(95% - 30px);
	padding-left: 10px;
	text-align: left;
}

.chat-item-row-user-chat-info {
	font-family: 'robotoregular';
	font-size: 13px;
	color: #7b7b7b;
	margin-bottom: 2px;
	display: table;
	width: 100%;
}

.chat-item-content-holder>p {
	display: table;
	width: 100%;
	padding: 15px;
	border-radius: 8px;
	background: #f2f2f2;
	border-top-left-radius: 0px;
	font-size: 14px;
	box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

.chat-item-row-me {
	text-align: right;
	justify-content: flex-end;
}

.chat-item-row-me .chat-item-row-user-chat-info {
	text-align: right;
}

.chat-item-row-me .chat-item-content-holder>p {
	border-bottom-right-radius: 0px;
	border-top-left-radius: 8px;
	background: #e0e0e0;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.45);
}

.chat-time-row {
	position: relative;
}

.chat-time-row>p {
	display: table;
	width: auto;
	text-align: center;
	color: #9e9e9e;
	font-size: 13px;
	line-height: 1;
	background: #fff;
	margin: 0px auto;
	padding: 0px 10px;
	z-index: 1;
	position: relative;
}

.chat-time-row::before {
	position: absolute;
	height: 1px;
	width: calc(100% - 10px);
	background: #d2d2d2;
	left: 0;
	top: 50%;
	z-index: 0;
	right: 0;
	margin: 0px auto;
	display: table;
}

.chat-time-row {
	padding-top: 15px;
	padding-bottom: 15px;
}

.chat-view-sender-block {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px 15px 15px 30px;
}

.chat-view-sender-block>.form-group {
	margin: 0px;
	position: relative;
	min-height: 50px;
}

.chat-view-sender-block>.form-group>a {
	position: absolute;
	top: 0;
}

.chat-view-sender-block>.form-group>input, .chat-view-sender-block>.form-group>a {
	height: 100%;
}

.chat-view-sender-block>.form-group>a {
	position: absolute;
	top: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 50px;
	font-size: 25px;
	color: #a4a4a4;
	transition: all 0.3s;
	text-decoration: none !important;
}

.chat-view-sender-block>.form-group>a.sender-emoticon-selector {
	left: 0;
}

.chat-view-sender-block>.form-group>a.sender-attachment-selector {
	right: 0;
}

.chat-view-sender-block>.form-group>input {
	display: table;
	min-height: 50px;
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 8px;
	background: #F1F1F4;
	border: none;
	box-shadow: none;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

.chat-view-sender-block>.form-group>a:hover {
	color: #666;
	transition: all 0.3s;
}

.right-slide-window.active {
	right: 0;
	transition: all 0.3s;
}

.right-sidebar-collpase {
	right: -63px;
	transition: all 0.3s;
}

.operator-activity {
	font-size: 13px;
	color: #9c9c9c;
}

/*============================== CHAT SCREEN DESIGN CHANGE ==========================*/

.chat-screen-holder {
	padding: 25px 30px 30px 30px;
	background: #eeeeee;
}

.chat-screen-right-holder>.row {
	background: #fff;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	margin-right: -15px;
	margin-left: 0px;
	border-radius: 5px;
	overflow: hidden;
}

.contact-list-opener-ul {
	display: none;
}

.contact-list-opener .chat-contact-username-holder, .contact-list-opener .chat-contact-username-holder>p {
	width: 100%;
	position: relative;
	font-size: 16px;
	font-family: 'robotomedium';
}

.contact-list-opener .chat-contact-username-holder>p>i {
	width: 20px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}

ul {
	margin-bottom: 0px;
}

.contact-list-opener.active {
	background: #e4e4e4 !important;
}

.contact-list-opener.active i {
	transform: rotate(180deg);
	transition: all 0.3s;
}

.contact-list-opener i {
	margin-top: 3px;
	transition: all 0.3s;
}

/*===========================================*/

.left-sidebar {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 7;
}

.page-content {
	position: relative;
}

.right-slide-window, .right-content-part {
	width: 100%;
	padding-left: 255px;
	transition: all 0.3s;
}

.right-slide-window-resized, .right-content-part-resized {
	padding-left: 55px;
	transition: all 0.3s;
}

.left-sidebar, .right-content-part {
	display: inline-block;
	float: left;
}

.right-slide-window {
	background: transparent;
	height: auto;
}

/*==================================================================================
						SWITCH CSS
=================================================================================*/

.main-switch {
	color: #222;
}

.material-switch {
	margin: 11px 0 7px 10px;
}

.material-switch>input[type="checkbox"] {
	display: none;
}

.material-switch>label {
	cursor: pointer;
	height: 0px;
	position: relative;
	width: 40px;
	border: 0;
	display: block;
}

.material-switch>label::before {
	background: rgb(0, 0, 0);
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
	border-radius: 8px;
	content: '';
	height: 16px;
	position: absolute;
	opacity: 0.3;
	transition: all 0.4s ease-in-out;
	width: 40px;
	left: 0;
	top: -8px;
}

.material-switch>label::after {
	background: rgb(255, 255, 255);
	border-radius: 16px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	content: '';
	height: 24px;
	left: -4px;
	position: absolute;
	top: -13px;
	transition: all 0.3s ease-in-out;
	width: 24px;
}

.material-switch>input[type="checkbox"]:checked+label::before {
	background: #2a3f54;
	opacity: 1;
}

.material-switch>input[type="checkbox"]:checked+label::after {
	background: #2a3f54;
	left: 20px;
}

label {
	font-family: 'robotomedium';
	font-weight: normal;
}

/*==================================================================================
						SELECT CSS
=================================================================================*/

.SumoSelect.open>.optWrapper {
	border-radius: 5px;
	overflow: hidden;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border: solid 1px #d1d1d1;
}

.SumoSelect.open>.optWrapper>.options, .SumoSelect.open>.optWrapper>.options>li {
	border-radius: 0px !important;
}

.SumoSelect>.optWrapper>.options li.opt:hover {
	background-color: #E4E4E4;
}

.SumoSelect>.optWrapper>.options li.opt.selected {
	background: #dd5454;
}

.SumoSelect>.optWrapper>.options li.opt.selected:hover {
	background: #D34444;
}

.SumoSelect>.optWrapper>.options li.opt.selected * {
	color: #fff;
}

.SumoSelect>.optWrapper>.options li.opt * {
	font-weight: normal;
	font-size: 15px;
	margin: 0px;
}

.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i, .SumoSelect .select-all.selected>span i, .SumoSelect .select-all.partial>span i {
	background: none;
}

.SumoSelect>.optWrapper.multiple>.options li.opt span i, .SumoSelect .select-all>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i, .SumoSelect .select-all.selected>span i, .SumoSelect .select-all.partial>span i {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 20px !important;
	height: 20px !important;
	background: #fff;
	border: 2px solid rgba(0, 0, 0, 0.54);
	border-radius: 2px;
	cursor: pointer;
	transition: background .3s;
}

.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i::after, .SumoSelect .select-all.selected>span i::after, .SumoSelect .select-all.partial>span i::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(-45deg);
	top: 4px;
	left: 2px;
	width: 12px;
	height: 6px;
	border: 2px solid #dd5454;
	border-top-style: none;
	border-right-style: none;
}

/*==================================================================================
						INNER PAGE CSS
=================================================================================*/

.inner-page-header label {
	margin-right: 5px;
	font-size: 14px;
	color: #2f2f2f;
}

.inner-page-header {
	background: #fff;
	margin: 0px 0px 15px 0px;
	padding: 15px 5px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.inner-page-header input, .inner-page-header textarea {
	background: #f2f2f2;
	border: solid 1px #e0e0e0;
	border-radius: 3px;
}

/*==================================================================================
						LEADS PAGE CSS
=================================================================================*/

.leads-infos-box {
	position: relative;
	background: rgba(255, 255, 255, 1);
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
	/* overflow: hidden;*/
	margin-bottom: 15px;
}

.leads-infos-box:last-child {
	margin-bottom: 0px;
}

.leads-infos {
	text-align: left;
	font-size: 14px;
	line-height: 1;
	padding: 15px;
}

.leads-infos p, .leads-infos p label, .leads-infos p span {
	font-size: 14px;
	line-height: 1.2;
}

.leads-infos p {
	margin-bottom: 10px;
}

.leads-infos p:last-child {
	margin-bottom: 0px;
}

.lead-label {
	position: absolute;
	top: 0;
	right: 0;
	background: grey;
	width: 25px;
	height: 25px;
	border-radius: 3px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	padding: 5px;
	cursor: pointer;
}

.hot-lead-label {
	background: #e44a4a;
}

.cold-lead-label {
	background: #2ca7d4;
}

.dead-lead-label {
	background: #DDCD19;
}

.close-lead-label {
	background: #eca3a3;
}

.warm-lead-label {
	background: #fd8c3f;
}

.lead-label img {}

.leads-quick-btn {
	padding: 0px;
	list-style: none;
	border-right: solid 1px #d5d5d5;
	/*overflow: hidden;*/
	position: relative;
}

.leads-quick-btn:last-child {
	border: none;
}

.leads-quick-btn>a, .leads-quick-btn>.task-page-leads-btns-holder>a {
	display: block;
	padding: 8px 5px;
	background: #efefef;
	width: 100%;
	font-size: 14px;
	color: #171717;
	font-family: 'robotomedium';
	text-decoration: none !important;
	overflow: hidden;
	text-align: center;
}

.leads-quick-btns-holder {
	border-top: solid 1px #d5d5d5;
}

.leads-col-item {
	padding: 0px 5.5px;
}

.leads-holder .content-holder-title {
	font-family: 'robotomedium';
}

.leads-col-content-holder {
	/*max-height: 520px;
    overflow: hidden;
    overflow-y: auto;*/
}

.leads-col-content-holder .mCSB_container {
	padding: 2px;
}

/*.content-tabs-holder .nav-tabs li { min-width: 150px; }*/

.leads-quick-btns-holder-sub-ul {
	border: solid 1px #d5d5d5;
	border-right: none;
	position: absolute;
	right: 0;
	bottom: 100%;
}

.leads-quick-btns-holder-sub-ul .leads-quick-btn {
	border-bottom: solid 1px #d5d5d5;
}

.lead-activate-to-btn.active i {
	transform: rotate(180deg);
	transition: all 0.3s;
}

.lead-activate-to-btn i {
	transition: all 0.3s;
}

.input-custom-group {
	display: inline-table;
	float: left !important;
	padding-left: 7.5px !important;
	padding-right: 7.5px !important;
	margin: 7.5px 0px;
}

.input-icon-group {
	display: inline-table;
	float: left !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	margin: 0px 0px;
}

.font-medium {
	font-family: 'robotomedium';
}

.add-new-lead-container .content-holder-title {
	width: 100%;
	display: table;
	float: left;
}

#leadStatusIndicator .modal-dialog {
	max-width: 325px;
}

ul.lead-options {
	clear: both;
	padding-top: 15px;
}

ul.lead-options li {
	margin: 10px 0px;
	padding: 0px 0px;
	line-height: 35px;
	clear: both;
}

ul.lead-options li:hover {
	cursor: pointer;
}

ul.lead-options li label {
	width: 90%;
	line-height: 35px !important;
	height: 35px;
}

ul.lead-options li label p {
	line-height: 35px;
}

span.lead-option {
	position: relative;
	float: left;
	margin-right: 10px;
	height: 35px;
	width: 35px;
}

.lead-options input[type="radio"]:checked+label::after, .lead-options .md-checkbox input[type="checkbox"]:checked+label::after {
	left: 248px !important;
	top: 12px !important;
}

.lead-options input[type="radio"]:checked+label::after, .lead-options input[type="radio"]:not(:checked)+label::after {
	left: unset !important;
	right: 4px !important;
}

.lead-options input[type="radio"]:checked+label::before, .lead-options input[type="radio"]:not(:checked)+label::before {
	top: 7px !important;
}

.lead-button-holder {
	position: absolute;
	top: 4px;
	left: 5px;
}

.lead-button-holder-right {
	position: absolute;
	top: 4px;
	right: 29px;
}

.abs-labels-holder {
	position: absolute;
	top: 4px;
	right: 0px;
}

.lead-button-holder button, .lead-button-holder button:hover, .lead-button-holder button.active, .lead-button-holder-right button, .lead-button-holder-right button:hover, .lead-button-holder-right button.active, .abs-labels-holder button, .abs-labels-holder button:hover, .abs-labels-holder button.active {
	padding: 2px 6px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #000;
	border: 1px solid #d5d5d5;
	font-size: 12px;
}

.lead-button-holder .btn-info:active:hover, .lead-button-holder .btn-info.active:hover, .lead-button-holder .open>.dropdown-toggle.btn-info:hover, .lead-button-holder .btn-info:active:focus, .lead-button-holder .btn-info.active:focus, .lead-button-holder .open>.dropdown-toggle.btn-info:focus, .lead-button-holder .btn-info:active.focus, .lead-button-holder .btn-info.active.focus, .lead-button-holder .open>.dropdown-toggle.btn-info.focus {
	color: #000 !important
}

.leads-infos.has-button-holder {
	padding-top: 40px;
}

.modal-xl {
	max-width: 100%;
	width: 1366px;
}

.create-task-left-wrapper {
	border-right: 1px solid #ccc;
}

.task-calendar {
	padding: 0px 20px 15px 20px;
}

.task-holder {
	background-color: #eeeeee;
	padding: 10px 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 10px;
}

p.task-title {
	font-size: 16px;
}

p.task-note {
	opacity: 0.5;
	padding: 8px 0px 5px 0px;
}

p.task-datetime {
	color: #dd5454;
	font-size: 12px;
}

body.modal-open .lead-page.mCustomScrollbar {
	pointer-events: none;
}

ul.scheduling-list li {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

ul.scheduling-list li:last-child {
	border: 0px;
}

ul.scheduling-list li label {
	font-weight: 600;
	padding-right: 10px;
}

span.leads-info-inner-link {
	line-height: 24px;
}

span.status-lbl {
	padding: 6px 5px;
	margin: 0px 0px 0px 3px;
	color: #fff;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	font-size: 12px;
}

.bg-blue {
	background-color: #337ab7;
}

.bg-yellow {
	background-color: #ec971f;
}

.bg-white {
	background-color: #ffffff;
}

.create-task-slidewindow {
	overflow-y: scroll;
	z-index: 9999999991;
}

.create-task-calendar {
	height: 555px !important;
}

.task-listing-section {
	height: 575px !important;
}

ul.tabs-deal-request>li {
	background-color: #f5f5f5;
}

ul.tabs-deal-request>li>a {
	color: #858e97;
	background-color: #f5f5f5;
}

ul.tabs-deal-request>li>a:hover {
	background-color: rgba(217, 83, 79, 0.15);
	border-color: #d5110b;
	color: #d5110b;
	border: 0px;
}

ul.tabs-deal-request>li.active>a, .nav-tabs.tabs-deal-request>li.active>a:hover, ul.tabs-deal-request>li.active>a:focus {
	background-color: rgba(217, 83, 79, 0.15);
	;
	color: #d5110b;
	border-color: #d5110b;
	border-bottom: 0px !important;
}

.nav-tabs.nav-justified.tabs-deal-request>.active>a, .nav-tabs.nav-justified.tabs-deal-request>.active>a:hover, .nav-tabs.nav-justified.tabs-deal-request>.active>a:focus {
	border-color: #d5110b;
	border-bottom: 0px;
}

.nav-tabs.nav-justified.tabs-deal-request>li>a {
	border-bottom: 1px solid #d5110b;
}

h4.chat-section-title-button {
	line-height: 38px;
}

.deal-request-chat-ui a.sender-attachment-selector {
	left: 0;
}

.deal-request-chat-ui .chat-view-sender-block>.form-group>input {
	display: table;
	min-height: 50px;
	padding-left: 50px;
	padding-right: 90px;
	border-radius: 8px;
	background: #F1F1F4;
	border: none;
	box-shadow: none;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

a.btn-send-message {
	width: 75px !important;
	position: absolute !important;
	right: 0px;
	font-size: 16px !important;
	color: #fff !important;
	display: block;
	padding: 0px 6px !important;
	margin: 5px 5px 5px 0px;
	height: 40px !important;
}

#deal-request {
	z-index: 9999999999;
}

/*******************************************************************
					COMMON DATEPICKER CSS
*******************************************************************/

.dtp .dtp-actual-meridien a.selected, .dtp>.dtp-content>.dtp-date-view>header.dtp-header {
	background: #dd5454;
	color: #fff;
}

.dtp div.dtp-date, .dtp div.dtp-time, .dtp table.dtp-picker-days tr>td>a.selected {
	background: rgba(221, 84, 84, 0.9);
	color: #fff;
}

.dtp div.dtp-actual-year {
	color: #fff;
	margin-top: 4px;
	line-height: 18px;
}

.dtp table.dtp-picker-days tr>th, .dtp table.dtp-picker-days tr>td {
	border: none !important;
	padding: 0.4em 0.3em !important;
	font-family: 'robotolight';
}

.dtp table.dtp-picker-days tr>td>a, .dtp .dtp-picker-time>a {
	padding: 0.4em 0.5em 0.5em 0.5em;
}

.dtp .p10>a {
	color: #fff;
}

.dtp-picker-days thead, .dtp-picker-days tbody {
	background: transparent !important;
}

td, th {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

th {
	font-weight: 600 !important;
}

td {
	font-weight: 400 !important;
}

.dtp-buttons .btn {
	border-radius: 0px;
	transition: all 0.3s;
	margin-right: 5px;
	font-style: normal !important;
	border: none !important;
	margin-bottom: 5px !important;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-weight: 600 !important;
}

.dtp div.dtp-date>div.dtp-actual-num {
	margin: 5px 0px;
}

.calendar-holder {
	padding-top: 25px;
	padding-bottom: 40px;
}

.dtp-content {
	border-radius: 3px;
	overflow: hidden;
}

.year-picker-item.active, .year-picker-item:hover {
	color: #DD5454;
}

/*******************************************************************
					common MODAL CSS
*******************************************************************/

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	background: #eeeeee;
	font-family: 'robotobold';
	font-size: 19px;
	line-height: 1;
	color: #272727;
}

.modal-body {
	position: relative;
	padding: 15px;
	margin: 0px 0px 15px 0px;
	font-size: 15px;
	color: #4a4a4a;
	line-height: 1.5;
}

.green-1 {
	background: #1c9f22;
	border-color: #14921a;
	transition: all 0.3s;
}

.green-1:hover, .green-1:focus, .green-1:active {
	background: #128B18 !important;
	border-color: #0D7E12 !important;
	transition: all 0.3s;
}

.modal-footer {
	background: #eeeeee;
}

.modal-header .close {
	opacity: 0.5;
}

/*******************************************************************
					HALF SLIDE CSS
*******************************************************************/

.half-slide-window {
	position: absolute;
	background: #eee;
	height: calc(100% - 65px);
	z-index: 2;
	right: calc(100% - 145%)/*0*/
	;
	top: 65px;
	width: 100%;
	max-width: calc(100% - 55%);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
	transition: all 0.3s;
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	display: block;
}

.half-slide-window .page-content-inner-container {
	display: table;
	width: 100%;
}

.leads-quick-detail-item {
	margin: 0px 0px 8px 0px;
}

.leads-quick-detail-item>i {
	width: 20px;
	font-size: 15px;
	text-align: center;
	display: inline-block;
	float: left;
	padding-top: 2px;
}

.leads-quick-detail-item-cntnt {
	display: inline-block;
	float: left;
	width: calc(100% - 20px);
	padding-left: 10px;
	font-size: 14px;
}

.notes-title-holder {
	background: #eee;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	padding: 8px 15px;
}

.notes-title {
	text-transform: capitalize;
	font-family: 'robotomedium';
	margin: 0px;
	font-size: 15px;
	color: rgba(67, 67, 67, 1);
	display: inline-block;
	width: calc(100% - 20px);
	text-align: left;
	line-height: 1.5;
}

.btn-edit-note {
	float: right;
	margin-left: auto;
	border: none;
	height: auto;
	font-size: 17px;
}

.notes-desc-holder {
	text-align: left;
	padding: 10px 15px;
}

.note-desc {
	font-size: 14px;
	color: #333;
	line-height: 1.7;
}

.notes-col {
	margin-bottom: 15px;
}

.half-slide-window.active {
	right: 0;
}

/*============================================ 
			custom checkbox 
===========================================*/

.build-car-custom-check, .md-checkbox {
	position: relative;
	margin: 16px 0;
	/*display:flex;*/
}

.build-car-custom-check label, .md-checkbox label {
	cursor: pointer;
}

.build-car-custom-check label:before, .build-car-custom-check label:after, .md-checkbox label:before, .md-checkbox label:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

.build-car-custom-check label:before, .md-checkbox label:before {
	width: 20px !important;
	height: 20px !important;
	background: #fff;
	border: 2px solid rgba(0, 0, 0, 0.54);
	border-radius: 2px;
	cursor: pointer;
	transition: background .3s;
}

.build-car-custom-check input[type="radio"], .md-checkbox input[type="checkbox"] {
	outline: 0;
	margin-right: 15px;
	opacity: 0;
}

.build-car-custom-check input[type="radio"]:checked+label:before, .md-checkbox input[type="checkbox"]:checked+label:before {
	background: #dd5454;
	border: none;
}

.build-car-custom-check input[type="radio"]:checked+label:after, .md-checkbox input[type="checkbox"]:checked+label:after {
	transform: rotate(-45deg);
	top: 5px;
	left: 4px;
	width: 12px;
	height: 6px;
	border: 2px solid #fff;
	border-top-style: none;
	border-right-style: none;
}

.back-blue-1 {
	background: #183674;
}

.back-blue-2 {
	background: #4B69A7;
}

.color-white {
	color: #fff !important;
}

.build-car-custom-check [type="radio"]:checked+label::after, .build-car-custom-check [type="radio"]:not(:checked)+label::after {
	border-radius: 0 !important;
}

.build-car-custom-check [type="radio"]:checked+label::before, .build-car-custom-check [type="radio"]:not(:checked)+label::before {
	border-radius: 2px !important;
}

.build-car-custom-check label::before {
	border: 2px solid rgba(0, 0, 0, 0.54) !important;
}

.build-car-custom-check input[type="radio"]:checked+label:before {
	border: none !important;
}

/*======================================================================
					CUSTOM RADIO
======================================================================*/

[type="radio"]:checked, [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

[type="radio"]:checked+label, [type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
}

[type="radio"]:checked+label:before, [type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 2px solid #dd5454;
	border-radius: 100%;
	background: #fff;
}

[type="radio"]:checked+label:after, [type="radio"]:not(:checked)+label:after {
	content: '';
	width: 10px;
	height: 10px;
	background: #dd5454;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

[type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*******************************************************************
				CUSTOM RADIO CSS
*******************************************************************/

.custom-radio-group [type="radio"]:checked, .custom-radio-group [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.custom-radio-group [type="radio"]:checked+label, .custom-radio-group [type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
}

.custom-radio-group [type="radio"]:checked+label:before, .custom-radio-group [type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.custom-radio-group [type="radio"]:checked+label:after, .custom-radio-group [type="radio"]:not(:checked)+label:after {
	content: '';
	width: 10px;
	height: 10px;
	background: /*#183674*/
	#4b69a7;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.custom-radio-group [type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.custom-radio-group [type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.expand-map {
	position: absolute;
	right: 0;
	background: #fff;
	top: 50px;
	padding: 10px 15px;
	-webkit-box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
	border: solid 1px transparent;
}

.expand-map h6 {
	margin: 0px;
	font-size: 14px;
}

.expand-map h6 i {
	font-size: 16px;
	color: #183674;
}

.expand-map h6>span, .expand-map h6>i {
	display: inline-block;
	vertical-align: middle;
}

/*======================================================================
					DEAL BUILDER PAGE
======================================================================*/

.sub-nav-btns>li {
	display: inline-block;
	float: left;
}

.sub-nav-btns {
	display: table;
	float: right;
}

.sub-nav-btns>li>a {
	padding: 6px 15px;
}

.cls_deal_fields h4 {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	margin: 0;
	padding: 10px 15px 10px 0px;
}

.cls_deal_fields h4>span {
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 350px;
	display: inline-block;
	vertical-align: middle;
}

.cls_deal_fields {
	padding: 0;
	border-bottom: solid 1px #eaeaea;
}

.deal-builder-tabs-ul li a[data-toggle="tab"] {
	font-size: 16px;
	/*font-weight: 600;*/
	opacity: 0.7;
	color: #232323;
}

.deal-builder-tabs-ul li.active a[data-toggle="tab"] {
	opacity: 1;
}

.white-back>.SumoSelect {
	background: #fff;
	border-color: #ccc;
}

.grey-border>.SumoSelect .SelectBox {
	border-color: #ccc;
}

.deal-build-car-item-holder {
	padding: 15px;
}

.car-item-inner-holder {
	-webkit-box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
	padding: 15px;
}

.value-2 {
	font-size: 25px;
	margin-top: 15px;
}

.acc-selection, .build-car-custom-check {
	margin: 0;
	position: absolute;
	top: -15px;
	right: -15px;
}

.build-car-custom-check label::before, .acc-selection label::before {
	top: 0 !important;
	right: 0 !important;
	left: unset !important;
	bottom: unset !important;
}

.build-car-custom-check label, .acc-selection label {
	display: block !important;
	margin: 0;
	height: 20px;
	padding: 0px !important;
	width: 20px;
}

.acc-selection input[type="checkbox"]:checked+label::after {
	left: 12px;
}

.deal-builder-tab-content .deal-builder-tab-content {
	border: 1px solid #ddd;
	border-top: none;
}

.inv-cntnt-nav .tab-pane .form-group {
	padding: 0px 5px;
}

.desc-holder {
	max-width: 550px;
	min-width: 250px;
}

label {
	font-family: 'robotomedium';
	font-weight: normal;
}

/*======================================================================
				MENU WRAPPING STYLE
======================================================================*/

.bar .wrap>ul {
	float: left;
	padding: 0;
}

.bar .wrap>ul>li {
	display: block;
	float: left;
	padding-left: 0;
	position: relative;
}

.bar .wrap>ul>li.hiddenli {
	display: none;
}

.bar .wrap ul ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	margin-right: 0;
	z-index: 100;
	left: unset;
}

.bar .wrap ul ul a {
	white-space: nowrap;
}

.bar .wrap ul li:hover ul {
	display: block;
}

/*======================================================================
				TASK  MANAGER PAGE CSS
======================================================================*/

.nav-stacked.text-left a {
	text-align: left;
	justify-content: flex-start !important;
	margin: 0px;
}

.nav-stacked.nav-tabs>li>a {
	padding-left: 15px;
	padding-right: 15px;
}

.nav-stacked.nav-tabs>li>a>i {
	margin-right: 8px;
}

.nav-stacked.nav-tabs>li {
	border-bottom: solid 1px #ededed;
}

.nav-stacked.nav-tabs>li>a {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 13px;
	padding-bottom: 13px;
	height: auto;
	min-height: auto;
	font-size: 15px;
}

.lead-status {
	background: grey;
	border-radius: 0px;
	padding: 5px 8px;
	font-size: 13px;
}

.status-followup {
	background: #337ab7;
	color: #fff !important;
}

.status-pending {
	background: #ec971f;
	color: #fff !important;
}

.task-page-leads-btn-icon {
	max-width: 30px;
	display: inline-block;
	float: left;
	border-left: solid 1px #d5d5d5;
}

.task-page-leads-btns-holder {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: right;
	background: #efefef;
}

.leads-infos {
	position: relative;
}

.lead-status {
	margin-right: -15px !important;
	float: right;
	margin-bottom: -15px !important;
	margin-top: -11px !important;
	font-size: 12px;
	padding: 3px 8px;
}

.nav-stacked.nav-tabs>li>a>i {
	width: 20px;
	text-align: center;
}

.nav-stacked.nav-tabs>li>a>span {
	width: calc(100% - 30px);
}

.nav-stacked.nav-tabs>li>a {
	align-items: flex-start;
}

.leads-info-container {
	margin-bottom: 15px;
}

.leads-quick-btn>a {
	text-align: center;
}

/*padding-left: 15px;*/

/*======================================================================
				EMAIl PAGE CSS
======================================================================*/

.email-inline-lbl {
	line-height: 20px;
	margin-left: 10px;
}

.email-search-holder .form-control {
	background: #fff;
	border: solid 1px transparent !important;
	height: 40px;
	padding-left: 40px;
	transition: all 0.3s;
	box-shadow: none !important;
	outline: none !important;
}

.email-search-holder .form-control:focus {
	border: solid 1px #d7d7d7 !important;
	transition: all 0.3s;
}

.email-search-holder .email-search-btn, .email-search-btn {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	color: #707070;
	text-decoration: none !important;
	outline: none !important;
}

.mail-action-btn {
	padding: 0px;
	font-size: 16px;
	height: 35px;
	width: 35px;
	border-radius: 100%;
	transition: all 0.3s;
	position: relative;
	color: #585858;
	display: inline-block;
}

.mail-action-btn:hover {
	color: #1f1f1f;
	transition: all 0.3s;
}

.mail-action-btn::before {
	content: '';
	display: block;
	opacity: 0;
	position: absolute;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
	z-index: 0;
	bottom: -2px;
	left: -2px;
	right: -2px;
	top: -2px;
	background: none;
	border-radius: 50%;
	box-sizing: border-box;
	transform: scale(0);
	transition-property: transform, opacity;
}

.mail-action-btn:hover::before {
	background-color: rgba(32, 33, 36, 0.08);
	border: none;
	opacity: 1;
	transform: scale(1);
}

.mail-action-btn:hover::after {
	content: '';
	height: 200%;
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
}

.mail-action-holder .md-checkbox label::before {
	width: 17px !important;
	height: 16px !important;
	top: 2px;
}

.mail-action-holder .md-checkbox input {
	margin-right: 0px;
}

.mail-action-holder .md-checkbox input[type="checkbox"]:checked+label::after {
	top: 6px;
	left: 3px;
}

.mail-action-btn button {
	width: 100%;
	background: transparent;
	border: none;
	height: 100%;
	z-index: 1;
	position: relative;
}

.all-mail-check-holder {
	display: inline-flex !important;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.all-mail-check-holder .md-checkbox {
	z-index: 1;
}

.mail-action-holder {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 5px 0px;
}

.mailbox-folder-navigate-btn {
	display: inline-block;
	width: 16.6666666666666666667%;
	background: #fff;
	transition: all 0.3s;
	float: left;
	color: #737373;
	font-size: 15px;
	text-decoration: none !important;
	position: relative;
}

.mailbox-folder-navigate-btn>a {
	width: 100%;
	padding: 10px 15px;
	display: inline-flex;
	align-content: center;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	transition: all 0.3s;
	color: #737373;
	text-decoration: none;
}

.mailbox-folder-navigate-btn>a:hover {
	background: #f2f2f2;
	transition: all 0.3s;
}

.mailbox-folder-navigate-btn>a>span {
	margin-right: 10px;
	font-size: 18px;
	display: inline-block;
	width: 20px;
	float: left;
}

.mailbox-folder-navigate-btn>a>p {
	display: inline-block;
	width: calc(100% - 30px);
	float: left;
}

.mailbox-folder-navigate-btn>a::before {
	position: absolute;
	content: '';
	width: 95%;
	height: 3px;
	background: #dc3e39;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	bottom: -3px;
	left: 0;
	right: 0;
	margin: 0px auto;
	transition: all 0.3s;
	z-index: -1;
}

ul.extra-folders-ul .mailbox-folder-navigate-btn>a::before {
	height: 0px;
}

.left-mailbox .md-checkbox label {
	margin-bottom: 60px !important;
}

.mailbox-folder-navigate-btn.active>a::before, .mailbox-folder-navigate-btn>a:hover::before {
	bottom: 1px;
	transition: all 0.3s;
	z-index: 0;
}

.mailbox-folder-navigate-btn>a:hover {
	color: #1f1f1f;
	transition: all 0.3s;
}

.mailbox-folder-navigate-btn>a>i {
	margin-left: 5px;
	margin-top: 1px;
}

.extra-folders-ul {
	position: absolute;
	top: 100%;
	left: 0;
	background: #cecece;
	width: 100%;
	display: none;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-mox-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	z-index: 9999;
	overflow: hidden;
}

.extra-folder-item {
	display: table;
	width: 100%;
}

.mailbox-folders-holder {
	margin-top: 15px;
}

.mailbox-list-item a, .mailbox-list-item-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	padding: 0px 10px;
	width: 100%;
	text-decoration: none;
	border: none;
	cursor: pointer;
}

.mailbox-list-item-inner {
	height: 100px;
	align-items: center;
}

p.mail-time {
	line-height: 30px;
}

.mailbox-list-item-inner>.mailbox-list-item-info-holder>.row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.mail-action-btn.disabled::before, .mail-action-btn.disabled::after, .mail-quick-action-holder {
	display: none;
}

.mail-items-counter, .mail-box-nav-holder {
	display: inline-block;
	float: left;
}

.mail-action-holder-right {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
}

.mail-items-counter {
	width: 200px;
	text-align: right;
}

.mail-box-nav-holder {
	padding-left: 15px;
}

.mail-action-btn.disabled button {
	opacity: 0.5;
	cursor: not-allowed;
}

.mailbox-list-item a>div {
	border: none;
}

.mailbox-list-item-inner>.mail-action-holder, .mailbox-list-item a>.mail-action-holder {
	width: 25px;
	display: inline-block;
	float: left;
	padding: 0px;
	border: none;
}

.mailbox-list-item-inner>.mailbox-list-item-info-holder, .mailbox-list-item a>.mailbox-list-item-info-holder {
	width: calc(100% - 25px);
	display: inline-block;
	float: left;
}

.mailbox-list-item-info-holder p {
	font-family: 'robotoregular';
	font-size: 15px;
	color: #585858;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mailbox-list-item {
	background: #f5f7f7;
	border-bottom: solid 1px #e3e8ea;
}

.mail-list-rcvd-time {
	text-align: right;
}

.mailbox-list-item-unread {
	background: #fff;
}

.mailbox-list-item-unread .mailbox-list-item-info-holder p {
	font-family: 'robotobold';
}

.mail-boxes-holder, .mail-boxes-holder [class*="-mailbox"] {
	min-height: calc(100vh - 380px);
	max-height: calc(100vh - 380px);
}

.mail-boxes-holder [class*="-mailbox"] {
	overflow: auto;
}

.mail-boxes-holder {
	border-top: solid 1px #e9e9e9;
}

.mail-preview-holder {
	padding: 20px 0px;
}

.mail-preview-header-holder {
	position: relative;
	display: table;
	padding-bottom: 15px;
	width: 100%;
}

.mail-preview-subject {
	font-size: 21px;
}

.mail-preview-header-left {
	padding-top: 5px;
}

.mail-preview-header-holder::after {
	background: #e9e9e9;
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	left: 0;
	bottom: 0;
}

.mail-preview-sec-header-left>div {
	display: inline-block;
	float: left;
}

.mail-preview-sender-dp-holder {
	width: 30px;
}

.mail-preview-sender-dp-holder>img {
	border-radius: 100%;
}

.mail-preview-sender-info-holder {
	width: calc(100% - 30px);
	padding-left: 8px;
}

.avatar-name>p, .avatar-name>p>a, .mail-quick-info-btn-holder>a {
	font-size: 13px;
	color: #6f6f6f;
}

.avatar-name>p>strong {
	margin-right: 5px;
	color: #363535;
	font-weight: normal;
	font-family: 'robotomedium';
	font-size: 15px;
}

.mail-preview-sec-header-holder {
	padding: 10px 0px;
}

.mail-preview-mail-rcvd-time {
	color: #6f6f6f;
	font-size: 11px;
}

.mail-preview-sec-header-right {
	padding-left: 0px;
	text-align: right;
}

.mail-preview-body p {
	font-size: 14px;
	color: #575757;
	line-height: 1.5;
	margin-bottom: 15px;
}

.mail-preview-body {
	padding-top: 5px;
	padding-bottom: 10px;
}

.mail-preview-footer-btn {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: #757575;
	border-color: #dadce0 !important;
	margin-right: 5px;
}

.mail-preview-footer-btn:last-child {
	margin-right: 0px;
}

.mail-preview-footer-btn>i {
	margin-right: 7px;
}

.avatar-name>p>a, .mail-quick-info-btn-holder>a {
	margin-left: 5px;
}

.avatar-name>p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 0px;
	display: inline-block;
	float: left;
}

.mail-short-info-holder {
	position: absolute;
	background: #fff;
	z-index: 2;
	width: 100%;
	left: 0;
	top: 100%;
	min-width: 320px;
	max-width: 320px;
	padding: 15px 10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-mox-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	display: none;
}

.mail-quick-info-btn-holder {
	position: relative;
	width: auto;
	display: inline-block;
	float: left;
}

.mail-short-info-item-col>p {
	font-size: 13px;
	color: #424242;
	line-height: 1.5;
}

.mail-short-info-item-left>p {
	color: rgb(135, 135, 135);
}

.mail-short-info-item {
	margin: 5px 0px;
}

.mailbox-list-item.active {
	background: #d2e3fc;
}

.mail-action-btn .extra-folders-ul {
	min-width: 200px;
	max-width: 200px;
	max-height: 250px;
	overflow: auto;
}

.mail-preview-header-col .mail-action-btn .extra-folders-ul {
	right: 0;
	left: unset;
}

.mail-quick-action-holder .mail-action-btn span {
	font-size: 15px;
}

.mail-quick-action-holder .mail-action-btn {
	width: 30px;
	height: 30px;
}

.left-mailbox {
	z-index: 0;
}

p.email-item-u-name {
	font-size: 18px;
}

/*======================= DASHBOARD TOP RIGHT PART COLOR GRADIENT STYLE CSS =======================*/

.red-1 .crm-service-stats-col-left {
	background: #B4110C;
}

.red-2 .crm-service-stats-col-left {
	background: #C92722;
}

.red-3 .crm-service-stats-col-left {
	background: #D42722;
}

.red-4 .crm-service-stats-col-left {
	background: #C9221C;
}

.red-5 .crm-service-stats-col-left {
	background: #D1342E;
}

.red-6 .crm-service-stats-col-left {
	background: #D43C36;
}

.red-7 .crm-service-stats-col-left {
	background: #D4322D;
}

.red-8 .crm-service-stats-col-left {
	background: #D83B36;
}

.red-9 .crm-service-stats-col-left {
	background: #E34A45;
}

.red-10 .crm-service-stats-col-left {
	background: #DE413C;
}

.red-11 .crm-service-stats-col-left {
	background: #F24A45;
}

.red-12 .crm-service-stats-col-left {
	background: #F65651;
}

.red-13 .crm-service-stats-col-left {
	background: #E75752;
}

.red-14 .crm-service-stats-col-left {
	background: #FC5C57;
}

.red-15 .crm-service-stats-col-left {
	background: #FF6E69;
}

.crm-services-stats-col .right-bo, .crm-services-stats-col .left-bo, .crm-services-stats-col .bottom-bo, .crm-services-stats-col .top-bo {
	display: none;
}

[class*="red-"] .content-inner-holder {
	box-shadow: none;
}

.red-1 .content-inner-holder {
	border: solid 1px #B4110C;
}

.red-2 .content-inner-holder {
	border: solid 1px #C92722;
}

.red-3 .content-inner-holder {
	border: solid 1px #D42722;
}

.red-4 .content-inner-holder {
	border: solid 1px#C9221C;
}

.red-5 .content-inner-holder {
	border: solid 1px #D1342E;
}

.red-6 .content-inner-holder {
	border: solid 1px #D43C36;
}

.red-7 .content-inner-holder {
	border: solid 1px#D4322D;
}

.red-8 .content-inner-holder {
	border: solid 1px #D83B36;
}

.red-9 .content-inner-holder {
	border: solid 1px #E34A45;
}

.red-10 .content-inner-holder {
	border: solid 1px #DE413C;
}

.red-11 .content-inner-holder {
	border: solid 1px #F24A45;
}

.red-12 .content-inner-holder {
	border: solid 1px #F65651;
}

.red-13 .content-inner-holder {
	border: solid 1px #E75752;
}

.red-14 .content-inner-holder {
	border: solid 1px #FC5C57;
}

.red-15 .content-inner-holder {
	border: solid 1px #FF6E69;
}

.notification-prompt-icon {
	background-color: #e44a4a;
	padding: 3px 5px;
	border-radius: 3px;
	float: left;
}

.notification-prompt-leadstatus {
	line-height: 20px;
	display: block;
	float: left;
	padding-left: 10px;
}

.notification-prompt-leadstatus span {
	font-weight: normal;
	font-size: 12px;
	opacity: 0.6;
}

.email-notification .notification-prompt-leadcontent {
	padding-left: 45px;
}

.notification-prompt-leadcontent {
	padding-left: 30px;
	display: block;
}

.notification-prompt-leadcontent label {
	font-weight: 600;
	opacity: 0.8;
}

a.notification-prompt-leadaction {
	margin-left: 0px;
	padding-left: 0px;
}

.email-notification .button-set {
	margin-left: 45px;
}

.button-set {
	border-top: 1px solid rgba(0, 0, 0, 0.20);
	margin-left: 30px;
	margin-top: 10px;
	padding-top: 5px;
}

.custom-notification-theme {
	background-color: #fff;
	border: 1px solid #ff1717;
	border-width: 1px 1px 3px 1px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.43);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.43);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.43);
}

.text-color-skyblue {
	color: #17a2b8 !important;
}

.text-color-green {
	color: #28a745 !important;
}

.text-color-red {
	color: #dc3545 !important;
}

/*======================================================================
				CUSTOM TOOLTIP CSS
======================================================================*/

.custom-perspective {
	/*-webkit-perspective: 150px;
perspective: 150px;*/
}

@-webkit-keyframes customtooltipanimation {
	from {
		left: 0px;
	}
	to {
		left: 100%;
	}
}

@keyframes customtooltipanimation {
	from {
		opacity: 0;
		transform: translate(0px, -4px);
	}
	to {
		opacity: 1;
		transform: translate(10px, -4px);
	}
}

.custom-tootlip-class {
	padding: 10px;
	border-radius: 5px;
	background: #555555;
	color: #fff;
	font-size: 15px;
	max-width: 400px;
	position: absolute;
	top: 0;
	left: 100px;
	transform: translate(10px, -4px);
	animation-name: customtooltipanimation;
	animation-duration: 0.4s;
	animation-iteration-count: 1;
}

.tippy-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-right: 7px solid #555555;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	left: -7px;
	margin: 3px 0;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.custom-tootlip-success-class {
	background: #1c9f22;
}

.custom-tootlip-success-class .tippy-arrow {
	border-right-color: #1c9f22;
}

.custom-tootlip-error-class {
	background: #d9534f;
}

.custom-tootlip-error-class .tippy-arrow {
	border-right-color: #d9534f;
}

[data-balloon]::after {
	font-size: 13px !important;
	padding: 3px 10px;
	font-family: 'robotoregular' !important;
}

.tooltip-success[data-balloon]::after, .tooltip-error[data-balloon]::after {
	font-size: 15px !important;
	padding: 5px 15px;
	font-family: 'robotoregular' !important;
}

[data-balloon][data-balloon-pos="right"]::before {
	background: none !important;
	border-right: 7px solid #555555;
	border-right-color: rgb(85, 85, 85);
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	right: 0px;
	position: absolute;
	width: 0px !important;
	height: 0px !important;
}

[data-balloon][data-balloon-pos="down"]::before {
	background: none !important;
	border-right: 7px solid #555555;
	border-right-color: rgb(85, 85, 85);
	border-top: 7px solid transparent;
	border-bottom: 6px solid transparent;
	right: 0px;
	position: absolute;
	width: 0px !important;
	height: 0px !important;
	transform: rotate(90deg) !important;
	top: unset;
	right: 0 !important;
	margin-right: auto;
	left: 0;
	margin-left: auto;
	bottom: -15px;
}

.tooltip-success[data-balloon]::after {
	background: #1c9f22;
}

.tooltip-success[data-balloon]::before {
	border-right-color: #1c9f22;
}

.tooltip-error[data-balloon]::after {
	background: #d9534f;
}

.tooltip-error[data-balloon]::before {
	border-right-color: #d9534f;
}

.email-search-holder-right {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
}

.d-flex-start {
	justify-content: flex-start;
}

.new-mail-btn>i {
	margin-right: 5px;
}

.new-mail-btn {
	font-family: 'robotomedium';
}

/*======================================================================
				EMAIL TEMPLATES PAGE CSS
======================================================================*/

.email-template-col-inner {
	background: #fff;
	position: relative;
	cursor: pointer;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
	border-bottom: 1px solid #c4c4c4;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-top: 1px solid #d3d3d3;
}

.email-template-image-col {
	width: 100%;
	height: 250px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	position: relative;
	text-align: center;
	background: #fff;
}

.email-templates-holders {
	padding: 7.5px 0px 107px 0px;
}

.email-template-title {
	margin: 0px;
	font-family: 'robotomedium';
	font-size: 15px;
	text-transform: capitalize;
	font-weight: normal;
	color: #484848;
}

.email-template-title {
	margin: 0px;
	font-family: 'robotomedium';
	font-size: 15px;
	text-transform: capitalize;
	font-weight: normal;
	color: #484848;
	display: inline-block;
	width: calc(100% - 30px);
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.email-template-option-opener-holder {
	color: #484848;
	float: left;
	display: inline-block;
	width: 30px;
	text-align: right;
	position: relative;
}

.email-template-option-opener {
	opacity: 0.5;
	transition: all 0.3s;
	color: #484848;
	width: 100%;
	display: table;
	text-align: right;
}

.email-template-option-opener.active, .email-template-option-opener:hover {
	opacity: 1;
	transition: all 0.3s;
}

.email-template-image-col>img {
	transform: scale(1.02);
}

.email-template-info-col {
	background: #f8f8f8;
	padding: 10px;
	border-top: 1px solid #e2e2e2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.email-template-more-action-holder {
	position: absolute;
	z-index: 3;
	min-width: 180px;
	text-align: left;
	right: -180%;
	background: #fafafa;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	max-width: 250px;
}

.email-template-more-action-item>a {
	transition: all 0.3s;
	width: 100%;
	font-size: 14px;
	color: #595959;
	padding: 9px 15px;
	display: table;
	text-decoration: none;
	flex-wrap: wrap;
	display: flex;
	align-items: center;
}

.email-template-more-action-item>a>i {
	display: inline-block;
	float: left;
	margin-right: 5px;
	width: 20px;
}

.email-template-more-action-item>a>.email-more-action-linkinfo {
	display: inline-block;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% - 25px);
}

.email-template-more-action-item>a:hover {
	background: #eaeaea;
}

.email-template-more-action-holder {
	display: none;
}

.email-template-option-opener.active i {
	transition: all 0.3s;
	transform: rotate(180deg);
}

.email-template-option-opener i {
	transition: all 0.3s;
	color: #484848;
}

.email-template-col {
	margin: 7.5px 0px;
}

.email-templates-holders {
	padding: 7.5px;
}

.email-templates-page .content-inner-holder {
	overflow: visible
}

.contact-email-holder, .contact-number-holder, .contact-address-holder {
	overflow: hidden;
	word-wrap: break-word;
}

/*======================================================================
				CONTACT PAGE CSS
======================================================================*/

.contact-list-item {
	position: relative;
	align-items: center;
}

.contact-sort-initial-holder {
	width: 30px;
	text-align: center;
	display: inline-block;
	float: left;
	transition: all 0.3s;
}

.contact-list-item-infos-holder {
	width: calc(100% - 30px);
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	transition: all 0.3s;
}

.contact-img-holder {
	width: 50px;
}

.contact-img-holder>img {
	max-width: 100%;
	height: auto;
	border-radius: 100%;
}

.contact-action-holder {
	width: calc(16.66666667% - 35px);
}

.contact-sort-initial {
	margin: 0;
	font-size: 18px;
	font-family: 'robotomedium';
	color: #2a56c6;
}

.contact-name-display {
	font-family: 'robotobold';
}

.contact-list-item-infos-holder {
	transition: all 0.3s;
	cursor: pointer;
	padding: 10px 10px;
}

.contact-list-item-infos-holder:hover {
	transition: all 0.3s;
	background: #eaeaea;
}

.contact-email-display a {
	color: #333;
}

.contact-action-holder .mail-action-btn:hover::before {
	transform: scale(0.9);
}

.contact-img-holder .md-checkbox {
	display: none;
	width: auto;
	margin: 7px auto 8px auto !important;
	float: none;
}

.contact-img-holder .md-checkbox>input {
	margin: 0px;
}

.contact-img-holder .md-checkbox>label::before {
	width: 17px !important;
	height: 17px !important;
}

.contact-img-holder .md-checkbox input[type="checkbox"]:checked+label::after {
	top: 4px;
	left: 3px;
}

.contact-list-item-infos-holder:hover .contact-img-holder .md-checkbox {
	display: table;
	transition: all 0.3s;
}

.contact-list-item-infos-holder:hover .contact-img-holder .contact-img-display {
	display: none;
	transition: all 0.3s;
}

.contact-row:hover .contact-img-holder .md-checkbox {
	display: table;
	transition: all 0.3s;
}

.contact-row:hover .contact-img-holder .contact-img-display {
	display: none;
	transition: all 0.3s;
}

/*.contact-row td form{ display: none; transition: all 0.3s; }*/

/*.contact-row:hover td form { display: table; transition: all 0.3s; }*/

.table>thead>tr.contact-row>th, .table>tbody>tr.contact-row>th, .table>tfoot>tr.contact-row>th, .table>thead>tr.contact-row>td, .table>tbody>tr.contact-row>td, .table>tfoot>tr.contact-row>td {
	border: 0px !important;
}

.contact-list-holder {
	padding: 10px 10px 30px 10px;
}

.add-event-short-btn {
	position: fixed;
	background: #dd5454;
	color: #fff !important;
	border-radius: 100%;
	padding: 10px;
	width: 50px;
	height: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	bottom: 30px;
	right: 90px;
	text-decoration: none !important;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
	z-index: 2;
}

.btn-cntct-showmore>i, .btn-cntct-showless>i {
	margin-left: 5px;
}

.modal {
	padding: 0px !important;
}

.contacts-tbl {
	border-bottom: 0px !important;
}

.contacts-tbl tr td .SumoSelect {
	width: 175px;
	background-color: transparent;
}

.contacts-tbl tr td>.select-default .SumoSelect .CaptionCont {
	background-color: #cccccc;
}

.contacts-tbl tr td>.select-primary .SumoSelect .CaptionCont {
	background-color: #337ab7;
}

.contacts-tbl tr td>.select-success .SumoSelect .CaptionCont {
	background-color: #5cb85c;
}

.contacts-tbl tr td>.select-info .SumoSelect .CaptionCont {
	background-color: #5bc0de;
}

.contacts-tbl tr td>.select-warning .SumoSelect .CaptionCont {
	background-color: #f0ad4e;
}

.contacts-tbl tr td>.select-danger .SumoSelect .CaptionCont {
	background-color: #d9534f;
}

.contacts-tbl tr td .SumoSelect>.CaptionCont {
	padding: 8px 15px 8px 15px;
	border-radius: 50px;
}

.contacts-tbl tr td .SumoSelect>.CaptionCont>span {
	padding-top: 0px;
}

.contacts-tbl tr td .SumoSelect>.optWrapper>.options {
	max-height: 155px;
}

.gv-container div.dataTables_scrollBody {
	background: none !important;
}

.overflow-visible {
	overflow: visible;
}

/*======================================================================
					CALENDAR PAGE CSS
======================================================================*/

#calendar {
	max-width: 100%;
	margin: 0 auto;
	width: 100%;
}

.fc-header-toolbar {
	padding: 15px;
}

.fc-button {
	background: #f5f5f5;
	border: none;
	box-shadow: none;
	font-size: 14px !important;
	text-transform: uppercase;
	border-radius: 2px !important;
	padding: 0px 15px !important;
}

.fc-today-button.fc-button {
	font-family: 'robotomedium';
	transition: all 0.3s;
}

.fc-state-active, .fc-today-button.fc-button.fc-state-disabled, .fc-today-button.fc-button:hover {
	background: #E7E7E7;
	transition: all 0.3s;
}

.fc-prev-button.fc-button, .fc-next-button.fc-button {
	background: transparent;
	padding: 0px !important;
	margin: 0px 5px;
}

.fc-button>span.fc-icon {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	margin: 0px;
	padding: 0px 5px !important;
	transition: all 0.3s;
}

.fc-button>span.fc-icon::after {
	top: -1px;
}

.fc-button:hover>span.fc-icon {
	background: #e7e7e7;
	transition: all 0.3s;
}

.fc-toolbar .fc-left h2 {
	font-size: 19px;
	color: #767676;
}

.fc-toolbar .fc-left {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
}

.fc-right .fc-button {
	margin: 0px 3px;
}

.fc-day-number {
	float: left !important;
	color: #212121;
	margin-top: 5px;
	margin-left: 5px;
}

.fc-day-header>span {
	float: left;
	padding-left: 6px;
}

.fc-month-view .fc-today>a {
	background: #4285f4;
	border-radius: 100%;
	color: #fff;
	padding: 0px !important;
	width: 25px;
	height: 25px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	font-size: 13px;
}

.fc-day.fc-today.fc-state-highlight {
	background: #ececec;
}

.fc-day-header>a {
	color: #333;
}

.fc-basicDay-view .fc-day-header.fc-today>span, .fc-today.fc-day-header>a {
	color: #4285f4;
}

.fc-event, .fc-event-dot {
	background-color: #0b8043;
}

.fc-event {
	border-color: #0b8043;
	border-radius: 0px;
	padding: 2px 5px;
}

.ui-datepicker {
	width: 100%;
}

.ui-widget-header {
	background: none;
	border: none;
}

.ui-corner-all {
	border: none !important;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px !important;
	cursor: pointer;
	transition: unset !important;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px !important;
	cursor: pointer;
	transition: unset !important;
}

.ui-state-hover .ui-icon-circle-triangle-w {
	background-position: -80px -191px;
}

.ui-state-hover .ui-icon-circle-triangle-e {
	background-position: -48px -191px;
}

.ui-datepicker-title {
	font-size: 14px;
	color: #767676;
}

.ui-datepicker-calendar .ui-state-default {
	background: none;
	border: none;
	text-align: center;
}

.ui-datepicker td {
	height: 33px;
}

.ui-datepicker-calendar .ui-state-default {
	border: none;
	text-align: center;
	display: flex;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	align-content: center;
	align-items: center;
	justify-content: center;
	margin: auto;
	font-size: 12px;
}

.ui-datepicker-calendar .ui-state-default.ui-state-hover, .ui-datepicker-calendar .ui-state-default.ui-state-active {
	background: #e0e0e0;
	color: #454545;
}

.ui-datepicker-calendar .ui-state-default.ui-state-highlight {
	background: #4285f4;
	color: #fff;
}

.user-calendars-section {
	padding: 15px;
}

.user-calendars-section>h6 {
	font-size: 16px;
	font-weight: 600;
	border-bottom: solid 1px #bfbfbf;
	padding-bottom: 7px;
}

.user-calendars-section .md-checkbox label::before {
	width: 15px !important;
	height: 15px !important;
	top: 4px;
}

.user-calendars-section .md-checkbox input[type="checkbox"]:checked+label::after {
	top: 8px;
	left: 3px;
	width: 9px;
	height: 5px;
}

.user-calendars-section .md-checkbox input[type="checkbox"] {
	outline: 0;
	margin-right: 5px;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
	z-index: 2;
}

/*===========================================================
				LOGIN PAGE
===========================================================*/

.container-center {
	width: 100%;
	display: table;
	max-width: 350px;
	margin: auto;
	float: none;
}

.has-login-signup-boxes {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
	background: url(../images/login-back.jpg) no-repeat center center / 1920px;
}

.has-login-signup-boxes .panel {
	border: none;
	border-radius: 5px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.8);
}

.has-login-signup-boxes .panel-heading {
	/*background: #202020;*/
	color: #fff;
}

.has-login-signup-boxes .panel-heading .header-title h3 {
	font-size: 23px;
	line-height: 1;
	margin-bottom: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
}

.has-login-signup-boxes .panel-heading .header-title small>strong {
	font-size: 12px;
	font-weight: normal;
	color: #ececec;
}

.has-login-signup-boxes .panel-body form input {
	background: #f0f0f0;
	border-radius: 3px;
	overflow: hidden;
}

.has-login-signup-boxes .panel-body form label {
	font-size: 15px;
	line-height: 1;
	margin-bottom: 10px;
	text-decoration: underline;
}

.panel-login-logo {
	max-width: 150px;
	float: none;
	display: table;
	margin: 15px auto 15px auto;
}

.has-login-signup-boxes .panel-body form input {
	padding-right: 5px;
	overflow: hidden;
	padding-left: 42.5px;
}

.has-login-signup-boxes .form-control-feedback {
	left: 0;
	right: unset;
	background: #d8d8d8;
	height: 36px;
}

.form-group.has-feedback .has-feedback-inner {
	border-radius: 3px;
	position: relative;
	overflow: hidden;
}

.has-login-signup-boxes .help-block {
	color: #c5c5c5;
}

.has-login-signup-boxes button.btn-login {
	color: #ffffff !important;
}

/*===========================================================
				CHAT PAGE
===========================================================*/

.chat-contacts-tabs {}

.chat-contacts-tabs li {
	width: 50%;
	text-align: center;
}

.chat-contacts-tabs li a {
	border-radius: 0px;
}

.chat-contacts-tabs>li.active>a, .chat-contacts-tabs>li.active>a:hover, .chat-contacts-tabs>li.active>a:focus {
	background-color: rgba(217, 83, 79, 0.15);
	color: #d5110b;
	border-bottom: 2px solid #d9534f;
}

.chat-contacts-tabs>li>a, .chat-contacts-tabs>li>a:hover, .chat-contacts-tabs>li>a:focus {
	color: #000;
}

.custome-cell-height>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	vertical-align: middle;
}

.messages-tabs-content .text-note {
	padding: 15px 20px;
	background-color: rgba(217, 83, 79, 0.15);
	border: 1px solid rgba(217, 83, 79, 0.25);
	;
	color: #d5110b;
}

.messages-tabs {
	border-bottom: 1px solid #d9534f;
}

.messages-tabs>li.active>a, .messages-tabs>li.active>a:hover, .messages-tabs>li.active>a:focus {
	background-color: #d9534f;
	color: #fff;
	border-color: #d9534f;
}

.messages-tabs>li>a, .messages-tabs>li>a:hover, .messages-tabs>li>a:focus {
	color: #000;
}

a.back-btn {
	color: #d5110b;
	background-color: rgba(217, 83, 79, 0.15);
}

.schedule-section {
	display: none;
}

.schedule-email-action {
	margin-top: 10px !important;
}

.btn-bs-file {
	position: relative;
}

.btn-bs-file input[type="file"] {
	position: absolute;
	top: -9999999;
	filter: alpha(opacity=0);
	opacity: 0;
	width: 0;
	height: 0;
	outline: none;
	cursor: inherit;
	display: none !important;
}

/*===========================================================
				DISCLOSURE FORM PAGE
===========================================================*/

.radio-opts .radio-opt, .checkbox-opts .checkbox-opt {
	padding: 5px 0px;
}

.radio-opts label {
	position: relative;
}

.radio-opts [type="radio"]:checked, .radio-opts [type="radio"]:not(:checked) {
	left: 20px;
	position: absolute;
	top: -1px;
}

.checkbox-opts-1 input[type="checkbox"] {
	margin-top: -8px;
}

.add-dtls-form input[type="checkbox"] {
	padding: 5px 0px;
}

.disclosed-section {
	border: 3px solid #00b8f1;
	background-color: #c5effc;
	padding: 0px 10px;
}

.disclosed-section .signature-box {
	border: 3px solid #00b8f1;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}

p.signature-note {
	font-size: 13px;
}

h4.inner-title {
	color: #00b8f1;
	font-weight: normal;
	font-size: 14px;
}

.bg-skyblue {
	background-color: #e2f7fd;
}

.text-field-with-bg {
	padding-top: 12px;
}

.section-with-bg {
	padding: 10px 0px;
	border-top: 1px solid #1fc0f3;
	border-bottom: 1px solid #1fc0f3;
}

ul.head-opts li {
	font-weight: normal !important;
}

/*.....................................contact in latter...................*/

.ln-letters {
	border: solid 1px #d8d8d8;
}

.ln-letters>a {
	display: inline-table;
	font-size: 12px;
	color: #818181;
	background: #fff;
	border-right: solid 2px #d8d8d8;
	transition: all 0.3s;
	float: left;
	padding: 4px 5px;
	margin: 0px;
	text-align: center;
}

.ln-letters>a:hover, .ln-letters>a.active, .ln-letters>a.ln-selected {
	background: #dd5454;
	color: #fff;
	transition: all 0.3s;
}

.pt-15 {
	padding-top: 15px;
}

.loading-button h4 {
	font-size: 14px;
}

.loading-button {
	box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.5);
	background: #d9534f;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	display: table;
	font-size: 12px;
	padding: 2px 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
}

/*...........................used-inventory-page..................................*/

.inventory-car-inner-content h5 {
	font-family: 'robotobold';
}

.inventory-car-inner-content h5>span {
	font-family: 'robotoregular';
}

.inventory-car-inner-content .color-red {
	color: #d5110b;
	font-size: 16px;
}

.used-inverntory-box {
	border: 1px solid #ddd;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.carproof-image {
	padding: 8px;
}

.inventory-car-inner-content .btn {
	border-radius: 0;
	margin: 5px;
	padding: 8px 12px;
	background: #e9e9e9;
}

.used-inverntory-box .col-lg-2 {
	padding: 0;
}

.used-inverntory-box .col-lg-1 {
	padding-left: 0;
}

.used-inverntory-box .action {
	max-width: 110px;
}

.used-inverntory-box .inventory-image {
	width: 110px;
}

.inventory-center-content {
	padding: 0 7.5px;
	width: calc(25% - 55px);
}

.inverntory-filter {
	float: right;
}

.used-inverntory-box:hover {
	background: #f5f5f5;
}

.page-inner-title {
	padding: 0px 0 15px;
	font-family: 'robotobold';
	font-size: 17px;
}

/*...........................used-inventory-detail..................................*/

.upload-vehicle-image-box {
	position: relative;
}

.cancle-upload-image-button {
	position: absolute;
	top: 0;
	right: 0;
	background: #dd5454;
	border: 1px solid #dd5454;
	padding: 0 6px 2px;
	color: #fff;
}

.tooltip-success input[type="file"] {
	display: none;
}

.for-loan-apply {
	background: #eee;
	padding: 15px;
	border-radius: 5px;
	margin-top: 20px;
}

/*...........................used-inventory-page-media-query..................................*/

@media (max-width:1250px) {
	.inventory-center-content, .used-inverntory-box .action, .used-inverntory-box .inventory-image {
		width: 25%;
	}
	.use-inventory-mobile-display-none {
		display: none;
	}
}

@media (max-width:767px) {
	.use-inventory-mobile-display-none {
		display: none;
	}
	.inventory-center-content, .used-inverntory-box .action, .used-inverntory-box .inventory-image {
		width: 50%;
	}
	.carproof-image {
		margin: 0 auto;
	}
	.use-inventory-small-mobile-display-none {
		display: none;
	}
	.inverntory-filter {
		float: none;
	}
	.used-inverntory-box .action {
		margin: 0 auto;
	}
}

/*...........................//used-inventory-page end..................................*/

/*================================================
			SEND CREATIVE PAGE
=================================================*/

.template-button {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	min-height: 500px;
}

@-webkit-keyframes pulse1 {
	to {
		box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
	}
}

@keyframes pulse1 {
	to {
		box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
	}
}

.pulse-button {
	position: relative;
	width: 150px;
	height: 150px;
	border: none;
	box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
	border-radius: 50%;
	background-color: #dd5454;
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-animation: pulse1 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse1 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse1 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse1 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	text-transform: uppercase;
	font-weight: 600;
	line-height: 30px;
	font-size: 18px;
	margin: auto;
}

.border-1-grey {
	border: solid 1px #EAEAEA;
}

.widget-inner-col {
	background: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
	padding: 15px;
}

.widget-title-holder {
	padding: 15px;
	background: #eaeaea;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.widget-content-holder>.widget-content-holder {
	padding: 15px;
}

.widget-title-holder * {
	color: #202020;
	font-size: 17px;
	line-height: 1.3;
	font-family: 'robotomedium';
}

.add-dtls-form .control-label {
	font-size: 16px;
	color: #2f2f2f;
}

.p-t-10 {
	padding-top: 10px;
}

.template-lyouts-thumb-img-holder {
	width: 100%;
	height: 250px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	position: relative;
	text-align: center;
	background: #fff;
	border: solid 1px #ddd;
}

.template-lyouts-thumb-sub:hover .template-lyouts-thumb-img-holder>img {
	transform: scale(1.1);
	transition: all 0.3s;
}

.template-lyouts-thumbs-holder {
	background: #fff;
	padding: 15px 0px;
}

.template-lyouts-thumb-img-holder img:not(.media-preview), .template-lyouts-thumb-img-holder a {
	/*display: inline-block; width: 100%; max-width: 100%; height: auto;*/
	display: inline-block;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}

.template-lyouts-thumb {
	margin: 0px 0px 15px 0px;
}

.template-title {
	padding: 5px 10px;
	font-size: 15px;
	color: #c64d4d;
	/* font-weight: 600; */
	text-align: center;
	margin: 0px;
}

/*FILTER SLIDING SECTION*/

.message {
	background: #ffffff;
	color: #000;
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	padding: 20px;
	transition: top 1500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	overflow: hidden;
	box-sizing: border-box;
	z-index: 1;
}

#toggle:checked~.message {
	top: 0%;
	transition: top 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	-webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.15);
}

.message h4 {
	font-weight: bold;
	font-size: 14px;
	font-weight: bold;
}

.message h4 span {
	font-weight: normal;
	opacity: 0.5;
}

#toggle {
	position: absolute;
	appearance: none;
	cursor: pointer;
	left: -100%;
	top: -100%;
}

#toggle+label {
	position: absolute;
	cursor: pointer;
	padding: 10px;
	border-radius: 3px;
	padding: 8px 25px 8px 35px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	transition: all 500ms ease;
	top: 0px;
	left: calc(50% - 55px);
	margin: 0px auto;
	border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	font-size: 16px;
	z-index: 2;
}

#toggle+label:before {
	content: "\f0b0";
	position: absolute;
	font-family: "FontAwesome";
	top: 7px;
	left: 14px;
}

#toggle+label:after {
	content: "Filter"
}

#toggle:checked~#toggle+label {
	top: 275px;
}

#toggle:checked+label {
	background: #dd6149;
	z-index: 2;
}

#toggle:checked+label:before {
	content: "\f00d";
	font-family: "FontAwesome";
	position: absolute;
	top: 7px;
	left: 14px;
}

#toggle:checked+label:after {
	content: "Close";
}

.filter-more-options {
	margin-top: 15px;
}

a.show-more-opts {
	display: block;
	padding: 5px;
}

/*FILTER SLIDING SECTION*/

.inventory-dispaly {}

.inventory-dispaly .form-group {
	border-right: 1px solid #ccc;
	margin-bottom: 15px;
	background: #f5f5f5;
	padding: 10px;
}

.btn-custome-align {
	line-height: 0 !important;
	padding: 15px 18px;
}

.new-inventory-dispaly label {
	font-size: 16px;
	color: #2f2f2f;
}

.new-inventory-dispaly p {
	color: rgb(51, 51, 51);
	font-size: 14px;
}

.build-statistics {
	margin: 10px;
}

.build-statistics .item-statistics {
	margin-top: 30px;
}

.build-statistics .item-statistics .item-lbl {
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 1px;
}

.build-statistics .item-statistics .item-lbl span {
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: 0px;
	opacity: 0.8;
	margin-top: 6px;
}

.build-statistics .item-statistics .item-value {
	font-size: 1.4rem;
	font-weight: bold;
}

.total-section .item-lbl {
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 1px;
}

.total-section {
	background-color: rgba(0, 0, 0, 0.1);
	padding: 10px 20px;
	border-radius: 50px;
}

.total-section .item-value {
	color: rgb(213, 17, 11);
	font-size: 1.4rem;
	font-weight: bold;
}

.tbl-filter th {
	background: rgb(213, 17, 11, 0.6) !important;
}

.cusome-filter-btn {
	padding-top: 7px;
	padding-bottom: 7px;
}

.filter-quick-opts .SumoSelect>.CaptionCont>span {
	padding-top: 2px;
	padding-bottom: 2px;
}

input.daterange-picker {
	border: 1px solid #ccc;
	height: 36px;
}

/*E SIGNATURE SCECTION*/

a.signature-link {
	color: #000;
	text-decoration: none;
}

.signature-section {}

.signature-section-head {
	background-color: #f4f3f3;
	padding-left: 10px;
}

.signature-section-head span {
	display: block;
	line-height: 46px;
	font-size: 16px;
	color: #2f2f2f;
	font-weight: 600;
	opacity: 0.7;
}

a.btn-clear-signature {
	color: #dc3e39;
}

.signature-date {
	opacity: 0.6;
	line-height: 34px;
}

span.signature-indicator {
	display: block;
	opacity: 1;
	background-color: #dc3e39;
	color: #fff;
	padding: 10px 15px;
	line-height: 25px;
}

.signature-section-content {
	border-bottom: 1px dashed #000;
}

.signature-section-footer {
	padding: 15px 0px 10px 0px;
}

/*E SIGNATURE SCECTION*/

/*............................contact-group page...............................*/

#deal-build-rqst, #deal-build-list {
	padding: 15px 0;
}

.contact-number-display {
	background: #d13333;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	height: 25px;
	width: 25px;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.1;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(31, 31, 31, 0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(31, 31, 31, 0.2);
	box-shadow: 0px 0px 7px 0px rgba(31, 31, 31, 0.5);
	margin: 0 auto;
}

.contacts-group-page>thead>tr>th {
	border: none !important;
	font-size: 15px;
	background: #eaeaea;
	padding: 11px 8px;
	vertical-align: middle;
}

.contact-group-page .page-content-inner-container {
	height: calc(100% - 50px);
}

.contact-group-page .page-content-inner-container .content-row {
	max-height: calc(100% - 25px);
	display: block;
	width: 100%;
	overflow: hidden;
	height: 100%;
}

.contact-group-page .tab-pane-inner-holder {
	height: calc(100% - 30px);
}

.contact-group-page .tabs-holder {
	height: calc(100% - 50px);
	overflow: hidden;
}

.contact-group-page .tab-content {
	height: calc(100% - 54px);
}

.contact-group-page .content-tabs-holder, .contact-group-page .page-content-inner-container .content-row .content-holder, .contact-group-page .ajax-content-area, .contact-group-page .ajax-content-area>div, .contact-group-page .ajax-content-area>div>.mCustomScrollBox>.mCSB_container, .contact-group-page .tab-content .tab-pane {
	height: 100%;
}

/* Lease Client and Cash Client [neel] */

.bold {
	font-weight: bold;
}

.nopadding {
	padding: 0px !important;
	margin: 0px !important;
}

.italic {
	font-style: italic;
}

.sep {
	margin: 10px 0px;
}

.sep1 {
	margin-top: 5px;
}

.sep2 {
	margin-top: 20px;
}

.margintopnone {
	margin-top: 0px;
}

.f16 {
	font-size: 16px;
}

.red {
	color: #d5110b;
}

.row-no-padding>[class*="col-"] {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.row-no-padding1 {
	margin-left: -2px;
	margin-right: -2px;
}

.row-no-padding1>[class*="col-"] {
	padding-left: 2px !important;
	padding-right: 2px !important;
}

.MyFormOne {}

.MyFormBoxOne {
	margin-bottom: 15px;
}

.MyFormBoxOne h3 {
	background: #D4322D;
	font-family: 'robotomedium';
	color: #fff;
	padding: 10px 18px;
	margin: 0px;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 500;
	border-radius: 3px 3px 0px 0px;
}

.MyFormBoxDataOne {
	padding: 8px 15px 15px 15px;
	border: solid 1px #cccccc;
	border-top: 0px;
	border-radius: 0px 0px 3px 3px;
}

.MyFormBoxDataOne .form-group {
	margin-bottom: 0px;
}

/*.MyFormBoxDataOne .form-control{ font-size: 12px; height: 30px; }*/

.MyFormCheckbox .checkbox-inline input[type="checkbox"] {
	margin-top: 2px;
}

.MyFormBoxDataOne .labtextOne {
	font-size: 18px;
	padding-top: 3px;
}

.MyFormBoxOne .panel {
	margin-bottom: 15px;
	box-shadow: none;
}

.MyFormBoxOne .panel-default {
	border: solid 1px #cccccc;
}

.MyFormBoxOne .form-control {
	font-size: 12px;
	height: 30px;
}

.MyFormBoxOne .panelTwo {}

.MyFormBoxOne .panelTwo .list-group-item {
	padding: 5px 15px;
}

.MyFormBoxOne .panelTwo .list-group-item label {
	padding-top: 6px;
}

.MyFormBoxOne .panel-heading {
	background: #D4322D;
	font-family: 'robotomedium';
	color: #fff;
	padding: 10px 18px;
	margin: 0px;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 500;
	border-radius: 3px 3px 0px 0px;
	margin: -1px -1px 0px -1px;
}

.MyFormBoxOne .input-group-addon {
	border-radius: 0px;
}

.listDataTitle {
	padding-bottom: 5px;
	min-height: 50px;
}

.listDataTitle .small {
	font-size: 12px;
}

.labtSpace {
	padding-top: 15px;
	padding-bottom: 10px;
}

.frmsepLine {
	clear: both;
	border-bottom: solid 1px #cccccc;
}

.frmsepLineTwo {
	clear: both;
	border-bottom: solid 1px #cccccc;
	margin: 10px 0px;
}

.MyFormBoxOne .leaseFinal {
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	margin-bottom: 20px;
}

.salesFinalNote {
	padding: 15px 0px;
	font-size: 16px;
}

.addContactFooter {
	background: #eeeeee;
	padding: 8px 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}

.addContactFooter .btn {
	margin-left: 5px;
}

.leaseclientoption {
	background-color: #414141;
	border-color: #414141;
}

.leaseclientoption:hover {
	background-color: #666666;
	border-color: #666666;
}

/*.addcontactformmorebtn{  }*/

.radioact {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radioact input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.checkmark {
	position: absolute;
	top: 6px;
	left: 6px;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 50%;
}

.radioact:hover input~.checkmark {
	background-color: #ccc;
}

.radioact input:checked~.checkmark {
	background-color: #c9302c;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.radioact input:checked~.checkmark:after {
	display: block;
}

/*.radioact .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; }*/

.radioact .checkmark:after {
	left: 8px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*========================= 08102018 ============================*/

.client-id-img-inner-holder {
	position: relative;
}

.client-id-btn-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.custom-file-uploader {
	float: right;
}

.custom-file-uploader-btn {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #d4322d;
	color: #fff;
	border-bottom-left-radius: 3px;
	cursor: pointer;
}

.custom-file-uploader input {
	position: absolute;
	cursor: pointer;
	right: 0;
	opacity: 0;
	height: 100% !important;
	font-size: 15px;
	direction: rtl;
	width: 30px;
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
	top: 0;
}

.client-id-img-sub-holder {
	width: 100%;
	height: 205px;
	overflow: hidden;
}

.client-id-img-sub-holder>img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.client-id-title {
	font-size: 18px;
	border-bottom: solid 1px grey;
	width: 100%;
}

.d-flex {
	display: flex;
}

.m-b-32 {
	margin-bottom: 32px;
}

.add-client-tabs {
	border-bottom: 1px solid #ddd !important;
}

.content-tabs-holder li>a {
	color: rgba(0, 0, 0, 1) !important;
}

.upload-signal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.upload-signal {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 75px;
	width: 75px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #D4322D;
	color: #ffffff;
	font-size: 36px;
	line-height: 75px;
	text-align: center;
}

.upload-signal-nobg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 75px;
	width: 75px;
	background-color: transparent;
	color: #D4322D;
	font-size: 42px;
	line-height: 75px;
	text-align: center;
}

.upload-placeholder {
	background-color: #eeeeee;
	color: #D4322D;
	font-size: 150px;
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
	text-align: center;
	justify-content: center;
}

.uploder-placeholder-image {
	margin: auto;
}

/*=========================================== 25102018 CHRIS ============================*/

.sender-attachment-selector>input {
	position: absolute;
	opacity: 0;
	width: 50px;
	height: 50px !important;
	padding: 0px !important;
	z-index: 0;
	cursor: pointer;
}

.chat-view-content-holder {
	padding: 15px 10px 0px 10px;
	overflow: auto;
}

.sender-btns-holder a {
	/* position: absolute; top: 0;*/
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	font-size: 25px;
	color: #a4a4a4;
	transition: all 0.3s;
	text-decoration: none !important;
	margin-right: 7px;
}

.sender-btns-holder a:last-child {
	margin-right: 0px;
}

.sender-btns-holder {
	right: 0;
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	padding-right: 15px;
}

.chat-sender-btn>i {
	font-size: 17px;
	margin: 0px 0px 0px -2px;
	padding: 0px;
}

.chat-image-div {
	max-width: 450px;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.45);
	overflow: hidden;
	border-radius: 8px;
	background: #e0e0e0;
}

.chat-item-row-me .chat-image-div {
	border-bottom-right-radius: 0px;
	border-top-left-radius: 8px;
}

.chat-view-content-holder>div {
	padding-right: 15px;
}

.chat-screen-right-holder>.row {
	height: 100%;
}

.chat-view-sender-block>.form-group>input {
	padding-right: 115px;
}

.right-slide-window {
	z-index: 1;
}

/*=========================================== // 25102018 CHRIS // ============================*/

.chat-image {
	width: 100% !important;
	border-radius: 0px !important;
	display: table !important;
	float: left !important;
	margin: 0px !important;
}

.replies .chat-image-div {
	float: right;
}

.replies .chat-image-div {
	float: right;
}

#frame .content .message-input .wrap input {
	height: 55px;
}

/*======================================== 01112018 ==========================*/

.chat-contact-item .chat-contact-username-holder .unread-new-message {
	top: 0px !important;
	right: -7px !important;
	font-size: 10px !important;
	background: #d9534f !important;
}

.chat-contact-username-holder {
	padding-right: 15px;
	position: relative;
}

.right-menu-item-inner .quick-icon-counter-holder {
	top: 8px;
	right: 10px;
}

.attachment-holder {
	padding: 5px 15px 10px 15px;
}

.attachment-content {
	display: inline-flex;
	float: left;
	width: auto;
	background: #fff;
	border: solid 1px #d8d7d7;
	border-radius: 50px;
	overflow: hidden;
	padding: 10px 15px;
	align-items: center;
}

.attachment-content>h4, .attachment-content>a {
	display: inline-block;
	margin: 0px;
	float: left;
}

.attachment-content>a {
	width: 22px;
	height: 22px;
	border-radius: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #d9534f;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

.attachment-content>h4 {
	width: calc(100% - 20px);
	padding-right: 10px;
	font-size: 14px;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.2;
}

.right-slide-window {
	z-index: 2;
}

.checkmark>i.fa-check {
	color: #4949ef;
}

/*lead details sliding view [raj]*/

.lead-manager-details-slidewindow .chat-screen-holder {
	overflow-y: auto;
	height: calc(100vh - 65px);
}

.inquiry-display label {
	font-family: "robotomedium";
	font-size: 14px;
}

.inquiry-display p {
	font-family: "robotoregular";
}

ul.nested-tabs {
	background-color: rgba(217, 83, 79, 0.15);
	border-bottom: 1px solid rgba(217, 83, 79, 0.15) !important;
	border-radius: 100px;
	-moz-border-radius: 100px;
	overflow: hidden;
	display: flex;
	align-content: center;
	justify-content: center;
	max-width: 385px;
	margin: auto;
}

ul.nested-tabs li>a:hover, ul.nested-tabs li>a:focus, ul.nested-tabs li>a:active, ul.nested-tabs li.active>a:hover, ul.nested-tabs li.active>a {
	transition: all 0.3s;
	background: #D4322D !important;
	border: none;
	cursor: pointer;
	border-top: solid 0px #d9534f !important;
	background-color: #d9534f;
	color: #fff !important;
}

ul.lead-detailed-info {
	box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.leads-quick-details-content-new {
	padding-left: 35px;
}

.leads-quick-details-content-new i {
	width: 50px;
	font-size: 15px;
	text-align: center;
	display: inline-block;
	float: left;
	padding-top: 2px;
	padding: 15px 15px;
	background-color: #d9534f;
	border-radius: 25px;
	min-height: 50px;
	line-height: 20px;
	color: #fff;
	position: absolute;
	left: -10px;
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.10);
}

.leads-quick-details-content-new .leads-quick-detail-item-cntnt {
	padding: 15px 25px 15px 40px;
	background-color: rgba(0, 0, 0, 0.05);
	display: inline-block;
}

.deals-list {}

.deals-list-item {
	-webkit-box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
	padding: 35px 15px 15px 15px;
	min-height: 150px;
	position: relative;
}

.deals-list-item label {
	display: inline-block;
	font-family: "robotomedium";
	font-size: 15px;
}

.deals-list-item p {
	display: inline-block;
	font-family: "robotoregular";
}

.item-category {
	display: block;
	background-color: #d9534f;
	color: #fff;
	position: absolute;
	top: -20px;
	right: 15px;
	font-size: 14px;
	font-family: "robotomedium";
	padding: 10px;
	z-index: 9;
}

/*TIMELINE Starts*/

.webfootprint-timeline {
	width: 1000px;
	margin: auto;
}

.timeline-cell {
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border: 3px solid #e1e1e1;
	padding: 25px 40px;
	position: relative;
}

.timeline-cell:first-child {
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
}

.timeline-cell:first-child::before {
	position: absolute;
	left: -3px;
	width: 100px;
	height: calc(50% + 6px);
	content: "";
	bottom: -3px;
	border: 3px solid #e1e1e1;
	border-radius: 0px 0px 0px 25px;
	border-right: 0px;
	border-top: 0px;
}

.timeline-cell:last-child {
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
}

.timeline-cell:last-child::before {
	position: absolute;
	left: -3px;
	width: 100px;
	height: calc(50% + 6px);
	content: "";
	top: -3px;
	border: 3px solid #e1e1e1;
	border-radius: 25px 0px 0px 25px;
	border-right: 0px;
	border-bottom: 0px;
}

.timeline-circle {
	font-weight: bold;
	padding: 15px 20px;
	border-radius: 50%;
	background-color: #ED8D8D;
	color: #4D4545;
	max-height: 50px;
	z-index: 2;
}

.timeline-step-count {
	background-color: #d9534f;
	height: 50px;
	width: 50px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 50%;
	color: #ffffff;
	position: absolute;
	top: calc(50% - 25px);
}

.timeline-cell.left-cell .timeline-step-count {
	left: -25px;
}

.timeline-cell.left-cell {
	border-right: 0px;
	margin-right: 25px;
	border-radius: 25px 0px 0px 25px;
	-moz-border-radius: 25px 0px 0px 25px;
	-webkit-border-radius: 25px 0px 0px 25px;
}

.timeline-cell.right-cell {
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-radius: 0px 25px 25px 0px;
	-moz-border-radius: 0px 25px 25px 0px;
	-webkit-border-radius: 0px 25px 25px 0px;
	text-align: right;
	padding-right: 55px;
}

.timeline-cell.right-cell::before {
	position: absolute;
	right: -3px;
	width: 100px;
	height: calc(100% + 6px);
	content: "";
	top: -3px;
	border: 3px solid #e1e1e1;
	border-radius: 0px 25px 25px 0px;
	border-left: 0px;
}

.timeline-cell.right-cell .timeline-step-count {
	right: -25px;
}

.ip-area-time {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	background-color: #eeeeee;
	padding: 10px 25px;
	border-radius: 50px;
}

.ip-area-time i {}

h6.meta-title {
	font-size: 18px;
}

.url-link {
	font-size: 15px;
	margin-bottom: 10px;
}

.timeline-cell.right-cell .session-time {
	float: left;
}

.timeline-cell.left-cell .session-time {
	float: right;
}

.performance-states {
	width: 1000px;
	margin: auto;
}

.th-action {
	width: 160px;
}