.tooltip.top .tooltip-arrow { bottom: 1px !important; }

.tooltip-inner {
    padding: 7px 10px;
    background: #1f2d3d;
	font-size: 12px;
}
.image-tooltop + .tooltip .tooltip-inner { padding: 3px !important; }
.image-tooltop + .tooltip.in { opacity: 1 !important; }
.navbar-default .navbar-brand.logo-text {
    font-size: 36px;
    font-weight: bold;
    /* text-transform: uppercase; */
}
.customers-nav-item-estimate-request { display: none !important; }

li.customers-nav-item-request_estimate {
    margin-right: 25px;
}
.customers-nav-item-request_estimate a {
    background: #2563eb !important;
    color: #fff !important;
    border-radius: 5px !important;
}
.customers-nav-item-request_estimate a:hover {
    background: #1d4ed8 !important;
}
.customers-nav-item-projects { display: none; }
div#project_view_name ul li.selected {
	display: none;
}
.project_view_image_top_a div { width: 110px; height: 110px; margin: auto;  }
.project_view_image_top_a img { width: 110px; height: 110px; object-fit:cover;  border: 1px solid #E8E8E8; border-radius: 5px; }
.noimage-div-section { border: 1px solid #E8E8E8; border-radius: 5px; }
.proposal-html-number { display: none; }

body:not(.hide-sidebar) {	
	@media screen and (min-width: 1240px) {
		.project_view_image_top_a { float: left;}
		.project_view_image_top_a + .project_view_image_top_b { float: left; padding-left: 0px; }
	}	
	@media screen and (max-width: 1240px) {
		.project_view_image_top_a { text-align: center; margin-bottom: 15px;  }
		.project_view_image_top_a, .project_view_image_top_b { width: 100% !important; }
	}
}
.hide-sidebar {	
	@media screen and (min-width: 1024px) {
		.project_view_image_top_a { float: left;}
		.project_view_image_top_a + .project_view_image_top_b { float: left; padding-left: 0px; }
	}	
	@media screen and (max-width: 1024px) {
		.project_view_image_top_a { text-align: center; margin-bottom: 15px;  }
		.project_view_image_top_a, .project_view_image_top_b { width: 100% !important; }
	}	
}
	
	
@media only screen and (min-width: 992px)  {
	.collapse_projects ._filters .col-md-2 {
		width: 20%;
	}
}
@media only screen and (max-width: 992px)  {
	.no-padding-c {
		padding:0px;
	}
	.btn-group.pull-right.mleft4._filter_data {
		margin-bottom: 10px;
	}
	.mbxs { margin-bottom: 10px;}
}


.grid_page_layout {
	
	@media only screen and (max-width: 400px) and (min-width: 340px)  {
		.wlp-image, .no-image {
			height: 120px !important;
		}
	}
	
	@media only screen and (max-width: 500px) and (min-width: 400px)  {
		.wlp-image, .no-image {
			height: 150px !important;
		}
	}
	
	@media only screen and (max-width: 575px) and (min-width: 340px)  {
		.col-sm-6 {
			flex:0 0 auto;
			width:50%;
		}
	}
	
	@media only screen and (max-width: 1400px) and (min-width: 1200px)  {
		.col-xl-3 {
			flex:0 0 auto;
			width:20%;
		}
	}
	
	@media only screen and (min-width: 1600px)  {
		.col-xxl-2 {
			flex:0 0 auto;
			width:14.28%;
		}
		.leads_data .col-xxl-2 {
			flex:0 0 auto;
			width:16.66666667%;
		}
	}
	
	@media only screen and (min-width: 1800px)  {
		.col-xxl-2 {
			flex:0 0 auto;
			width:12.50%;
		}
		.leads_data .col-xxl-2 {
			flex:0 0 auto;
			width:14.28%;
		}
	}
	
	@media only screen and (min-width: 2000px)  {
		.col-xxl-2 {
			flex:0 0 auto;
			width:11.11%;
		}
		.leads_data .col-xxl-2 {
			flex:0 0 auto;
			width:12.50%;
		}
	}
	
	@media only screen and (min-width: 2200px)  {
		.col-xxl-2 {
			flex:0 0 auto;
			width:10%;
		}
		.leads_data .col-xxl-2 {
			flex:0 0 auto;
			width:11.11%;
		}
	}
	
}


	
@media only screen and (min-width: 1400px)  {
	.customers .grid_page_layout .col-xl-3 {
		flex:0 0 auto;
		width:20%;
	}
}

@media only screen and (max-width: 1196px)  {
	.main_smartcalendar { display: none; }
}
/* CSS IF SIDEBAR IS HIDE */
@media only screen and (max-width: 1600px) and (min-width: 1400px)  {
	.hide-sidebar .grid_page_layout .col-xxl-2 {
		flex:0 0 auto;
		width:14.28%;
	}
	.leads_data .col-xxl-2 {
		flex:0 0 auto;
		width:20%;
	}
}
	
@media only screen and (max-width: 1400px) and (min-width: 1200px)  {
	.hide-sidebar .grid_page_layout .col-xl-3 {
		flex:0 0 auto;
		width:16.66666667%;
	}
}
	
@media only screen and (max-width: 1200px) and (min-width: 1000px)  {
	.hide-sidebar .grid_page_layout .col-lg-3 {
		flex:0 0 auto;
		width:20%;
	}
}


@media screen and (min-width: 1024px) {
	.tw-flex-c {
		display: flex;
	}
}
@media screen and (max-width: 1024px) {
	._lead_filters .col-xs-6 {
		margin-top: 10px;
	}
	
	div#leadsummary { display: inline-block; }
	div#leadsummary > div {
		width: 31%;
		display: inline-block;
		margin-bottom: 7px;
		margin-right: 1%;
	}
}	


@media only screen and (max-width: 1000px) and (min-width: 768px)  {
	.hide-sidebar .grid_page_layout .col-lg-3 {
		flex:0 0 auto;
		width:25%;
	}
}

@media only screen and (min-width: 768px)  {
	.md\:tw-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 768px) and (min-width: 620px)  {
	.hide-sidebar .grid_page_layout .col-sm-6 {
		flex:0 0 auto;
		width:33.33333333%;
	}
}
	
@media only screen and (max-width: 620px) and (min-width: 480px)  {
	.hide-sidebar .grid_page_layout .col-12 {
		flex:0 0 auto;
		width:50%;
	}
}

@media only screen and (max-width: 768px)  {
	.popup_action_a {
		width: 50%;
		float: left;
	}
	.popup_action_b {
		width: 25%;
		float: left;
	}
	.popup_action_c {
		width: 25%;
		float: left;
	}
	.grid_order_by_ul a {
		margin-bottom: 0px !important;
	}
	li.customers-nav-item-request_estimate {
		margin-right: 25px;
		margin-top: 10px;
		margin-left: 12px;
		margin-bottom: 10px;
	}
	
	div#leadsummary { display: inline-block; }
	div#leadsummary > div {
		width: 48%;
		display: inline-block;
		margin-bottom: 7px;
		margin-right: 1%;
	}
}

@media only screen and (max-width: 450px)  {
	
	.mobile_width48_percent { width: 48%; }
	.mobile_width48_margin_0 { margin: 0% !important; }
	.mobile_width48_percent_2 { margin-left: 4% !important; }
	.mobile_recurring { margin: 5px 0px !important; width: 100%; }
	.mobile_margin_0 { margin: 0px ; }
	.grid_mobile_search
	{
		float: left !important;
		margin-top: 8px;
	}
	.mobile_filter_div_layout {
		margin-top: 8px;
	}
}
@media only screen and (max-width: 360px)  {
	.popup_action_a {
		width: 65%;
		float: left;
	}
	.popup_action_b {
		width: 30%;
		float: left;
	}
	.popup_action_c {
		width: 100%;
		float: left; margin-top: 10px;
	}
}