
 body select {
 
}
.allign-right {
	text-align: right;
}
textarea:focus, input:focus , select:focus{
    outline: none;
}
font-weight: bold;
}

.float-left-block {
	float: left!important;
}
.padding-3px {
	padding: 3px!important;
}
.btn-remove-bg {
	background-color: transparent;
	color: #6c6c6c;
	border: none;
}
.btn-remove-bg:hover {
	background-color: transparent;
    color: #6c6c6c;
}
.color-warning {
	color:#f03748!important;

}
.padding-left-remove {
	padding-left: 0!important;
}
.padding-right-remove {
	padding-right: 0!important;
}
.padding-left-5px {
	padding-left: 5px!important;
}
.padding25px {
	padding: 25px!important;
}
.ratedetailexpand:hover {
	color: #00aad6!important;
}
.font-1rem {
	font-size: 1rem!important;
}
.margin-top4px {
	margin-top: 4px!important;
}
.margintop25px {
	margin-top: 25px!important;
}
.font13px {
	font-size: 13px!important;
}
.margintop7 {
	margin-top: 7px!important;
}
/*header section*/
.job-booking-header {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,00aad6+35,00aad6+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #00aad6 35%, #00aad6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#00aad6 35%,#00aad6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#00aad6 35%,#00aad6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00aad6',GradientType=1 ); /* IE6-9 */

-webkit-box-shadow: 1px 1px 1px 1px #CCCCCC;
box-shadow: 1px 1px 1px 1px #CCCCCC;
}

.avatar-pic {
	width: 50px;
	height: 50px;
	background-color: red;
	display: inline-block;
	border-radius: 50%;
}
.special-img 
{
    width: 36px;
    height: 36px;
    position: relative;
    top: -5px;
    float: left;
    left: -5px;
    border-radius: 50%;
    border: 3px solid #fff;
    background-color: #e4e6e7;
}
.user-account {
	margin-left: 10px;
	margin-top: 10px;
}
.top-nav li a {
	color: #fff!important;
}
.top-nav li a:hover {
  color: #292b2c!important;	
}
.top-nav  .drop-menu-head li a {
	color: #4b4b4b!important;
}
.job-booking-header .collapse ul > li:hover > a {
	color:#4b4b4b!important;
	}

	.dropdown-menu > li > a:hover, .btco-hover-menu a:hover, .navbar > li > a:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}
.nav-logo:hover {
	background-color: transparent!important;
}
.btco-hover-menu .collapse ul ul > li:hover > a, .navbar .show .dropdown-menu > li > a:focus, .navbar .show .dropdown-menu > li > a:hover
{
	color: #fff!important;
}
.nav-menu ul li a {
	border-radius: none!important;
}
   
.nav-collapse {

   padding-left: 25px;
}
/*content start here*/

.accordionHeader-job-book {
    width: 100%;
    padding: 10px 14px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #ccc;
    color: #00aad6;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dde5e7+50,c7d8dd+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left, #ffffff 0%, #dde5e7 50%, #c7d8dd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ffffff 0%,#dde5e7 50%,#c7d8dd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffffff 0%,#dde5e7 50%,#c7d8dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7d8dd',GradientType=1 ); /* IE6-9 */
	cursor: pointer;

}
.styless {
	/*background-color:#a4e1f1;*/
    padding-bottom: 17px;
}

.square-padding {
	/*padding:10px;*/
	background-color: #fff;
	color:#6a6a6a;
	display: flow-root;

}
.accordian-card {
	  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
      transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
 .btn-default-blue {
	background-color: #00aad6!important;
	border: none;
}
.btn-default-blue:hover {
	background-color: #02a1ca!important;
	}
.square-padding select , input {
	border: 1px solid #dadfe3!important;
	font-size: 15px!important;
	color:#6a6a6a!important;
}	
.full-width {
	width: 100%!important;  
}
.input-phone {
	margin-right: 16px;
}
.margin-remove {
	margin: 0!important;
}
.padding-remove {
	padding: 0!important;
}
/*.multi-select-job-booking {
	border: 1px solid #dadfe3!important;
	font-size: 12px!important;
	color:#6a6a6a!important;

}
*/
.multi-select-job-booking   multiselect {
	border: 1px solid #dadfe3!important;
	font-size: 12px!important;
	color:#6a6a6a!important;
	height: 30px!important;
	  margin-top: 8px;

}
.multi-select-job-booking multiselect button {
	padding: 4px;
	font-size: 12px!important;

}
.multi-select-job-booking multiselect button:focus {
	background-color: transparent!important;
	color: #6a6a6a!important;
}
.multi-select-job-booking multiselect button:hover {
	background-color: transparent;
	color: #6a6a6a!important;
}

.multi-select-job-booking-track multiselect {
	border: 1px solid #dadfe3!important;
	font-size: 12px!important;
	color:#6a6a6a!important;
	height: 30px!important;
	margin-top: 0!important;
	background-color: white!important;
}
.multi-select-job-booking-track multiselect button {
	padding: 4px;
	font-size: 12px!important;
	padding-top: 8px!important;
	border: none!important;

}
.multi-select-job-booking-track multiselect button:focus {
	background-color: transparent!important;
	color: #6a6a6a!important;
	border: none!important;

}
.multi-select-job-booking-track multiselect button:hover {
	background-color: transparent;
	color: #6a6a6a!important;
}
.default-padding-card {
	padding: 10px!important;
}
.default-padding-card small {
	font-size: 16px!important;
}
/*.default-padding-card  input {
	font-size: 15px!important;
}*/
.alert-red {
	color: #ff2e2e!important;

}
 

.table-footer td , a {
	color: #575f68!important;
}
.table-input-td  {
	/*vertical-align: middle!important;*/
    padding-bottom: 0px!important;
    padding-top: 5px!important;
}


.table-head-custom  {
	background-color: #cceef7!important;
	height: 25px;
	font-size: 12px;
}

 
.btn-add.focus, .btn-add:focus  {
    background-color: #fff!important;
    color: #000000;
}    

.terms-condtons a {
	color: #fff!important;
}
.terms-condtons a:hover {
	color: #fff!important;
    font-weight: 200!important;
}
.fixed-footer {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1000;
}
.footer-list  {
	text-align: center;
	padding: 0;
	margin-top: 10px;
}
.footer-list li {
	list-style: none!important;
	display: inline!important;
	margin-right: 15px!important;
}

.footer-list li a {
	
	color: #fff!important;
}
.footer-list li a:hover {
	 font-weight: 200!important;
}
.width-90 {
	width: 90%!important;
}
.add-ref input {
    height: 30px;
    margin-right: 10px;
    max-width: 196px;
    min-width: 50px;
}
.custom-th {
	width: 10%;
}
.custom-th-lg {
width:166px;
}
.custom-th-lg2 {
	width: 150px;
}
.sm-input {
	width: 28%;
    margin-right: 4px;
	padding-left: 5px;
}
.allign-right {
	text-align: right!important;
}
.padd-left-10{
	padding-left: 10px;
}
@media only screen and (min-width:1200px) and  (max-width:1300px){
	.custom-th {
    width: 8%;
}
.sm-input {
    width: 30%;
}
}
@media only screen and (min-width:768px) and  (max-width:991px){
	.user-info {
		padding-right: 0!important;
	}
	}


/*rate proposal page styles*/
.page-header-default {
	color: #00aad6!important;

}


/*color code for default tags*/

.defualt-blue {
	color: #00aad6;
}
.defualt-green {
	color: #14b41b;
}
.main-head {
	font-weight:bold;
	color:  #00aad6;;
	text-align: left;
}
.add-padding {
	padding: 10px;
}
.add-padding input {
	    font-size: 15px!important;
}
.add-padding textarea {
	font-size: 14px!important;
}
.add-padding select {
    font-size: 15px!important;
}


.modal-body-custom {
	background-color: #f5f5f5!important;
}
.rate-head-card {
	background-color:#fff!important;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-box-shadow: 0 0 5px 2px #E8E8E8;
	box-shadow: 0 0 5px 2px #E8E8E8;
    margin-top: 25px;
}
.rate-head-card  {
	margin-bottom: 0;
	color: #484848;
}
.rate-head-card input {
	font-size: 15px!important;
}

/*.modal-dialog {
    max-width: 90rem!important;
}*/
.ui-cards {
	background-color:#fff;
	/*padding: 10px;*/
	-webkit-box-shadow: 0 0 5px 2px #E8E8E8;
	box-shadow: 0 0 5px 2px #E8E8E8;

}
.bar-left {
    border-left: 2px solid #00aad6;;
    margin-top: 10px;
}
.sales-action-btn {
	border: 2px solid #00aad6;
	padding: 5px;
	color: #00aad6;
}
.btn-export {
	background-color: #00aad6!important;
	color: #fff!important;
}
.comment-field {
	height: 35px;
	border: 1px solid #dadfe3!important;
	padding-top: 5px;

}

.comment-history {

	background-color: transparent;
	width:100%;
	text-align: right;
	padding: 10px;
	color: #00aad6;
	background-color: #fff;

}

.comment-history:focus	{
outline: 0 !important;
  outline-offset: 0  !important;
  background-image: none  !important;
  -webkit-box-shadow: none !important;
  box-shadow: none  !important;
  }
.comment-history:hover {
	background-color: #fff;
}
.comment-list-table {
	max-height: 150px;
    overflow-x: auto;
}
.panel-group .panel {
		border-radius: 0;
		box-shadow: none;
		border-color: #EEEEEE;
		margin-top: 10px;
	}

	.panel-default > .panel-heading {
		padding: 0;
		border-radius: 0;
		color: #212121;
		background-color: #FAFAFA;
		border-color: #EEEEEE;
	}

	.panel-title {
		font-size: 14px;
	}

	.panel-title > a {
		display: block;
		padding: 15px;
		text-decoration: none;
	}

	.more-less {
		float: right;
		color: #212121;
	}

	.panel-default > .panel-heading + .panel-collapse > .panel-body {
		border-top-color: #EEEEEE;
	}

	.rate-details select {
		border: 1px solid #dadfe3!important;
		color:#6a6a6a!important;
	}
	.font-size-16px {
		font-size: 16px;
	}
	.font-size-12px  {
		font-size: 12px!important;
	}
	.padding-top2px {
		padding-top: 2px!important;
	}
	.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
		background-color: #00aad6;
		color: #fff!important; 
	}
	.head-row {
		background-color: #666666!important;
		
	}
	.head-row a {
		color: #fff!important;
	}
	.header-bar {
		background-color:#00aad6;
	}

	.approved-bar {
		border-bottom: 2px solid #00a651!important;
		width: auto!important;
		    padding-bottom: 2px;
		    cursor: default!important;
	}
	.pending-bar {
		border-bottom: 2px solid #ff8400!important;
		width: auto!important;
		    padding-bottom: 2px;
		        cursor: default!important;
	}
	.declined-bar {
		border-bottom: 2px solid #ff0000!important;
		width: auto!important;
		    padding-bottom: 2px;
		        cursor: default!important;
	}

	.closepop {
	    color: #7d7d7d!important;
    background-image: none;
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    right: -14px;
    top: -15px;
    width: 30px;
    height: 30px;
	}
	.closepop:hover {
		background-color: #00aad6;
		color: #fff!important;
	}
	.closepop  i {
	 padding: 0!important;
	}
.text-over {
	position: absolute;
    left: 10px;
    width: 41%;
    height: 51px;
    overflow-x: hidden;
    overflow-y: auto;
    }
    .comment-this-panel {
    padding-top: 12px;	

    }
    .text-area {
    	border: 1px solid #dadfe3!important;
		font-size: 12px!important;
		color:#6a6a6a!important;
		width: 100%!important;
		min-height: 50px;
		max-height: 125px;
		padding: 10px!important; 

    }
    .more-collape {
    	font-size: 18px!important;
    	    position: relative;
    right: 12px;
    }
   .more-collape i {
     font-size: 22px;
    }
    .remove-padd-bot {
    	padding-bottom: 0!important;
    }

    .load-more {
    	
    }
    .load-more-floatng-btn {
    background-color: #00aad6;
    padding: 10px;
    color: #fff;
    float: right;
    margin-top: 10px;
    border-radius: 50%;
    margin-bottom: 15px;
    position: fixed;
    z-index: 10000;
    right: 25px;
    bottom: 72px;
    width: 41px;
    height: 41px;

    }
    .load-more-floatng-btn:focus {
  outline: none;
}
    .margin-bottom-remove {
    	margin-bottom: 0!important;
    }
    .sales-actin-slct , .InsuranceType-select {
    border: 1px solid #dadfe3!important;
	/*font-size: 12px!important;*/
	color:#6a6a6a!important;
    }
    .width-full {
    	width: 100%!important;
    }
    .paddin-bot-15 {    padding-bottom: 11px;}
    .padding-bot-5 {padding-bottom: 5px!important;}
    .send-mail-btn { padding: 6px; }
    
    .load-more-data {
    	background-color: #fff!important;
    }
    .font22px {
    	font-size:18px;
    }
    .user-comment {
    	width: 80%!important;
    }
    .commnet-date {
    	color:#808080!important;
    	font-style: italic;
    	display: inline-table!important;
    	font-size: 12px;
    }
.comment-user {
	width: 5%!important;
	text-align: right!important;
}
.current-status {
	font-size:15px!important;
}

/*custom modal window size*/

.jconfirm.jconfirm-material .jconfirm-box {
	padding: 0!important;

}
.jconfirm .jconfirm-box {
	padding: 0!important;
}
.confirmTitle {
	padding: 15px!important;
    border-left: none!important;
    border-radius: 0!important;
    margin-bottom: 0!important;
}
.jconfirm .jconfirm-box.jconfirm-type-blue {
	border-top: 0!important;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
	padding: 10px 10px 20px 10px!important;
}
.jconfirm-content {
	padding: 10px!important;
}
.jconfirm-buttons {
	border-top: 1px solid #d5d6dc!important;
	padding: 15px!important;
}
.jconfirm-buttons button {
	background-color: #00AAD6!important;
}
.jconfirm-icon-c {
	display: none!important;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
	color: #fff!important;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
	margin-bottom: 0!important;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
    font-size: 21px!important;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    
    top: 15px!important;
   
}

/*custom modal window size end here*/

.cubic-ratio-select {
	width: 100%;
	border-top:0!important;
	border-right:0!important;
	border-bottom:1px solid #dadfe3!important;
	border-left:0!important;
	font-size: 12px!important;
	color:#6a6a6a!important;
	padding-left: 10px!important;
}
.cubic-ratio-input {
	width: 100%;
	border-top:0!important;
	border-right:0!important;
	border-bottom:1px solid #dadfe3!important;
	border-left:0!important;
	font-size: 12px!important;
	color:#6a6a6a!important;
	height: 38px;
	padding-left: 10px!important;
}

.avl-rol-blck {
	border-top:2px solid  #00aad6;
	border-right:2px solid  #e8e8e8;
	border-bottom:2px solid  #e8e8e8;
	border-left:2px solid  #e8e8e8;
    background-color: white!important;
    font-weight: 100!important;
    height: 100px; 
    font-size: 12px;

}
.avlb-roll-head {
	background-color: #666666!important;
	color: #fff;
	font-size: 12px;
}
.clear-div {
	clear: both!important;
}
.col-grey {
	color: #858585;
}
 .chklist-box   {
    padding: 5px!important;
    border: 1px solid #dadfe3!important;
    border-radius: 5px!important;
    max-height: 93px!important;
    overflow-y: auto!important;
}
.font-15px {
	font-size:15px!important;
}
.border-bttm_input {
    height: 2.375rem;
    background: none;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: inherit !important;
    border-radius: 0;
    border-bottom: 1px solid #bcbcbc !important;
}
.avl-trdng-accnt {
    height: auto;
    max-height: 222px;
}

.border-bottom-remove {
	border-bottom: none!important;
}
.mng-dg-pop label {
	font-size:20px!important;
}
.drop-dwn > ul > li > a:hover {
	color: red!important;
	background-color: green!important;
}
.psswd-reset-btn {
	font-size: 12px;
    padding: 5px;
    margin-top: 12px;
}
.fragile-chk {
	position: absolute;
	top: 8px;
	left: 78px;
	   
}
.fragile-chk small {
	margin-top: 5px;
	font-size: 12px;

}
.multi-select-custom {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-width: inherit !important;
    border-radius: 0;
    border-bottom: 1px solid #bcbcbc !important;
    width: 100%;
    /* min-width: 250px; */
    color: #707070;
    background-color: transparent;
}