.label-font {
	font-size: 20px;
	color: black;
	position: absolute;
}
.past-invoice-alignment{
   text-align: right !important;
 }
.pastInvoice-file-no{
   transform: translateX(30px);
   }
.pastInvoice-provider-name{
  transform: translateX(-20px);
  }
.pastInvoice-voucherDate{
  transform: translate(-5px,95%);
  }
.pastInvoice-ExportUpdateStatusBtn{
transform: translateX(70px);
}
.finalize-AdjusterName{
transform: translateX(27px);
}
.text-design{
	 border-bottom: 1px solid white;
	 background-color:white;
   }
.nav-des{
	float: none;
	text-align: center;
	padding-top: 22.5px;
    text-transform: uppercase;
}
.navbar-brand{
	float: none;
	margin: 0px 10px;
	padding:08px 5px;
	font-size: 16px;
	line-height: 30px;
}
.widget-chart{
width:175px;
height:150px;
border-radius:12px
}
.countTabPad{
margin-left:0px;
}

.navbar-inverse .navbar-brand {
    color: #fff;
}
.searchActiveTab{
 border: 3px solid #507298;
 background: #f5f5f5 !important;
}
.activeTab{
	border-bottom: 4px solid #3fc28e;
}
.svgButton{
border:none;
padding-left:0;
padding-top:8px;
background-color:transparent;
}
.container-style{
	height:80px;
}

.icon-style{
	color: #fff;
    padding: 0 5px;
    margin-top: 24px;
    margin-bottom: 24px;
}

#logo-color{
	background-color:#302e3b;
	color:#fff;
	
}
#logo-color > h2{
	margin-top: 19px;
    margin-bottom: 15px;
	text-align: center;
}
.navbar-inverse{
	background-color: #25303f;
}
.nav-color{
	background-color: #302e3b;
}
.circle {width: 40px;height: 40px;background: #E5E8E8;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;text-align: center;}
.navbar {border: none;min-height: 67px;}

/* common styling starts here */
.line-height-2{line-height: 2;}
.width-85{width: 85%;}
.mar-l-15{margin-left: 15%;}
.ellipsis {text-overflow:ellipsis;overflow: hidden;}
.bor-radius{border-radius:5px;}
.no-l-r-border {border-left:none !important;border-right:none !important;}
.no-l-r-t-border{border-left:none !important;border-right:none !important;border-top:none !important;}
.marg-l--3-all{margin-left: -3px;}
.marg-l-45-all{margin-left: 45px;}
.marg-r--3-all{margin-right: -3px;}
.marg-r-20-all{margin-right: 20px;}
.marg-t-8-all{margin-top: 8px;}
.marg-t-10-all{margin-top: 10px;}
.marg-t-0-all{margin-top: 0px !important;}
.marg-t-2-all{margin-top: 2px;}
.marg-l-15-all{margin-left: 15px;}
.marg-l-20-all{margin-left: 20px;}
.marg-l-25-all{margin-left: 25px;}
.marg-l-30-all{margin-left: 30px;}
.marg-l-35-all{margin-left: 35px;}
.marg-l-50-all{margin-left: 50px;}
.marg-l-70-all{margin-left: 70px;}
.marg-l-10-all{margin-left: 10px;}
.marg-l-5-all{margin-left: 5px;}
.marg-t-b-10-all{margin-top: 10px;margin-bottom: 10px;}
.marg-t-b-20-all{margin-top: 20px;margin-bottom: 20px;}
.marg-t-25-all{margin-top: 25px;}
.marg-t-30-all{margin-top: 30px;}
.marg-t-40-all{margin-top: 40px;}
.marg-t-50-all{margin-top: 50px;}
.marg-t-80-all{margin-top: 80px;}
.marg-t-15-all{margin-top: 15px;}
.marg-10-15-all{margin: 10px 15px;}
.marg-t-5-all{margin-top:5px;}
.marg-t-b-5-all {margin-top: 5px; margin-bottom: 5px;}
.ratingInfoWrapper .padd-t-b-5-all,.padd-t-b-5-all {padding-top: 5px; padding-bottom: 5px;}
.padd-b-5-all{padding-bottom: 5px;}
.marg-t-20-all{margin-top: 20px;}
.marg-t--20-all{margin-top: -20px;}
.marg-t--6-all{margin-top: -6px;}
.marg-b-0-all {margin-bottom: 0px;}
.marg-b-5-all{margin-bottom: 5px;}
.marg-b-20-all{margin-bottom: 20px;}
.marg-b-40-all{margin-bottom: 40px;}
.marg-b-10-all{margin-bottom: 10px;}
.marg-b-15-all{margin-bottom: 15px;}
.padd-l-2-all{padding-left: 2px;}
.padd-t-8-all{padding-top: 8px;}
.padd-l-8-all{padding-left: 8px;}
.padd-l-15-all{padding-left: 15px;}
.padd-t-0-all{padding-top: 0px !important;}
.padd-t-10-all{padding-top: 10px;}
.padd-t-18-all{padding-top: 18px;}
.padd-t-b-10-all{padding-top: 10px;padding-bottom: 10px;}
.padd-top-btm-15-all{padding-top: 15px;padding-bottom: 15px;}
.padd-b-10-all{padding-bottom: 10px;}
.padd-b-20-all{padding-bottom: 20px;}
.padd-t-b-15-all {padding: 15px 0px;}
.padd-l-5-r-5-all {padding: 0px 5px;}
.padd-l-20-r-20-all {padding: 0px 20px;}
.padd-l-r-40-all {padding: 0px 40px;}
.padd-l-r-40-all-neg {padding: 0px -40px;}
.right {float: right;}
.padd-l-r-0-all {padding-left: 0px;padding-right: 0px;}
.padd-r-0-all {padding-right: 0px;}
.padd-l-2-all{padding-left: 2px;}
.padd-l-10-all{padding-left: 10px;}
.padd-l-20-all{padding-left: 20px;}
.padd-l-30-all{padding-left: 30px;}
.padd-r-10-all{padding-right: 10px;}
.padd-l-r-3-all {padding: 0px 3px;}
.padd-l-r-8-all {padding: 0px 8px;}
.padd-l-15-all{padding-left: 15px !important;}
.padd-t-b-15-l-r-8-all {padding: 15px 8px;}
.padd-t-b-5-l-r-15-all {padding: 5px 15px 0px;}
.padd-t-b-20-l-r-15-all{padding:20px 15px;}
.padd-t-b-40-l-r-15-all{padding:40px 15px;}
.padd-t-b-15-l-r-0-all {padding: 15px 0px;}
.padd-t-b-20-l-r-0-all {padding: 20px 0px;}
.padd-t-b-30-l-r-0-all {padding: 30px 0px;}
.padd-t-15-b-r-0-all{padding:15px 0px 0px 0px;}
.padd-t-l-r-15-all{padding:15px 15px 0px;}
.padd-b-10-l-r-15-all{padding:5px 15px 10px;}
.padd-t-10-b-r-0-all{padding:10px 0px 0px 0px;}
.padd-t-b-20-l-r-30-all{padding: 20px 30px;}
.padd-l-r-20-all{padding-left: 20px !important;padding-right: 20px !important;}
.padd-l-r-30-all{padding-left: 30px;padding-right: 30px;}
.padd-t-20-all{padding-top: 20px;}
.padd-t-24-all{padding-top: 24px;}
.padd-t-b-10-3-all{padding-top: 10px;padding-bottom: 3px;}
.padd-r-0-15-all{padding: 15px 0px 15px 15px;}
.no-padding {padding: 0px;}
.padd-5-all {padding: 5px;}
.padd-20-all {padding: 20px;}
.padd-50-all {padding: 50px;}
.padd-60-all {padding: 60px;}
.padd-70-all {padding: 70px;}
.padd-15-all {padding: 15px;}
.padd-10-all{padding: 10px;}
.padd-11-all{padding: 11px;}
.padd-l-0-all{padding-left: 0px;}
.padd-t-5-b-3-l-r-20-all{padding: 5px 20px 3px;}
.padd-t-5-all{padding-top: 5px;}
.padd-t-20-b-10-l-r-15-all{padding: 20px 15px 10px;}
.no-margin {margin: 0px;}
div,span,button {outline: none;}
.valign-wrapper {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
body,.roboto-font{font-family: Roboto-Regular, sans-serif;}
.padding-top-25-all{padding-top: 25px;}
.padding-top-15-all{padding-top: 15px;}
.padding-bottom-25-all{padding-bottom: 25px;}
.side-navbar-custom-achor-design, .side-navbar-custom-achor-design:hover{color: #f8faf9 !important; text-decoration: none !important;}
.font-weight-700{font-weight: 700;}
.mar-t-0{margin-top: 0px !important;}
input[type=radio].common-radio-btn-css{width: 14px; height: 14px; margin-right: 15px;}
.layout-sidebar{width: 15%;position: fixed;height: 100%;background-color: #312e3c;}
.layout-content{
	width: 85%;
	margin-left: 15%;
}
.addScrollModal{height:200px;overflow-y:scroll;}
.disabled {background-color: #e5e5e5;cursor: default !important;pointer-events: none !important;text-decoration: none !important;}
.back-theme-color{background-color: #e0e7ef;}
.border-btm{border-bottom:1px solid #dedddf;}
.border-right{border-right:1px solid #dedddf;}
.border-top{border-top:1px solid #dedddf;}
.border-all-red{border: #DA5336 solid 1px;}
.font-size-14{font-size: 14px;}
.font-size-13{font-size: 13px;}
.font-size-15{font-size: 15px;}
.font-size-105-all {font-size: 105px;}
.font-size-16{font-size: 16px;}
.font-size-18{font-size: 18px;}
.font-size-22{font-size: 22px;}
.font-size-12{font-size: 12px;}
.font-size-10{font-size: 10px;}
.text-align-r{text-align: right;}
.text-align-l{text-align: left;}
.text-align-c{text-align: center;}
.padd-b-10{padding-bottom: 10px;}
.padd-b-15{padding-bottom: 15px;}
/* common styling ends here */
/*font-styling start*/
.roboto-light{font-family:Roboto-Light;}
.roboto-regular{font-family:Roboto-Regular;}
/*font-styling ends*/
/*button-styling start*/
.btn-wrapper{display: flex;align-items: center;justify-content: center;}
.appointment-action-btn{font-size: 11px !important;padding: 3px 6px !important;}
/*button-styling ends*/

/*toast message style start*/
.toast-type-error p{margin-top: 0px;margin-bottom: 0px;}
/*toast message style ends*/

/*display-styling start*/
.inline-block{display: inline-block;}
.flex-display{display: flex;}
/*display-styling ends*/

/* button styling starts here */
.btn.btn-custom {color: #fff; }
.btn.btnWidth {width:100%;}
.btn.btn-custom.focus, .btn.btn-custom:focus, .btn.btn-custom:hover {color: #fff;outline: none;}
.btnAnchorWrapper a {color:#fff;}
.btn-emailPo[disabled] {background-color: #c1bebfde; color: #000000e6;}
/* button styling ends here */

/* theme css starts here */
.prime_col_gray {color:#e6e6e8;} .prime_back_col_gray {background-color:#e6e6e8;}
.prime_col_red {color: #df7a68;} .prime_back_col_red {background-color: #df7a68;}
.prime_col_white {color: #fff;} .prime_back_col_white {background-color: #fff;}
.sec_col_blue {color: #426386; font-size: 40px;} .sec_back_col_blue {background-color: #47bec8;}
.sec_col_blue2 {color: #507298;} .sec_back_col_blue2 {background-color: #507298;}
.sec_col_blue3 {color: #416388;} .sec_back_col_blue3 {background-color: #416388;}
.sec_col_blue4{color:#302e3b;}
.prime_col_grey1{color: #908f94;}
.sec_back_col_blue5{background-color: #f4fbfe;}
.sec_col_black {color: #38373c;} .sec_back_col_black {background-color: #38373c;} 
.sec_col_yellow {color:#f4cf67;} .sec_back_col_yellow {background-color:#f6bd0e;}
.sec_col_green {color:#41c18e;} .sec_back_col_green {background-color:#41c18e;}
.sec_back_col_red{background-color: #f1595b;}
.sec_back_col_gray{background-color: #f0f2f4;}
.sec_back_col_gray1{background-color: #e5e8e8;}
.sec_light_col_gray{background-color: #f5f5f482;}
.sec_col_light_blue{color:#26b8f4;} .sec_back_col_light_blue{background-color:#26b8f4;}
.sec_col_red{color: #ed5058;}
.sec_back_col_black{background-color: #262624;}
.sec_back_theme_col_black{background-color: #000000;}
.sec_col_blue_vendor {color: black; font-size: 16px;}
.background-transparent{background-color: transparent;}
.transparent-back{background: transparent !important;}
/* theme css ends here */


/* left side navigation wrapper style starts */
.left_nav_wrapper {/* border-right: 1px solid #8b8b8d; */}
.left_nav_wrapper > div:first-child {border-bottom:none;/* background-color:#535063; */background-color: #14121d;color:#fff;font-size:16px;padding-left: 6px;
/* text-align: center; */
/* margin-bottom: 40px; */}
.left_nav_wrapper > div {padding: 22.5px 0px;border-bottom: 1px solid #8b8b8d;}
.left_nav_wrapper div.option{padding: 18px 15px;border-bottom: 1px #64626d;border-bottom-style: dashed;}
.left_nav_wrapper div.option:hover,.left_nav_wrapper div.option.active{background: linear-gradient(to right, #7a8889, #302e3b);}
.side-navbar-custom-achor-design i,.side-navbar-custom-achor-design img{width: 20px;}
.left_nav_wrapper img.header-bar{padding: 0px 15px;}
/* left side navigation wrapper style ends */

/* overwriting bootstrap default classes starts here*/
.form-control {padding: 6px;}
/* overwriting bootstrap default classes ends here*/

/* table css starts here */
.table_wrapper {border: 1px solid #ddd;border-radius: 5px;}
.table_wrapper .table_header_wrapper{padding: 18px 0px;line-height: 1;}
.table_wrapper .table_header_wrapper {background-color: #f0f2f4;color: #908f94;border: 1px solid #ddd;font-family:Roboto-Regular;}
.table_wrapper .table_content_wrapper {/* border-top:1px solid #eeecee; */color: #908f94;}
.table_wrapper .table_header_wrapper > div,.table_wrapper .table_content_wrapper > div > div {text-overflow:ellipsis;white-space: nowrap;}
/* table css ends here */

/*Tooltip Style Start*/
.tooltip-inner{width: 250px;padding: 8px 8px;}
.tooltip-wrapper i{color: #507298;}
.hotlinkCheckBox .tooltip-wrapper{margin: 0 5px 0 0px;}
/*Tooltip Style End*/

/* common page styling starts here */
.page-heading {font-size: 26px; text-align: center;}
.page-top-padding {padding-top: 5px;}
.common-page-subheading-wrapper {padding: 30px 0px;}
.common-page-subheading-wrapper .page-subheading {padding: 10px 0px;border-bottom: 1px solid #afafaf;}
.common-page-subheading-wrapper .showHideContentControlWrapper {padding: 7px 12px;border: 1px solid #afafaf;position: absolute;right: 0;top: 2px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.common-page-subheading-wrapper .showHideContentControlWrapper i {font-size: 20px;}
.common-page-subheading-wrapper .page-subheading-content-wrapper {padding: 15px 0px;}
.custom-padding{padding-left: 0px;padding-right: 0px;padding-bottom: 10px;}
.extra-padding-profile{padding-bottom: 10px;padding-top: 10px;}
.extra-padding{margin-bottom: 10px;}
/* common page styling ends here */

/*Login starts*/
.login-form-cover{background-color: #30337c;border: 3px solid #fff;}
#logo-login-top{color: #fff;text-align: center; padding: 25px;background: #1d1a3e;}
#logo-login-top h1 b{font-size: 75px;}
.form-signin-heading{color: #e0e7ef; padding: 25px; text-align: center;font-weight: 700;}
#country-codes .btn-primary{background-color: #f2cf67;border-color: #f2cf67;}
#country-codes .dropdown-menu{left: auto;}
.mobileNo-row,.padd-b-15-all{padding-bottom: 15px;}
.invalid-user-name{	color: #DA5336;margin-top: 5px;}
/*Login Ends*/

/*Appointment List Page Starts*/
#main_left_nav_wrapper .fa-list{color: #3fc28e;}
.table_content_wrapper .indiAppointment{padding: 12px 0px; border-bottom: 1px solid #dadada;line-height: 1.3;font-size: 13px;}
.table_content_wrapper .indiAppointment.clickable{border-bottom: none;padding: 15px 0px;}
.table_content_wrapper .clickable-two-lines{line-height: 1.3;font-size: 13px;padding: 12px 0px;}
.table_content_wrapper .indiAppointment:last-child{border-bottom: none;}
.header-text{font-size: 24px;color: #908f94;line-height: 1;padding: 38px 0 20px 0px;font-family:Roboto-Light;}
.sub-header-text{font-size: 16px;color: #908f94;;padding: 15px 0 15px 0px;/* border-bottom: 1px solid #eee; */}
.header-text-border{border-bottom: 1px solid #eee;}
/*Appointment List Page Ends*/

/*rating star style starts*/
.rating > .half-star {position: absolute;}
.rating > .star {outline: none;float: left;}
.rating > .star > i {font-size: 20px;color:#aaa;cursor: pointer;margin-right: 5px;}
.rating.showRatingOnly > .star > i {cursor: default;}
.rating > .star.doctor > i {cursor: default;}
.rating > .active > i {color: #f6bd0e;}
.ratingSmall > .star > i {font-size:12px;}
/*rating star style ends*/

/*Patient Detail Page Starts*/
.headingText{font-size: 20px;color: #507298;padding: 15px;border-bottom: 1px solid #dedddf;}
.appointmentListBtn{border: 1px solid #5c5b59;color: #5c5b59;background-color: #f8f9fb;font-size: 16px;font-family:Roboto-Light;}
.createAppointmentBtn{border:1px solid #26b8f4;color:#fff;background-color: #26b8f4;font-size: 16px;}
.addAddressBtn{border-radius:20px;}
.createAppointmentBtn:hover, .createAppointmentBtn:focus{background-color: #26b8f4;color:#fff;outline: none !important;}
.appointmentListBtn:hover, .appointmentListBtn:focus,#purchaseOrderBtn,#sendPO,#sendPO-t,#sendPO-i{background-color: #5c5b59;color:#fff;outline: none !important;}
.createESRbtn{background-color: #5c5b59;color:#fff;}
.createAppointmentBtn.disabled{background-color: #fff;color: #26b8f4;}
.feedback-submit-btn {width: 18%; font-size: 20px; padding: 7px; height: auto;border-radius: 3px;font-family: Roboto-Regular;}
.initiatePickupDropdown{
   min-width: 78%;
   padding: 3px 8px;
   top: 75%;
   left: 12%;
   font-size: 12px;
   border-radius: 10px;
   color: #908f94;
}
.initiatePickupDropdownMyFiles{
    min-width: 78%;
    padding: 3px 8px;
    top: 80%;
    left: inherit;
    font-size: 12px;
    border-radius: 10px;
    color: #908f94;
    }
.initiatePickupList{
   padding: 2px 2px;
}
.initiatePickupList:hover{
 background-color: #EAEDED ;
 color: #000;
}
/*Patient Detail Page Ends*/

/*Create new patient start*/
.infoheader{font-size: 20px;color: #507298;}
/*Create new patient ends*/

/*Create new appointment*/
.addedbyImportantInfo{text-align: left; padding: 8px 0;}
.addedbyImportantInfoDate{text-align: right; padding: 8px 0;}
.addedbyImportantInfoDetails{text-align: left; padding: 0 0 8px 0;}
.addedbyImportantInfoViewMore{text-align: right; width: 100%; padding: 5px 0; float: right; color: #24b8f4;}
.address-label{border-right: 1px solid #afafaf; padding-right: 0;min-height: 120px;margin-top: 10px;/* padding-left: 15px; */}
.address-details-title{font-size: 15px;line-height: 1;}
.address-details{padding: 10px 0px;}
.address-label-parent{padding: 25px 0 15px;}
.add-more-address{padding-top: 38px;}
.selected-address-label{border-left: 1px solid #afafaf; padding-left: 30px;margin-top: 30px;}
.createNewAppointmentHeader{font-size: 20px;color: #827e7e;padding: 20px 0 15px 0px;}
.form-control.addLocation{border-radius:20px;}
/*create new appointment ends*/

/**/
.customer-detail-row{background-color: #e0e7ef; padding: 40px 5px; text-align: center; font-size: 20px; color: #fff; margin-top: 25px;}
.customer-detail-row-vendor{background-color: #e0e7ef; padding: 40px 5px; text-align: center; font-size: 16px; color: black; margin-top: 21px;}
.customer-detail-row-profile{background-color: #e0e7ef; padding: 30px 5px; text-align: center; font-size: 16px; color: black; margin-top: 5px;height: 132px;}
.tab-view-custom-wrapper{border: 1px solid #a4a4a4; margin-top: 25px; padding-top: 0px;}
.tab-view-custom-wrapper .nav-tabs{margin-bottom: 25px;}
.tab-view-custom-wrapper .nav-tabs>li{width: 50%; text-align: center;}
.tab-view-custom-wrapper .nav-tabs>li{background-color: #3fc28e;border-bottom: 1px solid #ddd;}
.tab-view-custom-wrapper .nav-tabs>li>a{margin-right: 0px;color: black;border-radius: 0px;}
.tab-view-custom-wrapper .nav-tabs>li.active>a{color: #555555;}
.tab-view-custom-wrapper .nav-tabs>li.active:hover{color: #555555;}
/**/

/**/
.customer-detail-address-vendorPage{margin-top: 21px; padding-top: 35px; border-top: 1px solid #a4a4a4;}
.customer-detail-address-vendorPage-list{text-align: left; font-size: 14px;padding-left: 44px;}
.partial-vendor-assigne-divider{border-bottom: 1px solid #a4a4a4; margin-top: 15px; padding-bottom: 15px;}
/**/
.login-form{
	padding-top: 40px;
    padding-bottom: 40px;
    background-color: #ccc;
}
 
.form-signin>.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    margin-top: 15px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.form-control {
    padding: 6px;
    height: 35px;
    border-radius: 3px;
    font-family:Roboto-Regular;
}
.form-control:focus{border-radius: 3px;border-color: #ccc;}
.appointmentListBtn{font-family:Roboto-Light;}

.mobile-height{
	float: right;
    height: 35px;
}

.btn-fixed-width{
	width: 100%;
}
.custom-form-control{
	width:100%;
}

.cursor-pointer{
	padding-left: 3px;
}

/*valdr css start*/
.valdr-error-msg {
	color: #DA5336;
}

.valdr-message {
	display: none;
}

.valdr-message.ng-invalid.ng-touched.ng-dirty {
	display: inline;
	background: transparent;
	color: rgba(208, 19, 19, 0.69);
}

.valdr-message {
	display: none;
}

.valdr-message.ng-invalid.ng-dirty.ng-touched, 
.form-submitted .valdr-message.ng-invalid,.addressform-submitted .valdr-message.ng-invalid, .bidform-submitted .valdr-message.ng-invalid
	{
	display: inline;
	color: #DA5336;
}

select.ng-invalid.ng-dirty.ng-touched,input.ng-invalid.ng-dirty.ng-touched,textarea.ng-invalid.ng-dirty.ng-touched,
.form-submitted input.ng-invalid,.addressform-submitted input.ng-invalid, .bidform-submitted input.ng-invalid,
.bidform-submitted textarea.ng-invalid,
.form-submitted textarea.ng-invalid,.addressform-submitted textarea.ng-invalid,
.form-submitted select.ng-invalid,.addressform-submitted select.ng-invalid {
	border: #DA5336 solid 1px;
}
.custom-red{color: #DA5336 !important;}
.custom-red-border{border-color: #DA5336 !important; border: 1px solid #DA5336 !important;}

#loginForm .valdr-message.ng-invalid{text-align: -webkit-left; float: left;position: absolute;left: 0;}
#loginForm .valdr-message.ng-invalid.ng-touched.ng-dirty{text-align: -webkit-left; float: left; /* padding-left: 41px; */}

#forgotPasswordForm .valdr-message.ng-invalid{text-align: -webkit-left; float: left;position: absolute;left: 0;}
    
/*valdr css ends*/
.align-form-vendor{
	padding-left: 44px;
    text-align: left;
    }
    
.pointer-cursor{
    cursor: pointer;
 }
    
.font-color{
	color: #a29cb2
}

.font-center{
	text-align: center;
}

.capitalize{
	text-transform: capitalize;
}
.lower-case{
	text-transform: lowercase;
}
.upper-case{
	text-transform: uppercase;
}
.form-horizontal .address-modal-element1{
	width: 170px;
}

.form-horizontal .address-modal-element2{
	margin-right: 25px;
	margin-left: 25px;
}

.margin-custom{
	    margin-top: 49px;
}

.navbar-heights{
	max-height: 70px;
    height: 70px;
}

.navbar-minheight{
	min-height: 70px;/*68*/
}

.new-appointment-button{
	color: black;
}

#createAddress .address-align{
	margin-right: 0px;
    margin-left: 0px;
}

.disabled-class{
	background-color: #e5e5e5;
	cursor: default !important;pointer-events: none !important;text-decoration: none !important;
}
.client-disabled-class{
	background-color: #e5e5e5 !important;
	cursor: default !important;pointer-events: none !important;text-decoration: none !important;
}
.client-place-holder-span{
	position: absolute;
	z-index: 1;
	color: #555 !important;
	padding-left: 7px;/*11*/
	padding-top: 8px;
	padding-bottom: 6px;
	padding-right: 6px;
	overflow: hidden;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 94%;
}
.black-text{
	color: black;
}

.bg-color-grey{
	background-color: grey;
}

.extra-padding{
    padding-right: 17px;
}

.invoice-filter-heights{
	height: 136px;
	padding: 20px;
}

.invoice-filter-padding-left{
	padding-left: 0px
}

.inovice-filter-padding-mid{
	margin-left: -3px;
}

.invoice-filter-width{
	width: 20%;
}

.invoice-filter-width-custom2{
	width: 20%;
}
.invoice-filter-width-custom3{
	padding: 0px;
	 margin-top: 20px;
    margin-left: 28px;
	width: 300px;
}
.invoice-calendar-filter{
	padding: 0px;
    width: 195px;
    margin-top: 20px;
}
.invoice-calendar2-filter{
	padding: 0px;
    width: 195px;
    margin-top: 20px;
    margin-left: 28px;
}
.custom-search-bautton{
	padding: 0px;
    margin-top: 20px;
    margin-left: 28px;
    width: 151px;
}
.top-margin-invoice-filter{
	margin-top: 20px;
}

.no-padding-invoice-filter{
	padding-right: 0px;
}

.green-tab{
	background-color: #3fc28e;
}
#appointmentForm .green-tab{
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.col-green{
	color: #3fc28e;
}
.col-gray {
	color: #827e7e;
}
.col-red {
	color: #DA5336;
}
.col-black {
	color: #000;
}
.hotlinkCheckBox {
	position: absolute;
    top: 1px;
    right: 1px;
    height: 33px;
    background-color: #eee;
    border-radius: 5px;
}
.hotlinkCheckBox > input[type=checkbox] {margin: 0 0 0 5px;}
.hotlinkCheckBox > label {margin: 0 5px 0 5px;font-weight: 100;}

.hotLinkGlyWrapper, .creditCardOnlyGlyWrapper {
	position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    background-color: #ddd;
    border-bottom-right-radius: 30px;
    background-color: #DA5336;
    color: #fff;
}
.hotLinkGlyWrapper i.fa {position: relative;top: -2px;right: 2px;}
.creditCardOnlyGlyWrapper i.fa {position: relative;top: -1px;right: 3px;}

.header-bar{
	width:100%;
	height: auto;
}

.panel-default > .panel-heading-custom {
    background: #3fc28e;
}

/*Login Page css Starts here*/
/*------------move footer at bottom --------*/  
    html,body{
        height: 100%
    }
    
    #holder {
        min-height: 100%;
        position:relative;
    }

    #body {
        padding-bottom: 100px;
    }

    #footer-login{
        bottom: 0;
        /* height: 100px; */
        left: 0;
        position: absolute;
        right: 0;
        z-index: -2;
        margin-bottom: 40px;
    }
    .car{
      position: absolute;
      margin-top: 12.5%;
      margin-left: 4%;
      background-color: #312e3c;
      z-index: 2;
    }
    /*------------end move footer at bottom --------*/  
    .login_class{
      background-color: #312e3c;      
      font-family: Roboto-Regular, sans-serif;
    }
    .after_login_class{background-color: #f8f9fb;font-family: Roboto-Regular, sans-serif;}
    body{
      
    }
    .btn-md{
      width: 100%;
    }
    .row.content {height: 450px}
    @media screen and (max-width: 767px) {
      .row.content {height:auto;} 
    }
    .margin_top_bottom{
      margin: 14% 0;
    }

    .margin_top_bottom_dispatch{
          margin: 5% 0;
        }


    /*---------toggle button ------------*/
    .switch {
      position: relative;
      display: inline-block;
      width: 42px;
      height: 21px;
    }

    .switch input {display:none;}

    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 17px;
        width: 17px;
        left: 3px;
        top: 2px;
        /*bottom: 1.2px;*/
        background-color: #312e3c;
        -webkit-transition: .4s;
        transition: .4s;
    }

    input:checked + .slider:before {
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px);
    }

    /* Rounded sliders */
    .slider.round {
      border-radius: 34px;
    }

    .slider.round:before {
      border-radius: 50%;
    }
  /*------------- end of toggle ---------*/
    .margin-bottom-25{
      margin-bottom: 25px
    }
    .full-width{
      width:100%;
    }
    .text-white{
      color: white;
    }
    .max_width_custom{
      max-width: 16%;
    }
    .max_width_centre{
      max-width: 27%;
      margin-right: 1%;
    }
    .login_hr{
      margin-top: 0px;
      margin-bottom: 0px;
      border: 0;
      border-top: 1px solid #6e6c76;
      position: inherit;
      bottom: 0px;
    }
    .btn-mud{
      background-color: #f3d267;
      border-color: #f3d267;
      padding-top: 9px;
      padding-bottom: 8px;
      line-height: 1;
    }
    .login_a{
      font-family: Roboto-Regular;
      color: #323233;
    }
    .login_span{
     font-family: Roboto-Regular;
      color: #fff;
      font-size: 12px;
    }
    .login-page-link{font-size: 14px;font-family:Roboto-Medium;}
    .forgot-password{color:#3CBA89;}
    .remember-me-link{color:#ccc;}
    .login_class .login-logo img{height: 200px;margin: auto;}
    .login_input{
      font-family: Roboto-Regular;
      color: #323233;
    }
    .width_10{
          width: 10%;
    }
    .login_class #loginForm #mobileNumber.form-control,.login_class #loginForm #password.form-control{
      background-color: #eee;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .form-forgotpassword{
    	padding: 15px;
	    background: #f8f9fb;
	    border-radius: 5px;
    }
    .form-forgotpassword .login-span-image-parent{
   		border: 1px solid #ccc;
    	border-right: none;
    }
    .form-forgotpassword #password.form-control,.form-forgotpassword #confirmPassword.form-control, .date-input-white-bg{
    	background-color: #fff !important;
    }
    .form-forgotpassword #forgotPasswordForm .valdr-message.ng-invalid{left: 30px;}
    .form-forgotpassword .btn-mud,.form-forgotpassword .btn-mud:focus{outline: none;}
    #mobileNumber,#password{
    	border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        width: 91.66%;
    }
    .login-span-image-parent{
    	min-height: 35px;
    	background-color: #eee;
    	border-radius: 4px 0px 0px 4px;
    	border-right: 1px solid #ccc;
    }
    .login-span-image-parent img{
    	width: 15px;
    	margin: auto;
    	float: none;
    	padding-top: 10px;
    }
    #password, #confirmPassword{
    	width: 91.66%;
    }

/*Login Page css Ends here*/
.marg-l-r-0-all{margin-left: 0px !important;margin-right: 0px !important;}
.ng-hide{display: none;}
.ng-show{display: block;}
.footer div{bottom: 0px;width: 100%;height: 50px;background-color: #25303f;text-align: center;padding-top: 15px;display: inline-block;}

.padd-top-3{padding-top: 3px;}
.page-min-height{min-height: 537px;}
.marg-l-15-all{margin-left: 15px !important;}
.save-apmt-btn,.cancel-apmt-btn,.edit-apmt-btn{width: 66%;padding: 15px 0px;font-weight: 700;float: right;outline: none;}
.float-left{float: left;}
.float-right {float: right;}
.edit-apmt-btn,.edit-apmt-btn:active,.edit-apmt-btn:focus{width: 100%;padding: 15px 0px;font-weight: 700;outline: none;}
.address-circle-left-padd{padding-left: 6px;}
.padd-10-all{padding: 10px;}
.font-weight-700{font-weight: 700;}
.default-cursor{cursor: default;}

.bottom-padding,.padd-b-40-all{
	padding-bottom: 40px;
}

.type-width{
	width: 10%;
}

.custom-padding-vendor-assign-button{
	padding-top: 10px;
}

.scroll-vendor-assignment{
	overflow-y:auto;
	max-height: 234px;
}
/* date picker styling */
#datepicker{
	cursor:pointer;
}
.table-condensed>tbody>tr>div, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>div, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>div, .table-condensed>thead>tr>th{
	cursor:pointer;
}
.table-condensed>tbody>tr>div:hover, .table-condensed>tbody>tr>th:hover, .table-condensed>tfoot>tr>div:hover, .table-condensed>tfoot>tr>th:hover, .table-condensed>thead>tr>div:hover, .table-condensed>thead>tr>th:hover{
	cursor:pointer;
	background-color: #ccc;
}
/*end date picker styling */

.footer-design{
	position: absolute;
    width: 100%;
}

.title-custom{
	padding-top: 19px;
    font-weight: bold;
    font-size: 16px;
}

.extra-margin-icon{
	margin-right: 7px;
}

.vendor-subtitles{
	font-weight: bold;
    margin-bottom: 10px;
}

.padding-vendor-subtitle{
	padding-left: 39px;
}

.padding2-vendor-subtitle{
	padding-left: 66px;
}

.padding-vendor-email{
	padding-left: 60px;
}

.add-padding-email{
	padding-left: 18px;
}

.vendor-margin-top{
	margin-top: -18px;
}

#separatorCommonPageSW.common-page-subheading-wrapper{
	padding: 0px;
}

#separatorCommonPageInvoice.common-page-subheading-wrapper{
	padding-top: 0px;
} 

/*********loader css***********/
#progress_circle_wrapper {
position: fixed;
z-index: 1051;
width: 100%;
position: fixed;
left: 0;
top: 0px;
right: 0px;
bottom: 0px;
background: #fff;/* rgba(221,221,221,0.65); */
}
.valign-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.hide {
display: none !important;
}
#progress-circle, #progress-circle1{
height: 60px;
width: 300px;
margin: auto;
}
.progress-circle-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.progress-circle-img {
width:auto;
height:auto;
}

.pos-rel {
position: relative;
}
.pos-abs {
	position: absolute;
}
.tp-40 { top:40px;}

/******** end loader css********/

.invoice-detail-title{
	background-color: #e0e7ef;
    padding-top: 25px;
    font-size: 16px;
}

.invoice-detail-sub-title{
	background-color: #e0e7ef;
    padding-top: 25px;
}

.first-line-upper{
	text-transform: uppercase;
}

.text-grey{
	color: grey;
}

.margin-extra-top{
	margin-top: 25px;
}

.margin-extra-top-20{
	margin-top: 20px;
}
.margin-extra-top-bottom-20{
	margin-top: 20px;
	margin-bottom: 20px;
}

/*********progress bar css**********/
.header-progress-container {
  text-align: center;
  background-color: white;
  border-radius: 10px;
}

.header-progress-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.header-progress-item {
  position: relative;
  display: inline-block;
  width: 200px;
  text-align: center;
  line-height: 3em;
}
.header-progress-item:after {
  position: absolute;
  display: block;
  z-index: 1;
  bottom: -2px;
  left: -100px;
  height: 3px;
  width: 200px;
  content: "";
  background-color: grey;
}
.header-progress-item:before {
  position: absolute;
  z-index: 2;
  bottom: -8px;
  left: 95px;
  height: 15px;
  width: 15px;
  border-radius: 20px;
  border: 2px solid grey;
  line-height: 1.2em;
  content: " ";
  background-color: #E60000;
}
.header-progress-item:first-child:after {
  display: none;
}

.header-progress-item.done {
  color: #A4A4A4;
}

.header-progress-item.todo {
  color: #DDDADD;
}
.header-progress-item.todo:after {
  background: #F1F1F1;
}
.header-progress-item.todo:before {
  background-color: #DADADA;
}
.no-design .header-progress-item:after, .no-design .header-progress-item:before{
	display: none;
}
.header-progress-item.circle1:before{
	background-color: #29b3fe;
}
.header-progress-item.circle2:before{
	background-color: #eb773e;
}
.header-progress-item.circle3:before{
	background-color: #fdd868;
}
.header-progress-item.circle4:before{
	background-color: #41c18d;
}
/************end progress bar css********/

.icon-size{
	font-size: 20px;
	color: black;
}

.font-size-20{
	font-size: 20px;
}
.font-size-35{
	font-size: 35px;
}
.font-size-30{
	font-size: 30px;
}
.font-size-32{
	font-size: 32px;
}
.font-size-16{
	font-size: 16px;
}

.font-size-14{
	font-size: 14px;
}
.title-custom-appointment{
	font-weight: bold;
	padding-top: 9px;
	text-align: center;
}

.padding-extra-create-appointment{
	padding-left: 31px;
}

.float-text-right{
	float: right;
}

#addressForm select:disabled{
	cursor: progress;
}

.minus-bottom-padding,.padd-b-0-all{
	padding-bottom: 0px;
}

.col-xs-offset-4-paading{
	margin-left: 30.333333%;
}

.highlighted-color{
	color: #ccc;
}
.change-color{
	color:black;
}
.highlighted-requested {
    background-color:#43bba4e0;
    color:white;
}
.highlighted-offeredBid {
    background-color:#F7FE2E;
}
.customer-detail-address-detailPage-list{
	text-align: left;
    font-size: 14px;
    margin-top: 10px;
}

.title-custom-appointment-edit{
	font-weight: bold;
    padding-top: 9px;
    text-align: center;
    margin-top: 10px;
}

.align-remarks{
	padding-left: 16px;
}

.align-remarks-text,.marg-t-10-all{
	margin-top: 10px;
}

.edit-apmt-button{
	width: 66%;
	font-weight: 700;
	float: right;
	outline: none;
	float: left;
	padding: 15px 0px;
}

/*media query annotations*/
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.new-appointment-button,.assign-btn{font-size: 12px;padding: 6px 5px;}
	.assign-btn-profile{ font-size: 9px;padding: 6px 5px;}
	.navbar-brand {margin: 0px 6px;font-size: 14px;}
	.type-service-padd{padding-right: 0px;}
}
@media only screen and (min-width: 1200px){
	.new-appointment-button{font-size: 14px;}
	.assign-btn-profile{ font-size: 11px;}
	.type-service-padd{padding-right: 15px;}
}

@media only screen and (min-width: 1200px)  and (max-width: 1300px){
	.assign-btn{font-size: 12px;padding: 6px 8px;}
	.assign-btn-profile{font-size: 10px;padding: 6px 8px;}
}
@media only screen and (min-width: 1300px)  and (max-width: 1678px){
    .btn .caret{
       margin-left:10px;
    }
}
@media only screen and (min-width:1678px) {
	.car{
	     margin-top: 0px;
	     bottom: -20px;
	}
	.btn .caret{
    	 margin-left:15px;
    }
}
@media only screen and (max-width: 540px){
   .feedback-submit-btn { width: 50%; font-size: 18px; padding: 8px;}
}
.modal-footer{border-top: 0px;}
.form-control:focus {
	/* border:none; */
	box-shadow:none;
	-webkit-box-shadow: none;
}
.input-group-addon {background-color: #f8f9fb;}
.assign-btn{border-radius:15px;padding: 3px 12px;margin: 3px 0;/* height: 27px; */line-height: 1.5;min-width: 79px;}
.up-down-arrow{background-color: white;border: none;}
.arrow-color{color:#41c18e;font-size: 30px;}
.bg-light{background: lightgray;padding: 10px;}
.bg-white{background: white;padding: 10px;}
.b-w{background: white;padding: 10px;margin-top:10px;}
.m-t-10{margin-top:10px;}
.m-b-10{margin-bottom:10px;}
.c-b{color:black;}
.assign-btn span{vertical-align: middle;}
.border{border: 1px solid #dedddf;}
.odd{background-color: #fcfcfc;}
.even{background-color: #ffffff;}

.countTooltip {
  position: relative;}

.countTooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #507298;
  font-family: Roboto-Regular;
  font-size:18px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 8px;
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 40%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.countTooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color:  transparent transparent #507298 transparent;
}
.countTooltip .addrsstooltip::after {
  left: 23.55%;
 }
.countTooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

#patientDelete.modal-body, #deleteAddress.modal-body{height: auto;overflow-y: initial;}
.modal-body{height: auto;overflow-y: initial;}/*450px*/
.modal-content{border-radius: 8px;}
.modal-header{
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.modal-header i{cursor: pointer;}
.modal-content{
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.invoicebackcolor{background-color:#F0F0F0;}
.invoiceDropDown {position: absolute;width: 100%;background-color:#fff;padding: 15px 30px;z-index: 2;top: 43px;}
.invoiceDropDown > div {padding: 10px 0px;}
.noEditInputModeClass {background-color: transparent;border: none;box-shadow: none;}
.btn-edit-invoice {position: absolute;top: 0px;right: 0px;}
.marg-auto-all {margin: auto;}
.pos-abs-right-45 {right:45px;}
.btn-edit-invoice:focus {outline: none;}
::-webkit-scrollbar{
	width: 5px;
	height: 12px;
}

::-webkit-scrollbar-track{
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #cddadd;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb{
	background-color: rgba(70, 89, 92, 0.6);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover{
	background: #707B7C;  
}

/*Valdr Validation CSS Styling*/
.valdr-error-msg {
	color: #DA5336;
}

.valdr-message {
	display: none;
}

.valdr-message.ng-invalid.ng-touched.ng-dirty {
	display: inline;
	background: transparent;
	color: rgba(208, 19, 19, 0.69);
}

.valdr-message {
	display: none;
}
.valdr-message.ng-invalid.ng-dirty.ng-touched, 
.form-submitted .valdr-message.ng-invalid,.addressform-submitted .valdr-message.ng-invalid,
.addclient-submitted .valdr-message.ng-invalid,
.addadjustor-submitted .valdr-message.ng-invalid,.ncmform-submitted .valdr-message.ng-invalid,
.addcontact-submitted .valdr-message.ng-invalid, .addclaim-submitted .valdr-message.ng-invalid
{
	display: inline;
	color: #DA5336;
}

select.ng-invalid.ng-dirty.ng-touched,input.ng-invalid.ng-dirty.ng-touched, 
.form-submitted input.ng-invalid,.addressform-submitted input.ng-invalid,.addclient-submitted input.ng-invalid,
.addadjustor-submitted input.ng-invalid,.ncmform-submitted input.ng-invalid,
.addcontact-submitted input.ng-invalid,.addclaim-submitted input.ng-invalid,
.form-submitted select.ng-invalid,.addressform-submitted select.ng-invalid,.addclient-submitted input.ng-invalid,
.addadjustor-submitted select.ng-invalid,.ncmform-submitted select.ng-invalid,
.addcontact-submitted select.ng-invalid,.addclaim-submitted select.ng-invalid
{
	border: #DA5336 solid 1px;
}

#AssignAutoManualModalBody {height: 177px;overflow-y: auto;}
.custom-red{color: #DA5336;}
.custom-red-border{border-color: #DA5336;/*border: 1px solid #DA5336 !important;*/}
.custom-red-border:focus {outline: 1px solid #DA5336 !important;}
.validationMessage {position: absolute;left:0px;top: 35px;}
.validationMessageBotZero{bottom:0px;top: auto;}
.txt-align-cen {text-align: center; }
.txt-align-right {text-align: right;}
.login-custom-red-border{border: 1px solid #DA5336 !important;border-radius: 4px;}
.login-input{border: 1px solid transparent;}
/*End Valdr Validation CSS Styling*/

.wid-20pc {width:20%;position: relative;min-height: 1px;float: left;}
.wid-15pc {width:15%;position: relative;min-height: 1px;float: left;}
.invoiceDetailTripTimeWrapper > div > div {width: 15px;height: 15px;border-radius: 50%;margin: auto;} 
.back-color-dk-blue {background-color: #4b729e;}
.back-color-transparent {background-color: transparent;}
.back-color-lt-blue {background-color: #1bb4f2;}
.back-color-orange {background-color: #f2813e;}
.back-color-yellow {background-color: #ffd860;}
.back-color-green {background-color: #62be8e;}
#invoiceDetailTripLine,.invoiceDetailTripLine {height: 1px;position: fixed;background-color: #a7a6a6;} /* #ddd */
.invoiceDetailTripTimeWrapper {z-index: 1;}
.right-tab{border: 1px solid #dddddd;
    border-left: none;}
.left-tab{
	border: 1px solid #dddddd;
    border-right: none;
}
/* Tab Active */
.tab-active{border-bottom: 5px solid #827e7e;/* border-bottom-color: #507298; */}
.cursor-pointer{cursor: pointer;}

/*Text Wrap*/
.text-wrap{white-space: pre-line;word-wrap: break-word;}

.multiselect-container .checkbox{white-space: pre-line;word-wrap: break-word;}

/*Remove Angular {{binding}}*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.padd-t-b-0-all{padding-top: 0px;padding-bottom: 0px;}
.action-btn{width: 30px;
    height: 30px;
    padding: 3px;
    /* padding-top: 4px; */
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: #312e3c;
    line-height: 1.4}
.action-reject-border{border: 2px solid #ed525c;}
.action-accept-border{padding-top: 4px;border: 2px solid #44bc8d;}
.action-bid-edit-size{height: 30px;width: 30px;}
.action-bid-notinterested-border{border: 2px solid #999898;}
/* .action-bid-notinterested-border,.action-reject-border,.action-bid-edit-border{padding-top: 3px;} */
.action-bid-edit-border img,.action-bid-notinterested-border img,.action-reject-border img,.action-accept-border img{width: 16px;height: 16px;}

.fa-fa-mobile{font-size: 22px;margin-right: 5px;}
.padd-l-r-15-all{padding-left: 15px;padding-right: 15px;}
.padd-l-62-all{padding-left: 62px;}
.lang-close-position{position: absolute;top: 4px;padding-left: 4px;right: 3px;}
.language-block{width: auto;margin-bottom: 10px;}
.nav-icon-size{height:16px;margin-left: -3px;}
.language-block span{margin-right: 6px;}
.width-190{width: 190px;}
.width-225{width: 225px;}
#deleteAddressModal .modal-body{height: auto;}
.address-block-wrapper{border: 1px solid #dddddd;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-bottom: 0px;}
.address-details-title{margin-bottom: 0px;}
.address-circle{width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: auto;
    background: #cce6ff;
    float: right;
    text-align: center;
    padding: 2px;}
.address-circle-number{
    width: 18px !important;
    height: 18px !important;
    border-radius: 50%;
    font-size: 11px;
    margin: auto;
    color: #fff;
    text-align: center;
    padding: 2px;}
.address-circle-position{position: absolute;top: -2px;left: -30px;}
.filter-pipe-padd{padding-left: 4px;}
.multileg-separator{padding-top: 10px;padding-bottom: 10px;}
.file-upload-padd{padding-top: 10px;}
#appointmentReconfirmModal .modal-body{height: auto;overflow: inherit;}
/*map-css*/
#map { 
    height: 400px;
    margin: 20px 0;
    border-radius: 5px;
    border: 1px solid silver;
}
.map-dialog{width: 85%;}

/*Loading Bar*/
.loading {
	width: 100% !important;
	background-color: rgba(0, 0, 0, 0.1) !important;
	position: fixed !important;
	height: 100% !important;
	z-index: 2147483647 !important;
	top: 0;
	left: 0;
}
#progress_circle_wrapper img{width: 50px;height: 50px;}
.btn-width-auto{width: auto;padding: 0px 50px;}
.btn-width-auto-padding{width: auto;padding: 0px 16px;}
.btn-width-auto span{vertical-align: text-bottom;line-height: 1;}
.csv-btn-padd-b-20{padding-bottom: 20px !important;}
.service-area-block{border: 1px solid #dddddd;border-radius: 6px;margin-bottom: 10px;}
.review-block{border: 1px solid #dddddd;border-radius: 6px;background-color: white;}
.appointment-info-block .padd-r-0-15-all{height: 60px;}
.appointment-list-text-center{transform: translateY(25%);}
.marg-t-33-all{margin-top: 33px;margin-bottom: 0px;}
.marg-b-30-all{margin-bottom: 30px;}
.marg-t-30-all{margin-top: 30px;}
.verified-address-btn{text-align: left;padding-right: 0px;padding-top: 8px;padding-left: 0px;margin-left: 10px;}
.font-weight-normal{font-weight: normal;}
.vertical-align-sub{vertical-align: sub;}
.selection-table-header{
	font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #c7caca;
}
input[type=radio]{position: relative;top: -1px;}
.pos-rel-top--3{position: relative;top: -3px;}
.bid-value{ position: absolute;left: 120px; }
.tab-view{ background-color: #ffffff;border-bottom: 1px solid #eee;}
.tab-view a:hover{text-decoration: none;}
.notes-action-btns{position: absolute;top: 4px;right: 20px;display: inline-flex;}
.notes-action-btns .edit-icon{right: 40px;width: 15px;font-size: 20px;}
.notes-action-btns .delete-icon{right: 20px;width: 15px;font-size: 20px;top: -1px;}
.fa.fa-calendar{position: relative;top: 2px;}
.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: right;
    color: grey; 
    position: absolute;
    right: 15px;
    top: 20px;
}
.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    
}
#notes .alert{margin-bottom: 0px;}
#provider-detail, #provider-notes, #driver-list{color: #827e7e;text-decoration: none;}
#notes .alert.inside-alert{margin-bottom: 20px;}
.overflow-ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.confirmation-block-msg{background-color: #f4eeee;border-radius: 5px;padding: 10px;line-height: 1;}
.top-abs-t-100{display:flex; align-items:center !important; flex-direction:column-reverse;}
.logo-max-w-94{max-width: 50% !important;}
.right--15-all{right: -15px;}
.height-50-all{height: 50px;}
.appointment-service-checkbox{ position: relative;top: 2px;right: 5px;}
.preferred-vendor-disabled{cursor: default !important;pointer-events: none !important;text-decoration: none !important;}
.disbaled-text{color:#9f9d9d !important;}
.screeningField {
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    border-radius: 3px;
    border-color: #ccc;}
/*------------- acute-select.css------------------*/

.ac-select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%; /*--------- for firefox ----------*/
}
.ac-select-wrapper, .ac-select-wrapper input, .ac-select-wrapper select {
    font-family: inherit;
    font-size: 14px;
    color: #000; /* #999999; */
    background-color: transparent; /*white;*/ 
    border-radius: 3px;
}
.ac-select-main {
    vertical-align: middle;
    padding-left:2px;
    margin-right: -1px;
   /* height: 100%;  /*21px;*/
    overflow: hidden;
    border: 1px solid #c0c0c0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ac-select-main-closed {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.ac-select-main-open {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ac-select-table {
    padding-left: 2px;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    /*min-width: 150px;*/
}

.ac-select-display {
    padding-left: 3px;
    vertical-align: middle;
}

.ac-select-table div {
    white-space: nowrap;
    padding: 0px;
    width: 97%;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ac-select-widener div {
    visibility: hidden;
    padding: 0px;
}

div.ac-select-longest {
    padding-right:4px;
}

div.ac-select-image {
    /* background-image: url('images/dropdown.gif'); */
    height: 21px;
    width: 19px;
    cursor: pointer;
    vertical-align: bottom;
    margin-bottom: 0px;
    position: absolute;
    right: 0px;
}

div.ac-select-popup {
    position: absolute;
    top: 34px; /*22px;*/
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    /* border: 1px solid #ccc; */
    border-radius: 3px;
    z-index: 99999999;
    background-color: white;
    padding-top: 2px;
    padding-left:2px;
    /*padding-bottom: 2px;*/
}

div.ac-select-list {
    /* overflow: auto; */
    overflow-y: auto;
    overflow-x: hidden;
    /* margin-bottom: 1px; */
}

div.ac-select-no-items {
    padding-left: 3px;
}

.ac-select-text-wrapper {
    padding: 0 3px;
}

.ac-select-text {
    width: 100%;
    padding-left: 2px;
    margin-left: -2px;
    border-width: 0px;
}


.ac-select-search-wrapper {
    padding: 0; /*0 6px;*/
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 2px;
    margin-left: -2px;
    padding-left: 6px;
}

.ac-select-search-wrapper table {
    width: 100%;
}

.ac-select-search {
    padding-left: 2px;
    width: 100%;
    margin-left: -3px;
}
.ac-select-search.ac-custom-input{
	border: 1px solid #ccc;
}

div.ac-select-add {
    cursor: pointer;
    width: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.ac-select-add div {
    border: 1px solid transparent;
    margin: 4px;
    width: 16px;
    line-height: 16px;
}

.ac-select-add div:hover {
    border: 1px solid #d0d0d0;
    /*background-color: #f0f0f0;*/
}

.ac-select-disabled {
    color: #c0c0c0;
    cursor: pointer;
}

.ac-select-highlight {
    background-color: #d0d0d0;
}

.ac-select-popup ul {
    cursor: pointer;
    padding: 3px 0px 3px 0px;
    margin: 0;
    text-align: left;
    list-style: none;
    width: 100%;
}

.ac-select-popup li {
    padding-left: 3px;
    margin-right: 3px;
    margin-left: 3px;
    white-space: nowrap; 
    word-break: break-word;
    width: 100%;
  	overflow: hidden;
  	text-overflow: ellipsis; 
  	/* height: auto !important; */
}

.ac-select-popup li:hover {
    background-color: #f0f0f0;   
}

.ac-select-load-more {
    color: #808080;
    width: 97%;
    margin: 3px 6px 3px 6px;
    line-height: 18px;
    border-top: 1px solid #d0d0d0;
}

.ac-select-loading {
    padding-left: 6px;
    color: #808080;
}

.ac-select-load-more span {
    cursor: pointer;
    padding-left: 12px;
}
.width-100pr{
	width: 100%;
}
.width-4pr{
	width: 4%;
}
.width-115{
	width: 115px;
}
.width-300{
	width: 300px !important;
}
.padding-6{
	padding: 6px;
}
.place-holder-span{
	position: absolute;
	z-index: 0;
	color: #9c999c;
	padding-left: 7px;/*11*/
	padding-top: 8px;
	padding-bottom: 6px;
	padding-right: 6px;
	/*position: absolute;z-index: 1;color: #9c999c;width: 85%;background-color: white;*/
	   /*----18dec--
	   background-color: #fff;
	   left: 0;
	   right: 0;
	   ----end - 18dec--*/
	overflow: hidden;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 94%;
}
.place-holder-span.readonly{z-index: 1;}
.place-holder-span.back-dropdown{padding-top: 6px;}
.stateList.popup-upside div.ac-select-popup{
	position: absolute;
    top: -277px;
    /* border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc; */
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 99999999;
    background-color: white;
    padding-top: 2px;
    padding-left: 2px;
    /* padding-bottom: 2px; */
}
.width-13pr{
	width: 30%;
}
.back-dropdown{
	color: #5c5b59;
    font-size: 17px;
    padding-left: 50px;
    font-family: Roboto-light;
}
.form-control.font-color.background-color-transparent{
	background-color: transparent;
}
.ac-select.stateList.disabled{
	background-color: #e5e5e5;
}
.ac-select.intakeDetail.disabled{
	background-color: #e5e5e5;
}
.z-index-1{
	z-index:1;
}
.z-index-9999{
	z-index:9999;
}
.width-inherit{
	width:inherit;
}
.left-16px{left: 16px;}
.background-color-transparent.ac-select-main.custom-red-border{border-color: #DA5336;}
.backButton-Dropdown{
	border: 1px solid #5c5b59;
    color: #5c5b59;
    font-size: 16px;
    height: 35px;
}
@-moz-document url-prefix() { 
  	#document.invoice-file-input , #providerDocumentFile{
		padding: 0px;
    	padding-bottom: 33px;
		height: 33px;
	}
	
}
.ac-select-popup li {
	color: #000;	
}	
.ac-select-wrapper .ac-select-table span.padding-6.selectedText{padding-left: 2px;}
.custom-li-color li:first-child {
	color: #999999;	
}	
.margin-t-8px{margin-top: 8px;}
.width-15pr{width: 15.25%;}
.loader-spinner{position: absolute;right: 13px;top: 0px;}
.height-35px{height:35px}
.mar-t-0.margin-b-4px{margin-bottom: 4px;}
.border-none{border: none;}
.assign-mils-txtbox{position: relative;right: -45px;}
.circulation-cb{float: right;font-size: 14px;padding-top: 5px;}
.circulation-btn{position: absolute;right: 22px;}
.update-appointment #DummyHoursDropdown .ac-select-table .ac-select-image,.update-appointment #DummyMinutesDropdown .ac-select-table .ac-select-image{ right: 0px; }
/* #EstimateWaitTimeDummyHoursDropdown .ac-select-table .ac-select-image,
#EstimateWaitTimeDummyMinutesDropdown .ac-select-table .ac-select-image,
#EstimateDummyHoursDropdown .ac-select-table .ac-select-image,
#EstimateDummyMinutesDropdown .ac-select-table .ac-select-image{ right: -8px; } */
/*------------------ end of acute-select.css---------*/

/****** FIREFOX BROWSER CSS ******/
@-moz-document url-prefix() {
   input[type=radio]{top: -2px;}
}
button.multiselect{padding: 6px;}

.arrow-down:after,.arrow-up:after{content: ' ';position: relative;left: 1px;border: 7px solid transparent;}
.arrow-down:after{top: 12px;border-top-color: #507298; margin-left: 5px;}
.arrow-up:after{bottom: 12px;border-bottom-color: #507298; margin-left: 5px;}
.arrow-down,.arrow-up{padding-right: 10px;}

.validation-error-message{
	color:#DA5336;
}
.upload-add-btn-disable-info{
    position: relative;
    bottom: 30px;
    left: 142px;
    font-size: 21px;
}
.invalid>div {
    border-color: #DA5336;
}
.tracking-map{
	/*position: relative;overflow: hidden;width: 335px;height: 215px;*/
	position: relative;overflow: hidden;width: 100%;height: 260px;
}

.progress_ {
    height: 7px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #4989bd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress_-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.progress_-bar-success {
    background-color: #5cb85c;
}
.progress_-bar-danger {
    background-color: #d9534f;
}
.progress_-bar-warning {
    background-color: #f0ad4e;
}
.progress_-bar-info {
    background-color: #5bc0de;
}
.left{
    position: absolute;
    margin-top: -7px;
    z-index: 1;
    height: 20px;
    width: 20px;
	border-radius:25px;
	
}

.primary-color{
	background-color:#4989bd;
}
.success-color{
	background-color:#5cb85c;
}
.danger-color{
	background-color:#d9534f;
}
.warning-color{
	background-color:#f0ad4e;
}
.info-color{
	background-color:#5bc0de;
}
.no-color{
	background-color:inherit;
}
.tooltipm {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted #a4d1f6;*/
}

.tooltipm .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #a4d1f6;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 110%;
  transition-delay: 0.2s;
}

.tooltipm .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #a4d1f6 transparent transparent;
}
.tooltipm:hover .tooltiptext {
  visibility: visible;  
  box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.19);
}

.tooltiptext,.wrap-text{
	white-space: normal;
}

.ref{
	color:#03A9F4;
}
.tracker-inner-color{
	color: gray;
}

.single-trip:before, .single-trip:after {
    display: none !important;
}

/****** START CUSTOM PROGRESS BAR CSS ******/
.progressbarcustom {
    margin-bottom: 30px;
    margin-top: 10px;
    counter-reset: step;
    clear: both;
    list-style: none;
}
.progressbarcustom li {
    font-size: 12px;
    width: 15%;
    float: left;
    position: relative;
    text-align: center;
}
.progressbarcustom li:before {
    /*content: counter(step);
    counter-increment: step;*/
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 12px;
    background: #a6a9a7;
    border-radius: 15px;
    margin: 0 auto 4px;
    color: white;
}
.progressbarcustom .trip-label{
	background: #a6a9a7;
	color: white;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: auto;
    padding-top: 2px;
}
.progressbarcustom li:after {
    content: '';
    width: 75%;
    height: 3px;
    background: #a6a9a7;
    position: absolute;
    left: -38%;
    top: 9px;
}
.progressbarcustom li:first-child:after {
  content: none;
}
.progress-payment li {
  width: 50%;
}
.progressbarcustom li.active:after,
.progressbarcustom li.active:before,
.progressbarcustom li.active .trip-label {
  background: #27ae60;
  color: white;
}

.progressbarcustom li.complete:after,
 .progressbarcustom li.complete .trip-label{
  background: #27ae60;
}
.progressbarcustom li.half-complete:after {
  background: radial-gradient(50% 300% at 25% 50%, #27ae60 50%, #B9B9B9 40%);
  color: white;
}
.eta-label{
	position: absolute;
	top: -35px;
	background-color: #a4d1f6;
	color: black;
	text-align: center;
	border-radius: 6px;
	padding: 5px 5px;
	transition-delay: 0.2s;
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.19);
}
/****** END CUSTOM PROGRESS BAR CSS ******/
.eta-label:after {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   /* margin-left: -10px; */
   /* border-width: 7px;
   border-style: solid;
   border-color: transparent #a4d1f6 transparent transparent; */
   width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;  
  border-top: 5px solid #a4d1f6;
}

.eta-label.complete, .ref.complete{
	display:none;
}

.uber-assignment-confirmation-modal{width: 845px;}
.marg-l{
	margin-left:35.6%;
}
.marg-l-p{
	margin-left:4.6%;
}
.marg-l-1{
	margin-left:1.5%;
}

/* css for navbar */

	/* Shrinking the sidebar from 250px to 80px and center aligining its content*/
    .layout-sidebar.active {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
    }
    
    /* Toggling the sidebar header content, hide the big heading [h3] and showing the small heading [strong] and vice versa*/
    .layout-sidebar.active .sidebar-header img {
        display: none;
    }
    
    .layout-sidebar ul li a {
        text-align: left;
    }
    
    .layout-sidebar.active ul li a {
        padding: 20px 10px;
        text-align: center;
        font-size: 0.85em;
    }
    
    .layout-sidebar.active ul li a i {
        margin-right:  0;
        display: block;
        font-size: 1.8em;
        margin-bottom: 5px;
    }
    
    /* Same dropdown links padding*/
    .layout-sidebar.active ul ul a {
        padding: 10px !important;
    }
    
    /* Changing the arrow position to bottom center position, 
       translateX(50%) works with right: 50% 
       to accurately  center the arrow */
    .layout-sidebar.active .dropdown-toggle::after {
        top: auto;
        bottom: 10px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }

    #sidebar-collapse {
        margin-left: -3px;
    }

    .bar-icon {
        padding: 10px;
    }

    .bar-icon:hover {
        background: #5f6368;
        border-radius: 50%;
    }

    #tranAssuredLogo {
        max-width: 180px;
        vertical-align: middle;
        margin-bottom: 0.65em;
    }

/* Css for navbar end */


.trip-cancelled{
	display:none;
}

hr.line {
  border-top: 1px solid ;
  opacity: 0.3;
  margin-top: 0px;
}
 hr.lineSeparator{
	 border-top: 1px solid ;
     opacity: 0.3;
     margin-bottom: 0px;
} 
/*glyphicon kebab menu started*/
.kebabMenu{
	display:inline-block;
	
}
.kebabMenu .btn{
 text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 50%;
  margin-bottom:7px;
 }
 
.btn-circle{  
 margin-top:10px;
    width: 35px;
    height: 35px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;}
  
.kebabMenu .btn:hover {
	  background-image:none;
background-color:#d5d7db;
}

.kebabMenu .tripleDot{
    width: 3px;
    height: 3px;
    background-color: #858585;
    border-radius: 70px;
    margin-top: 3px;
    margin-left: 14px;
}
.kebabMenu .tripleDropdownList{
	position: absolute;
	top: 40px;
	left: 80px;
	background-color: #26b8f4;
	margin:0;
	padding:0;
}
.kebabMenu .dropdownList{
	position: absolute;
	top: 40px;
	margin-left: -40px;
	background-color: #26b8f4;
	padding:0;
}
.kebabMenu .tripleDropdownList li a {
	color: #fff;
	padding: 5px 20px 3px;
   /* background: linear-gradient(to right, #7a8889, #302e3b); */
}
.kebabMenu .tripleDropdownList li a:hover {
	background: linear-gradient(to right, #26b8f4, #26b8f4);
	text-decoration: none;
	}
.kebabMenu .dropdown-menu .divider{
	margin:0;
}

.kebabMenu .dropdown-menu{
	font-size: 11px;
}
/*glyphicon kebab menu ended*/

/* style for eye password*/
.field-icon {
      float: right;
      margin-right: 21px;
      margin-top: -28px;
      position: relative;
      z-index: 2;
      cursor: pointer;
      font-size: 20px;
}

.img-responsive{
    display:-webkit-inline-box;
}

.img-responsive-dispatch{
    display:flex;
    height: 350px !important;
}

.scheduling-unavailble{
	color: #a94442;
    background-color: #f2dede !important;
    border-color: #ebccd1;
}

.green-uber-ride-indicator{
    color: #52a91b;
    background-color: #a6f2b2 !important;
    border-color: #a6f2b2;
}

.yellow-uber-ride-indicator{
    color: #52a91b;
    background-color: #ffd633 !important;
    border-color: #ffd633;
}

.red-uber-ride-indicator{
    color: #a94442;
    background-color: #f2dede !important;
    border-color: #ebccd1;
}

.invalid {
	border: 2px solid red;
}

.force-stop-location{
	background: #EA4335 !important;
}
.need-help{
	font-size: 13px;
}
.modal {
  overflow-y:auto;
}
.cached{
	background:rgb(218, 218, 218);
}

.ratingControl {
	position: relative;
	width: 300px;
	height: 52px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0 auto;
}
.ratingControl input {
	visibility: hidden;
}

.ratingControl-stars {
	position: absolute;
	top: 0;
	width: 60px;
	height: 52px;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2015%2014%22%20version%3D%221.1%22%3E%0A%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22%23FEC844%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(-108.000000%2C%20-385.000000)%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(108.000000%2C%20316.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0.000000%2C%2069.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%227.5%2011.25%203.09161061%2013.5676275%203.93353806%208.65881373%200.367076128%205.18237254%205.2958053%204.46618627%207.5%200%209.7041947%204.46618627%2014.6329239%205.18237254%2011.0664619%208.65881373%2011.9083894%2013.5676275%20%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
	background-size: auto 52px;
	background-repeat: no-repeat;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.ratingControl-stars:hover, .ratingControl-stars:hover ~ .ratingControl-stars, input:checked ~ .ratingControl-stars {
 	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2215px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2015%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22%23FEC844%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%3Cg%20transform%3D%22translate(-108.000000%2C%20-385.000000)%22%20fill%3D%22%23FEC844%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(108.000000%2C%20316.000000)%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0.000000%2C%2069.000000)%22%20id%3D%22Star-7%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%227.5%2011.25%203.09161061%2013.5676275%203.93353806%208.65881373%200.367076128%205.18237254%205.2958053%204.46618627%207.5%200%209.7041947%204.46618627%2014.6329239%205.18237254%2011.0664619%208.65881373%2011.9083894%2013.5676275%20%22%3E%3C%2Fpolygon%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E");
 }
.ratingControl-stars:active, .ratingControl-stars:active ~ .ratingControl-stars, input:checked ~ .ratingControl-stars:active {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2215px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2015%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22%23FFE39C%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-108.000000%2C%20-385.000000)%22%20fill%3D%22%23FFE39C%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(108.000000%2C%20316.000000)%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0.000000%2C%2069.000000)%22%20id%3D%22Star-7%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%227.5%2011.25%203.09161061%2013.5676275%203.93353806%208.65881373%200.367076128%205.18237254%205.2958053%204.46618627%207.5%200%209.7041947%204.46618627%2014.6329239%205.18237254%2011.0664619%208.65881373%2011.9083894%2013.5676275%20%22%3E%3C%2Fpolygon%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.ratingControl-stars--05 {
	left: 0px;
}

.ratingControl-stars--1 {
	left: 0px;
}

.ratingControl-stars--15 {
	left: 60px;
}

.ratingControl-stars--2 {
	left: 60px;
}

.ratingControl-stars--25 {
	left: 120px;
}

.ratingControl-stars--3 {
	left: 120px;
}

.ratingControl-stars--35 {
	left: 180px;
}

.ratingControl-stars--4 {
	left: 180px;
}

.ratingControl-stars--45 {
	left: 240px;
}

.ratingControl-stars--5 {
	left: 240px;
}

.ratingControl-stars--half {
	width: 30px;
}

.starsView {
	position: relative;
	float: left;
	font-size: 28pt;
	line-height: 1em;
}

.starsView:before {
	content: "\2606\2606\2606\2606\2606";
	float: left;
	color: rgb(255, 200, 0);
}

.starsView .percent {
	position: absolute;
	left: 0;
	float: left;
	overflow: hidden;
}

.starsView .percent:after {
	content: "\2605\2605\2605\2605\2605";
	color: rgb(255, 200, 0);
}

.stars-wrapper{
	position: relative;
	top: -10px;
}
.individual-stars-wrapper{
	position: relative;
	top: -7px;
}


/* write custom css for step process*/
.timeline-wrapper {
  margin-left: 1.5rem;
  border-left: 3px solid #ddd;
}
.node {
  padding-left: .5rem;
  padding-bottom: 1.5rem;
  position: relative;
}
.node h3, .node p {
  margin: 0;
}

.nodeCir{
    top: .0rem;
    left: -.9rem;
    width: 1.6rem;
    height: 1.4rem;
    border-radius: 50%;
    border: 2px solid #ccc;
}
.emailsendingPreference{
    padding-top: 5px;
    margin-left: 10px;
}
.height-45{
height: 45px !important;
}

.agencyNotification {
  color: white;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}
.agencyNotification .agencyNotify {
   position: relative;
   display: inline-block;
   width: 25px;
   height: 25px;
   background-color: #ff0000; /* Red background color for the dot */
   border-radius: 50%; /* Creates a circular shape */

}
.agencyNotification .agencyNotifyNumber{
   position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #ffffff; /* White text color */
     font-size: 10px;
     font-weight: bold;
    }
.boldNotification{
font-weight: bold
}

/*
.node::before {
//this code nodeCir css
    left: -.8rem;
    width: 1.4rem;
    height: 1.4rem;
 //end
  content: "";
  width: .5rem;
  height: .5rem;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 50%;
  position: absolute;
  top: .3rem;
  left: -.5rem;
}
*/
/* custom step process code end*/