/**********************************

Use: Main Screen Import

***********************************/

/*$("#pickup_location").css("background-color","#FFF");
		 		$("#pickup_location").css("border","2px solid #dd4b39");*/
input[type="text"].error{
	
	 background-color: #FFF !important;
	 border-color:#dd4b39 !important;
	 border: 2px solid #dd4b39 !important;
}
input[type="email"].error{
	
	 background-color: #FFF !important;
	 border-color:#dd4b39 !important;
	 border: 2px solid #dd4b39 !important;
}
select .error{
	
	 background-color: #FFF !important;
	 border-color:#dd4b39 !important;
	 border: 2px solid #dd4b39 !important;
}
input[type="password"].error{
	
	 background-color: #FFF !important;
	 border-color:#dd4b39 !important;
	 border: 2px solid #dd4b39 !important;
}
span[class="error"]{
	
	 color:#dd4b39;
}
.vaild{
	
	 background-color: #dde3ec !important;
	 border-color:#dde3ec;
	 border: 2px solid;
	
}
.select2{
	 background-color: #dde3ec !important;
	 width: 100% !important;
	 height: 43px !important;
	
}
.select2-selection {
	background-color: #dde3ec !important;
	width: 100% !important;
	height: 43px !important;
	 padding-top: 5px;
}
.select2-selection__arrow{
	height: 36px !important;
}

.my-hidden-class {
    display: none;
}
	@media(max-width:768px){
#booking_date, .month , .country_code, .booking_date{
	padding-right: 0px;
}
.login .content{
	width: 95%; 
}
.bootstrap-timepicker-hour{
	width: 50px !important;
	border-bottom-color: RED;
}
.bootstrap-timepicker-minute{
	width: 50px !important;
}
}

@import "reset.css";
@import "core.css";

@import "cmxformTemplate.css";
@import "cmxform.css";