body{
	padding:0px;
	margin:0px;
	font-size:14px;
}

.clear{
	clear:both;
}

.login_section_holder{
	width:100%;
	padding:20px;
}

.login_section_text{
	width:calc(100% - 400px);
	float:left;
}

.login_section_form_holder{
	width:400px;
	float:right;
}
.common_button{
	background-color:var(--main-color) !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: #FFF !important;
}
/*************************** MAIN *********************************/

a{
	outline:0;
	text-decoration:none !important;
}
website_crm{
	width:100%;
	margin:0;
	padding:0;
}
website_crm_header{
	display:table;
	width:100%;
	border-bottom: 1px solid #CCC;
	position:relative;
	height:82px;
}
.website_crm_fullwidth_container{
	width:100%;
	display:table;
}
.website_crm_sidebar{
	display:table;
	width:240px;
	background-color:#f8f9fa;
	float:left;
}
.website_crm_right_side{
	display:table;
	width:calc(100% - 240px);
	float:right;
	padding: 0 20px 20px;
}
.website_crm_sidebar ul.website_crm_menu{
	display:table;
	width:100%;
	padding:0;
	margin:0;
	background: #fff;
}
.website_crm_sidebar ul.website_crm_menu li{
	list-style:none;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background: var(--main-color);
    border-bottom: 1px solid var(--main-color);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

/*.website_crm_sidebar ul.website_crm_menu li a{
	padding:8px 20px;
	display:table;
	width:100%;
	color:#111;
	transition:0.5s;
}
.website_crm_sidebar ul.website_crm_menu li a.menu_li_active, .website_crm_sidebar ul.website_crm_menu li a:hover{
	background-color:#e8e8e8;
}*/
.website_crm_sidebar ul.website_crm_menu li a.menu_li_active:after{
	content:"";
}
.profile-img{
    margin-top: -5px;
    margin-right: 5px;
    float: left;
   	background-size:cover;
   	background-position:center;
   	background-repeat:no-repeat;
    width: 30px;
    height: 30px;
}

/*************** Buttons **************/
.crm_btn{
	background-color:var(--main-color);
	border-radius:0px;
	border:0px;
	font-size:14px;
}
.crm_btn:hover{
	background-color:var(--main-color);
}

.dropdown-item{
	font-size:14px;
}

.crm_page_container{
	display:table;
	width:100%;
}
.crm_page_container .crm_page_title{
	width:100%;
	padding-bottom:10px;
}
.crm_page_container .crm_page_title h2{
	font-size:18px;
	font-weight:bold;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom:20px;
}

.crm_page_content{
	width:100%;
}
/*********************** END MAIN ****************************/


/*********************************** VINOSH CSS **************************/

.crm_highlight_box{
	background-color:#f8f8f8;
	padding:20px;
	margin-bottom:20px;
}

.crm_highlight_important{
	border-right: 10px solid #16c6b1;
}

.crm_content_title{
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}

.crm_form_field{
	width:100%;
	margin-bottom:20px;
}

.crm_form_field label{
	margin:0px;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}

.crm_image_holder{
	width:180px;
	margin-right:20px;
	display:block;
	float:left;
	margin-bottom:20px;
}
.crm_image_holder .crm_image_box{
	width:180px;
	height:180px;
	background-size:cover;
	background-position:center;
}

.priority_{
	border-radius:2px;
	padding:4px 20px;
	font-size:14px;
}
.bg_red{
	background-color:#c0392b;
	color:#fff;
}
.bg_orange{
	background-color:#d35400;
	color:#fff;
}
.bg_gray{
	background-color:#95a5a6;
	color:#222;
}

/******************************* VINOSH END CSS **************************/

/*********************** Report a Maintance Start ****************************/
	.file_upload_holder {
	 	background-color: #f1f1f1;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    border-bottom: 1px solid #cccccc;
	    float: left;
	    font-size: 30px;
	    height: 50px;
	    line-height: 50px;
	    margin-bottom: 5px;
	    margin-right: 5px;
	    text-align: center;
	    width: 100px;
	    cursor:pointer;
	}
	.preview_quote_image {
	   	background-color: #f1f1f1;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    float: left;
	    height: 164px;
	    line-height: 50px;
	    margin-bottom: 5px;
	    margin-right: 5px;
	    text-align: center;
	    width: 160px;
	    cursor:pointer;
	}
	
	.remove_quote_file{
	    position: absolute;
	    right: 5px;
	    top: 5px;
	}
	
	.quote_file_images {
	    border-bottom: 1px solid #cccccc;
	    float: left;
	    height: 50px;
	    line-height: 100px;
	    margin-bottom: 10px;
	    margin-right: 10px;
	    position: relative;
	    width: 100px;
	}
	.preview_quote_image i{
		font-size: 30px;
		line-height:50px;
	}	
	.repair_full_width_container{
		display:table;
		width:100%;
	}
	.repair_default_container{
		width:100%;
		margin:0 auto;
		display:table;
	}
	h2._title{
		color:#fff;	
		font-size:40px;
		font-weight:bold;
		padding:20px 0;
	}
	.color{
		color:#16c6b1;
	}
	.report_bg_color{
		background-color:#16c6b1;
	}
	.report_bg_fff{
		background-color:#fff;
	}
	.repair_div{
		display:table;
		width:100%;
		padding:50px 0;
	}
	.repair_div .cat_btn{
		width:100%;
		display:table;
		margin-top:20px;
	}
	.repair_div .default_btn{
		background-color:#16c6b1;
		color:#fff;
		border:0px;
		padding:8px 20px;
		transition:0.5s;
	}
	.repair_div .default_btn:hover{
		background-color:#17a795;
	}
	.repair_div .repair_co_col{
		display:table;
		float:left;
		width:20%;
		margin-bottom:40px;
	}
	.repair_div .repair_co_col_sub{
		width:100%;	
		display:table;
		position:relative;
	}
	.quote_div .repair_co_col.prefix_price, .quote_div .repair_co_col.sufix_percentage{
		position:relative;
	}
	.quote_div .repair_co_col.prefix_price input[type="number"]{
		padding-left: 25px;
	}
	.quote_div .repair_co_col.sufix_percentage input[type="number"]{
		padding-right: 25px;
	}
	.quote_div .repair_co_col.prefix_price i{
		content: "";
    	position: absolute;
    	top: 16px;
    	left: 14px;
    	font-size:12px;
	}
	.quote_div .repair_co_col.sufix_percentage i{
		content: "";
    	position: absolute;
    	left: 75px;
    	top: 16px;
    	font-size:12px;
	}
	.repair_div .repair_co_col .inner_box{
		width:calc(100% - 20px);
		margin:0 auto;
		max-width:200px;
		display:table;
		height:298px;
	}
	.repair_div .repair_co_col .repair_title{
		text-align:right;
		font-size:16px;
		width:calc(100% - 10px);
		text-transform:uppercase;
		font-weight:bold;
		color:#223846;
		float:right;
		display:table;
		height:38px;
		margin-bottom:10px;
	}
	.repair_div .repair_co_col .repair_icon{
		font-size:80px;
		text-align:center;
		box-shadow: 0 3px 10px 5px #e1effb;
		padding:80px 0;
		display:table;
		width:100%;
		color:#223846;
		transition:0.8s;
		cursor:pointer;
	}
	.repair_div .repair_co_col .repair_icon:hover{
		background-color:#16c6b1;
		color:#fff;
		box-shadow: 0 2px 10px 2px #e1effb;
	}
	.repair_div .repair_co_col .repair_icon.kitchen_icon{
		font-size:140px;
		padding:50px 0;
	}
	.repair_div .repair_co_col .repair_icon.smell_oil{
		font-size: 120px;
		padding: 60px 0;
	}
	.repair_steps_box{
		width:100%;
		max-width:991px;
		margin-top:10px;
		display:table;
	}
	.repair_group{
		display:table;
		margin-bottom:20px;
		width:100%;
	}
	.repair_steps_box .repair_group .repair_title{
		width:100%;
		font-size:32px;
		font-weight:bold;
		color:#3f4e55;
	}
	.repair_steps_box .repair_group .repair_p_tag{
		font-size:16px;
		color: #3f4e55;
		font-weight: bold;
	}
	.repair_group textarea{
		border: 0;
	    background-color: #f2f2f2;
	    padding: 20px;
	    height:150px;
	    max-height:150px;
	    width: calc(991px - 40px);
	    max-width:991px;
	    color: #3f4e55;
	}
	.repair_group .repair_btn{
		border:0px;
		padding:10px 20px;
		margin-right:20px;
		text-transform:uppercase;
		font-size:15px;
		transition:0.5s;
		width:auto;
		letter-spacing:1.5px;
		outline:0;
	}
	.repair_group .repair_btn.back_btn{
		background-color:#9b9b9b;
		color:#fff;
	}
	.repair_group .repair_btn.submit_btn{
		background-color: #16c6b1;
		color:#fff;
		margin-top:20px;
		float:right;
	}
	.repair_group .repair_btn.back_btn:hover{
		background-color:#777777;
	}
	.repair_group .repair_btn.submit_btn:hover{
		background-color: #17a795;
	}
	.repair_group input[type="file"] {
	    display: none;
	}
	.repair_file_upload {
	    display: table;
		padding: 45px 50px;
		cursor: pointer;
		background-color: #e8e6e7;
		transition:0.5s;
	}
	.repair_file_upload i{
		color:#676767;
		font-size:60px;
		transition:0.5s;
	}
	.repair_file_upload:hover{
		background-color:#777777;
	}
	.repair_file_upload:hover i{
		color:#fff;
	}
	.repair_title{
		width:100%;
		margin-bottom:40px;
		display:table;
	}
	
	.repair_title .job_title_{
		width:100%;
		display:table;
		font-size:42px;
		font-weight:bold;
	}
	.repair_title .sub_title_{
		font-size:20px;
		font-weight:bold;
		width:calc(100% - 150px);
		float:left;
		margin-bottom:20px;
	}
	.repair_title .date_{
		font-size:20px;
		width:150px;
		text-align:right;
		float:left;
		margin-bottom:20px;
	}
	.repair_title .repo_property_title{
		font-size:18px;
		font-weight:bold;
		margin-top:20px;
		display:table;
		width:calc(100% - 150px);
		float:left;
	}
	.repair_title .date_ .priority_{
		border-radius:2px;
		padding:4px 20px;
		font-size:14px;
	}
	.bg_red{
		background-color:#c0392b;
		color:#fff;
	}
	.bg_orange{
		background-color:#d35400;
		color:#fff;
	}
	.bg_gray{
		background-color:#95a5a6;
		color:#222;
	}
	.padding_40{
		padding:40px 0;	
	}
	.padding_40_40{
		padding:40px;	
	}
	.padding_top_40{
		padding-left:40px;
		padding-right:40px;
		padding-bottom:40px;
		padding-top:0px;
	}
	.report_title{
		font-size:18px;
		font-weight:bold;
		margin-bottom:10px;
	}
	.report_title_sub{
		font-size:22px;
		margin-bottom:20px;
	}
	.border_bottom{
		border-bottom: 2px solid #ecebeb;
		margin-bottom: 20px;
	}
	.report_p{
		font-size:14px;
	}
	.report_imgs{
		margin-top:50px;
	}
	.border_right{
		border-right:10px solid #16c6b1;
		padding:40px;
	}
	.border_f8{
		border-color: #f8f8f8;
	}
	.report_bg_f8{
		background-color:#f8f8f8;
	}
	.report_img_box{
		width:180px;
		margin-right:40px;
		display:block;
		float:left;
		margin-bottom:40px;
	}
	.report_img_box .report_img{
		width:180px;
		height:180px;
		background-size:cover;
		background-position:center;
	}
	.repair_co_col{
		float:left;
		display:table;
	}
	.repair_co_col_75{
		width:calc(75% - 5px);
	}
	.repair_co_col_60{
		width:calc(60% - 5px);
	}
	.repair_co_col_50{
		width:calc(50% - 5px);
	}
	.repair_co_col_45{
		width:calc(45% - 5px);
	}
	
	.repair_co_col_20{
		width:20%;
	}
	.repair_co_col_15{
		width:15%;
	}
	.repair_co_col_10{
		width:10%;
	}
	.repair_co_col_40{
		width:40%;
	}
	.quote_lable{
		font-size:14px;
	}
	.quote_div_outer{
		display:table;
		width:100%;
	}
	.quote_div{
		display:table;
		width:100%;
		max-width:991px;
	}
	.quote_div input[type="text"].form-control, .quote_div input[type="number"].form-control, .quote_div select.form-control{
		width:100%;
		max-width:380px;
		border-radius:1px;
		padding:10px 15px;
		height:auto;
		font-size:14px;
		webkit-box-shadow: 0 0 #000;
		box-shadow: 0 0 #000;
		border:1px solid #fff;
	}
	.quote_div select.form-control{
		max-width:120px;
		margin-left:50px;
	}
	.quote_div input[type="text"].form-control:focus, .quote_div input[type="number"].form-control:focus{
		webkit-box-shadow: 0 0 #000;
		box-shadow: 0 0 #000;
	}
	.quote_div input[type="number"].form-control{
		max-width:100px;
		float:left;
		background-color:#f2f2f2;
	}
	.quote_div input[type="text"].form-control{
		background-color:#f2f2f2;
	}
	.quote_div .label{
		font-size: 14px;
    	text-align: right;
    	padding: 10px 20px;
    	font-weight: bold;
	}
	.repair_group .repair_btn.plus_btn{
		width: 50px;
		padding: 9.5px 0px;
		border-radius: 2px;
		font-size:16px;
		display:table;
		background-color: #57d68d;
		margin:0 auto;
	}
	.repair_group .repair_btn.plus_btn:hover{
		background-color: #52be7f;
	}
	.repair_group .repair_btn.minus_btn{
		width: 50px;
		padding: 9.5px 0px;
		border-radius: 2px;
		font-size:16px;
		margin:0 auto;
		display:table;
		background-color: #e74c3c;
	}
	.repair_group .repair_btn.minus_btn:hover{
		background-color: #d63524;
	}
	.quote_div_form .repair_steps_box .repair_group textarea{
		background-color:#fff;
		margin-bottom:20px;
	}
	.quote_div_form .repair_title_sub{
		font-size:22px;
		text-transform:uppercase;
		font-weight:bold;
		margin-bottom:0px;
	}
	.quote_div .calendar_time_div{
		margin-bottom:20px;
		display:table;
		width:100%;
	}
	.quote_div .calendar_time_div input[type="text"] , .quote_div select.form-control{
		padding: 16px 15px;
	}
	.calendar_group{
		position:relative;
	}
	.calendar_group i{
		position: absolute;
		font-size: 26px;
		right: 25px;
		top: 15px;
	}
	.date_time_div{
		background-color:#e8e6e7;
		width:180px;
		color:#384e5c;
		display:table;
		float:left;
		margin-right:40px;
		margin-bottom:50px;
		transition:0.5s;
		cursor:pointer;
		position:relative;
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.50);
	}
	.date_time_div input[type=radio]{
	    opacity: 0;
		position: absolute;
		width: 180px;
		height: 240px;
		cursor:pointer;
	}
	.date_time_div input[type=radio]:after{
		content: "";
	    width: 180px;
	    height: 256px;
	    position: relative;
	    display: block;
	    top: -5px;
	    cursor:pointer;
	}
	.date_time_div .month_year{
		width:100%;
		font-size:16px;
		text-align:center;
		padding:15px 20px;
		transition:0.5s;
	}
	.date_time_div .date_time{
		background-color:#fff;
		color:#384e5c;
		padding:20px 0;
		transition:0.5s;
	}
	.date_time_div .date_v{
		font-size:70px;
		text-align:center;
		font-weight:bold;
		text-shadow: 0 2px 2px rgba(0, 0, 0, 0.80);
	}
	.date_time_div .time_v{
		font-size:30px;
		text-align:center;
		font-weight:bold;
		text-shadow: 0 2px 1px rgba(0, 0, 0, 0.80);
	}
	.date_time_div:hover{
		background-color:#2d3f4a;
	}
	.date_time_div:hover .month_year{
		color:#fff;
	}
	.date_time_div:hover .date_time{
		background-color:#14a594;
		color:#fff;
	}
	.date_time_div input:checked ~ .month_year{
		color:#fff;
		background-color:#384f5d;
	}
	.date_time_div input:checked ~ .date_time{
		background-color:#18c5b1;
		color:#fff;
	}
	.quote_container{
		max-width:991px;
	}
	.quote_div input[type="text"].mandatory_field, .quote_div input[type="number"].mandatory_field, .quote_div select.mandatory_field{
		border:1px solid #FFF;
	}
	.quote_div textarea.mandatory_field{
		border:1px solid #F8F8F8;
	}
	.quote_form{
		max-width:991px;
		display:table;
	}
	.quote_form h2{
		font-weight:bold;
		display:table;
		float:left;
		color:#404040;
		font-size:20px;
		margin:40px 0;
	}
	.quote_form .tab-content{
		max-width:991px;
	}
	.tab_btns{
		display:table;
		background-color:#fff;
		width:100%;
		max-width:991px;
	}
	.tab_btns ul.nav-tabs li{
		float:left;
    	margin-right:3px;
    	display:table;
	}
	.tab_btns ul.nav-tabs li a{
		color:#111;
		background-color: #fff;
    	padding: 14px 20px;
    	display:table;
	}
	.tab_btns ul.nav-tabs li a.active{
		background-color: #e8e8e8;
	}
	.tab_btns ul {
		display:table;
		float:left;
		border-bottom:0;
		background-color: #f1f3fa;
	}
	.tab_btns button{
		border:0px;
		background-color:#57d68d;
		font-size:16px;
		width:55px;
		height:52px;
		text-align:center;
		color:#fff;
		outline:0;
	}
	button.minus_btn{
		background-color: #e74c3c;
	    font-size: 16px;
	    color: #fff;
	    border: 0;
	    padding: 5px 20px;
	    margin-top: 16px;
		float: right;
	}
	
	
	.report_asset_holder{
		float:left;
		margin-left:10px;
		position: relative;
	}
	.report_asset_holder .text-danger{
		position: absolute;
		top: 0;
		right: 0;
	}
	.report_asset_preview{
		background-size: cover;
		background-position: center;
		width: 160px;
		height: 160px;
		background-color: #f8f8f8;
	}
	.report_asset_preview i{
		position:absolute;
		width:100%;
		text-align:center;
		top:50%;
		
	}
	
	.report_complete_asset_holder{
		float:left;
		margin-left:10px;
		position: relative;
	}
	.report_complete_asset_holder .text-danger{
		position: absolute;
		top: 0;
		right: 0;
	}
	.report_complete_asset_preview{
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 160px;
		background-color: #f8f8f8;
	}
	.report_complete_asset_preview i{
		position:absolute;
		width:100%;
		text-align:center;
		top:50%;
		
	}
	
	.report_complete_asset_holder span{
	    position: absolute;
	    right: 30px;
	    top:70px;
	}
	
	 .report_complete_asset_holder .job_c_caption {
	    width: 100%;
	    padding: 5px;
	    border: 1px solid #CCC;
	    font-size: 14px;
	    border-radius: 0px;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    background-color: #FFF;
	}
	
	.complete_job_image p{
		padding: 5px;
		text-align:center;
	}
	
	
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #a1a7a7;
	}
	::-moz-placeholder { /* Firefox 19+ */
	  color: #a1a7a7;
	}
	:-ms-input-placeholder { /* IE 10+ */
	  color: #a1a7a7;
	}
	:-moz-placeholder { /* Firefox 18- */
	  color: #a1a7a7;
	}
	@media(max-width:1440px){
		.repair_default_container{
			width:100%;
		}
	}
	@media(max-width:1200px){
		.repair_div .repair_co_col .repair_title{
			font-size:14px;
			height:32px;
		}
		.repair_div .repair_co_col .repair_icon{
			padding:60px 0;
		}
		.repair_div .repair_co_col .repair_icon.kitchen_icon, .repair_div .repair_co_col .repair_icon.smell_oil{
			padding:39px 0;
			font-size:122px;
		}
	}
	@media(max-width:991px){
		.repair_div .repair_co_col{
			width:25%;
		}
		.repair_div .repair_co_col .inner_box{
			height:260px;
			max-width: 180px;
		}
	}
	@media(max-width:768px){
		.repair_div .repair_co_col{
			width:33.3333%;
		}
		.repair_default_container{
			width:calc(100% - 30px);
		}
		h2._title{
			font-size:36px;
		}
	}
	@media(max-width:580px){
		.repair_div .repair_co_col{
			width:50%;
		}
		h2._title{
			font-size:28px;
		}
	}
	@media(max-width:375px){
		.repair_div .repair_co_col{
			width:100%;
		}
		.crm_btn {
            width: 75px;
            margin: 0 0 10px;
        }
        .crm_page_container .crm_page_title {
            text-align: center;
        }
	}
/*********************** Report a Maintance End ****************************/

/*********************** DASHBOARD START ****************************/
/*.dashboard_count{
	width:200px;
}*/
.counter {
    /*background-color:#f5f5f5;*/
    padding: 20px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: var(--main-color);
}

/*********************** DASHBOARD END ****************************/

/*common code here*/
.co_col {
    width: 100%;
    display: block;
    float: left;
}
.co_col_20{
    width: 20%;
}
.co_col_30{
    width: 30%;
}
.co_col_40{
    width: 40%;
}
.co_col_50{
    width: 50%;
}
.co_col_60{
    width: 60%;
}
.co_col_66{
    width: 66%;
}
.co_col_70{
    width: 70%;
}
.co_col_80{
    width: 80%;
}
/*Header Section code Here*/
website_crm {
    display: table;
    width: 100%;
}
.menu_li_active{
    background: var(--main-color);
    font-size: 16px;
    padding: 10px;
    width: 100%;
    display: block;
    color: #fff;
}
.website_crm_fullwidth_container.login_head{
    background: var(--main-color);
}

.website_crm_fullwidth_container {
    padding: 10px;
    position: relative;
}
website_crm_header {
    display: table;
    width: 100%;
}
website_crm_header .d-inline-block.align-top.header_crm_logo {
    position: absolute;
	top: 0px;
	max-height: 60px;
}
website_crm_header .navbar{
    padding: 0;
}
website_crm_header .btn-prim {
    color: #f1f3fa;
    position: relative;
    top: 10px;
}
website_crm_header .btn-prim:hover {
    color: #f1f3fa;
    text-decoration: underline!important;
    
}
website_crm_header .img-rounded.profile-img {
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 30px;
    height: 50px;
    width: 50px;
    float: left;
    position: relative;
    top: -12px;
    margin: 0 10px 10px 10px;
}
website_crm_header #dropdownMenu2 {
    position: relative;
    top: 15px;
    color: #f1f3fa;
}
website_crm_header .dropdown-menu.dropdown-menu-right.show {
    padding: 0;
}
website_crm_header .dropdown-item {
    padding: 20px;
    border: 0;
    line-height: 0;
}
website_crm_header .dropdown-item:hover{
    background: var(--main-color);
    color: #fff;
}
website_crm_header .dropdown-menu-right {
    right: 0;
    left: auto;
    top: 65px;
    right: -20px;
    border-radius: 0;
}

/*section Two code here*/
.menu_heading {
    color: var(--main-color);
    border-bottom: 5px double var(--main-color);
    padding-bottom: 5px;
}
.bg-light {
    background-color: #f1f3fa !important;
}
/*Section 3 code here*/
.section_3 {
    padding-bottom: 15px;
}
.icon-sec {
    float: left;
    background: var(--main-color);
    width: 50px;
    text-align: center;
    font-size: 30px;
    border-radius: 70px;
    height: 50px;
    color: #fff;
    line-height: 50px;
    transition: all 0.5s ease-in-out;
}
.part1 {
    background: #f1f3fa;
    padding: 15px 25px;
    transition: all 0.5s ease-in-out;
}
.part1:hover , .part2:hover ,.part3:hover {
    background: var(--main-color);
}
.part1:hover h5, .part1:hover p, .part2:hover h5, .part2:hover p, .part3:hover h5, .part3:hover p{
    color: #fff;
}
.part1:hover .icon-sec, .part2:hover .icon-sec, .part3:hover .icon-sec{
    background: #fff;
    color: var(--main-color);
}
.part2 {
    background: #f1f3fa;
    padding: 15px 25px;
}
.part3 {
    background: #f1f3fa;
    padding: 15px 25px;
}
.detail-sec {
    padding-left: 75px;
}
.detail-sec h5{
    font-size: 20px;
    margin: 0;
    transition: all 0.5s ease-in-out;
}
.detail-sec p{
    margin: 0;
    transition: all 0.5s ease-in-out;
}

/*Dashboard Design here*/
.dashboard_count {
    background: #f1f3fa;
    padding: 20px 0;
}
.crm_page_content a:hover {
    text-decoration: none;
}
.counter {
    color: var(--main-color);
    
}
.website_crm_sidebar {
    width: 250px;
    float: left;
    /*padding-right: 20px;*/
}
.website_crm_right_side{
   width: calc(100% - 250px);
   display: table;
}
.website_crm_menu {
    list-style: none;
}
.website_crm_menu {
    padding: 0;
}
.website_crm_menu li .menu_li_active{
    background: var(--main-color);
    font-size: 16px;
    padding: 10px;
    width: 100%;
    display: block;
    color: #fff;
}
.website_crm_menu li a{
    background: #f1f3fa;
    color: #333;
    font-size: 16px;
    padding: 10px;
    width: 100%;
    display: block;
    text-decoration: none;
}



/*Responsive start here*/
@media (max-width: 1400px){
    .crm_page_container.co_col.co_col_66, .crm_page_container.co_col.co_col_33{
        width: 50%;
    }
}
@media (max-width: 1200px){
    .section_3 .col-md-4{
        width: 100%;
        max-width: 100%;
        flex: 100%;
        margin-bottom: 15px;
    }
}
@media (max-width: 992px){
    ul#repair_nav_id{
        display: block;
    }
    #repair_nav_id li a {
        margin-right: 0px;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .crm_page_container.co_col.co_col_66, .crm_page_container.co_col.co_col_33{
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
}
@media (max-width: 768px){
    .heading {
        margin-left: 0;
        text-align: center;
    }
    .website_crm_menu li a{
        margin-bottom: 10px;
    }
    .website_crm_sidebar {
        width: 100%;
        float: none;
        padding-right: 0px;
    }
    .website_crm_right_side{
        width: 100%;
        padding: 0;
    }
    .crm_page_container.co_col.co_col_66{
        
    }
}
@media (max-width: 640px){
    .heading {
        margin-left: 0;
        text-align: left;
    }
    .navbar-brand {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 30px;
        margin-right: 0;
        font-size: 0;
        line-height: normal;
        white-space: normal;
        width: 100%;
        text-align: center;
    }
    website_crm_header .d-inline-block.align-top.header_crm_logo {
        width: auto;
        max-width:250px;
        position: relative;
        top: 0px;
    }
}
@media (max-width: 480px){
    li.dot {
        display: none!important;
    }
    .website_crm_fullwidth_container {
        padding: 5px;
    }
    .heading h3{
        font-size: 20px;
    }
    .details_sec h3{
        font-size: 20px;
    }
    .details_sec p{
        font-size: 15px;
    }
}