html, body, form, ol, ul, h1, h2, h3, h4, h5, h6, dl {
  margin:0;
  padding:0;
 }

body {
  font-family: Lato, Arial, sans-serif;
  font-size:11pt;
  color:#666;
  font-weight:400;
 }
 
img {border:0px none;}
.clear {clear:both;}
li {list-style-type:none;}
.leftAlign {float:left;}
.textCenter {text-align:center!important;}
.vMiddle {vertical-align:middle;}
.subAlign {vertical-align:sub;}
.valignTop {vertical-align:top;}
.rightAlign {float:right;}
.valignBottom {vertical-align:bottom;}
.imgBdr {border:1px solid #8FB9D0;}
.last {margin-right:0px !important; border-bottom:0px none !important;}
.fine {font-size:9pt;color:#666;}
small {font-size:8pt; color:#6d6d6d;}
.txtRight {text-align:right !important;}
.txtLeft {text-align:left !important;}
.last {margin-right:0; padding-right:0;}
label {cursor:pointer;}
label.inline {cursor:pointer; display:inline-block; margin-bottom:0.1rem}
table {width:100%;  border-spacing: 0;}
.errorSm {color:#ff0000;font-size:9pt;}
input[type="submit"],
input[type="button"] {
  -webkit-appearance:none;
 }

 .pb-0 {
  padding-bottom: 0;
 }

.noPadding {
  padding: 0 !important;
}

input:disabled,
select:disabled {
  background-color:#ddd !important;
 }
 
th {text-align:left;}
.calendar {background:#fff url('../images/calendar.png') 96% 50% no-repeat;}
.linkCl {color:#009a8c;}

.open, 
.no,
.inQueue {
  color:#e74c3c;
 }

 .rightSpacing {
  padding-right: 15px !important;
 }

.new {
  color:#e67e22;
 }

.closed, 
.paid,
.filled, 
.yes,
.processed {
  color:#87b41b;
 }
 
.processing,
.running {
  color:#e67e22;
 }

.hiddenMenuLink {
 display:none !important;
 }

.dateRangePicker {
  float:left;
  color:#666;
  font-size:10pt;
 }

.dateRangePicker input[type="text"] {
  background:#fff url('../images/calendar-16x16.png') 96% 50% no-repeat;
  width:95px;
  padding:4px;
 }

h1, h2, h3, h4, h5, h6 {
 font-family: Lato, Arial, sans-serif;
 font-weight:normal;
}

h1 {
  font-size:20pt;
  color:#999;
  margin-bottom:20px;
}

h1 span {
  color:#333;
  font-size:16pt;
 }

h1.noMargin,
h3.noMargin {
  margin:0;
 }

h3.listTtl {
  padding:3px 0;
  border-bottom:1px solid #ddd;
  font-size:9pt;
 }

h2 {
  font-size:16pt;
  color:#27ae60;
  margin-bottom:10px;
}

h2.largeTitle {
  font-size:20pt;
 }

.availableAppTtl {
  background:none !important;
  padding:10px 0 0 0 !important;
  margin:0 !important;
  text-transform:none !important;
  font-size:14pt !important;
 }

.allApp {
  height:40px !important;
 }

 .current-week-text {
  margin: 0 0 10px;
  font-size: 13px;
 }

.blankCell {
  display:block;
  width:65px;
}
 
/*
h3 {
 font-size:9pt;
 color:#13689b;
}
*/

h3 {
  font-size:10pt;
  color:#27ae60;
  font-weight:bold;
  margin-bottom:10px;
}

h4 {
 font-size:10pt;
}

a {
 color:#009a8c;
 text-decoration:none;
 }
  
a:hover {
 text-decoration:underline;
 }

.pageWidth {
 margin:0px auto;
 max-width:1200px;
 min-height:500px;
 padding-top:120px;
 }

.headerSection {
  width:100%;
  background-color:#fff;
  border-bottom:1px solid #ccc;
  padding:8px 0 0 0;
  margin-bottom:25px;
  height:91px;
  position:fixed;
  z-index:1000;
 }

.headerInside {
 margin:0px auto;
 max-width:1200px;
 height:90px;
 }

.logo {
  width:24%;
  float:left;
  padding-top:36px;
 }


.topBreadcrumbOuter {
  float:left;
  height:34px;
 }

.topBreadcrumb {
  background: url("../images/seperator.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
  color:#9c9c9c;
  float: left;
  height: 30px;
  padding-bottom: 4px;
  text-align: center;
  text-transform: uppercase;
  width:600px;
  font-weight:400;
}

.topBreadcrumb a {
  color:#9c9c9c;
  font-weight:normal;
 }

.topBreadcrumb span {
  color:#a4a4a4;
  font-weight:normal;
 }

.topBreadcrumb img {
  vertical-align:bottom;
 }

.topBreadcrumb a.levelOne {
  color:#9c9c9c;
 }

.topBreadcrumb .current {
  font-weight:bold;
 }

.topLinks {
  float:right;
  color:#000;
  font-size:10pt;
  width:35px;
 }
 
.topLinks a.logout {
  color:#e74c3c;
 }

.topRight {
  width:76%;
  float:left;
 }

.mainNavigation {
  padding-top:12px;
  font-family: Lato, Arial, sans-serif;
 }

.mainNavigation li {
  display:block;
  float:left;
 }

.mainNavigation li a {
  display:block;
  padding:13px;
  margin-bottom:-1px;
 }

.mainNavigation li a.current {
  border-width:1px 1px 1px 1px !important;
  border-style:solid !important;
  border-color:#ccc #ccc #fff #ccc !important;
  border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  color:#9cc833;
 }

.mainNavigation li.mega-hover a.current {
  border-width:1px 1px 1px 1px !important;
  border-style:solid !important;
  border-color:#ccc #ccc #ededed #ccc !important;
 }
 
.mainNavigation li ul li a.current {
  font-weight:bold;
  border:none !important;
  border-radius:0 !important;
  -moz-border-radius:0 !important;
  -webkit-border-radius:0 !important;
}

.mainNavigation li.mega-hover li a.current {
  border:0 !important; 
 }
 
.changeSite {
  border-radius:5px;
}

ul.ui-autocomplete {
  width:158px;
  box-shadow:none;
  padding:0px 5px 15px 5px;
  -moz-border-shadow:none;
  -webkit-border-shadow:none;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top:none;
  border-color:#dadada ;
  font-size:10pt;
}

ul.ui-autocomplete li {
  border-bottom:1px dashed #ddd;
}

ul.ui-autocomplete li a {
  color:#009a8c;
  font-size: 0.9em;
  padding: 7px 5px 7px 5px !important;
  cursor:pointer;
  font-family: Lato,Arial,sans-serif;
}

ul.ui-autocomplete li a:hover,
ul.ui-autocomplete li a:active {
  border:none;
  color:#9cc833;
  margin:0px !important;
}

#topNavButton {
  cursor:pointer;
 }

#topNavOverlay {
  width:168px;
  position:absolute;
  margin-left:-143px;
  background-color:#f2f2f2;
  text-align:center;
  border:1px solid #ddd;
  margin-top:11px;
  z-index:1000;
 }

#topNavOverlay img {
  padding:8px;
  float:right;
 }

#topNavOverlay .switchBrand {
  display:block;
  font-size:9pt;
  padding:5px 0;
}

#topNavOverlay .switchBrand img {
  float:none;
  padding:0 2px 0 0; 
  vertical-align:sub;
 }

.topArrow {
  display:block;
  float:right;
  background:url(../images/top-arr.png) no-repeat;
  width:21px;
  height:11px;
  margin-top:-11px;
 }

.userWelcomeMsg {
  border-bottom:1px dashed #ccc;
  text-align:left;
  padding:10px;
  color:#666;
 }

.userWelcomeMsg .uName {
  color:#000;
  font-style:italic;
 }
 
.rowSection {
  padding:7px 0;
 }

.productBenchmark {
  position: relative;
  background-color:#fbfbfb;
  width:29.9%;
  float:left;
  text-align:center;
  /*border-right:1px dashed #ccc;*/
  height:420px;
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:1%;
  margin-right:1.2%;
}

.productBenchmark .siteOverallScore, 
.productivityComp .siteOverallScore {
  width: 80%;
  text-align: center;
  margin: 50px auto 0;
}

.overallScoreBlock {height: 228px;}

.overallScoreWithoutBlob {height: 231px;}

.commonDashboardWithoutBlob {height: 231px;}

.siteOverallScore,
.siteOverallScore a {
  color:#27ae60; 
  font-size:100px;
  display: block;
  border: 1px dotted transparent;
  letter-spacing:-2px;
  padding-top: 5px;
}

.siteOverallScore a span.percentage {
  font-size: 60px;
}

.siteOverallScore a:hover {
  border: 1px dotted #009a8c;
  text-decoration: none;
}

.totalCarsHours,
.totalAuditScore {
  position: relative;
  margin-bottom: 45px;
}

.totalCarsHours span,
.totalAuditScore span,
.totalAuditScore a {
  position: absolute;
  z-index: 100;
  top: -30px;
  width:42px; 
  height:42px; 
  padding:7px; 
  background-color:#009A8C; 
  border-radius:50%; 
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  color:#fff; 
  font-size:14pt; 
  line-height:43px; 
  box-shadow:1px 1px 2px #666; 
  border:2px solid #fff;
  text-decoration: none;
  z-index: 1;
}

.totalAuditScore span,
.totalAuditScore a {
  top: 0;
}

.totalCarsHours .leftCount,
.totalAuditScore .leftCount {
  background-color: #e84c3d;
  left: 10px;
  width: 32px; 
  height: 32px;
  line-height:33px; 
  font-size: 13pt;
}

.totalCarsHours .rightCount,
.totalAuditScore .rightCount {
  right: 10px;
}



.tasks {
  background-color:#fbfbfb;
  width:23%;
  height:420px;
  float:left;
  text-align:center;
  /*border-right:1px dashed #ccc;
  padding:0 2%;*/
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:1%;
  margin-right:1.2%;
}

.productivityComp {
  position: relative;
  background-color:#fbfbfb;
  width:38%;
  float:left;
  text-align:center;
  padding:1%;
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  height:420px;
}

.productivityComp .selectSt  {
  text-align:right;
  color:#27ae60;
  margin:0;
}

.productivityComp .selectSt select {
  border:1px solid #ccc;
  padding:4px;
  border-radius:5px;
 }

.dashboardHd {
  position:relative;
  background-color:#efefef;
  height:28px;
  padding:10px;
  border-top-left-radius:5px;
  -moz-border-top-left-radius:5px;
  -moz-border-top-left-radius:5px;
  border-top-right-radius:5px;
  -moz-border-top-right-radius:5px;
  -moz-border-top-right-radius:5px;
  margin:-11px -11px 15px;
}

/*.hdTitleMargin.dashboardHd {
  margin: -7px -7px 15px;
}
*/
.dashboardHd h2 {
  margin:0;
 }

.liveChart {
  position:absolute;
  color:#e84c3d;
  font-size:8pt;
  text-transform:uppercase;
  font-weight:bold;
  left:0;
  right:0;
 }

.liveChart span {
 display:inline-block; 
 width:7px; 
 height:7px; 
 background-color:#e84c3d; 
 border-radius:50%;
}

.blink {
  -webkit-animation-name: blink;
     -moz-animation-name: blink;
       -o-animation-name: blink;
          animation-name: blink;
  -webktit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
           animation-timing-function: linear;
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
}

.blink-infinite {
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.blink-5 {
  -webkit-animation-iteration-count: 5;
     -moz-animation-iteration-count: 5;
       -o-animation-iteration-count: 5;
          animation-iteration-count: 5;
}

.blink-furiously {
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
}

@-webkit-keyframes blink {
  50% {
    opacity:0.5;
  }
}
@-moz-keyframes blink {
  50% {
    opacity:0.5;
  }
}
@-o-keyframes blink {
  50% {
    opacity:0.5;
  }
}
@keyframes blink {
  50% {
    opacity:0.5;
  }
}

.dashboardHdIframe {
  background-color:#efefef;
  height:28px;
  padding:10px;
}

.dashboardHdIframe h2 {
  margin:0;
 }
 
/*.dashboardHdMargin {
  margin:-7px -7px 15px;
 }*/

.pgCol1 {
  width:47%;
  float:left;
  border-right:1px dashed #ccc;
  min-height:360px;
  padding-right:2%;
}

.licenceExpCol {
  width:33%;
  float:left;
  text-align:center;
  color:#009a8c;
  font-size:12pt;
  cursor:pointer;
 }

.licenceExpCol .circleCl {
  border:16px solid #e67e22;
  width:115px;
  height:87px;
  border-radius:100px;
  -moz-border-radius:100px;
  -webkit-border-radius:100px;
  font-size:36pt;
  font-weight:300;
  padding-top:28px;
  margin:0px auto;
  color:#666;
  margin-bottom:10px;
 }

.licenceExpCol .expNow {
  border-color:#e74c3c;
 }

.licenceExpCol .expNext {
  border-color:#c0392b;
 }

.pgCol2 {
  width:48%;
  float:left;
  padding-left:2%;
}

.activityTrends {
  background-color:#fbfbfb;
  width:68%;
  float:left;
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:1%;
  margin-right:1.5%;
}

.adminDamageDashboard  {
  margin: -7px -6px 15px -7px;
}

.adminactivityTrendsSection .dashboardHd.dashboardHdMargin,
.customerBrandDashboard .dashboardHd.dashboardHdMargin,
.customerSiteDashboard .dashboardHd.dashboardHdMargin,
.customerCompanyDashboard .dashboardHd.dashboardHdMargin {
  margin: -7px -7px 15px -7px;
}

/*.flightStatus {
  margin-bottom:14px;
 }*/

 .flightStatusBlock .sectionRow .sectionTitle {
  margin: -14px -9px 15px -9px;
 }

 .flightStatus .sectionRow {
  width: 100%;
 }

.flightHd {
  text-align:center;
 }

.flStatusCol {
  float:left;
  width:49%;
  font-size:24pt;
  font-weight:300;
  text-align:right;
  margin-bottom:25px;
 }

.flStatusCol h6 {
  background-color:#eee;
  color:#000;
  font-size:9pt;
  padding:4px;
  text-align:center;
 }

.flStatusColOne {
  border-right:1px dashed #ccc;
}

.weatherScroll,
.unempScroll {
  height:153px;
  overflow:hidden;
}

.weatherScroll h2.cityName {
  display: block;
  text-align: left;
  margin-bottom: 20px;
}

.flightStatus .activitySection .ui-tabs .ui-tabs-nav {
  padding-left: 0;
}

.flightStatus .activitySection .ui-tabs .ui-tabs-nav li.ui-state-active a {
  color: #009a8c;
}

.flightStatus .flightHd.activitySection {
  text-align: left;
}

.arrivalDelayed {
  background:url(../images/arrival-delayed.png);
}

.cancelled {
  background:url(../images/cancelled.png);
  color:#ff5a5a;
}

.departureDelayed {
  background:url(../images/departure-delayed.png);
}

.onTime {
  background:url(../images/ontime.png);
  color:#3a9c4c;
}

.cancelled,
.onTime,
.departureDelayed,
.arrivalDelayed {
  padding:2px 45px 8px 65px;
  height:36px;
  background-position:14px 50%;
  background-repeat:no-repeat;
  text-align:right;
 }

.cityName {
  color:#000;
 }

.weatherStatusCol {
  float:left;
  width:50%;
  color:#000;
 }

.weatherCnd {
  height:65px;
  font-size:13pt;
  margin-top:15px;
 }

.weatherCnd .wi {
  float:left;
  margin-right:5px;
 }
 
.weatherCnd span {
  color:#c0392b;
  font-size:10pt;
 }

 .weatherForecast {
  margin-top: 5px;
 }

 .weatherForecastBlock {
  width: 45.33%;
  float: left;
  text-align: center;
  margin-right: 10px;
 }

 .weatherStatusCol.weatherStatusBlockOne img {
  margin-top: -10px;
 }

 .weatherForecastBlock .forecastDate {
  font-size: 9pt;
  font-weight: 700;
 }

 .weatherForecastBlock .forecastDate img {
  vertical-align: middle;
  margin: -4px 0px 0px 0px;
 }

 .weatherForecastBlock .forecast-text,
 .weatherForecastBlock .forecastDate {
    display: block;
 }

 .weatherForecastBlock .forecast-text {
    color: #009a8c;
    margin-top: 2px;
  }
 
.flip-clock-wrapper:after {
  clear:none;
}

.clockMeridium {
  margin:10px 0px 0px 8px;
  display:inline-block;
}
  
.windStatus {
  background:url(../images/wind-sock.png) no-repeat;
  padding-left:50px;
  height:55px;
  font-size:13pt;
  padding-top:10px;
 }

.visibilty {
  background:url(../images/eye.png) center left no-repeat;
  padding-left:40px;
  height:37px;
  font-size:10pt;
 }

.barometer {
  background:url(../images/meter.png) center left no-repeat;
  padding-left:40px;
  height:37px;
 }
 
.barometer span {
  font-size:9pt;
 }

 .driverLicenseExp,
.timeCard,
.issueResolution,
.lostandFound,
.damageWidget {
  background-color:#fbfbfb;
  float:left;
  width:47.4%;
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:1%;
  margin-right:1.5%;
  min-height:324px;
  }

  .lostandFound {
  width:47.5%;
 }
 
.employeeRoster,
.customerContact,
.timeCard2,
.whereisMyCar {
  background-color:#fbfbfb;
  float:left;
  width:46.5%;
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:1%;
  min-height:324px;
  }
 
/*.whereisMyCar {
  float:right;
 }*/

.metrics {
  background-color:#fbfbfb;
  float:left;
  width:30.2%;
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:1%;
  margin-right:1.3%;
  min-height:324px;
  }

.employee-metrics-blocks {
  height: 210px;
  overflow-y: auto;
}
  
.lostandFound,
.damageWidget,
.whereisMyCar {
  min-height:318px;
}

.whereisMyCar .searchCar {
  background-color:#f5f5f5;
  border:1px solid #eee;
}

.searchCar table {
  margin-left:3px;
}

.lostnFoundHeight {
  height:327px;
 }

.customerContact .contactDetail {
  width:42%;
  float:left;
  border:0;
  padding:0;
}

.employeeAvbl li {
  float:left;
  display:block;
  width:30%;
  margin:0px 5% 20px 0px;
  color:#009a8c;
  text-align:center;
}

.employeeAvbl li span {
  display:block;
  padding-left:60px;
  font-size:26pt;
  color:#666;
  border-bottom:1px solid #1abc9c;
  padding-bottom:5px;
  margin-bottom:5px;
  font-weight:300;
  text-align:right;
 }
 
.employeeAvbl li span.ts {
  background:url(../images/user-thumb-1.png) no-repeat;
 }

.employeeAvbl li span.sbd {
  background:url(../images/user-thumb-2.png) no-repeat;
 }

.employeeAvbl li span.ls {
  background:url(../images/user-thumb-3.png) no-repeat;
 }

.employeeAvbl li span.lt {
  background:url(../images/user-thumb-4.png) no-repeat;
 }

.employeeAvbl li span.vsa {
  background:url(../images/user-thumb-5.png) no-repeat;
 }

.employeeAvbl li span.valet {
  background:url(../images/user-thumb-6.png) no-repeat;
 }

.employeeAvbl li span.tbd {
  background:url(../images/user-thumb-7.png) no-repeat;
 }

.pgCol3 {
  width:70%;
  float:left;
  border-right:1px dashed #ccc;
  height:260px;
}

.appSection {
  background-color:#fbfbfb;
  width:67.3%;
  float:left;
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:1%;
  margin-right:1.2%;
}

.appSection img {
  vertical-align:middle;
  margin-right:20px;
}

.addressMap {
  width:48%;
  float:left;
  margin-right:3%;
 }

.contactDetail {
  background-color:#fbfbfb;
  width:27%;
  float:left;
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:1%;
}

.addressMapSite {
  width:48%;
  float:left;
  margin-right:3%;
 }

.contactSiteDetail {
  width:46%;
  float:left;
}

.contactSiteDetail2 {
  width:70%;
  float:left;
}

.contactDetailFull {
  width:45%;
 }

.contactDetail li {
  list-style-type:none;
  padding:8px 0px 8px 50px;
  margin-bottom:10px;
  color:#009a8c;
}

.contactDetail li.companyBrand {
  background: url('../images/cmp-brand.png') no-repeat left center;
}

.contactDetail li.email {
  background: url('../images/email.png') no-repeat left center;
  word-wrap:break-word;
}

.contactDetail li.phone {
  background: url('../images/phone.png') no-repeat left center;
}

.contactDetail li.address {
  background: url('../images/address.png') no-repeat left top;
}

.contactDetail li.followUs {
  background: url('../images/facebook.png') no-repeat left center;
}

.contactDetail2 li {
  display:block;
  height:24px;
  padding:12px 0px 12px 0;
  margin-bottom:0;
  color:#009a8c;
}

.contactDetail2 li.companyBrand,
.contactDetail2 li.email,
.contactDetail2 li.phone,
.contactDetail2 li.followUs {
  width:34px;
  height:34px;
  padding:0;
  margin-bottom:10px;
}

.contactDetail2 li.address {
  height:46px;
 }

.contactDetail2 li.companyBrandTxt {
  padding-top:2px;
 }

.contactDetail2 li.phoneTxt {
  padding-top:2px;
 }

.contactDetail2 li.emailTxt {
  padding-top:12px;
  padding-bottom:6px;
 }

.contactDetail2 li.emailTxt a {
  display:block;
  width:98%;
  word-wrap:break-word;
 }

.contactDetail2 li.phoneTxt {
  padding-top:15px;
 }

.contactDetail2 li.addressTxt {
  height:60px;
  padding:0;
 }

.contactDetail2 li.followUsTxt {
  padding-top:17px;
 }

.contactDetail2 td {
  vertical-align:top;
 }

.contactDetail2 .divider {
  border-left:1px solid #dfdfdf;
  min-height:210px;
 }

.upComingBirthdays {
  background-color:#fbfbfb;
  width:97.6%;
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:1%;
  margin-right:1.3%;
}

.userBlock li {
  text-align:center;
  width:13%;
  float:left;
  margin:0 17px;
  color:#009a8c;
}

.userBlock li .userPic {
  width:100%;
  height:auto;
  border-radius:150px;
  -moz-border-radius:150px;
  -webkit-border-radius:150px;
}

.userBlock li .dateS {
  display:block;
  color:#6c6c6c;
  font-size:10pt;
  margin-top:10px;
  text-transform:uppercase;
 }

.userBlock2 {
  width:49%;
  float:left;
 }

.userBlock2 h4 {
  font-size:12pt;
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
 }

.userBlock2 h4.topPerformerTtl {
  color:#27ae60;
 }

.userBlock2 h4.worstPerformerTtl {
  color:#e84c3d;
 }

.userBlock2 li {
  text-align:center;
  width:25%;
  float:left;
  margin:0 17px;
  color:#009a8c;
  min-height: 230px;
}

.userBlock2 li .userPic {
  width:100%;
  height:auto;
  border-radius:150px;
  -moz-border-radius:150px;
  -webkit-border-radius:150px;
}

.userBlock2 li .info {
  margin:5px 0 0;
  color:#6c6c6c;
  font-size:10pt;
}

.userBlock2 li .jewelBlurb {
  font-size:8pt;
  color:#666;
  margin-top:5px;
}

.userBlock2 li .dateS {
  display:block;
  color:#6c6c6c;
  font-size:10pt;
  margin-top:10px;
 }

.userCustomerBlock2 li {
  width:30%;
 }

a.button {
  font-family: Lato, Arial, sans-serif;
  color:#fff;
  text-decoration:none;
  background-color:#48c9b0;
  text-align:center;
  padding:5px 25px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  font-size:11pt;
  cursor:pointer;
}

a.buttonSmall {
  display:inline-block;
  font-family: Lato, Arial, sans-serif;
  color:#fff;
  text-decoration:none;
  background-color:#48c9b0;
  text-align:center;
  padding:5px 10px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  font-size:9pt;
}

a.button:hover,
a.buttonSmall:hover {
  background-color:#009a8c;
  transition: background-color 100ms ease-out 0s;
 }

tr.evenRow,
tbody.evenRow  {
  background-color:#f2f2f2;
}

.viewAll {
  float:right;
  width:150px;
}

.topButtons {
  text-align:right;
  margin:0 0 10px 0;
 }
 
.bottomButtons {
  text-align:right;
  margin:20px 0 0 0;
  padding:10px 0 0 0;
  border-top:2px solid #c7c7c7;
}


/* Admin list view Section */

.listBlock {
  min-height:400px;
}

.listBlock .lstTtl th {
  background-color:#f2f2f2;
  border-bottom:1px solid #dedede;
  color:#666666;
}

.listBlock .lstTtl th a {
  color:#666666;
}

table {
  font-size:10pt;
 }

table .evenRow:hover,
table .oddRow:hover {
  background-color:#e2f5b4;
  transition: background-color 300ms ease-out 0s;
 }

table th,
table td {
  padding:6px 4px;
}

/*.lstTtl th {
  color:#009a8c;
  text-align:left;
  padding:5px;
}

*/

/*   Edit View Section */

.editFrmColOne {
  width:48%;
  float:left;
  margin-right:2%;
}

.editFrmColTwo {
  width:47%;
  float:left;
  padding-left:2%;
}

.borderLeft {
  border-left:1px dashed #ccc;
 }

.borderRight {
  border-right:1px dashed #ccc;
 }

.borderBottom {
  border-bottom:1px dashed #ccc;
  padding-bottom:5%;
 }

.borderTop {
  border-bottom:1px dashed #ccc;
  padding-top:5%;
 }

input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'],
select,
textarea {
  background-color:#f7f9f9;
  font-family: Lato, Arial, sans-serif;
  font-size:10pt;
  border:1px solid #dadada;
  padding:7px;
  color:#666;
  /*box-shadow:1px 1px 4px #eee inset;
  -moz-box-shadow:1px 1px 4px #eee inset;
  -webkit-box-shadow:1px 1px 4px #eee inset; */
}

input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
select:focus,
textarea:focus {
  background-color:#ffffe5;
  border:1px solid #ccc;
  transition: background-color 500ms ease-out 0s;
}

input.largeTxt {
  color:#27ae60;
  font-size:18pt;
 }

.required {
  border-left:1px solid #f33a3c !important;
}

.required:focus {
  border-left:1px solid #f33a3c !important;
 }

.buttonS {
  font-family: Lato, Arial, sans-serif;
  background-color:#009a8c;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:none;
  padding:5px 25px;
  color:#fff;
  font-size:14pt;
  cursor:pointer;
}

.buttonR {
  font-family: Lato, Arial, sans-serif;
  background-color:#009a8c;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:none;
  padding:2px 2px;
  color:#fff;
  font-size:10pt;
  cursor:pointer;
}

.clButton {
  font-family: Lato, Arial, sans-serif;
  background-color:#ddd;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:none;
  padding:5px 25px;
  color:#fff;
  font-size:14pt;
  cursor:pointer;
}

.clButton:hover {
  background-color:#ccc;
  transition: background-color 300ms ease-out 0s;
 }

.dlButton {
  font-family: Lato, Arial, sans-serif;
  background-color:#e84c3d;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:none;
  padding:5px 25px;
  color:#fff;
  font-size:14pt;
  cursor:pointer;
}

.dlButton:hover {
  background-color:#f36254;
  transition: background-color 300ms ease-out 0s;
  text-decoration:none;
 }

.srchButton {
  font-family: Lato, Arial, sans-serif;
  background-color:#04ADDA;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:none;
  padding:5px 25px;
  color:#fff;
  font-size:11pt;
  cursor:pointer;
}

.buttonS:hover,
.srchButton:hover,
.buttonL:hover,
.buttonGo:hover {
  background-color:#48c9b0;
  transition: background-color 300ms ease-out 0s;
  text-decoration:none;
 }

.clearbuttn {
  padding:5px 10px;
  cursor:pointer;
}

/* custom select style */

:root .css3-metro-dropdown option,
:root .css3-metro-dropdown:after,
:root .css3-metro-dropdown::after,
:root .css3-metro-dropdown select {
 color: #34495e;
 }
 
:root .css3-metro-dropdown select,
:root .css3-metro-dropdown:after,
:root .css3-metro-dropdown::after {
 display: block;
 background: #78ba00;
 }
 
:root .css3-metro-dropdown select {
 padding:5px 8px;
 }
 
:root .css3-metro-dropdown {
 position: relative;
 display: inline-block;
 border: 0;
 }

:root .css3-metro-dropdown::after {
 content: "\25bc";
 position: absolute;
 top: 0;
 right: 0;
 display: block;
 width: 32px;
 font-size: 12px;
 line-height: 34px;
 text-align: center;
 -webkit-pointer-events: none;
 -moz-pointer-events: none;
 pointer-events: none;
 color:#fff;
 }

:root .css3-metro-dropdown select {
 height: 34px;
 border: 0;
 vertical-align: middle;
 font-size:10pt;
 font-family:'Lato',sans-serif;
 outline: 0 none;
 line-height:28px;
 }

:root .css3-metro-dropdown select.smallSelect {
  height:28px;
  padding:3px 10px 3px 4px;
}

:root .smallSelect:after {
  line-height:28px;
}

:root .css3-metro-dropdown option {
 background: #fff;
 color: #34495e;
}
 
/* more colors */

:root .css3-metro-dropdown-color-e1e1e1 select{
 background: #e1e1e1;
 border:1px solid #e1e1e1;
 }

:root .css3-metro-dropdown-color-e1e1e1:after,
:root .css3-metro-dropdown-color-e1e1e1::after {
 background: #d9d9d9;
 border-left:2px solid #bfbfbf;
 }


:root .css3-metro-dropdown-color-efefef select{
 background: #efefef;
 border:1px solid #efefef;
 font-size:11pt;
 color:#000;
 padding:0;
 }

:root .css3-metro-dropdown-color-efefef:after,
:root .css3-metro-dropdown-color-efefef::after {
 background:#efefef;
 border-left:0;
 }

:root .css3-metro-dropdown-color-efefef::after {
  color:#4b4b4b;
 }

/*
:root .css3-metro-dropdown-color-ff1d77 select,
:root .css3-metro-dropdown-color-ff1d77:after,
:root .css3-metro-dropdown-color-ff1d77::after {
 background: #ff1d77;
 }
 
:root .css3-metro-dropdown-color-2673ec select,
:root .css3-metro-dropdown-color-2673ec:after,
:root .css3-metro-dropdown-color-2673ec::after {
 background: #2673ec;
 }
 
:root .css3-metro-dropdown-color-ff2e12 select,
:root .css3-metro-dropdown-color-ff2e12:after,
:root .css3-metro-dropdown-color-ff2e12::after {
 background: #ff2e12;
 }*/

/* Custom checkbox */

input[type=checkbox].css-checkbox {
 position: absolute; 
 overflow: hidden; 
 clip: rect(0 0 0 0); 
 height:1px; 
 width:1px; 
 margin:-1px; 
 padding:0;
 border:0;
 }

.elegant{
 background-image:url(../images/aWcheck.png);
 }

.elegantOff {
 background-image:url(../images/aWcheckDisabled.png);
 }

input[type=checkbox].css-checkbox.med + label.css-label.med {
 height:17px; 
 display:inline-block;
 line-height:17px;
 background-repeat:no-repeat;
 background-position: 0 0;
 vertical-align:middle;
 padding-left:22px;
 padding-top:0;
 }

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {
  background-position: 0 -17px;
 }

.elegantLg {
 background-image:url(../images/aWcheckGreen.png);
 }

input[type=checkbox].css-checkbox.lg + label.css-label.lg {
 height:20px; 
 display:inline-block;
 line-height:20px;
 background-repeat:no-repeat;
 background-position: 0 0;
 vertical-align:middle;
 cursor:pointer;
 padding-left:22px;
 padding-top:0;
 margin-bottom:13px;
 }

input[type=checkbox].css-checkbox.lg:checked + label.css-label.lg {
  background-position: 0 -20px;
 }

/*custom radio */

input[type=radio].css-radio {
 display:none;
}

input[type=radio].css-radio + label.css-label.rad {
 height:18px; 
 display:inline-block;
 line-height:18px;
 background-repeat:no-repeat;
 background-position: 0 0;
 vertical-align:middle;
 cursor:pointer;
 padding-left:22px;
 padding-top:0;
 margin-bottom:8px;
 }

input[type=radio].css-radio:checked + label.css-label.rad {
 background-position: 0 -18px;
 }

.customRadio {
 background-image:url(../images/awRadio.png);
 }
 
.customRadioOff {
 background-image:url(../images/awRadioDisabled.png);
 }
 
.topPerformer {
  background-color:#fbfbfb;
  width:77.3%;
  float:left;
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:1%;
  margin-right:1.2%;
}

.topPerformer li {
  width:18%;
  float: left;
  margin:0 1%;
  text-align: center;
  color:#009a8c;
}

.topPerformer li .userPic {
  width:100%;
  height:100%;
  border-radius: 150px;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
}

.topPerformer li .info {
  margin:5px 0 0;
  color:#6c6c6c;
  font-size:10pt;
}

.topPerformer li .jewelBlurb {
  font-size:8pt;
  color:#666;
  margin-top:5px;
}

.topPerformer li .info img {
  vertical-align:middle;
 }

.customerPgContact {
  width:17%;
  float:left;
  padding:1%;
}

/* User-Add-Activity Screen */

.activityLeft {
  width:31%;
  float:left;
  height:430px;
}

.activityLeft table {
  color:#000;
 }

.activityLeft input {
  padding:5px;
 }

.activityLeft .currentRow {
  /*background-color:#feffe3;*/
  background-color:#bbe388;
 }
 
/*.activityLeft .currentRow .selectArrow {
  background: url(../images/leftArr.png) no-repeat;
  position:absolute;
  margin-left:49px;
  width:17px;
  height:34px;
  margin-top:-22px;
 }*/
 
.rowSpacing {
  border-top:1px dashed #aaa;
}
 
.currentDate {
  font-size:16pt;
  color:#3498db;
  margin:0 20px;
}

input.attendanceDate {
  width:115px;
  background:#fff url(../images/calendar.png) center right no-repeat;
  font-size:16pt;
  color:#3498db;
  margin:0 10px 0 3px;
  padding-right:24px;
  cursor:pointer;
  border:0;
 }

input.attendanceDate:focus {
  border:0;
  background-color:#fff;
  color:#3498db;
  font-size:16pt;
  cursor:pointer;
 }

.ui-datepicker-trigger {
  background-color:#f1c40f;
  display:inline-block;
  padding:6px 6px;
  color:#fff;
  font-size:10pt;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:none;
  font-weight:bold;
  font-family: Lato, Arial, sans-serif;
  cursor:pointer;
  vertical-align:middle;
}

span.changeDate {
  background-color:#f1c40f;
  display:inline-block;
  padding:6px;
  color:#fff;
  font-size:9pt;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.activityRight {
  background-color:#fbfbfb;
  width:66%;
  min-height:400px;
  float:right;
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:10px;
}

.userHeader {
  border-bottom:1px dashed #ccc;
  margin-bottom:30px;
  padding-bottom:5px;
}

.userHeader .profileSection{
  width:48%;
  float:left;
}

.userHeader .profileSection h2 {
  font-size:18pt;
 }

.userHeader .userPic {
  float:left;
  width:57px;
  height:57px;
  margin:5px 10px 0px 0px;
  border-radius:100px;
  -moz-border-radius:100px;
  -webkit-border-radius:100px;
}

.profileSection .empState {
  font-size:12pt;
  color:#737373;
}

.userContact {
  float:right;
  width:25%;
  margin-top:5px;
}

.userContact li {
  padding:0px 0px 5px 35px;
  margin:0px 0px 10px;
}

.userContact li.sEmp {
  background:url('../images/save.png') no-repeat left center;
}

.userContact li.call {
  background:url('../images/phone-icon.png') no-repeat left center;
}


/* Tabber styling   */

.activitySection {
  overflow:auto;
 }

.activitySection .ui-widget {
  font-family: Lato, Arial, sans-serif;
  font-size:11pt;  
 }

.activitySection .ui-widget-header {
  background: none;
}

.activitySection .ui-state-active, 
.activitySection .ui-widget-content .ui-state-active, 
.activitySection .ui-widget-header .ui-state-active {
  font-weight:normal;
  background:#fbfbfb;
}

.activitySection .ui-tabs .ui-tabs-panel {
 padding: 1em 0 0 0;
}

.activitySection .ui-tabs .ui-tabs-nav {
  margin: 1em 0 2em 1em;
  padding: 0em 0em 0 1.5em;
  border-bottom:1px solid #ececec;
}

.activitySection .ui-corner-top {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.activitySection .ui-widget-content {
  background: none;
  border:none;
  box-shadow: none;   
  padding:0;
}

.activitySection .ui-tabs .ui-tabs-nav li a {
  padding: 0.5em 1em .5em 1em;
  font-weight:normal;
}

.activitySection .ui-state-default a, 
.activitySection .ui-state-default a:link, 
.activitySection .ui-state-default a:visited {
  color: #000;
}

.activitySection .ui-state-active a, 
.activitySection .ui-state-active a:link, 
.activitySection .ui-state-active a:visited {
  color: #4aa0dd;
}

.activitySection.ui-state-active, 
.activitySection.ui-widget-content .activitySection.ui-state-active, 
.activitySection.ui-widget-header .activitySection.ui-state-active {
  border: 1px solid #000;
}

.activitySection .ui-state-default, 
.activitySection .ui-widget-content .activitySection .ui-state-default, 
.ui-widget-header .ui-state-default {
  background-color:#ececec;
  border: 1px solid #ececec;
}

.activitySection ul .ui-state-hover a:hover { 
  color:#27ae60;
}

.activitySection ul {
  border-bottom: 1px solid #ddd;
}

ul.customTabs {
  margin: 1em 0 2em 1em;
  padding: 0em 0em 0 1.5em;
  border-bottom: 1px solid #ddd;
}

ul.customTabs li {
  list-style: none;
  float: left;
  top: 2px;
  position: relative;
  margin: 0 .2em 1px 0;
  margin-bottom: 1px;
  border-bottom: 0;
  padding: 0;
  padding-bottom: 0px;
  white-space: nowrap;
  background-color: #ececec;
  transition: background-color 300ms ease-out 0s;
  border: 1px solid #ececec;
}

ul.customTabs li:hover {
  background-color: #e2e2e2;
}

ul.customTabs li a,
ul.customTabs li .weekday-schedule-tab {
  display:block;
  padding: 10px 20px;
  color: #666;
  font-size:10.5pt;
  text-decoration:none;
}

ul.customTabs li .weekday-schedule-tab {
  padding: 0;
}

ul.customTabs.employeeScheduleTabs li a  {
  line-height: 22px;
  padding: 9px 20px 9px;
}

ul.customTabs li .weekday-schedule-tab .css3-metro-dropdown {
  padding:9px 10px 9px 20px; 
  line-height: 22px;
}

ul.customTabs li.activeTab .weekday-schedule-tab .css3-metro-dropdown i {
  color: #fff;
  position: relative;
  top: 1px;
}

ul.customTabs li.activeTab {
  background-color: #009a8c;
  transition: background-color 300ms ease-out 0s;
  color: #fff;
  cursor: pointer;
}

ul.customTabs li.activeTab:hover {
  background-color: #48c9b0;
}

ul.customTabs li.activeTab a {
  color:#fff;
}

ul.customTabs::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.timer {
  background: #fff url('../images/clock.png') 6% 50% no-repeat;
  background-size: 13px auto;
  padding-left: 24px !important;
  vertical-align: middle;
}

.searchForm label.shiftTime {
  /*padding-left: 5px;*/
  /*margin-bottom: 0 !important;*/
}

.searchForm td.inputIcons .timer {
  position: relative;
}

.searchForm td.inputIcons .timer:before {
  font-family: 'FontAwesome';
  position: absolute;
  top: 0px;
  left: -5px;
  content: "\f007";
}

.employeeWeekdaySchedule tr.employeeRowList td.is_off {
  position: relative;
}

span.emp-img {
  background: url("../images/emp-img.png") no-repeat left 0;
  background-size: auto;
  background-size: 16px 16px;
  padding: 4px 0 3px 22px;
  vertical-align: middle;
}

.ui-datepicker.ui-widget,
.ui-datepicker .ui-widget-header {
  font-family:inherit;
  color:inherit;
  font-weight:inherit;
 }

.ui-datepicker .ui-widget-header {
  color:#333;
 }

.ui-timepicker-select.ui-state-default {
  color:inherit;
  font-weight:inherit;
  border:1px solid #dadada;
 }

.ui-datepicker .ui-datepicker-title select,
.ui-timepicker-select.ui-state-default {
  padding:1px;
  font-size:10pt;
 }

.ui-timepicker-div {
  padding:5px;
  font-size:10pt;
 }
 
/* Login Page Styling */

.loginSection {
  width:350px;
  margin:100px auto;
}

.loginFrm {
  padding:20px;
  border:1px solid #dfdfdf;
  margin-top:5px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#fbfbfb;
}

.loginFrm input[type="text"],
.loginFrm input[type="password"] {
  padding: 10px;
  margin:2px 0px 10px;
}

:root .authenticationSelect select {
  background-color: #fff;
  border: 2px solid #89b951;
  border-radius: 5px;
  font-size: 14pt;
  height: 58px;
  padding: 15px 8px;
}

:root .authenticationSelect::after, *:root .authenticationSelect::after {
  border-left: 2px solid #bfbfbf;
  border-radius: 0 5px 5px 0;
  font-size: 22px;
  height: 42px;
  margin: 2px;
  padding: 12px 0 0;
  width: 45px;
}

.changePasswordForm .confirm_passwordformError, 
.changePasswordForm .new_passwordformError {
  position: inherit !important;
  top: 0;
  margin-top: 0 !important;
  margin-bottom: 3px !important;
}

.changePasswordForm .confirm_passwordformError .formErrorContent, 
.changePasswordForm .new_passwordformError .formErrorContent {
  font-size: 13px !important;
}

.changePasswordForm input.inputbox-error {
  border: 2px solid #ff0000 !important;
}

.activityTbl {
  width:auto;
 }
 
.activityTbl td {
  padding:4px;
}

.activityTbl th {
  font-size:8pt;
  text-align:left;
  font-weight:normal;
  padding:2px 5px 0;
  color:#5a656a;
 }

.activityTbl td input,
.activityTbl td select {
  font-size:9pt;
  padding:5px 4px;
 }

.footerSection {
  border-top:8px solid #009a8c;
  text-align:center;
  padding:25px 0;
  margin-top:25px;
 }


/*pagination */ 

.pagination {
 float:right;
 width:60%;
 padding:1px;
 margin-top:20px;
 height:19px;
 font-size:9pt;
 padding-left:5px;
} 

.pagination .pagiCol1 {
 float:left;
 text-align:center;
 width:33%;
 height:16px;
 border-right:1px solid #ccc;
 padding-top:3px;
}

.pagination .pagiCol1 a {
 border:1px solid #ddd;
 padding:3px 5px;
 display:inline-block;
}
 
.pagination .pagiCol1 span {
 border:1px solid #ccc;
 padding:3px;
 font-size:8pt;
 color:#888;
 display:inline-block;
}

.pagination .pagiCol1 a:hover {
 background:#05386D;
 border:1px solid #c8d7dc;
 color:#fff;
 text-decoration:none;
}

.pagination .pagiCol1 .page-current {
 background:#05386D;
 border:1px solid #c8d7dc;
 padding:3px 5px;
 font-size:8pt;
 color:#fff;
}

.pagination .pagiCol2 {
 background-color:#fff;
 float:left;
 text-align:center;
 width:33%;
 height:16px;
 border-right:1px solid #ccc;
 padding-top:3px;
}

.pagination .pagiCol2 a {
  text-decoration:none;
}

.pagination .pagiCol2 a:hover {
  color:#ff0000;
}

.pagination .pagiCol3 input {
 font-size:7pt;
 height:9px;
}

.pagination .pagiCol3 {
 float:left;
 text-align:center;
 width:33%;
 height:16px;
 padding-top:3px;
}

.pagination .nextoff {
  background: url('../images/paginationArrows.gif') no-repeat -18px bottom; 
  width: 9px; 
  height: 10px;
  }
  
.pagination .next {
  background: url('../images/paginationArrows.gif') no-repeat -18px top; 
  width: 9px; 
  height: 9px;
  }
  
.pagination .prev {
  background: url('../images/paginationArrows.gif') no-repeat -9px top; 
  width: 9px; 
  height: 9px;
  }
  
.pagination .prevoff {
  background: url('../images/paginationArrows.gif') no-repeat -9px bottom; 
  width: 9px; 
  height: 10px;
  }
  
.pagination .first {
  background: url('../images/paginationArrows.gif') no-repeat 0px top; 
  width: 9px; 
  height: 9px;
  }
  
.pagination .firstoff {
  background: url('../images/paginationArrows.gif') no-repeat 0px bottom; 
  width: 9px; 
  height: 10px;
  }
  
.pagination .last {
  background: url('../images/paginationArrows.gif') no-repeat -27px top; 
  width: 9px; 
  height: 9px;
  }
  
.pagination .lastoff {
  background: url('../images/paginationArrows.gif') no-repeat -27px bottom; 
  width: 9px; 
  height: 10px;
 }

.fileTbl {
  margin-bottom:10px;
 }

.fileListTbl td {
  padding:0;
 }

.poweredBy {
  color:#009a8c;
 }

.footerSection a {
  color:#e67e22;
 }
 
/* Customer Login Section */

.siteHeader {
  background-color: #c22236;
  border-bottom: 4px solid #000;
  box-shadow:0px 7px 0px #fff;
  -moz-box-shadow:0px 7px 0px #fff;
  -webkit-box-shadow:0px 7px 0px #fff;
  height: 76px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1500;
 }

.siteHeader .wrap {
  margin: 0 auto;
  max-width: 960px;
 }

.siteHeader .wrap .loginLogo {
  float:left;
  width:300px;
  padding-top:16px;
 }

.loginNavigation {
  float:right;
 }

.loginNavigation li {
  font-family: Helvetica, sans-serif;
  display: inline-block;
  text-align: left;
  font-size:1.3rem;
}

.loginNavigation li a {
  color: #fff;
  display: block;
  padding: 28px 12px;
  text-decoration: none;
  text-transform: uppercase;
}

.loginNavigation li a:hover {
  text-decoration:underline;
 }

.customerLogin {
  position:absolute;
  margin:0px auto;
  top:47%;
  left:60%;
}

.customerLoginBG {
 background:url('../images/login-bg.jpg') center center fixed no-repeat;
}

.customerFrm input[type="text"],
.customerFrm input[type="password"],
.customerFrm input[type="email"] {
  border:2px solid #89b951;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding: 12px 8px 12px 8px;
  font-size:18pt;
  margin:2px 0px 10px;
  font-weight:300;
}

.buttonL {
  font-family: Lato, Arial, sans-serif;
  background-color:#009a8c;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:none;
  padding:5px 25px 9px;
  color:#fff;
  font-size:20pt;
  cursor:pointer;
  font-weight:300;
}

.buttonC {
  font-family: Lato, Arial, sans-serif;
  background-color:#8fbb3f;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:none;
  padding:5px 25px 9px;
  color:#fff;
  font-size:20pt;
  cursor:pointer;
  font-weight:300;
}

.buttonGo {
  font-family: Lato, Arial, sans-serif;
  background-color:#009a8c;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:none;
  padding:10px 5px;
  color:#fff;
  font-size:20pt;
  cursor:pointer;
  font-weight:300;
}

.buttonBack {
  background-color: transparent; 
  border: none; 
  color: #333;
  padding: 5px 8px;
  font-size: 0;
}

.buttonBack img {
  margin-top: 6px;
  vertical-align: top;
  margin-right: 10px;
}

.buttonBack:hover {
  background-color: transparent;
}

.mainLoginForm .emailformError {
  position: inherit !important;
  top: unset !important;
  left: unset !important;
}

.mainLoginForm input.inputbox-error {
  border: 2px solid #ff0000;
}

.mainLoginForm .formError .formErrorContent, .mainLoginForm .error {
  font-size: 13px;
}

.ForgotPasswordForm .forgot_emailformError {
  margin-bottom: 3px;
  margin-top: 10px !important;
  position: inherit !important;
  top: 0 !important;
}

.ForgotPasswordForm .forgot_emailformError .formErrorContent {
  font-size: 13px !important;
}

p.filledUser {
  font-size: 19px;
}

p.filledUser span.emailAddress {
  color: #009a8c;
}

.productivityWidget input.css-radio[type="radio"] + label.css-label.rad {
  margin-right: 5px;
}

a.passwordResetBtn, input.passwordResetBtn {
  padding: 6px 12px;
  background-color: #009a8c;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  border-radius: 5px;
}

a.passwordResetBtn:hover, input.passwordResetBtn:hover {
  background-color: #48c9b0;
}

 /* Import Activity  */
 
.stepSection {
  background-color:#aab7b8;
  padding:10px 15px 10px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:35px 0px 20px;
}

.stepSection span {
  color:#fff;
}
 
.stepSection h3  {
  font-size:16px;
  color:#000;
  font-weight:normal;
  margin:0;
}

.midActivitySect {
  padding:0px 15px;
}

.activityCol1 {
  width:64%;
  float:left;
  padding-right:5%;
  height:230px;
  background:url('../images/line.png') no-repeat right top;
}

/*custom radio */


.activitySelect {
  margin:30px 0px 0px 20px;
}

.activityCol2 {
  width:24%;
  float:left;
  padding-left:5%; 
}

.importList {
  padding:0px 0px 0px 20px;
  margin:20px 0px 0px;
}

.importList li {
  list-style-type:none;
  background:url(../images/arrow_list.png) no-repeat 0px 5px;
  padding: 0px 0px 5px 25px;
}

.importList li a {
  color:#009a8c;
  font-size:14px;
  font-weight:bold;
}

.uploadFileSect {
  width:92%;
  background: url('../images/upload.png') no-repeat 2% 50%;
  padding:15px 0px 15px 55px;
  border:1px dotted #aaa; 
  float:left;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-right:10px;
  margin-top:5px;
}

.nxtButton {
  background-color: #f1c40f;
  border: medium none;
  border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
  color: #fff;
  cursor: pointer;
  font-family: Lato,Arial,sans-serif;
  padding: 5px 25px;
  font-size:14pt; 
  text-align:center;
}

.nxtButton:hover {
  background-color:#dab10c;
  transition: background-color 300ms ease-out 0s;
}


/* mapping Section */

.mappingSection {
  width:800px;
  margin:40px auto 0px;
}

.txtBold {
  color:#000;
  Font-size:11pt;
}

/* Review and Confirm Section */

.txtRed {
  color:#f33a3c;
}

.txtRedBold {
  color:#f33a3c;
  font-weight:bold;
}

/* Employee Detail Page */

.loaderBlock {
  margin-bottom: 2px;
}

.loaderBlock img {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 8px;
}

.upcomingBirthdayBlock,
.employeeDetailBlock {
  min-height: 155px;
}

.topPerformerBlock {
  min-height: 145px;
}

.bottomSpacing {
  margin-top: 5px;
  display: inline-block;
}

.pageLeftCol {
  width:66%;
  float:left;
}

.detailLeftSec {
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:#fbfbfb;
  border:1px solid #dfdfdf;
 }

.detailTopHead {
  background-color:#efefef;
  font-size:10pt;
  border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  padding:15px;
  margin:-10px;
  border-bottom:1px dashed #ccc;
  box-shadow:0 1px 6px #ccc inset;
  -moz-box-shadow:0 1px 6px #ccc inset;
  -webkit-box-shadow:0 1px 6px #ccc inset;
  line-height:22px;
 }

.detailTopHead,
.detailTopHead table {
  font-size:12pt;
 }

.detailTopHead label {
  font-size:10pt;
 }

.detailTopHead p {
  margin:5px 0 20px 0;
  line-height:20px;
 }

.empSectDetail {
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:#fbfbfb;
  border:1px solid #dfdfdf;
  }

.empSectDetail,
.detailSpacing {
  padding:10px;
}

.empLeft {
  width:65%;
  float:left;
}

.name {
  font-size:19pt;
  margin-bottom:0px;
 }

h2.name a:hover {
  color: #27ae60;
  text-decoration: none;
}

.empLeft .userPic {
 border-radius: 150px;
 -moz-border-radius:150px;
-webkit-border-radius:150px;
 width: 122px;
 height: 122px;
 float:left;
 overflow:hidden;
}

.cropPhoto {
  display:block;
 }

.cropPhoto .editIcon {
  background-color:rgba(255, 255, 255, 0.3);
  opacity:0;
  position:absolute;
  padding:50px;
  border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
 }

.cropPhoto:hover .editIcon {
  opacity:10;
 }


/* Crop profile image Section */

.profileSect  {
  padding:25px;
}

.imageSect {
  width:700px;
}

.userDetail {
  width:67%;
  float:left;
  margin:0px 0px 0px 10px;
}

.userDetail .email {
  font-size:10pt;
  margin:0px 0px 15px;
}

.userDetail .birthDate {
  background:url('../images/birthday.png') no-repeat 3px center;
  padding:0px 0px 0px 30px;
  margin: 0px 0px 10px;
  color:#333333;
  font-size:10pt;
}

.userDetail .location {
  background:url('../images/location.png') no-repeat 3px 3px;
  padding:0px 0px 0px 30px;
  margin: 0px 0px 0px;
  color:#333333;
  font-size:10pt;
}

.empRight {
  width: 195px;
  float:right;
  text-align:right;
}

.empRight .phone {
  background:url('../images/phone-icon.png') no-repeat 70px 0;
  padding:0px 0px 4px 0px;
  margin: 5px 0px 30px 0px;
  color:#333333;
  font-size:10.5pt;
  height:20px;
}

.empRight .txtRed {
  color:#f33a3c;
  font-size:10pt;
  margin: 0px 0px 3px 0px;
}

.fName {
  margin: 0px 0px 3px;
  color:#666666;
  font-size:12pt;
}

.fName span {color:#27ae60; font-size:10pt;}
  

.empRight .call {
  margin:0px;
  background:url('../images/call.png') no-repeat 70px 0;
  color:#333333;
  font-size:10pt;
  padding:0px 0px 4px 0px;
  height:17px;
}

.dashedLine {
  border-top:1px dashed #ccc; 
  margin-bottom:20px;
}

.pageRightCol {
  float:right;
  width:32%;
}

.sectionRow {
  border:1px solid #dfdfdf;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:#fbfbfb;
  padding:15px 10px 10px;
  margin-bottom:20px;
}

.editBottomFrm {
  padding: 15px 10px 10px 10px;
 }

.sectionRow .sectionTitle {
  background-color:#efefef;
  height:26px;
  padding:10px;
  border-top-left-radius:5px;
  -moz-border-top-left-radius:5px;
  -moz-border-top-left-radius:5px;
  border-top-right-radius:5px;
  -moz-border-top-right-radius:5px;
  -moz-border-top-right-radius:5px;
  margin:-15px -10px 15px -10px;
  color:#000;
  font-size:14pt;
}

.sectionRow .sectionTitle ul li {
  display:inline-block;
  width:30%;
}

.sectionRow .sectionTitle ul li.empContact {
  background: url('../images/save.png') no-repeat left center;
  padding:0px 0px 0px 28px;
  color:#000;
  font-size:14pt;
  width:30%;
  white-space: nowrap; 
  vertical-align: top;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis; 
  float: left;
}

.sectionRow .sectionTitle ul li.licenseType {
  background: url('../images/emp-img.png') no-repeat left 3px;
  padding:4px 0px 5px 28px;
  color:#333333;
  font-size:12pt;
  float: left;
  margin-left: 8px;
}

.txtBlack {
  color:#000;
}

/* Employee Edit Section */

.sectInactive {
  background-color:#b0b0b0;
  padding:10px;
  border-top-left-radius:5px;
  -moz-border-left-radius:5px;
  -webkit-border-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-right-radius:5px;
  -moz-border-top-right-radius:5px;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.editFrmSection {
  background-color:#ecf0f1;
  padding:10px 20px;
  border-top:1px dashed #cccccc;
  border-bottom:1px dashed #cccccc;
  box-shadow:inset 1px 1px 5px #d4d8d8;
  -moz-border-box-shadow:inset 1px 1px 5px #d4d8d8;
  -moz-border-box-shadow:inset 1px 1px 5px #d4d8d8;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.activityTitle {
  color:#000;
  font-size:14pt;
  padding-bottom:13px;
  border-bottom:1px dashed #adadad;
}

.editFrmSection .colOne {
  width:47%;
  float:left;
  padding-right:3%;
  background: url('../images/line-center.png') no-repeat right 10px;
}

.editFrmSection .colTwo {
  width:47%;
  float:left;
  padding-left:3%;
}

.editBottomFrm .colOne {
  width:47%;
  float:left;
  padding-right:3%;
}

.editBottomFrm .colTwo {
  width:50%;
  float:left;
}

.editFrmSection h3 {
  color:#666666;
  font-size:15pt;
  font-weight:normal;
  margin-top:5px;
}

/*.uploadMargin {
  width:95%;
  padding:5px 15px;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  margin:0px 0px 25px; 
}*/

.frmMargin {
  margin: 25px 0px 10px;
}

/* List View Section */

.listBlockSect {
font-size:11pt;
color:#666666;
}

.srcStrip {
  background-color:#aab7b8;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:0px 0px 10px 0;
  height:24px;
}

.metricsTtl {
  color:#fff;
  display:inline-block;
  padding:5px 10px 7px;
  font-size:13pt;
  background-color: #9cc833;
  border-radius: 4px;
  position: relative;
  margin-right: 13px;
}

.metricsTtl::after {
  border-color: transparent #9cc833;
  border-style: solid;
  border-width: 11px 0 11px 16px;
  content: "";
  display: block;
  position: absolute;
  right: -10px;
  top: 7px;
  width: 0;
  z-index: 1;
}

.srcStrip a.quickTab {
  background-color: #009a8c;
  color: #fff;
  display: inline-block;
  padding: 7px;
  text-decoration: none;
}

.srcStrip a.quickTab:hover {
  background-color: #48C9B0;
}

.srcStrip span.active {
  background-color: #666;
  display: inline-block;
  padding: 7px;
  color: #fff;
}

.employeeMetricsTable td.sorting label.txtBlack {
  float: left;
  width: 86px;
  display: inline-block;
  margin-right: 15px;
  margin-left: 10px;
}

.employeeMetricsTable td.sorting .customRadio, .empMetricSrch label.customRadio {
  float: left;
  margin-right: 10px !important;
}

.textAlignRight {
  text-align: right;
}

.noData {
  font-size:12pt;
}

.btMargin {
  margin-bottom:50px;
}

.srcStrip em {font-size:10pt;} 

.srcSection {
  box-shadow:inset 1px 1px 5px #d4d8d8;
  -moz-border-box-shadow:inset 2px 2px 5px #d4d8d8;
  -webkit-border-box-shadow:inset 2px 2px 5px #d4d8d8;
  border-top-left-radius:5px;
  -moz-border-top-left-radius:5px;
  -webkit-border-top-left-radius:5px;
  border-top-right-radius:5px;
  -moz-border-top-right-radius:5px;
  -webkit-border-top-right-radius:5px;
  background-color:#ecf0f1;
  margin-bottom:35px;
}

.searchForm {
 border-bottom: 1px dashed #ccc;
 padding:10px 20px 30px 30px;
}

.searchForm label {
  display: block;
  font-size: 10.5pt;
  margin-bottom: 5px;
}

.searchForm table {
  width:auto;
 }

.searchForm td {
  padding:5px;
 }

.imgRadius {
  border-radius:20px;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border:1px solid #ddd;
}

.lstTtl { 
 padding:0px 0px 10px; 
}

.lstTtl th {
  text-align:left;
  padding:15px 5px 15px 5px;
  color:#009a8c;
}

a.eLink {
 display:inline-block;
 background:url(../images/action-stripe.png) 0 0 no-repeat;
 width:20px;
 height:20px;
} 

a.eLink:hover {
 background-position:0 -20px;
}

a.dLink,
a.addLink,
a.copyLink {
 display:inline-block;
 background:url(../images/action-stripe.png) 0 -40px no-repeat;
 width:20px;
 height:20px;
} 
  
.dLink:hover {
 background-position:0 -60px;
}

a.dashboardLink {
 display:inline-block;
 background:url(../images/dashboard-sprite.png) 0 0 no-repeat;
 width:20px;
 height:20px;
}

a.dashboardLink:hover {
 background-position:0 -22px;
}

/* START: Employee Schedule */

.employeeChoosePosition {
  margin-left: 12px;
  display: inline-block;
  padding-left: 22px;
  position: relative;
}

/*.schedulePrintTab .empNameTitle {
  width: 150px;
}*/

/*.empNameTitle {
  white-space: nowrap;  
  overflow: hidden;
  text-overflow: ellipsis; 
  width: 165px;
  display: inline-block;
  vertical-align: text-top;
}*/

/*.badgeNo {
  white-space: nowrap; 
  vertical-align: top;
  margin-top: 2px;
  width: 150px; 
  overflow: hidden;
  text-overflow: ellipsis; 
  display: block;
  margin-left: 25px;
  font-size: 9pt;
}*/

.employeeChoosePosition:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background-color: #ddd;
  height: 35px;
  left: 5px;
  width: 1px;
}

.employeeChoosePosition select {
  margin-bottom: 0 !important;
}

h2 span.employeeName {
  vertical-align: super;
}

.employeeEditViewTable tr th {
  padding: 10px 5px;
}

.employeeEditViewTable.editViewPopup tr th {
  padding-top: 5px;
  padding-bottom: 5px;
}

.employeeEditViewTable table tr td input[type="text"] {
  text-transform: uppercase;
  padding: 5px; 
}

.employeeEditViewTable table tr td .css3-metro-dropdown select{
  height: 28px;
}

.employeeEditViewTable table tr td .css3-metro-dropdown::after {
  line-height: 28px;
}

.employeeEditViewTable table tr td input[type="text"]::-moz-placeholder {
  text-transform: capitalize;
}

.employeeEditViewTable table tr td input[type="text"]::-webkit-input-placeholder {
  text-transform: capitalize;
}

.employeeEditViewTable table tr td input[type="text"]:-ms-input-placeholder {
  text-transform: capitalize;
}

.employeeEditViewTable table tr td input[type="text"]::placeholder {
  text-transform: capitalize;
}

.employeeScheduleTabs.customTabs li .css3-metro-dropdown-color-e1e1e1 select {
  padding: 0;
  background-color: transparent;
  border: none;
  height: 18px;
  line-height: 18px;
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-size: 10.5pt;
  position: relative;
  top: -1px;
}

.employeeSchedule .listBlock tr td.schedulePrintPos {
  hyphens: auto;
}

.modalContainer span.copyToDateRange {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  margin-top: 9px;
  display: inline-block;
}

.employeeSchedule h1.employeeScheduleTitle {
  margin-bottom: 0;
  line-height: 20px;
  position: relative;
}

.employeeSchedule.employeeScheduleHover h3.totalScheduledHour {
  margin-top: 15px;
  position: relative;
  display: inline-block;
}

 .employeeSchedule.employeeScheduleHover .remove-link {
  font-size: 14px;
  margin-left: 8px;
  cursor: pointer;
  margin-top: 5px;
  display: block;
  color: #ff0000;
  position: absolute;
  right: 0;
  top: 35px;
  text-decoration: underline;
 }

  .employeeSchedule.employeeScheduleHover .remove-link small {
    color: #f33a3c;
    font-size: 14px;
    font-weight: normal;
  }

.employeeSchedule.employeeScheduleHover .remove-link:hover {
  text-decoration: none;
}

.employeeScheduleHover .employeeScheduleListHeader .listBlock tr.employeeRowOne th:last-of-type,
.schedulePrintTab .employeeScheduleListHeader .listBlock tr.employeeRowOne th:last-of-type,
.employeeWeekdaySchedule .employeeScheduleListHeader .listBlock tr.employeeRowOne th:last-of-type {
  border-right: 1px solid transparent;
}

.employeeScheduleHover .employeeScheduleListHeader .listBlock tr.employeeRowThree th:last-of-type,
.schedulePrintTab .employeeScheduleListHeader .listBlock tr.employeeRowThree th:last-of-type,
.employeeWeekdaySchedule .employeeScheduleListHeader .listBlock tr.employeeRowThree th:last-of-type {
  border-right: 1px solid #ddd;
}

.schedulePrintTab tr.employeeRowThree .employeeCell a i.fa-sort,
.schedulePrintTab tr.employeeRowThree .employeeCell a i.fa-sort-amount-asc,
.schedulePrintTab tr.employeeRowThree .employeeCell a i.fa-sort-amount-desc,
.employeeWeekdaySchedule tr.employeeRowThree .employeeCell a i.fa-sort,
.employeeWeekdaySchedule tr.employeeRowThree .employeeCell a i.fa-sort-amount-asc,
.employeeWeekdaySchedule tr.employeeRowThree .employeeCell a i.fa-sort-amount-desc {
  color: #009a8c;
}

.schedulePrintTab tr.employeeRowThree .employeeCell a:hover,
.employeeWeekdaySchedule tr.employeeRowThree .employeeCell a:hover {
  text-decoration: none;
  color: #009a8c;
}

.employeeWeekdaySchedule tr.employeeRowList td.weekdayEmpposition {
  word-break: break-all;
}

.employeeSchedule h3.totalScheduledHour {
  margin-top: -25px;
  font-size: 16px;
  color: #999;
  margin-bottom: 30px;
}

.employeeSchedule h3.totalScheduledHour span {
  color: #333;
}

.employeeScheduleTabs.customTabs li.activeTab .css3-metro-dropdown-color-e1e1e1:after {
  color: #fff;
}

.employeeScheduleTabs.customTabs li.activeTab .css3-metro-dropdown-color-e1e1e1 select {
  color: #fff;
}

.employeeScheduleTabs.customTabs li .weekday-schedule-tab .css3-metro-dropdown-color-e1e1e1:after {
  background-color: #ececec;
  border-left: none;
  line-height: 18px;
  color: #666;
  width: 22px;
  right: 10px;
  top: 12px;
}

.employeeScheduleTabs.customTabs li .weekday-schedule-tab .css3-metro-dropdown-color-e1e1e1:hover:after,
.employeeScheduleTabs.customTabs li:hover .weekday-schedule-tab .css3-metro-dropdown-color-e1e1e1:after {
  background-color: #e2e2e2;
}

.employeeScheduleTabs.customTabs li.activeTab .weekday-schedule-tab .css3-metro-dropdown-color-e1e1e1:after,
.employeeScheduleTabs.customTabs li.activeTab:hover .weekday-schedule-tab .css3-metro-dropdown-color-e1e1e1:after {
  color: #fff;
  background-color: #009a8c;
}

.employeeScheduleTabs.customTabs li.activeTab:hover .weekday-schedule-tab .css3-metro-dropdown-color-e1e1e1:after {
  background-color: #48c9b0;
}

.employeeSchedule {
  margin-top: 20px;
}

.employeeSchedule .listBlock tr.oddRow td,
.employeeSchedule .listBlock tr.evenRow td {
  padding: 5px;
  border-bottom:1px solid #ddd;
  vertical-align: middle;
}

.employeeSchedule .listBlock tr.employeeRowList {
  position: relative;
  padding: 0;
  margin: 0;
}

.employeeSchedule .listBlock tr.employeeRowList td {
  padding: 5px;
  border-bottom:1px solid #ddd;
  vertical-align: middle;
}

.employeeSchedule .listBlock tr.employeeRowList td.highlightCellDay {
  background: #ffea83;
}

.employeeSchedule .rowStatus {
  margin-right: 4%;
  font-size: 9pt;
  padding: 0;
  line-height: 16px;
  color: #000;
}

.employeeSchedule .schedulePrintLegend {
  margin-top: 9px;
  margin-right: 2%;
}

.employeeSchedule .schedulePrintLegend a {
  margin-left: 20px;
}

.employeeSchedule .listBlock .dispNotes.fine {
  font-size: 8pt;
}

.employeeSchedule .rowStatus span.legendEmployeeHour {
  width: 7px;
  height: 13px;
  vertical-align: text-bottom;
  display: inline-block;
  margin-right: 2px;
}

.employeeSchedule .rowStatus .legendEmployeeHour.lunch {
  background:#96d3d2;
}

.employeeSchedule .listBlock tr.employeeRowList td.highlightCellDay table tr td.lunchTimeBG {
  background:#ffea83;
}

.employeeSchedule .employeeScheduleListTable tr.employeeRowList:hover table tr td.lunchTimeBG {
  background: #f0ffcc !important;
}

.employeeSchedule .rowStatus .legendEmployeeHour.day {
  background:#ffd400;
}

.employeeSchedule .rowStatus .legendEmployeeHour.week {
  background:#e69e97;
}

.schedulePrintLegend .lunchTimeCheck {
  margin-left: 15px;
}

.employeeScheduleListTable .infoCell tr.time td.lunchTimeBG {
  background-color: #c5f0f0;
}

.employeeSchedule .rowStatus small {
  padding-left: 2px;
  float: right;
  margin-right: 12px;
}

.employeeSchedule .employeeInfo {
  width: 150px;
}

.employeeSchedule .employeeInfo a {
  margin-right: 3px;
  color: #009a8c;
}

.contentScrollListView {
  max-height: 450px;
  overflow: auto;
}

.employeeSchedule .contentScrollListView {
  overflow-y: scroll;
}

.employeeSchedule .employeeScheduleListTable tr.employeeRowList,
.employeeSchedule .employeeScheduleListTable tr.employeeRowList,
.employeeSchedule .employeeScheduleListTable tr.newRowCls {
  position: relative;
}

.employeeSchedule .employeeScheduleListTable .highlightCell {
  background: rgba(231,76,60,0.20);
}

.employeeSchedule .employeeScheduleListTable .highlightCellDay, .highlightCellDay,
.employeeSchedule .schedulePrintTab .highlightCellDay  {
    background: #ffea83;
}

.schedulePrintTab .employeeMainCell span.empNameTitle {
  width: 160px;
}

.employeeSchedule .schedulePrintTab .employeeMainCell td.position-cell {
  padding-left: 28px;
  font-size: 12px;
  /*height: 20px;*/
}

/*.employeeSchedule .schedulePrintTab .employeeMainCell {
  border-left: 1px solid #ddd;
}*/

.innerTableCell td {
  border: none !important;
  border-bottom: 1px solid #ddd !important;
}

.employeeSchedule .schedulePrintTab td {
  height: 20px;
}

.employeeNameBg {
  background-color:#eee; 
  border-top:1px solid #666;
  border-bottom:1px solid #ddd;
  word-break: break-word;
}

.employeeNameBg.employeeTotalHour {
  background-color:#f8b8b2;
  color: #000;
  font-weight: 700;
  border-bottom:1px solid #ddd;
}

.employeeNameBg img {
  margin-right: 5px;
  margin-top: 0px;
  vertical-align: text-bottom;
}

.employeeSchedule .employeeScheduleListTable tr.employeeRowList .employeeInfo,
.employeeSchedule .employeeScheduleListTable tr.employeeRowList .employeeInfo,
.employeeSchedule .employeeScheduleListTable tr.employeeRowList .employeeInfo {
   opacity: 0;
   position: absolute;
   top: 47%;
   transform: translateY(-47%);
   -moz-transform: translateY(-47%);
   -webkit-transform: translateY(-47%);
   max-width: 135px;
   width: 100%;
   text-align: right;

}

.schedulePrintTab .employeeRowList td.schedulePrintPos {
  vertical-align: top !important;
 /* padding: 0 !important;*/
}

.schedulePrintTab .contentScrollListView,
.employeeWeekdaySchedule .contentScrollListView {
  overflow-y: scroll;
}

.employeeScheduleListTable tr.empNameListRow td:nth-of-type(4) {
  border-left: 1px solid #ddd;
}

.schedulePrintTab .postionLabel {
  display: inline-block;
  height: 13px;
  font-size: 12px;
  margin: 5px 0px 5px 25px;
}

.innerTblCell td td {
  border: none;
  border-bottom: 1px solid #ddd;
}

.schedulePrintTab .employeeRowList td.schedulePrintPos .employeeNameBg {
  background-color: transparent;
  border-top: none;
  border-bottom: none;
}

/*.employeeNameBg .empLink {
  color: #333;
}
*/
.employeeNameBg a.empLink .empNameTitle:hover {
  /*color: #009a8c;*/
  text-decoration: underline !important;
}

.schedulePrintTab .employeeRowList.first_row td.employeeMainCell {
  border-top: 1px solid #666;
  vertical-align: top;
  height: 100%;
}

.transparentBorderRight {
  border-right: 1px solid transparent;
}

.transparentBorderLeft {
  border-left: 1px solid transparent;
}

.schedulePrintTab .employeeRowList.first_row td.employeeMainCell table {
  height: 100%;
}

.lunchTimeCheck {
  font-size: 14px;
  margin-top: 10px;
  margin-right: 60px;
  color: #333;
}

h1.schedulePrintTitle {
  margin-bottom: 25px;
}

p.sort-label {
  text-align: right;
  margin: 5px 0 15px;
  font-size: 13px;
}

p.sort-label i {
  position: relative;
  margin-right: 2px;
}

.schedulePrintCheck {
  margin: 10px 0px 25px -5px;
}

.employeeSchedule .employeeScheduleListTable td.employeeName {
  position: relative;
}

.employeeSchedule .employeeScheduleListTable td.employeeName small.fine {
  display: inline-block;
  margin-top: 4px;
}

.employeeSchedule .employeeScheduleListTable tr.employeeRowList:hover .employeeInfo,
.employeeSchedule .employeeScheduleListTable tr.employeeRowList:hover .employeeInfo,
.employeeSchedule .employeeScheduleListTable tr.newRowCls:hover .employeeInfo {
  opacity: 1;
  background-color: #f0ffcc !important;
  left: 40px;
}

.employeeSchedule .employeeScheduleListTable tr.employeeRowList:hover,
.employeeSchedule .employeeScheduleListTable tr.employeeRowList:hover,
.employeeSchedule .employeeScheduleListTable tr.newRowCls:hover,
.employeeWeekdaySchedule .employeeScheduleListTable tbody:hover {
  background-color: rgba(180,255,0,0.2) !important;
}

.employeeWeekdaySchedule .employeeScheduleListTable tr.employeeRowList:hover {
  background: transparent!important;
}

/*.employeeSchedule .employeeScheduleListTable tr.employeeRowList:hover .overlay,
.employeeSchedule .employeeScheduleListTable tr.employeeRowList:hover .is_off,
.employeeSchedule table .oddRow:hover .is_off,
.employeeSchedule table .evenRow:hover .is_off {
  background-color: transparent;
}*/

.employeeSchedule .employeeScheduleListTable tr.employeeRowList:hover td.highlightCellDay,
.copyEmployeeScheduleModal table tr.empSchdRow:hover td.highlightCellDay {
  background-color: transparent;
}

.employeeSchedule .employeeRowTwo th {
  text-align: center;
  padding: 5px;
}

.employeeSchedule .employeeRowThree th {
  font-size: 13px;
}

.employeeSchedule span.employeeInfo a.copyLink,
.employeeSchedule span.employeeInfo a.addLink {
  background: url(../images/icon-sprite.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px auto;
}

.employeeSchedule span.employeeInfo a.copyToLink {
  position: relative;
  margin-top: 7px;
  display: inline-block;
}

.employeeSchedule span.employeeInfo a.copyToLink:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  background: url(../images/copy-to-icon.png) no-repeat;
  left: 1px;
  width: 18px;
  height: 19px;
  background-position: 0 0;
  background-size: 18px auto;
}

.employeeSchedule span.employeeInfo a.copyToLink:hover:after {
   background-position: 0 -23px;
}

.employeeSchedule span.employeeInfo a.dLink,
.employeeSchedule span.employeeInfo a.eLink {
  font-size: 0;
}

.employeeSchedule span.employeeInfo a.copyLink {
  background-size: 16px auto;
  width: 16px;
  height: 16px;
}

.employeeSchedule span.employeeInfo a.addLink {
  background-position: 0 -50px;
}

.employeeSchedule span.employeeInfo a.addLink:hover {
  background-position: 0 -75px;
}

.employeeSchedule .employeeName span.employeeInfo a.copyLink:hover {
  background-position: 0 -20px;
}

.employeeSchedule .employeeRowTwo th.employeeJobDay {
  padding: 5px;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  background-color: #ebebeb;
  color: #000;
}

.employeeSchedule .padding5 {
  padding: 5px;
}

.employeeSchedule .listBlock {
  border-spacing:0px;
}

.employeeSchedule .empTotalTime {
  display: inline-block;
  border-left: 1px solid #888;
  margin-left: 5px;
  padding-left: 5px;
}

.employeeSchedule .listBlock tr {
  padding: 0;
  margin: 0;
}
.employeeSchedule.employeeScheduleHover tr.newRowCls td {
  border-bottom:1px solid #ddd;
}

.cellBorderRight {
  border-right: 1px solid #ddd !important;
}

.cellBorderLeft {
  border-left: 1px solid #ddd !important;
}

.employeeSchedule .employeeRowTwo th.employeeBlankCell {
  border-bottom: 0;
}

.employeeSchedule .employeeName span.employeeInfo .fine {
  color: #009a8c;
}

.highlightCell {
  background-color: rgba(255, 222, 222, 0.60);
}

.employeeSchedule .employeeScheduleListBlock .employeeRowOne th {
  background-color: #009a8c;
  color:#fff;
  text-align: center !important;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight:normal;
}

.employeeSchedule .employeeScheduleListBlock .employeeRowOne th.txtRight {
  text-align: right !important;
}

.employeeSchedule .employeeScheduleListBlock .employeeRowOne th.empScheduleTtl,
.employeeSchedule .employeeScheduleListBlock .lstTtl th.empScheduleTtl {
  text-align: left !important;
  font-size:15px;
}

.employeeSchedule .empPosCls {
  margin-top: 7px;
  display: inline-block;
}

.employeeWeekdaySchedule .employeeRowOne th.tblCellBg {
  background-color: #f2f2f2 !important;
}

.employeeWeekdaySchedule .employeeNameBg {
  border-top: none;
}

.employeeWeekdaySchedule tbody.employeeBorder tr:first-of-type td {
  border-top: 1px solid #666 !important;
}

.employeeWeekdaySchedule .empNameTitle {
  width: 95%;
}

.employeePerHourTab .employeeRowOne th {
  padding: 5px;
  border-bottom: none;
}

.employeePerHourTab .employeeRowOne {
  background-color: #ebebeb;
}

.employeePerHourTab tr td.cellBottomBorder {
  border-bottom: 1px solid #ddd;
}

.employeePerHourTab .employeeScheduleListHeader {
  max-height: 150px;
}

.employeePerHourTab .employeeScheduleListHeader tr.employeeRowTwo th {
  padding: 5px 3px !important;
}

.employeeScheduleListTable .infoCell {
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0!important;
} 

.employeeScheduleListTable .infoCell tr.time td {
  padding: 4px 5px 4px !important;
  border-left:1px solid #ddd;
  font-size: 13px;
  color: #444;
}

.employeePerHourTab .employeeScheduleListTable .empSchRows td,
.employeeWeekdaySchedule .listBlock tr.employeeRowList td,
.employeeRowList td {
  color: #444;
}

.employeeScheduleListTable .infoCell td.position {
  padding-top: 0 !important;
  border-bottom: 0 !important;
  border-left:1px solid #ddd;
  font-size: 13px;
  color: #444;
}

.schedulePrintTab .employeeMainCell td.position {
  padding-top: 5px !important;
}

.employeeEditViewTable .notes {
  width: 100%;
}

.employeeEditViewTable .buttonS.executeBtn {
  font-size:11px;
  padding: 3px 7px;
  color: #fff;
  margin-top: 2px;
}

.employeeEditViewTable table tr td.valignTop {
  padding-bottom: 5px !important;
}

.employeeNameTtl {
  border-right: 1px solid #ddd;
  margin-right: 10px;
}

.employeeEditViewBadge {
  display: block;
  font-size: 12px;
  margin-top: -4px;
  line-height: 12px;
}

.employeeEditViewBadge span {
  line-height: 12px;
}

.employeeEditViewBadge span.weekdate {
  border-left: 2px solid #ccc;
  display: inline-block;
  margin-left: 6px;
  padding-left: 7px;
  font-size: 13px;
}

.employeePerHourTab table .hoverCls {
  background-color: rgba(180,255,0,0.2) !important;
}

.employeePerHourTab .employeeScheduleListTable tr.evenRow:hover,
.employeePerHourTab .employeeScheduleListTable tr.oddRow:hover {
  background-color: rgba(180,255,0,0.2) !important;
  transition: inherit;
}

.modalContainer .employeeCopyToSchedule .oddRow,
.modalContainer .employeeCopyToSchedule .evenRow {
  font-size: 10pt;
  padding: 6px 18px;
}

.employeeCopyToSchedule input[type="checkbox"].css-checkbox.med + label.css-label.med {
  display: block;
}

.modalContainer .employeeCopyToSchedule .oddRow {
  background-color: #fff;
}

.modalContainer .employeeCopyToSchedule .evenRow {
  background-color: #f2f2f2;
}

.modalContainer .employeeCopyToSchedule .oddRow:hover,
.modalContainer .employeeCopyToSchedule .evenRow:hover {
  background-color: #e2f5b4;
  transition: background-color 300ms ease-out 0s;
  -moz-transition: background-color 300ms ease-out 0s;
  -webkit-transition: background-color 300ms ease-out 0s;
}

.employeePerHourTab .employeeScheduleListTable th.empScheduleTtl{
  line-height: 21px;
}

.employeePerHourTab .employeeScheduleListTable .empSchRows .empColMerge {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-collapse: collapse;
  text-align: right;
}

.employeePerHourTab .employeeScheduleListTable .empSchRows .borderBottomNone {
  border-bottom: none;
}

.employeePerHourTab .employeeScheduleListTable .empSchRows .empColMerge.empGroupDetail {
  border-bottom: none;
}

.employeePerHourTab .employeeScheduleListTable .empSchRows .empGroupDetail.empBottomBorder {
  border-bottom: 1px solid #ddd;
}

.employeePerHourTab .employeeScheduleListTable .empSchRows .empGroupDetail.empBottomBorder span {
  float: right; 
  margin-top: -22px !important;
}

.employeeWeekdaySchedule tr.employeeRowList td.noPadding {
  padding: 0 !important;
}

.employeeWeekdaySchedule tr.employeeRowList td {
  padding: 8px 5px !important;
}

.paddingTopBottom {
  padding: 0px 5px !important;
}

.employeeSchedule .employeeScheduleListBlock .lstTtl th.rowMainTitle {
  font-size: 16px;
}

.employeeSchedule .employeeScheduleListBlock .lstTtl th.rowMainTitle small {
  color: #fff;
}

.copyEmployeeScheduleModal table tr.empSchdRow td {
  color: #444;
  padding: 8px 5px !important;
}

.invalid-time {
  border: 1px solid red !important;
}

.invalid-error {
  color: #d03434;
  font-size: 12px;
  font-style: italic;
  margin-top: 0px;
}


/* END: Employee Schedule */


/*custom radio */

input[type=radio].css-radio + label.css-label.activityRadio {
 width:131px;
 height:131px; 
 display:inline-block;
 line-height:18px;
 background-repeat:no-repeat;
 background-position: 0 0;
 vertical-align:middle;
 cursor:pointer;
 margin-right:2%;
 padding-top:0;
 margin-bottom:13px;
 }

input[type=radio].css-radio:checked + label.css-label.activityRadio {
 background-position: 0 -131px;
 }

.radioCleaning {
 background-image:url(../images/cleaning.png);
 }

.radioShuttle {
 background-image:url(../images/shuttle.png);
 }

.radioOffAirport {
 background-image:url(../images/off-airport-moves.png);
 }

.radioOnAirport {
 background-image:url(../images/on-airport-moves.png);
 }

.radioOnSiteCrew {
 background-image:url(../images/crew-noncrew.png);
 }

.radioAudit {
 background-image:url(../images/audit-general.png);
 }

.radioAuditSubmission {
 background-image:url(../images/audit-submission.png);
 }

.radioInventory {
 background-image:url(../images/inventory.png);
 }

.radioScanInventory {
 background-image:url(../images/scanner-inventory.png);
 }

.radioTotalActivity {
 background-image:url(../images/total-activity.png);
 }

.radioEmpTotalActivity {
 background-image:url(../images/employee-total-activity.png);
 }

.radioAuditQuestion {
 background-image:url(../images/audit-detail.png);
 }

.radioEmpAuditQuestion {
 background-image:url(../images/employee-audit-detail.png);
 }
 .radioEmpAuditQuestionDriver {
   background-image:url(../images/employee-audit-driver-detail.png);
 }

.radioOnsiteTransaction {
 background-image:url(../images/on-site-transaction.png);
 }

 .radioOffsiteTransaction {
 background-image:url(../images/off-site-transaction.png);
 }

.radioGasReport {
 background-image:url(../images/gas-report.png);
 }

.radioExceptionsReport {
 background-image:url(../images/deleted-activities.png);
 }

.radioProcessingReport {
 background-image:url(../images/fleet-processing.png);
 }

.radioGateMovesReport {
 background-image:url(../images/gate-moves.png);
 }

.radioGateMovesCountReport {
 background-image:url(../images/gate-moves-count.png);
 }

 .radioLotReport {
 background-image:url(../images/lot-report.png);
 }

.radioCleaningProductivity {
 background-image:url(../images/cleaning-productivity.png);
 }

 .radioAwayStatus {
  background-image:url(../images/away-status.png);
  }

  
  .radioOnSiteProductivity {
    background-image:url(../images/onsite-productivity.png);
    }
  
.radioCleaning:hover,
.radioShuttle:hover,
.radioOffAirport:hover, 
.radioInventory:hover,
.radioOnAirport:hover,
.radioOnSiteCrew:hover,
.radioAudit:hover,
.radioAuditSubmission:hover,
.radioScanInventory:hover,
.radioTotalActivity:hover,
.radioEmpTotalActivity:hover,
.radioAuditQuestion:hover,
.radioOnsiteTransaction:hover,
.radioOffsiteTransaction:hover,
.radioGasReport:hover,
.radioExceptionsReport:hover,
.radioProcessingReport:hover,
.radioEmpAuditQuestion:hover,
.radioEmpAuditQuestionDriver:hover,
.radioGateMovesReport:hover,
.radioGateMovesCountReport:hover,
.radioLotReport:hover,
.radioCleaningProductivity:hover,
.radioAwayStatus:hover {
  background-position: 0 -131px !important; 
  /*transition: background 1ms ease-out 0s; */
 }

.sheetTable {
  background-color:#c4c4c4;
  border-collapse:collapse;
 }

.sheetTable th {
  background-color:#f3f3f3;
  padding:5px;
  border:1px solid #c4c4c4;
  color:#919191;
 }
  
.sheetTable td {
  background-color:#fbfbfb;
  border:1px solid #c4c4c4;
  padding:5px;
  color:#000;
 }

.sheetTable td span {
  display:block;
 }

.sheetTable tr td.col_one {
  background-color:#f3f3f3 !important;
  color:#919191 !important;
 }
  
.sheetTopHead {
 }

.sheetTable .headerSecond td {
  color:#009a8c !important;
 }
 
.error {
  color:#f33a3c;
  font-size:10pt;
 }

.success {
  color:#11ce00;
  font-size:10pt;
 }

.fieldError {
  border:1px solid #f33a3c !important;
 }

.cmpName {
  color:#9c9c9c;
 }

.brandName {
  color:#666;
 }

.sizeTbl {
  font-size:9pt;
  width:auto;
 }

.sizeTbl input {
  padding:5px;
 }

/* launched Section */

.launchedSect {
  background:url('../images/coming-soon.gif') no-repeat left top;
  width: 325px;
  margin:30px auto;
  height:320px;
}

.launchedSect p {
  font-size:12pt;
  padding-top:143px;
  padding-left:80px;
  font-weight:300;
}

.fldColor {
  color:#fe7725;
  font-weight:bold;
}

select.fieldRequired option:first-child {
  color:#fe7725;
}

select.fieldRequired {
  color:#fe7725;
}

select.selectSmall {
  padding: 3px 7px;
  font-size: 9pt;
}

select.selectSmall option {
  font-size: 9pt;
}

.commentBox {
  padding:0 0 15px 0;
  margin-bottom:15px;
  font-size:10pt;
  line-height:18px;
 }

.commentBox small {
  background-color: #efefef;
  display:block;
  color:#000;
  font-size:9pt;
  padding:10px;
 }

.commentBox a {
  font-weight:bold;
 }

.commentBox p {
  margin:8px 10px 0 10px;
 }
 
.dateRange {
  margin-left:15px;
}

input.auditDtFormat {
  width:227px;
  border:0;
  background:#fff url(../images/calendar.png) right center no-repeat;
  color:#3498db;
  font-size:16pt;
  margin-left:15px;
  cursor:pointer;
 }

input.auditDtFormat:focus {
  border:0;
  background-color:#fff;
  color:#3498db;
  font-size:16pt;
 }

.auditEditBlock li {
  display:block;
  float:left;
  font-size:10pt;
  width:31.6%;
  height:50px;
  padding:25px 10px 25px 0;
 }

.auditEditBlock.rateBlock li {
  height: inherit;
  min-height: 50px;
 }

.auditEditBlock li label {
  display:block;
  margin-top:5px;
 }

table.auditDetailTip {
  width:99%;
  border-collapse:collapse;
 }
  
.auditDetailTip td {
  font-size:9pt;
  padding: 4px;
  border:1px solid #ddd;
 }

 .modal .auditDetailTip.sitesList td {
  font-size:10pt;
  padding: 8px 4px;
  border: none;
 }

.auditDetailTipError {
  margin-left:5px;
  margin-bottom:15px;
}

.auditDetailTipError td {
  font-size:10pt;
  line-height:18px;
}

.auditDetailTipError ol li {
  list-style: decimal;
  margin-left: 15px;
  margin-bottom: 8px;
}

.auditDetailTip tr th {
  color: #009a8c;
}

.modal.activityProductivity {
  padding: 15px;
  border-radius: 0;
}

.activityProductivity table.auditDetailTip tr.lstTtl th {
  padding: 10px!important;
}

.activityProductivity table.auditDetailTip th {
  padding: 15px 5px 15px 5px;
}

#left_audit_category_score,
#center_audit_category_score,
#right_audit_category_score {
  min-height: 300px;
}

.activityProductivity .contentScroll .dashboardHdIframe {
  background-color: transparent;
}

.activityProductivity .contentScroll {
  max-height: 200px;
}

.activityProductivity h4.auditScoreTitle {
  font-size: 18px;
  text-align: center;
  color: #009a8c;
  padding: 10px 0 0px;
}

.activityProductivity table.auditScoreBlocks {
  margin-top: 10px;
  margin-bottom: 15px;
}

.activityProductivity table.auditScoreBlocks tr td {
  font-size: 21px;
  padding-bottom: 1px;
  padding-top: 1px;
  color: #009a8c;
}

.activityProductivity table.auditScoreBlocks tr td h5.auditScoreMainTitle {
  font-size: 16px;
  color: #27ae60;
}

.activityProductivity table.auditScoreBlocks tr td.auditScoreMainColumn {
  width: 50%;
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
}

.activityProductivity table.auditScoreBlocks tr td h6.auditScoreTitle span.grey,
.activityProductivity table.auditDetailTip tr th h6.auditScoreTitle span.grey {
  color: #777;
}

.activityProductivity table.auditDetailTipHeader tr th {
  background-color: #f5f5f5;
  border: 1px solid #eee;
  padding: 5px;
}

/* Copy Employee Schedule modal */
.modalContainer {
  width: 95%;
}

/*exception modal container*/
#qtip-growl-container {
  position: absolute;
  top: 17%;
  /*left: 25%;*/
  z-index: 14900;
  max-width: 700px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}

#qtip-growl-container .qtip {
  position: static;
  min-height: 0;
  overflow: hidden;
  margin: 0 0 5px 0;
}

.activityList {
  border-bottom:1px dashed #aaa;
  padding:0px 0px 10px;
  margin-bottom:15px;
}

.activityList label {
  font-size:8pt;
  font-weight:normal;
  color:#5a656a;
}

.activityList li {
  display:inline-block;
  list-style-type:none;
  margin:0px 5px 5px 0px;
}

.activityList li span img {
  vertical-align:middle;
}

.activityList li input, .activityList li select {
  font-size:9pt;
  padding:5px 4px;
  margin-top:3px;
 }
 
.flQtip {
  max-width: 725px !important;
}

.qTipScroll {
  max-height:150px;
  overflow:auto;
 }

.more {
  font-size:9pt;
  margin-left:85px;
}

.inputImgLnkDisable {
  margin-top:3px;
  display:block;
 }

.rowStatus {
  color:#000;
  float:right;
  font-size:9pt;
  margin-right:10%;
  padding:8px;
 }

tr.leave_class .onLeave {
  border-left:3px solid #ff3b30;
 }

.legendOnLeave {
  background-color:#ff3b30;
  display:inline-block;
  width:4px;
  height:13px;
  vertical-align:text-bottom;
  margin-right:2px;
 }

.selectGreen {
  font-size:11pt !important; 
  color:#27ae60 !important;
 }

.siteCalLeft {
  padding-right:5%;
  width:48%;
  float:left;
}

.siteCalRight {
  width:36%;
  float:left;
}

.overallCal {
  background-color:#fff;
  text-align:center;
  border-width:1px;
  border-style:solid;
  border-color:#ddd #ddd #999 #ddd;
  font-size:12pt;
  font-weight:bold;
}

.dataBorder {
  border-top:1px solid #eee;
  border-left:0; 
  border-right:0; 
  border-bottom:0;
}
 
.dataRed {
  color:#d14747;
  border-bottom:1px solid #d14747;
}

.dataGreen {
  color:#028900;
  border-bottom:1px solid #028900;
}

.scanned {
  display:block;
  text-align:right;
  margin-bottom:3px;
}

.textScan {
  margin:0px 0px 0px 3px;
  vertical-align:middle;
  color:#000;
  font-size:8pt;
}

.scannedClass {
  border-bottom:1px solid #28b360 !important;
}

.scanFld {
  margin-left:8px;
 }

.searchString {
  margin-right:25px;
 }

.searchString .searchLbl {
  color:#000;
  font-weight:bold;
  font-size:9pt;
 }

.empMetricSrch {
  height:55px;
 }

.noshow { 
  display:none;
  position: absolute; /* don't bother other elements on the page */
  width: 0; /* small */
  height: 0; /* very small */
  margin: 0; /* tiny */
  padding: 0; /* very tiny */
  border: 0; /* tada */
}

.auditQtyScore th,
.auditQtyScore td {
  padding:3px 4px;
 }

.auditImages a {
  display:inline-block;
  width:110px;
  height:110px;
  background-color:#fff;
  border:1px solid #ccc;
  padding:1px;
  margin:0 8px 8px 0;
 }
 
.auditImages span.rollover {
  background:url(../images/zoom.png) center center no-repeat #000;
  cursor:pointer;
  height:110px;
  width:110px;
  position:absolute;
  z-index:10;
  opacity:0;
  transition: all 0.5s ease;
}

.auditImages span.rollover:hover {
  opacity: .6;
}

.duplicateOf .tdSpace {
  padding:14px 4px;
 }

.duplicateActivity {
  background-color: #fbfbfb;
  border: 1px solid #dfdfdf;
  border-radius:5px;
  padding:10px;
  min-height:inherit !important;
 }

.duplicateActivity label.css-label.rad {
  margin-bottom:0 !important;
 }

.duplicateActivity table.listBlock {
  background-color:#fff;
  border-collapse:collapse;
  min-height:inherit !important;
 }

.duplicateActivity td {
  height:36px;
  border:1px solid #ddd;
 }

.highlight {
  padding:5px;
 }

.highlight.merge {
  background-color:#e0ffe6;
  transition:background-color 0.5s ease;
 }

.highlight.pending {
  background-color:#fff2be;
  transition:background-color 0.5s ease;
 }

 .employeeSchedule .listBlock.employeeScheduleListTable tr.highlight.pending:hover {
  background-color:rgba(223, 244, 198, 0.7);;
 }

.highlight.del {
  background:#ffdede;
  transition:background-color 0.5s ease;
 }

/*.sectionRow input.css-radio[type="radio"] + label.css-label.rad {
  margin-bottom:0;
 }*/

.routeList {
  border:1px solid #dfdfdf; 
  padding:0 10px;
  line-height:20px;
 }

.routeTable table td {
  padding:0 0 6px 0;
 }
 
.routeList {
  border:1px solid #dfdfdf; 
  padding:0 10px;
  line-height:20px;
 }
 
.routeList .titleHd { 
  font-size:12pt;
 }
  
.routeList table td {
  padding:6px 4px;
 } 
 
.routeList.oddRow {
  background-color:#fbfbfb; 
}

.routeList.evenRow {
  background-color:#f2f2f2;
}

.routeFrm {
  border:1px solid #dfdfdf; 
  padding:10px; 
  margin-top:-6px;
  line-height:20px;
 }
 
.routeFrm .editBlock {
  float:left; 
  width:13%;
  margin:0px 12px 10px 0px;
 }

.routeFrm .editBlock input {
  width:80%;
  text-align:right;
 } 
 
.routeFrm .editBlock input.blankClass {
  border:1px solid #ff0000;
 }

.fleetProcessingCategory li a.collipsible {
  background:#efefef url('../images/up.png') no-repeat 98.5% center;
  display:block;
  padding:10px;
  font-size:12pt;
  cursor:pointer;
  border:1px solid #dfdfdf;
  position:relative;
  border-radius:5px;
  margin-bottom:5px;
  color:#666;
  font-weight:bold;
}

.fleetProcessingCategory li a.collipsible:hover {
  background-color:#e2f5b4;
}

.fleetProcessingCategory li.active a.collipsible {
  background:#efefef url('../images/down.png') no-repeat 98.5% center;  
 }

.processingCategoryInner {
  background-color:#fbfbfb;
  margin:10px 0 0px;
  padding:0 0 0 10px;
  border:1px solid #ddd;
  margin-top:-8px;
  margin-bottom:10px;
}

.processingCategoryInner .quesionAns {
  border-bottom:1px dashed #ccc;
  padding:0 10px;
 }

.processingCategoryInner a.qaImages {
  float:right;
  display:inline-block;
  width:60px;
  height:60px;
  background-color:#fff;
  border:1px solid #ccc;
  padding:1px;
  margin:0 8px 8px 0;
 }
 
.processingCategoryInner a.qaImages span.rollover {
  background:url(../images/zoom.png) center center no-repeat #000;
  cursor:pointer;
  height:60px;
  width:60px;
  position:absolute;
  z-index:10;
  opacity:0;
  transition:all 0.5s ease;
}

.processingCategoryInner a.qaImages span.rollover:hover {
  opacity:.6;
}

/*Unemployment Rate Widget*/

#unemployed_rate tr td {
  padding:2px 4px;
}

.unempRateTitle {
  color:#009a8c;
  font-size:18px;
  text-align:left;
}

.unempRate {
  color:#27ae60;
  font-size:28px;
  text-align:right;
}

.employeeSchedule .employeeRowList td.infoCell {
  position: relative;
}

.employeeSchedule .employeeRowList td.infoCell .overlay {
  position: absolute;
  background: #ccc;
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 0 1px;
}

.employeeSchedule .employeeRowList td.infoCell .overlay span {
  color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0.3;
  right: 0;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 13px;
}

.employeeSchedule .listBlock .is_off {
  background: #ccc;
  color: #929292 !important;
}

.employeeSchedule .listBlock .left-border.is_off {
  border-left: 1px solid #ddd;
}

.employeeSchedule .listBlock .right-border.is_off {
  border-right: 1px solid #ddd;
}


.employeeSchedule .copyEmployeeScheduleModal .is_off {
  text-align: right;
}

.employeeSchedule .employeeWeekdaySchedule .is_off {
  text-align: center !important;
  border-left: none !important;
  padding:0 11px !important;
}

.employeeSchedule .employeeWeekdaySchedule .one.is_off {
  border-left: 1px solid #ddd !important;
}

.employeeNameBg .emp-img {
  background: url("../images/emp-img.png") no-repeat left 0;
  background-size: 16px 16px;
  display: inline-flex;
  font-size: 0.8rem;
  padding-left: 22px
}

.mapLayout {
  border: 2px solid #ccc;
}

.mapModalContent table td {
  padding: 2px 4px;
  color: #000;
  font-size: 9pt;
  font-weight: 500;
}

.mapModalContent table td label {
  color: #000;
  cursor: inherit;
  font-weight: 300;
}

.mapLayout .gm-style .gm-style-iw-c {
  padding: 5px 5px 8px;
  border: 2px solid #333;
}

.mapSearchForm label.css-label {
  color: #333;
}

.mapLayout .mapTitle {
  color: #333;
  font-weight: 500;
  font-size: 12pt;
  color: #009a8c;
  border-bottom: 1px solid #eee;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.mapLayout .gm-ui-hover-effect {
  right: -3px !important;
  padding-top: 3px !important;
}

.mapLayout .gm-style .gm-style-iw-t::after {
  border-bottom: 2px solid #333;
  border-left: 2px solid #333;
  transform: translate(-50%,-51%) rotate(-45deg);
}

.legend { 
  list-style: none;
  float: right;
  font-size: 9pt;
}

.legend-list {
  margin-bottom: 10px;
}

.legend li { 
  float: left; 
  margin-left: 15px; 
  padding-left: 15px;
}

.legend .cleaning {
  color: #dc4333;
}

.legend .onSite {
  color: #01afef;
}

.legend .cleaning,
.legend .onSite {
  line-height: 13px;
  position: relative;
}

.legend .cleaning:before,
.legend .onSite:before {
  position: absolute;
  width: 10px;
  height: 13px;
  content: "";
  display: block;
  background-size: 10px auto !important;
  top: 0;
  left: 0;
}

.legend .cleaning:before { 
  /*background: url('../images/neon-green-marker.png') no-repeat;*/
  background-size: 10px auto !important;
  background: url('../images/cleaning-legend.png') no-repeat;
}

.legend .onSite:before { 
  /*background: url('../images/dark-yellow-marker.png') no-repeat;*/
  background-size: 10px auto !important;
  background: url('../images/onSite-legend.png') no-repeat;
}

.off-site-map-list {
/*  border: 1px solid #dfdfdf;
  background-color: #fbfbfb;*/
  margin-top: 20px;
}

.map-anchor {
  border: 1px solid #009a8c;
  border-radius: 50%;
  padding: 4px;
  width: 14px;
  height: 14px;
  display: inline-block;
  line-height: 11px;
  text-align: center;
}

.map-anchor i {
  font-size: 11px;
  text-align: center;
  padding-top: 2px;
}

@media only screen and (max-width:1200px) {
  .weatherCnd span {
    font-size: 9pt;
  }

  .weatherStatusCol.weatherStatusBlockOne {
    width: 45%;
  }

  .weatherStatusCol.weatherStatusBlockTwo {
    width: 55%;
  }

  .weatherStatusCol .weatherCnd img {
    width: 50px;
  }

  .weatherStatusCol .clockMeridium {
    margin-left: 5px;
    font-size: 9pt;
  }

  .weatherStatusCol.weatherStatusBlockOne img {
    margin-top: -5px;
  }

  .employeeSchedule .rowStatus {
    margin-right: 2%;
  }

  .employeeSchedule h1 {
    font-size: 16pt;
  }

  .employeeSchedule .rowStatus {
    margin-right: 12px !important;
  }
}

@media only screen and (max-width:1024px) {
   
 .activityLeft .currentRow .selectArrow {
  margin-right:21px;
 }

 .flightStatusBlock {
  width: 30.33% !important;
 }

 .adminactivityTrendsSection .lostandFound,
 .customerBrandDashboard .lostandFound,
 .customerSiteDashboard .lostandFound,
 .customerCompanyDashboard .lostandFound {
  width: 47.3%;
 }

 .weatherStatusCol .weatherCnd img {
  margin-right: 5px;
 }

 .productBenchmark .siteOverallScore {
  width: 90%;
 }

 .employeeSchedule .rowStatus {
  margin-right: 0;
 }

 .employeePerHourTab .contentScrollListView .listBlock tr.empSchRows td.empGroupDetail span {
  left: 5px;
 }

 .mobile-width {
  width: 50% !important;
 }

 .employeeSchedule .schedulePrintLegend {
  margin-right: 4% !important;
 }

}

.modal.unemployment-rate {
  max-width: 700px;
}
.blocker {
  z-index: 2000;
}

.add-note, .note-active {
  margin-top: 0px;
  display: inline-block;
  color: #888;
  padding: 4px 10px 4px 20px;
  border-radius: 5px;
  font-size: 8pt;
  cursor: pointer;
  border: 1px solid #48c9b0;
  background: #fff url('../images/add-icon.png') no-repeat 8px center;
  background-size: 9px auto;
}

.note-active {
  background: #48c9b0 url('../images/add-icon-hover.png') no-repeat 8px center;
  color: #fff;
  text-decoration: none;
  background-size: 9px auto;
}

.note-active:hover {
  text-decoration: none;
}

.add-note:hover {
  background: #48c9b0 url('../images/add-icon-hover.png') no-repeat 8px center;
  color: #fff;
  background-size: 9px auto;
  text-decoration: none;
}

.accident-report *,
.accident-report *::before,
.accident-report *::after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.accident-report .pageCol {
  max-width: 1000px;
  width:100%;
  margin: 20px 0;
}

.accident-report .pageCol .row {
  margin-bottom: 30px;
}

.accident-report .pageCol .row.row-bottom-spacing {
margin-bottom: 20px;
}

.accident-report .pageCol .editFrmSection {
  padding: 25px 20px;
}

.accident-report .pageCol label {
  display: block;
  font-size: 11pt;
  margin-bottom: 5px;
}

.accident-report .pageCol input[type="text"], 
.accident-report .pageCol input[type="password"], 
.accident-report .pageCol input[type="email"], 
.accident-report .pageCol input[type="number"], 
.accident-report .pageCol select, 
.accident-report .pageCol textarea {
  width: 100%;
  box-shadow: inherit;
  -moz-box-shadow: inherit;
  -webkit-box-shadow: inherit;
}

.accident-report .pageCol input[type="text"]:focus,
.accident-report .pageCol input[type="email"]:focus,
.accident-report .pageCol input[type="number"]:focus,
.accident-report .pageCol textarea:focus {
  box-shadow: inherit;
  -moz-box-shadow: inherit;
  -webkit-box-shadow: inherit;
  border-color: #27ae60;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  outline: 0;
  background-color: #ffffe5;
}

.accident-report .pageCol .inner-labelbox {
  margin-top: 10px;
  position: relative;
}

.accident-report .pageCol .inner-labelbox label {
  font-size: 13px;
}

.accident-report .pageCol .inner-labelbox .small {
  font-size: 12px;
  margin-top: 4px;
  margin-bottom: 0;
}

.accident-report .pageCol .file-upload a.remove-link {
  font-size: 12px;
  color: #ce3939;
  position: relative;
  margin-left: 2px;
  padding-left: 8px;
  position: relative;
  top: 1px;
}

.accident-report .pageCol .file-upload a.remove-link:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  height: 12px;
  width: 1px;
  background-color: #aaa;
  left: 0;
}

.accident-report .pageCol .file-upload input[type="file"] {
  width: 170px;
}

.accident-report .third-party-section .row.file-upload {
  margin-bottom: 25px;
}

.accident-report .pageCol .input-group-box input[type="text"] {
  width: auto;
}

.accident-report .input-group-box .input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.accident-report .input-group-box .input-group .input-group-prepend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -1px;
}

.accident-report .input-group-box .input-group .input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.accident-report label sup {
  line-height: 0;
}

.accident-report .divider {
  border:none;
  border-top: 1px dashed #bbb;
  height: 1px;
  margin: 20px 0;
}

.accident-report .employee-info,
.accident-report .vehicle-info {
  margin-bottom: 35px;
}

.accident-report .vehicle-info {
  margin-bottom: 25px;
}

.accident-report .employee-info h3,
.accident-report .vehicle-info h3 {
  color: #27ae60;
  font-size: 18px;
  margin-top: 25px;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 7px;
  margin-bottom: 20px;
}

.accident-report h3 {
  margin: 0 0 25px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
}

.accident-report .mb-0 {
  margin-bottom: 0 !important;
}

.accident-report .editFrmSection {
  margin-bottom: 25px;
}

.accident-report .wizard-step-btn {
  text-align: center;
}

.accident-report .wizard-step-btn {
  margin-bottom: 25px;
}

.multisteps-form-steps {
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(0,1fr));
 padding: 25px 0px 5px;
 background-color: #ecf0f1;
 border-top: 1px dashed #cccccc;
 border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px
}

.editFrmTop {
  border-top: 0;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  box-shadow: inherit;
  -moz-box-shadow: inherit;
  -webkit-box-shadow: inherit;
  -webkit-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
}

.step-1-bar {
  margin-left: -100px;
}

.multisteps-form__progress-btn {
 transition-property:all;
 transition-duration:.15s;
 transition-timing-function:linear;
 transition-delay:0s;
 position:relative;
 padding-top:20px;
 color:rgba(108,117,125,.8);
 text-indent:-9999px;
 border:none;
 background-color:transparent;
 outline:none!important;
 cursor:pointer;
 font-size: 14px;
 cursor: default;
 margin-left: -120px;
}

@media(min-width:500px) {
 .multisteps-form__progress-btn {
  text-indent:0
 }
}

.multisteps-form__progress-btn:before {
 position:absolute;
 top:0;
 left:50%;
 display:block;
 width:13px;
 height:13px;
 content:'';
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 border:2px solid rgba(108,117,125,.8);
 border-radius:50%;
 background-color:#fff;
 box-sizing:border-box;
 z-index:3
}

.multisteps-form__progress-btn:after {
 position:absolute;
 top:5px;
 left:calc(-15% - 13px/3);
 transition-property:all;
 transition-duration:.15s;
 transition-timing-function:linear;
 transition-delay:0s;
 display:block;
 width:65%;
 height:2px;
 content:'';
 background-color:currentColor;
 z-index:1
}

.multisteps-form__progress-btn:first-child:after {
 display:none
}

.multisteps-form__progress-btn.js-active {
 color:#009a8c;
}

.multisteps-form__progress-btn.js-active:before {
 -webkit-transform:translateX(-100%) scale(1);
 transform:translateX(-100%) scale(1);
 background-color:#009a8c;
 border-color: #009a8c;
}

.multisteps-form__form {
 position:relative
}

.multisteps-form__panel.js-active {
 height:auto;
 opacity:1;
 visibility:visible
}

a.view-more-link {
 font-size: 12px;
 margin-right: 2px;
 position: relative;
 top: 0px;
}

.accident-report input[type="radio"]:checked,
.accident-report input[type="radio"]:not(:checked) {
  position: absolute;
  /*left: -9999px;*/
  margin: 2px;
}

.accident-report input[type="radio"]:checked + label,
.accident-report input[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

.accident-report input[type="radio"]:checked + label:before,
.accident-report input[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #787878;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #b8b8b8;
}

.accident-report input[type="radio"]:checked + label:after,
.accident-report input[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 8px;
  height: 8px;
  background: #000;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.accident-report input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.accident-report input[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.radio-boxes .formErrorContent {
  position: relative;
  top: -6px;
}

.invalid-step-box h2 {
  color: #333;
  font-size: 28px;
  margin-bottom: 0px;
  color: #ce0000;
  line-height: 26px;
  margin-bottom: 15px;
  margin-top: 0px;
}

.invalid-step-box p {
  text-align: center;
  font-size: 17px;
}

.saveLater {
  background-color: transparent;
  color: #009a8c;
  text-decoration: underline;
  cursor: pointer;
  border: none;
  font-size: 14px;
}

.saveLater:hover {
  text-decoration: none;
  color: #48c9b0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.searchResult *,
.searchResult *::before,
.searchResult *::after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.pr-1 {
  padding-right: 5px;
}

.pl-1 {
  padding-left: 5px;
}

.pr-0 {
  padding-right: 0;
}

.searchResult input {
  width: 100%;
}

.searchResult {
  padding: 8px 8px 2px;
}

.searchResult .row {
  margin-bottom: 8px;
}

.searchResult button {
  background-color: #009a8c;
  border: none;
  padding: 4px 12px;
  color: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 13px;
  margin-left: 8px;
  cursor: pointer;
}

.searchResult button:hover {
  background-color: #48c9b0;
  transition: background-color 300ms ease-out 0s;
  -moz-transition: background-color 300ms ease-out 0s;
  -webkit-transition: background-color 300ms ease-out 0s;
}

.whereisMyCar.vehicleWidget {
  width: 46.4%;
}

/*Duration CSS HERE*/

.download-btn a.buttonSmall {
  padding: 5px 13px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.listBlock.claimListBlock {
  min-height: auto;
  margin-bottom: 30px;
}

.claimQuestionsBox {
 background-color: #ecf0f1;
  padding: 30px 20px;
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
  box-shadow: inset 1px 1px 5px #d4d8d8;
  -moz-border-box-shadow: inset 1px 1px 5px #d4d8d8;
  -moz-border-box-shadow: inset 1px 1px 5px #d4d8d8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
  margin-top: 20px;
  margin-bottom: 20px;
}

.claimQuestions .claim-box {
  margin-bottom: 25px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

.claimQuestions .claim-box:last-of-type {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.claimQuestions .claim-box h3 {
  font-size: 18px;
}

.claimQuestions .claim-box label {
  display: block;
  font-size: 10.5pt;
  margin-bottom: 5px;
}

.claimQuestions .claim-box input[type="text"] {
  max-width:250px;
  width: 100%;
}

.title-box  {
  margin-bottom: 20px;
  margin-top: 10px;
}

.title-box .row,
.title-box .row .col-12 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.title-box h1 {
  margin-bottom: 0px;
}

.title-box h1 .reportNo {
  color: #999;
  margin-left: 5px;
  padding-left: 12px;
  position: relative;
  top: -1px;;
}

.title-box h1 .reportNo:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 1px;
  height: 25px;
  background-color: #bbb;
}

.title-box h1 .reportNo span {
  color: #000;
  font-weight: bold;
}

.brandSection {
  padding-top: 0;
  border: 1px solid #dfdfdf;
  background-color: #fbfbfb;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 10px;
}

.brandSection .dashboardHd {
  margin: 1px;
}

.brandSection table {
  border-collapse: collapse;
}

.brandSection table tr th,
.brandSection table tr td {
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
  padding: 7px 10px;
  font-size: 13px;
}

.brandSection .brandSiteTable {
  padding: 10px;
}

.brandSection .brandSiteTable .subTotal {
  color: #009a8c;
  font-weight: bold;
}

.brandSection .brandSiteTable.siteInformationTable table tr th, 
.brandSection .brandSiteTable.siteInformationTable table tr td {
  border: 1px solid #e8e8e8;
}

.siteInformationTable table {
  border: 2px solid #d8d8d8 !important;
}

.borderLeftGrey {
  border-left: 2px solid #d8d8d8 !important;
}

#cleaning_options.ui-tabs-nav,
.flightHd ul.ui-tabs-nav {
  padding-left: 0 !important;
}

#cleaning_options.ui-tabs-nav li.ui-state-active a,
.flightHd ul.ui-tabs-nav li.ui-state-active a {
  color: #27ae60;
}

.weatherScroll #airport_data_div {
  text-align: left;
}

.flightStatusBlock.flightwidget .totalCarsHours .rightCount {
  text-align: center;
}

.flightwidget .totalCarsHours .rightCount {
  top: -40px;
}

.flightwidget .totalCarsHours .leftCount {
  top: -35px;
}

.sectionRowBox {
  border-top: 1px dashed #ccc;
  padding-top: 40px;
  padding-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.sectionRowBox .colbox {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}