@import url("https://fonts.googleapis.com/css?family=Dancing+Script&display=swap");
@font-face {
 font-family: 'credit_cardregular';
 src: url('fonts/web-fonts/credit-card-webfont.woff2') format('woff2'),
      url('fonts/web-fonts/credit-card-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
  }
body, html {
  background: #333 url(../images/ticks.png) repeat !important;/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
  }
html, body {
 height: 100%;
 margin: 0;
 scroll-behavior: smooth;
  }
/*@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 1/2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
html, body {zoom: 200% !important;}
}*/
.dev_mode_header{
 padding: 9px !important;
 font-weight: bold;
 color: #f11;
 font-size: 27px;
 }
.dev_mode_footer{
 padding: 30px !important;
 font-weight: bold;
 font-size: 18px;
 color: #f11;
 }  
 .fa-microphone{display: none !important;}
 .ad-more-sec .form__label{top:20px !important;}
 .ad-more-sect input{padding-left: 0 !important;}
.ad-more-sect {margin: 0px; padding: 15px;box-shadow: 0 2px 18px 1px rgb(49 53 72 / 9%);}
.ad-more-sect .form__label{top: 24px ;}
.package .form__field:focus .form__label{top: 0 ;}
.package .upload-pic-new{border: 0;}
.package .heading{opacity: 10 !important;}
.btn-primary{background-color: #000; border: 0;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary[disabled], .btn-primary.disabled{background-color: #ababab;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{opacity: 0.6;}
.dw.android-ics.light{z-index: 999999999 !important;box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);}
.d-inline{display: inline !important;}
.d-none{display: none !important;}
td .btn{padding: 2px 6px;}
.h5, h5{font-size: 16px;}
.loader {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(255,255,255,.8);
  z-index: 1099999;
  }
.loader#blur{background: rgba(0,0,0,.5);}
.loader-circle {
  width: 50px;
  position: absolute;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  clear: both;
  border-radius: 50%;
  border-top: 10px rgba(244, 100, 95, 0.75) solid;
  border-left: 10px rgba(244, 100, 95, 0.25) solid;
  border-bottom: 10px rgba(244, 100, 95, 0.25) solid;
  border-right: 10px rgba(244, 100, 95, 0.25) solid;
  -webkit-animation: spSlices 1s infinite linear;
  animation: spSlices 1s infinite linear;/*margin: 10px auto;*/
  }
.radio {margin: 0.5rem;}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  display: none;
}
.box-shadow-none{box-shadow: none;}
.display-grid{display: grid;}
input:focus, textarea:focus{border-color: #000 !important;}
.form-control:focus{border-color: #000 !important;}
.checkbox label, .radio label{padding-left: 0;}
.radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #fff;
  border-radius: 100%;
  border: 3px solid #000;
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  top: 0px;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
  background-color: #000;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #000;
}
.radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {margin-right: 0;}
.top-section-profile-progress{position: relative;z-index: 9999;top: -3px;}
.top-section-profile-progress .progress{position: relative; display: none;}
.top-section-profile-progress .progress-bar.active, 
.top-section-profile-progress .progress.active .progress-bar{
  webkit-animation: progress-bar-stripes 1.5s linear infinite;
  -o-animation: progress-bar-stripes 1.5s linear infinite;
 animation: progress-bar-stripes 1.5s linear infinite;
  animation-direction: reverse;
  }
.top-section-profile-progress .progress.active .progress-bar + div{
  font-weight: 600;
  color: #fff;
  text-align: center;
  }
.progress-bar-striped, .progress-striped .progress-bar{
  background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,258,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
 background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  }
.readonly-background {background-color: #fff !important;cursor: auto !important;}
.arrow a { color: white; text-decoration: none;}
.load-more-record{
  background-color: transparent;
  padding: 7px;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  color: #000 !important;
  border: 1px solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 5px 41%;
  width: 40px;
  height: 40px;
  text-align: center !important;
  }
.load-more-record:hover{color:#fff; opacity: 0.9;transition: all .3s;}
.loader-transparent{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  clear: both;
  border-radius: 50%;
  border-top: 10px rgba(244, 100, 95, 0.75) solid;
  border-left: 10px rgba(244, 100, 95, 0.25) solid;
  border-bottom: 10px rgba(244, 100, 95, 0.25) solid;
  border-right: 10px rgba(244, 100, 95, 0.25) solid;
  -webkit-animation: spSlices 1s infinite linear;
  animation: spSlices 1s infinite linear;
  } 
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  }
@keyframes bounce {
  0%, 20%, 50%, 50%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-8px);
  }
  60% {
    transform: translateY(-10px);
  }
}
.popup-heading{background-color: #000; color:#fff;}
.close-section{text-shadow: none; color:#fff; opacity: 10; position: absolute; right: 10px;}
.close-section:hover{color:#fff;}
.modal {text-align: center;padding: 0!important;}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
  }
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
@-webkit-keyframes spSlices {
 0% {
 border-top: 10px rgba(244, 100, 95, 0.75) solid;
 border-right: 10px rgba(244, 100, 95, 0.25) solid;
 border-bottom: 10px rgba(244, 100, 95, 0.25) solid;
 border-left: 10px rgba(244, 100, 95, 0.25) solid;
  }
 25% {
 border-top: 10px rgba(244, 100, 95, 0.25) solid;
 border-right: 10px rgba(244, 100, 95, 0.75) solid;
 border-bottom: 10px rgba(244, 100, 95, 0.25) solid;
 border-left: 10px rgba(244, 100, 95, 0.25) solid;
  }
 50% {
 border-top: 10px rgba(244, 100, 95, 0.25) solid;
 border-right: 10px rgba(244, 100, 95, 0.25) solid;
 border-bottom: 10px rgba(244, 100, 95, 0.75) solid;
 border-left: 10px rgba(244, 100, 95, 0.25) solid;
  }
 75% {
 border-top: 10px rgba(244, 100, 95, 0.25) solid;
 border-right: 10px rgba(244, 100, 95, 0.25) solid;
 border-bottom: 10px rgba(244, 100, 95, 0.25) solid;
 border-left: 10px rgba(244, 100, 95, 0.75) solid;
  }
 100% {
 border-top: 10px rgba(244, 100, 95, 0.75) solid;
 border-right: 10px rgba(244, 100, 95, 0.25) solid;
 border-bottom: 10px rgba(244, 100, 95, 0.25) solid;
 border-left: 10px rgba(244, 100, 95, 0.25) solid;
  }
}
@keyframes spSlices {
 0% {
 border-top: 10px rgba(244, 100, 95, 0.75) solid;
 border-right: 10px rgba(244, 100, 95, 0.25) solid;
 border-bottom: 10px rgba(244, 100, 95, 0.25) solid;
 border-left: 10px rgba(244, 100, 95, 0.25) solid;
  }
 25% {
 border-top: 10px rgba(244, 100, 95, 0.25) solid;
 border-right: 10px rgba(244, 100, 95, 0.75) solid;
 border-bottom: 10px rgba(244, 100, 95, 0.25) solid;
 border-left: 10px rgba(244, 100, 95, 0.25) solid;
  }
 50% {
 border-top: 10px rgba(244, 100, 95, 0.25) solid;
 border-right: 10px rgba(244, 100, 95, 0.25) solid;
 border-bottom: 10px rgba(244, 100, 95, 0.75) solid;
 border-left: 10px rgba(244, 100, 95, 0.25) solid;
  }
 75% {
 border-top: 10px rgba(244, 100, 95, 0.25) solid;
 border-right: 10px rgba(244, 100, 95, 0.25) solid;
 border-bottom: 10px rgba(244, 100, 95, 0.25) solid;
 border-left: 10px rgba(244, 100, 95, 0.75) solid;
  }
 100% {
 border-top: 10px rgba(244, 100, 95, 0.75) solid;
 border-right: 10px rgba(244, 100, 95, 0.25) solid;
 border-bottom: 10px rgba(244, 100, 95, 0.25) solid;
 border-left: 10px rgba(244, 100, 95, 0.25) solid;
  }
}
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  }
.col-xs-5ths {
  width: 20%;
  float: left;
  }
@media (min-width: 768px) {
.col-sm-5ths {
  width: 20%;
  float: left;
  }
}
@media (min-width: 992px) {
.col-md-5ths {
  width: 20%;
  float: left;
  }
}
@media (min-width: 1200px) {
.col-lg-5ths {
  width: 20%;
  float: left;
  }
}
body.cke_editable{
  font-size: 16px !important;
  }
.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;o
  }
.scrollbar::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
  }
.scrollbar::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
  }
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
  }
  .center-content {
    position: fixed;
    width: 32.5%;
    background: #fff;
    left: 80px;
    bottom: 40px;
    overflow: hidden;
    padding: 1px;
    min-width: 300px;
}
.scrollbar::-webkit-scrollbar-thumb:active {
  background: #000000;
  }
.scrollbar::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
  }
.scrollbar::-webkit-scrollbar-track:hover {
  background: #666666;
  }
.scrollbar::-webkit-scrollbar-track:active {
  background: #333333;
  }
.scrollbar::-webkit-scrollbar-corner {
  background: transparent;
  }
.ribble-effect a {
  position: relative;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
  }
.ribble-effect a {
  position: relative;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
  }
.ribble-effect a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .4s, opacity 1s
  }
.ribble-effect a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s
  }
.sidebar-circle .sidebar-menu > li > a > .icon .icofont {
  display: inline-block;
  }
.sidebar-content .media a.btn-inverse{
  background: #e94335;
 margin-top: 5px;
 opacity: 1;
 color: #fff;
 font-weight: 600;
 border: 1px solid #757575;
 transition: all .3s;
  }
.sidebar-content .media a.btn-inverse:hover{background: #4e4e4e;transition: all .3s;}
body.page-sidebar-minimize .sidebar-content .media a.onboarding{
  padding: 6px 2px;
 font-size: 8px;
 zoom: 100%;
 transform: scale(1.1);
 white-space: nowrap;
  }
.scroll-300 {min-height: 50px;max-height: 300px;overflow: auto;}
.scroll-300::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  }
.scroll-300::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
  }
.scroll-300::-webkit-scrollbar-thumb {
  background: #e94335;
  border: 0px none #ffffff;
  border-radius: 50px;
  }
.scroll-300::-webkit-scrollbar-thumb:hover {
 background: #e94335;
  }
.scroll-300::-webkit-scrollbar-thumb:active {
 background: #000000;
  }
.scroll-300::-webkit-scrollbar-track {
 background: #666666;
 border: 0px none #ffffff;
 border-radius: 50px;
  }
.scroll-300::-webkit-scrollbar-track:hover {
  background: #666666;
  }
.scroll-300::-webkit-scrollbar-track:active {
  background: #333333;
  }
.scroll-300::-webkit-scrollbar-corner {
  background: transparent;
  }
.panel .panel-body{background: #ffffff !important;}
.panel .panel-body table thead tr th{
  font-weight: 600 !important;
  font-size: 1.2em;
  }
.panel-primary > .panel-heading {background-color: #000000;border: 1px solid #000000;color: white;padding: 10px;}
.panel .panel-heading .panel-title{font-size: 1.6em;}
.panel-primary .panel-heading a:hover, 
.panel-primary .panel-heading a:active, 
.panel-primary .panel-heading a:focus{
  background-color: #000;
  color: white !important;
  }
  .service-equest li .right-text{margin-left: 5px;}
  .loadEmployeeList .status span:nth-child(3){display: block;}
  .chosen-container .chosen-results li.active-result{text-align: left;font-size: 14px;}
form .form-group .control-label {font-weight: normal !important;text-align: left;font-size: 16px;color: #000;}
label.control-label {font-weight: normal !important;text-align: left;font-size: 16px;display: block;}
.menu-boxes {display: inline-block;width: 100%;position: relative;margin: 15px 0px 5px 0px;}
.menu-boxes .box {display: block;height: 90px;padding: 15px;text-align: center;color: #fff;font-weight: 600;margin-bottom: 10px;}
textarea{resize: none !important;}
.relative{position: relative !important;}
.absolute{position: absolute !important;}
.txt-danger {color: #e94335 !important;}
.txt-primary {color: #000000 !important;}
.txt-inverse {color: #252525 !important;}
.txt-success {color: #34aa54 !important;}
.txt-gray {color: #b3b3b3 !important;}
.txt-white {color: #ffffff !important;}
.txt-theme {color: #000000 !important;}
.bkg-orange {background-color: #e54234 !important;}
.bkg-green {background-color: #34a753 !important;color: #fff;}
.bkg-sky-blue {background-color: #4285f4 !important;}
.bkg-yellow {background-color: #fbbc05 !important;}
.bkg-red {background-color: #e40000 !important;color: #fff;}
.bkg-gray {background-color: #f4f4f4 !important;}
.bkg-dark-gray {background-color: #2a2a2a !important;color: #fff;}
.bkg-white {background-color: #fff !important;}
.bkg-black {background-color: #000 !important;}
.hyper-link{color: #4385f5 !important; text-decoration: underline;}
.hyper-link:hover{text-decoration: none;}
.p-0 {padding: 0px !important;}
.p-20 {padding: 20px !important;}
.p-25 {padding: 25px !important;}
.p-30 {padding: 30px !important;}
.p-35 {padding: 35px !important;}
.p-40 {padding: 40px !important;}
.pb-0 {padding-bottom: 0 !important;}
.pb-10{padding-bottom:10px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-30{padding-bottom: 30px !important;}
.pb-40{padding-bottom: 40px !important;}
.pb-50{padding-bottom: 50px !important;}
.pr-40{padding-right: 40px !important;}
.pt-0{padding-top:0px !important;}
.pt-50{padding-top: 50px !important;}
.m-0{margin: 0px !important;}
.m-5{margin: 5px !important;}
.m-10{margin: 10px !important;}
.m-15{margin: 15px !important;}
.m-20{margin: 20px !important;}
.m-25{margin: 25px !important;}
.m-30{margin: 30px !important;}
.mt-40{margin-top: 40px !important;}
.mt-45{margin-top: 45px !important;}
.mt-50{margin-top: 50px !important;}
.mt-60{margin-top: 60px !important;}
.mb-50{margin-bottom: 50px !important;}
.font600{font-weight: 600 !important;}
.font-bold{font-weight: bold !important;}
.font-normal{font-weight: normal !important;}
.font36{font-size: 36px !important;}
.font16{font-size: 16px !important;}

input[type="text"],
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
textarea, select{
  font-size: 1.4rem !important;
  color: #000 !important;
  }
.table tbody tr td {background-color: #FBFBFB;font-weight: normal;font-size: 16px;padding: 8px !important;color: #000;border: 0;}
.top-border-box{border: 1px solid #000;}
.table tbody tr{border-top: 1px solid #ddd;}
.mendatory{color: #000;}
.table thead tr th{border: 0; color:#000;font-size: 16px;}
.read-more,
.read-more span{color: rgb(161, 161, 161) !important;font-size: 1.5rem !important;margin-bottom: 10px;font-weight: normal !important;}
.read-more .morecontent{display: inline-block !important;}
.read-more .morecontent span {display: inherit;width: auto;color: rgb(161, 161, 161) !important;font-size: 14px !important;}
.read-more .morelink {display:inline-block;font-size: 14px !important;margin-left: 5px;}
.view-pasword{margin-top: -40px;position: absolute;z-index: 9;right: 5px;}
.view-pasword:hover{text-decoration: none; cursor: pointer;}
.view-pasword i{color: #999; font-size: 30px;cursor: pointer;}
.menu-boxes a:hover, .menu-boxes a:active, .menu-boxes a:focus {text-decoration: none;}
.menu-boxes .counter {
  background-color: #000000;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  font-size: 13px;
  text-align: center;
  line-height: 29px;
  position: absolute;
  top: -10px !important;
  right: 0px!important;
  }
.menu-boxes .box i {display: block;margin: 5px 0px 5px 0px;font-size: 24px;}
.menu-boxes .counter:empty {display: none;} 
.menu-boxes .title {display: block;margin: 5px 0px 5px 0px;font-size: 1.5rem;font-weight: 600;}
a.web-btn-primary, .web-btn-primary a, button.web-btn-primary, .web-btn-primary  {
  font-family: 'Open Sans' Arial;
  background-color: #000;
  text-decoration: none;
  color: #fff !important;
  font-weight: 400;
  transition: all 0.3s;
  padding: 4px 15px;
  border-radius: 0;
  cursor: pointer;
  font-size: 24px;
  }
a.web-btn-primary.btn-xs, .web-btn-primary.btn-xs a, button.web-btn-primary.btn-xs, .web-btn-primary.btn-xs{
  padding: 1px 5px;
 font-size: 12px;
 line-height: 1.5;
 border-radius: 3px;
  }
a.web-btn-primary:hover, .web-btn-primary a:hover, .web-btn-primary:hover{
  background-color: #272727;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s;
  }
a.web-btn-inverse, .web-btn-inverse a, .web-btn-inverse {
  font-family: 'Open Sans' Arial;
  background-color: #000000;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  transition: all 0.3s;
  padding: 4px 15px;
  }
a.web-btn-inverse:hover, .web-btn-inverse a:hover, .web-btn-inverse:hover {
  background-color: #252525;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s;
  }
a.web-btn-danger, .web-btn-danger a, .web-btn-danger {
  font-family: 'Open Sans' Arial;
  background-color: #e94335;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  transition: all 0.3s;
  padding: 4px 15px;
  }
a.web-btn-danger:hover, .web-btn-danger a:hover, .web-btn-danger:hover {
  background-color: #d52819;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s;
  }
a.web-btn-success, .web-btn-success a, .web-btn-success {
  font-family: 'Open Sans' Arial;
  background-color: #34aa54;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.3s;
  padding: 4px 15px;
  }
a.web-btn-success:hover, .web-btn-success a:hover, .web-btn-success:hover {
  background-color: #46c168;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s;
  }
a.web-btn-warning, .web-btn-warning a, .web-btn-warning {
  font-family: 'Open Sans' Arial;
  background-color: #F6BB42;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.3s;
  padding: 4px 15px;
  }
a.web-btn-warning:hover, .web-btn-warning a:hover, .web-btn-warning:hover {
  background-color: #f8c865;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s;
  }
button.theme-btn{
  background-color: #000000;
  text-decoration: none;
  color: #fff;
  font-size: 1.2em;
  font-weight: 500;
  transition: all 0.3s;
  padding: 4px 15px;
  border: none;
  outline: none;
  cursor: pointer;
  }
button.theme-btn:hover{
  background-color: #252525;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
  }
a.theme-btn, .theme-btn a, .theme-btn{
  background-color: #000000;
  text-decoration: none;
  color: #fff;
  font-size: 1.4em;
  font-weight: 500;
  transition: all 0.3s;
  padding: 10px 15px;
  display: inline-block;
  cursor: pointer;
  }
a.theme-btn:hover, .theme-btn a:hover, .theme-btn:hover {
  background-color: #252525;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s;
  }
.theme-ckbox .ckbox {
 display: inline-block;
 position: relative;
 padding-left: 30px;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
  }
.theme-ckbox .ckbox input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
 height: 0;
 width: 0;
  }
.theme-ckbox .ckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  }
.theme-ckbox .ckbox:hover input ~ .checkmark {background-color: #ccc;} 
.theme-ckbox .ckbox input:checked ~ .checkmark {background-color: #000; }
.theme-ckbox .ckbox .checkmark:after {
 content: "";
 position: absolute;
 display: none;
  }
.theme-ckbox .ckbox input:checked ~ .checkmark:after {display: block;}
.theme-ckbox .ckbox .checkmark:after {
 left: 7px;
 top: 1px;
 width: 10px;
 height: 16px;
 border: solid white;
 border-width: 0 4px 4px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
 font-size: 1.4em;
  }
.three-button-action a, 
.three-button-action button, 
.three-button-action input{
  font-size: 1.8rem;
  margin-bottom: 10px;
  }
.pro-connect-schedule-section{
  background: #eae9e9;
 display: block;
 margin: 15px auto;
 text-align: center;
 width: 60%;
 padding: 15px;
 border: 1px solid #dcdcdc;
 position: relative;
  }
.pro-connect-schedule-section h4{
  position: absolute;
 background: #e94335;
 top: 0;
 left: 0;
 color: #fff !important;
 padding: 10px;
 width: 100%;
 text-align: left;
  }
.pro-connect-schedule-section .input-icon input{
  height: inherit;
 padding: 20px 15px;
 background: #fff;
  opacity: 0.8;
  }
.pro-connect-schedule-section .input-icon label{
  float: left;
 clear: right;
 color: #616161cc;
 font-weight: normal;
 margin-top: 50px;
  }
.pro-connect-schedule-section .input-icon i{top: 90px;position: absolute;}
.map-bg {
  display: block;
  width: 100%;
  height: calc(100vh - 300px);
  background: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  border: 3px solid #fff;
  }
.driver-route .map-bg{
  display: block;
  width: 100%;
  height: calc(100vh - 185px) !important;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  border: 3px solid #fff;
  }
.driver-route .map-bg #mapOnMoving{height: calc(100vh - 191px) !important;}
#loadBookingMap iframe{height: calc(100vh - 208px) !important;}
.job-10-min-carousel-body-fix .outer-wrap.map-bg{height: calc(100vh - 370px);display: block;}
.outer-wrap .eta-distance-on-map{
  position: absolute;
  z-index: 9;
  top: 0px;
  right: 50px;
  width: 255px;
  background-color: #fff;
  }
.outer-wrap .eta, .outer-wrap .distance{
  background:#fff !important;
  color: #000;
  float: left;
  padding: 5px !important;
  width: 49.5%;
  margin: 0px;
  text-align: center;
  }
.outer-wrap .eta span, .outer-wrap .distance span{color: #000 !important;}
.outer-wrap .eta h4, .outer-wrap .distance h4{
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 5px;
  }
.outer-wrap .estimate{
  background-color: #fff;
  color: #000;
  padding: 10px;
  width: 160px;
  height: 90px;
  text-align: center;
  position: absolute;
  right: 60px;
  bottom: 25px;
  z-index: 9;
  }
.outer-wrap .estimate h3{font-size: 32px;font-weight: 600;margin: 0px 0px 10px 0px;}
.outer-wrap .estimate .amount{
  color: #3bb548;
  font-size: 32px;
  font-weight: 600;
  margin-top: 10px !important;
  }
.connect-btn{
  position: absolute;
  bottom: 15px;
  z-index: 1;
  left: 0px;
  right: 0px;
  text-align: center;
  }
.connect-btn span{
  background: #000;
  color: #fff;
  padding: 10px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-block;
  font-size: 28px;
  text-align: center;
  line-height: 32px;
  margin-right: 10px;
  }
.saparator{position: absolute;top: 10px;width: 2px;height: 75%;background: #aaaaaa;}
.outer-wrap .eta p, .outer-wrap .distance p{margin: 5px 0 5px;font-size: 20px;}
.map-bg .locate-nearest {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 999;
  bottom: 30px;
  }
.map-bg .locate-nearest a {
  color: #fff;
  font-size: 30px;
  transition: all 0.3s;
  background-color: #4285f4;
  padding: 15px 50px;
  font-weight: 600;
  }
.map-bg .locate-nearest a:hover {
  background-color: #2f72e1;
  transition: all 0.3s;
  }
.center-content-bg {
  background-color: rgb(255, 255, 255);
  display: inline-block;
  margin-bottom: 0px;
  width: 100%;
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  }
.center-content-bg .tab-content{background: none;box-shadow: none;}
.list-style {list-style-type: none;margin: 0px;padding: 0px;}
.list-style li {
  margin-bottom: 10px;
  display: inline-block;
  margin-bottom: 0px;
  width: 100%;
  border-bottom:1px solid rgb(187, 187, 187);
  }
.list-style li:nth-child(1) {
  margin-top: 10px;
  padding-bottom: 10px;
  }
.view-order{display: flex !important; flex-direction: column !important;}
.list-style li:nth-last-child(1) {
  margin-bottom: 0px;
  border-bottom: none;
  }
.history-main .list-style li{display: block;float: left;}
.history-main .list-style li:nth-child(1) {margin-top:0px;border-top: 1px solid #fff;}
.history .right-text .pro-comp-name, 
.history .right-text .selected-services, 
.history .right-text .action-icons, 
.list-style li .date div,  
.list-style li .job-id, 
.list-style li .job-address{
  margin-bottom: 5px;
  }
.history-main .notes-list {
  position: relative;
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
  overflow: auto;
  max-height: 200px;
  overflow-x: hidden;
  width: 100%;
  }
.history-main .notes-list li:nth-child(1) {margin-top: 0px;}
.history-main .notes-list ul li{padding: 8px 5px;}
.history-main .list-style li .alert, 
.history-main .list-style .alert{
  border-radius: 0px;
  font-size: 16px;
  clear: both;
  }
#notesModelBody{max-height: 475px;overflow-y: auto;overflow-x: hidden;}
.view-note-list ul li{font-size: 20px;}
.notes-list .notes-title{
  font-weight: 600;
  color: #2a2a2a;
  text-transform: capitalize;
  }
.viewnote{font-size: 14px;}
.viewnote label{font-weight: bold;}
.viewnote span{word-break: break-all;margin-bottom: 10px;display: block;font-size: 15px;color: #000;}
.viewnote-icon i{transform: rotate(90deg);display: inline-block;transition: all .3s;}
.viewnote-icon.collapsed i{transform: rotate(0deg);display: inline-block;transition: all .3s;}
.cust-terms-condition{font-size: 18px !important;}
.cust-terms-condition ol{margin: 0px;padding-left: 30px;list-style-type: none;}
.cust-terms-condition ol li{margin-bottom: 10px;counter-increment: li;}
.cust-terms-condition ol li strong{color: #2a2a2a;}
.cust-terms-condition ol li::before {
  content: '.'counter(li);
  color: #2a2a2a;
  font-weight: 700;
  display: inline-block; 
  width: 1em; 
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
  }
.down-arrow a {
 display: inline-block;
 color: #4c4c4c;
 font-size: 20px;
 margin-top: -21px;
 padding: 9px 14px;
 position: relative;
 top: 4px;
}
.down-arrow a{margin-top: 0px !important;}
.down-arrow hr{display: none;}
.list-style li .history {padding-bottom: 15px;padding-top: 15px;}
.list-style li .icon-left {
  float: left;
  text-align: center;
  padding:10px 10px 10px 10px;
  margin-right: 20px;
  display: none;
  }
.list-style li .icon-left i {color: rgb(0, 0, 0);font-size: 3em !important;}
.list-style li .openjobs-msg{
  color: rgb(255, 255, 255);
  display: inline-block;
  padding: 0px 10px;
  background: #2a2a2a !important;
  font-size: 1.4rem;
  }
.list-style li .openjobs-msg a{
  color: #000;
  padding: 3px 10px;
  transition: all .3s;
  background: #fff;
  white-space: nowrap;
  }
.list-style li .openjobs-msg a:hover{color: #676767;}
.list-style li .right-text {
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  padding-bottom: 8px;
  overflow: hidden;
  word-break: break-all;
  }
.list-style li .right-text label{color: #000;margin-bottom: 0px;}
.list-style li .right-text p{margin-bottom: 0px;}
.list-style li .right-text a{color: #000;}
.list-style li .right-text span {
  display: inline-block;
  font-size: 1.2rem;
  color: rgb(0, 0, 0);
  text-transform: capitalize;
  font-weight: 600 !important;
  word-wrap: break-word;
  word-break: break-word !important;
  }
.list-style li .right-text span a{color: #000;}
.list-style li .right-text .project-location-icon{display: inline-block;cursor: pointer;}
.list-style li .right-text .project-location-icon img{width: 18px;margin-top: 6px;margin-left: 16px;position: absolute;top: 0;}
.list-style li .date, 
.list-style li .job-id span a, 
.list-style li .job-id label, 
.list-style li .job-address{color: rgb(0, 0, 0);display: inline-block;font-size: 1.3rem;}
.list-style li .date{display: block;}
.list-style li .right-text .pro-comp-name{font-weight: 600;}
.list-style li .right-text .pro-comp-name span{display: block;}
.list-style li.active{background: #e8e8e8;}
.action-dropdown {float: right;margin: 0px 5px;}
#comment_list .action-dropdown .dropdown-menu {width: 190px;left: -170px;top: -73px;}
.action-dd .action-dropdown .dropdown-menu {left: -135px !important;}
.nav-tabs .dropdown-menu{right: 0 !important;}
.action-dropdown .dropdown-toggle {
  color: rgb(99, 99, 99);
  font-size: 1.4rem;
  background: rgb(238, 238, 238);
  padding: 1px 15px;
  box-shadow: none;
  }
.action-dropdown .dropdown-toggle:hover, .action-dropdown .dropdown-toggle:active {
  background-color: rgb(42, 42, 42);
  color: #fff;
  }
.action-dropdown .dropdown-menu a {
  display: block;
  color: rgb(101, 101, 101);
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center;
  padding: 5px 3px;
  border-bottom: 1px solid rgb(233, 234, 237);
  transition: all 0.2s;
  }
.action-dropdown .dropdown-menu a:hover {
  background-color: rgb(42, 42, 42);
  color: rgb(255, 255, 255);
  text-decoration: none;
  transition: all 0.2s;
  }
.action-dropdown .dropdown-menu {
  min-width: 150px;
  margin-bottom: 50px;
  right: 0px;
  position: absolute;
  left: auto;
  }
.action-dropdown .dropdown-menu button {
  display: block;
  color: rgb(101, 101, 101);
  font-size: 1.4rem;
  text-align: center;
  padding: 7px 3px;
  border-bottom: 1px solid rgb(233, 234, 237);
  transition: all 0.2s;
  background: none;
  border: none;
  width: 100%;
  }
.action-dropdown .dropdown-menu button:hover {
  background-color: rgb(42, 42, 42);
  color: rgb(255, 255, 255);
  text-decoration: none;
  transition: all 0.2s;
  }
  .box-detail-wrap .panel-heading{top: -35px;}
.box-detail-wrap .action-icons{padding-left: 0; font-size: 20px; width: 100%;}
.action-icons{ 
  display: inline-block;
  font-size: 1.3em;
  color: #000;
  font-weight: 600;
  }
._load_job_detail .job-datetime{padding:7px 0 !important;}
._load_job_detail .job-datetime .col-sm-12{margin: 5px 0;}
.multi-address .list-style li .action-icons {float: none;} 
.right-text .action-icons {
  float: left;
  color: rgb(0, 0, 0);
  font-size: 1.5rem;
  text-align: left;
  }
.right-text .action-icons span{margin-right: 15px; color:#000 !important; font-size: 1.4rem; display: inline-block;}
.right-text .action-icons a {
  color:#0584e6 !important;
  text-decoration: none !important;
  }
.list-style li .history .direction-icon-font {
  font-size: 1.2rem;
  cursor: pointer;
  float: right;
  font-weight: 600;
  color: #000;
  padding: 5px 7px 4px;
  }
.list-style li .history .direction-icon-font:hover{color: #34aa54;}
.list-style li .history .direction-icon-font a {color: rgb(23, 23, 23);}
.list-style li .history .direction-icon-font a:hover {text-decoration: none;}
a.openjobs-counter, 
a.admin-report-tabs {
  color: rgb(255, 255, 255);
  }
.openjobs-counter, .admin-report-tabs {
  background-color: rgb(42, 42, 42);
  color: rgb(255, 255, 255);
  font-size: 1.4rem;
  font-weight: 600;
  position: relative;
  top: 0px;
  display: inline-block;
  padding: 10px 25px;
  transition: all 0.3s;
  }
.openjobs-counter strong {color: #ccc;}
.openjobs-counter .noti-counter, 
.openjobs-counter .lead-counter, 
.admin-report-tabs .noti-counter, 
.admin-report-tabs .lead-counter{
  background: #e94335;
 color: #fff;
 padding: 5px 5px;
 text-align: center;
 display: inline-block;
 min-width: 75px;
 font-size: 22px;
 font-weight: bold;
 line-height: normal;
 width: 50px;
 position: absolute;
 top: 0;
 right: 0;
 border-top-right-radius: 4px;
 border-bottom-left-radius: 10px;
  }
/*Gift Card Start*/
.g-card-first .center-content-bg img{width: 100%;}
.g-card-details{display: flex; margin-top:20px; }
.about-gift{background-color: #ebebeb; padding: 20px;}
.about-gift ul li{font-size: 20px; list-style: decimal;}
.about-gift h2{margin-left: 20px;}
input.acc-checkbox{display: inline; left: initial !important; z-index: 99; width: 18px;
height: 18px; color:#000;}
.option-popup h4{font-size: 28px; font-weight: 600; color:#000;}
.option-popup .modal-dialog{width: 75% !important;}
.option-popup p{line-height: 30px; font-size: 18px; color:#000;}
.acept-terms a{color: #0060ff; text-decoration: underline;}
.acept-terms a:hover{text-decoration: none;}
.hav-question h2{margin-top:7px; font-weight: bold;}
.hav-question .regular-btn{padding: 10px 20px; box-shadow: none;
border-radius: 0; margin: 20px 0 50px; display: inline-block;}
.acept-terms{font-size: 20px; font-weight: bold !important; position: relative; margin-bottom: 30px;}
.hav-question p{font-size: 20px; }
.g-card-details i{background-color: #000; height: 52px; margin-top:10px; padding: 13px 14px;font-size: 35px;height: 60px;border-radius: 50%;color: #fff;}
.g-card-content{padding-left: 20px;}
.g-card-content p{font-size: 18px; line-height: 30px;}
.g-card-step1 h2{color: #000;}
.g-card-confirm h5{line-height: 35px;}
.g-card-confirm .ckbox{margin-top:30px;}
.g-card-confirm .right-pad .group{margin-bottom: 5px;}
.congrats-content h2{color:#07ab1e;}
.card-img{width: 100%; margin: 20px 0; height: 385px; background-image: url(../images/visa-gift-card.png);background-repeat: no-repeat; background-size: 100%; text-align: center; display: inline-block;}
.intl-tel-input{width: auto !important;}
.credit-section i{background-color: #000;
color: #fff;
font-size: 63px;
border-radius: 50%;
padding: 20px 23px;}
.visa-card span{font-size: 50px; position: relative;top: -65px;left: 33px; font-weight: bold; color: #fff;}
.g-card-title h2{font-size:48px;}
.g-card-title p{font-size: 36px;font-weight: 400;line-height:30px;}
.g-card-title{margin-bottom: 60px;}
.card-toward{background-color: #d6d6d6; margin-top: -60px; border-radius: 5px; padding: 30px 0 60px; text-align:  center;}
.card-toward h2{color:#00ae1d; font-size: 100px; font-weight: bold;}
.card-toward p{font-size: 36px; font-weight: bold; color:#000; line-height: 42px;}
.g-card-no{font-weight: normal; font-size:31px; color: #000;  margin-top:124px;  display: inline-block;
    clear: both; font-family: 'credit_cardregular'; letter-spacing: 0.5px;}
.card-exp{color:#fff; font-size: 20px; margin-top:40px;}
.card-exp span{font-weight: normal; font-family: 'credit_cardregular'; font-size: 14px;}
.gift-price{font-size:63px; text-align: left; padding-top: 40px; font-weight: bold; color: #fff; text-align: right;}
.congrats-content a{width: auto !important; padding-left: 20px;  padding-right: 20px; }
.holder-name{color:#000; font-size: 26px;   font-weight: bold; margin-top:10px; text-align: left;}
/*Gift Card End*/
/*Waitig for pro*/
.waiting-for-pro-row-disabled{position: relative;}
.waiting-for-pro-row-disabled .disabled-area{
 position: absolute;
 background: #e0e0e0;
 width: 100%;
 height: 100%;
 z-index: 1;
 opacity: 0.7;
 border-bottom: 1px solid #d5d5d5;
}
.waiting-for-pro-row-disabled .message.cancelled, 
.waiting-for-pro-row-disabled .message.accepted{
  width: 100%;
  padding: 0px 15px !important;
  font-size: 1.4rem;
 }
.waiting-for-pro-row-disabled .message.cancelled>span{  }
.waiting-for-pro-row-disabled .message.accepted>span{  }
.waiting-for-pro-row-disabled .message a{color: #000;cursor: pointer;}
.waiting-for-pro-row-disabled .message a span, 
.waiting-for-pro-row-disabled .message a:nth-child(2){}
.waiting-for-pro-row-disabled .view-job-btn{text-align: center;}
.waiting-for-pro-row-disabled .view-job-btn button{font-size: 20px;font-weight: 600;}
/*End-Waitig for pro*/
ul.requested-pick-list {
  padding: 0;
  float: left;
  width: 100%;
  list-style: none;
  }
ul.requested-pick-list li {padding: 10px 5px 0px;}
.requested-pick-list li .row {padding-top: 10px;position: relative;}
ul.requested-pick-list li .left{
  position: relative;
  padding-right: 0px;
  padding-left: 90px;
  }
.requested-pick-list li img.logoImgDivTech {
  position: absolute;
  left: 5px;
  width: 70px;
  height: 70px;
  border: 2px solid #d6d6d6;
  border-radius: 50%;
  top: 0px;
 object-fit: cover;
 object-position: center center;
  }
ul.requested-pick-list li .name {
  font-size: 20px;
  color: #1a1a1a;
  font-weight: 600;
  word-break: break-all;
  line-height: 20px;
  }
ul.requested-pick-list li .date {
  color: #a1a1a1;
  font-size: 14px;
  font-weight: 500;
  }
.pick-info {
  font-weight: 500;
  color: #000;
  line-height: 1.2;
  margin-bottom: 0px;
  }
.right-gap {
  position: relative;
  padding: 6px 12px;
  margin-right: 7px;
  background: #4076c5;
  color: #fff;
  }
.right-gap span {
  font-size: 24px;
  font-weight: bold;
  }
.eta {
  position: relative;
  padding: 5px 12px;
  margin-right: 7px;
  background: #34a753;
  color: #fff;
  }
.eta span {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  }
.eta .date {
  color: #fff !important;
  font-size: 12px !important;
  }
.requested-pick-list .accept {
  color: rgb(23, 23, 23);
  font-size: 16px;
  font-weight: 600;
  color: rgb(23, 23, 23);
  padding: 5px 7px 4px;
  text-decoration: none;
  line-height: 23px;
 margin-left: 10px;
  }
.requested-pick-list a.btn-xs {
  float: right;
  right: 5px;
  margin-right: 5px;
  }
.progress-line {
  border-bottom: 3px solid #ddd;
  position: relative;
  width: calc(100% - 72px);
  left: 15px;
  margin-bottom: 25px;
  margin-top: 15px;
  }
.progress-line small {
  position: absolute;
  height: 10px;
  width: 10px;
  top: -3px;
  border-radius: 50%;
  background-color: #dddddd;
  right: -57px;
  z-index: 1;
  }
.progress-line * {transition: ease-in-out .3s;}
.progress-line span {
  border-bottom: 3px solid #000;
  position: absolute;
  text-align: right;
  z-index: 1;
  transition: 15s;
  width: 0;
  }
.progress-line img {
  position: absolute;
  top: -13px;
  margin-left: -12px;
  cursor: pointer;
  width: 56px;
  }
.progress-line:after {
  content: '';
  right: -50px;
  border-bottom: 3px solid #ddd;
  position: absolute;
  width: 57px;
  }
.action-menu {
  display: inline-block;
  width: 100%;
  text-align: right;
  padding: 0px 10px;
  margin-top: 10px;
  }
.action-menu a {
  color: rgb(23, 23, 23);
  font-size: 16px;
  font-weight: 600;
  color: rgb(23, 23, 23);
  padding: 5px 7px 4px;
  text-decoration: none;
  }
.action-menu a:hover {text-decoration: none;}
.action-menu a.current-status {color: #ff0000;float: right;} 
.action-menu a:after {
  content: '\eb79';
  font-family: Icofont;
  }
.action-menu .dropdown-menu a:after {display: none;}
ul.job-list-on-status {
  list-style-type: none;
  padding: 0;
  margin: 0;
  }
ul.job-list-on-status li {
  padding: 10px;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #FFF;
  color: #595959;
  position: relative;
  }
ul.job-list-on-status li .booking-id {
  float: left;
  border-radius: 50%;
  padding: 4px 7px;
  margin-right: 10px;
  text-align: center;
  color: #FFF;
  width: 60px;
  height: 60px;
  line-height: 55px;
  }
ul.job-list-on-status li .booking-id i {color: rgb(255, 255, 255);font-size: 22px;}
.job-list-on-status .action-icon {color: #999;}
.job-list-on-status .direction-icon-font {text-align: right;}
.job-list-on-status .direction-icon-font .direction-icon-font {color: #ff0000;cursor: pointer;}
.job-list-on-status .direction-icon-font span {
  position: relative;
  padding: 8px 0 0;
  font-size: 16px;
  font-weight: 600;
  color: rgb(23, 23, 23);
  display: inline-block;
  }
.job-list-on-status .left-section span {display: inline-block;font-size: 1.4rem;}
.job-list-on-status .left-section .name {
  font-size: 1.4rem;
  color: #000;
  margin-bottom: 5px;
  }
.job-list-on-status .left-section .address {color: #666666;font-size: 1.4rem;}
/*====multi-address====*/   
.multi-address {margin-bottom: 50px;}
.multi-address .list-style .action-icons:after {display: none;}
.multi-address-list .right-content{float: left; width: calc(100% - 75px);}
.multi-address-list .history{padding: 10px 0px !important;}
.multi-address .list-style li {padding: 0px 10px;position: relative;}
.multi-address .radio-wrap {
  position: relative;
  display: inline-block;
  width: 100% !important;
  overflow: hidden;
  top: 6px;
  }
.multi-address .radio-wrap label{padding-left: 0px;}
.radio-wrap {position: relative;}
.stars .radio-wrap.radio-inline {padding-left: 0;}
.stars .radio-wrap input[type=radio] {position: relative;left: 20px;}
.radio-wrap input[type=radio] {opacity: 0;position: absolute;}
.radio-wrap label {
  cursor: pointer;
  display: inline-block;
  max-width: 100%;
  padding-left: 30px;
  padding-right: 10px;
  font-size: 1.4rem;
  line-height: normal;
  }
.radio-wrap input[type=radio] + label::after, .radio-wrap input[type=radio] + label::before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  } 
.radio-wrap input[type=radio]:checked + label::after, .radio-wrap input[type=radio]:checked + label::before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #000;
  }
.radio-wrap label:before {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 45%;
  left: 0px;
  content: '';
  display: inline-block;
  border: 2px solid #a5a5a5;
  background: #FFF;
  transform: translate(0, -50%);
  }
.radio-wrap input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 4px;
  display: inline-block;
  font-size: 11px;
  width: 10px;
  height: 10px;
  border: 1px solid #f4645f;
  transform: translate(0, -50%);
  }
.radio-wrap input[type=radio]:checked + label::after {
  border: 1px solid #000;
  background-color: #000;
  }
.radio-wrap .address-title {
  font-size: 1.4rem;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 5px;
  display: block;
  font-weight: bold;
  }
.radio-wrap .address {
  color: #333;
  font-size: 1.2rem;
  margin: 6px 0px;
  text-transform: capitalize;
  font-weight: normal !important;
  }
.multi-address .address-edit-delete{width: 100%;}
.multi-address .address-edit-delete .edit, .multi-address .address-edit-delete .delete{
  display: inline-block;
  margin-right: 10px;
  font-size: 1.2em;
  cursor: pointer;
  }
.multi-address .address-edit-delete .edit{color: #000;}
.multi-address .address-edit-delete .delete{color: #ff0000;}
.multi-address .default-address-btn{
  background-color: #dad9d9;
  text-decoration: none;
  color: #000;
  font-size: 28px;
 font-weight: 500;
 transition: all 0.3s;
 padding: 10px 15px;
 margin-top: 30px;
  }
.complaint-section ._add_complaint_btn{margin-bottom: 30px; font-size: 28px !important;}
.default-address-btn:hover, .default-address-btn a:hover, .default-address-btn:hover {
  background-color: #fff;
  text-decoration: none;
  color: #000;
  transition: all 0.3s;
  }
.multi-address .add-more-location{
  background-color: #000;
  text-decoration: none;
  color: #fff;
  font-size: 28px;
 font-weight: 500;
 transition: all 0.3s;
 padding: 10px 30px;
 margin-top:30px;
  }
.add-more-location:hover, .add-more-location a:hover, .add-more-location:hover {
  background-color: #fff;
  text-decoration: none;
  color: #000;
  transition: all 0.3s;
  border:1px solid #000;
  }
.load-payment-cards li .overlay{
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}
.overlay{display: flex; width: 300px;}
.load-payment-cards li:hover .overlay {width: 50%;left: 80%;}
.load-payment-cards .rdio{margin-top:0; padding:20px;}
.load-payment-cards .rdio label{padding: 0 !important;}
.overlay .rdio.circle input[type="radio"]:checked + label::before{opacity: 0;}
.overlay a{width: 20%; text-align: center; font-size: 20px; height: 100%; color: #fff; display: block; display: flex; align-items: center; justify-content: center;}
.overlay a:hover{color: #fff;}
.overlay a:focus{color: #fff;}
.cart-buttons{width: 300px;height: 150px;background: #ccc;}
.make-primary{background-color: #5860e2; }
.make-delete{background-color: #e5001b; }
/*=====Close-multi-address=====*/ 
.cat-search-box {position: sticky;top: 53px;z-index: 999;}
.fake-bg + .content .cat-search-box{z-index: 0 !important;}
.switch-webiste { padding-right: 55px;margin-top: 15px; }
.switch-webiste small {font-size: 14px;position: relative;margin-right: 5px;}
#sidebar-left .switch-web {width: 27px;margin-left: 45px;}
.switch-web input {display: none;}
.switch-web .toggle {position: absolute;top: 2px;bottom: 0;right: 0px;margin: auto;}
.switch-web .toggle label {transition: all .25s ease-out;}
.switch-web input[type="checkbox"]:active + .toggle label, .switch-web input[type="checkbox"]:checked + .toggle label {
  border: 13px solid #4cd964;}
.switch-web .toggle label {
  width: 51px;
  height: 26px;
  border-radius: 32px;
  border: 2px solid #e5e5e5;
  transition: all 0.30s ease;
  }
.switch-web .toggle label, .switch-web .toggle i {
  box-sizing: border-box;
  display: block;
  background: #ffffff;
  }
.switch-web input[type="checkbox"]:checked + .toggle i {left: 27px;}
.switch-web .toggle i {
  position: absolute;
  top: 2px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 28px;
  box-shadow: 0 0 1px 0 rgba(0,0,0, 0.25), 0 3px 3px 0 rgba(0,0,0, 0.15);
  background: #ffffff;
  transition: all 0.3s cubic-bezier(0.275, -0.450, 0.725, 1.450);
  }
/*switch button*/
/* tabbing-li */
#header{z-index: 9999;}
.header-content{background-color:#000;}
.header-content h2{color:#fff;}
.tabbing-complaint a {
  color: #000;
  font-weight: 500;
  font-size: 24px;
  position: relative;
  display: inline-block;
  margin: 0 0px 0 0;
  padding: 9px 15px;
  border-bottom-style: solid;
  border-bottom-width: 4px;
  min-height: 50px;
  transition: all .3s;
  }
.tabbing-complaint a:hover, .tabbing-complaint a:active, .tabbing-complaint a:focus {
  text-decoration: none;
  background: #000;
  color: #FFF !important;
  transition: all .3s;
  border-bottom: 4px solid #000;
  }
.tabbing-complaint a.active {
  background: #000;
  color: #FFF !important;
  transition: all .3s;
  border-bottom: 4px solid #000;
  }
.tabbing-complaint a:hover .counter{color: #fff;}
.tabbing-complaint a .counter{
  color: #000;
  font-size: 18px;
  padding: 5px 10px;
  width: 26px;
  display: inline-block;
  text-align: center;
  padding: 3px 0;
  position: relative;
  font-weight: 600;
  } 
.tabbing-complaint a span.counter:empty{
  display: none !important;
  } 
.tabbing-complaint a.active .counter{
 color: #fff;
  }
@media only screen and (min-width : 991px) {
.three-menu.row.mb-20.tabbing-complaint {width: 60%;margin: auto;}
}
.form-steps{background-color: #fff; padding:20px;}
.form-steps .form-control{transition: all .15s ease-in-out; border-radius: 4px ; padding: 20px 15px;}
.ad-project-form{background-color: #fff; padding:20px;}
.select-service{background-color:#f5f5f5; margin-top:20px; position: relative;}
.select-service i{position: absolute;font-size: 30px;left: 31px;top: 21px;}
.project-carousel .item{text-align: center; font-size: 18px;}
.project-carousel .item i{font-size: 50px; color:#000;}
.project-carousel {width: 100%; margin-top:25px;}
.project-carousel .owl-prev{float: left;}
.project-carousel .owl-next{float: right;}
.project-carousel .owl-nav{position: relative; top: -80px; width: 100%;}
.project-carousel .owl-nav span{font-size: 54px; color:#000;}
.project-carousel .item label{font-size: 18px; color:#000; margin-top:7px;}
.select-service input {
    width: calc(100% - 30px);
    padding: 15px 12px 15px 60px;
    font-size: 20px;
    border: 1px solid #d0d0d069;
    outline: none;
    background: #e8e7e7;
    margin: 10px 15px;
    color: #000 !important;
}
.form-steps .form-control:focus {
    color: #8898aa;
    border-color: #000;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1) !important;
}
.login-with-mobile{background-color: #fff;  padding:20px; width: 500px; margin: 200px auto auto;}
.form-steps input:focus, textarea:focus{border-color: #000 !important;}
.regular-btn{color: #fff;
font-size: 
padding: .625rem .75rem;
background-color: #000;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
border: 1px solid;
width: 150px;
font-size: 20px;
border-radius: 4px;
font-weight: 600;
}
.regular-btn:hover{transform: translateY(-1px);color: #fff;}
.regular-btn:focus{transform: translateY(-1px);color: #fff;}
.complaint-section input, .complaint-section textarea, .complaint-section select, .complaint-section textarea:focus, .complaint-section select:focus, .complaint-section input:focus {
  border-width: 0 0 1px 0 !important;
  border-style: solid;
  border-color: #000 !important;
  font-size: 18px !important;
  }
.complaint-section .complaint-id span:nth-child(2){color: #0584e6 !important;}
.complaint-section .indi_counter{
  display: inline-block;
  background: #000;
  color: #fff !important;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  font-size: 13px;
  line-height: 25px;
  text-align: center;
  margin-left: 5px;
  }
.complaint-section .indi_counter:empty{display: none !important;}
.support-section .web-btn-primary:hover, 
.support-section .messages-btn.active, 
.complaint-section .ticket_detail_section .web-btn-primary:hover, 
.complaint-section .ticket_detail_section .messages-btn.active{
  background-color: #2a2a2a;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s;
}
.pending-list li {border-bottom: 1px solid #d6d6d6;padding: 10px 0px;font-size: 1.5rem;color: #000;margin-top: 10px;}
.pending-list li:last-child {margin-bottom: 0;}
.pending-list li .multiple-ans,
.pending-list li .multiple-ans div,
.pending-list li .multiple-ans span {display: inline;}
.text-gray {color: #a1a1a1 !important;}
.text-blue {color: #4076c5 !important;}
.text-black{color: #434343 !important;}
.text-red{color: #e41b00 !important;}
.text-center{text-align: center !important;}
.support-div {
  background: #000;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 10px;
  margin: 20px 0
  }
.support-div h3 {font-size: 1.4rem;margin: 0;}
.three-menu a {
  display: block;
  color: #000;
  background: #e5e5e5;
  padding: 10px 0;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase
  }
.three-menu a i {width: 100%;font-size: 30px!important;display: block;}
.support-infographics img{width: 30%;}
ul.ticket-list{margin: 0px;padding: 0px;list-style-type: none;}
ul.ticket-list li{float: left;color: #000;width: 100%;text-align: left;}
ul.ticket-list li a{color: #000; display: block;font-size: 1.4em;font-weight: 600;}
ul.ticket-list li a .counter{
 background: #000;
 color: #fff;
 padding: 7px;
 border-radius: 50%;
 width: 45px;
 height: 45px;
 display: inline-block;
 text-align: center;
 }
ul.ticket-list li a .counter:empty{display: none;}
ul.ticket-list li .panel-heading .fa-chevron-right {transition: all .3s;}
ul.ticket-list li .panel-heading i{transition: all .3s; display: inline-block;float: right;
  margin-top: 2px;  margin-right: -7px;font-size: 26px;color:#000;}
ul.ticket-list li .panel-heading.collapsed i{
  transform: rotate(-90deg);
}
ul.ticket-list li i.fa {cursor: pointer;transition: all .3s;}
ul.ticket-list li .collapsed ~ .panel-body {padding: 0;}
ul.ticket-list li .panel-heading{background-color:transparent !important; cursor: pointer; border: 0; color: #444;}
ul.ticket-list li .collapse.in{font-size: 1.4rem; line-height: 28px;color: #000;}
.ticket-action {
  border-bottom: 1px solid #9d9d9d;
  margin-top: 15px;
  margin-bottom: 15px
  }
.ticket-action a {
  display: inline-block;
  width: 49%;
  padding: 5px 5px;
  color: #000;
  transition: .1s;
  font-size: 1.5em;
  line-height: 38px;
  }
.ticket-action.three a {
  width: 33.3%;
  font-size: 16px;
  font-weight: 600;
  }
.ticket-action a:hover, .ticket-action a.active {
 text-decoration: none;
 background: #000;
  color: #fff;
  }
.ticket-history .ticket-title{
  display: block;
  font-size: 1.2rem;
 color: rgb(0, 0, 0);
 text-transform: capitalize;
 font-weight: 600;
 word-wrap: break-word;
 word-break: break-word !important;
  }
.ticket-history .ticket-id {
    font-size: 1.2rem;
}
.ticket-history .col-sm-5.col-xs-5.text-right {
    font-size: 1.2rem;
}
.ticket-history .date{color: #000;font-size: 1.2rem;}
.ticket-history .text-blue{color: #0584e6 !important;}
.user-chat-text span{color:#000 !important;}
.ticket-action .counter{
 background: #000;
 color: #fff;
 font-size: 14px;
 width: 30px;
 height: 30px;
 text-align: center;
 display: inline-block;
 margin-left: 5px;
 line-height: 30px;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
  } 
.ticket-action .counter:empty{display: none !important;} 
.ticket-action a:hover .counter, .ticket-action a.active .counter {background: #fff;color: #000;}
select {
  margin: 0;
  background: transparent;
  background: url(../images/select-dropdown.png) no-repeat center right!important;
  width: 100%;
  padding: 5px 40px 5px 0px !important;
  height: 45px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/select-dropdown.png) no-repeat center right;
  } 
select:hover, select:focus, select:active {
  outline: none;
  }
.heading-border {
  color: #fefefe;
  background: #000;
  padding: 5px 7px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  display: inline-block;
  }
.search-location{background-color: #fff !important;border: none !important;}
.search-location .search {
  width: 100%;
  padding: 5px;
  border: none;
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: 2px;
  background: transparent;
  font-size: 12px;
  padding-right: 60px;
  position: relative;
  }
#customer_profile .btn {font-size: 17px !important;}
.search-location .search:focus {outline: none;border-width: 0 0 1px 0 !important;}
.search-location .address-div .tooltip {white-space: nowrap;margin-top: 5px;}
.search-location .input-group-btn .fa { margin: 0;font-size: 30px !important;}
.search-location button {
  background: none;
  border: none;
  outline: none;
  font-size: 16px;
  cursor: pointer;
  padding: 5px;
  font-size: 16px;
  }
.search-location .get-address i, .search-location .get-address i:hover {color: #4285f4;}
.search-location .get-location i, .search-location .get-location i:hover {color: #e94335;}
.msg-receive {
  display: block;
  padding: 9px 10px;
  background: #ddd;
  margin-bottom: 8px;
  width: 90%;
  margin-right: 10%;
  position: relative;
  }
.msg-receive:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -11px;
  right: auto;
  top: 0;
  bottom: auto;
  border: 12px solid;
  border-color: #ddd transparent transparent;
  }
.msg-send {
  display: block;
  padding: 9px 10px;
  background-color: #666;
  color: #FFF;
  margin-bottom: 8px;
  width: 90%;
  margin-left: 10%;
  position: relative;
  }
.msg-send:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  right: -11px;
  top: 0;
  bottom: auto;
  border: 12px solid;
  border-color: #666 transparent transparent;
  }
.type-msg-form {
  background-color: #34a753;
  padding: 10px;
  color: #fff;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  }
.type-msg-form .input-group-btn .msg-send-button .fa {color: #FFF;font-size: 22px;}
.type-msg-form .input-group-btn .msg-send-button .fa:hover {color: #000;}
.complaint_detail_section .shadow-bg, .ticket_detail_section .shadow-bg {box-shadow: none;background: #000;color: #FFF;font-size: 16px;}
.doc-details {font-size: 14px;text-align: left;font-size: 1.4rem;}
.doc-details label {font-weight: 700;}
    .doc-details .form-group {
  border-bottom: 1px solid rgb(187, 187, 187);
  float: left;
  width: 100%;
  line-height: normal;
  }
.js_error {border-color: red !important;}
.check-right [type="checkbox"]+label {width: 100%;font-size: 20px;}
.wrap label {padding-left: 0;color: #666666;}
.prefrences-list div.wrap div.check-right {position: relative;margin-left: 10px;margin-right: 10px;}
.prefrences-list .wrap div.check-right.highlighted {
  padding-top: 10px;
  margin-left: 0;
  border-bottom: none;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  } 
.prefrences-list .wrap div.check-right.highlighted:before {
  background: #f3f3f3;
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  }
.prefrences-list div.tandc{ text-align: center; font-size: 18px; margin-top: 20px;}
.wrap label i {
  font-size: 24px;
  position: relative;
  top: 3px;
  color: #4285f4;
  padding-right: 10px;
  }
.prefrences-list div.wrap div {
  padding: 0 0 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  }
.prefrences-list .wrap div.check-right.highlighted:after {
  background: #34aa54;
  position: absolute;
  content: '';
  width: 70px;
  left: 50%;
  height: 3px;
  bottom: 0;
  margin-left: -35px;
  }
.check-right [type="checkbox"]+label:before, .check-right [type="checkbox"]:not(.filled-in)+label:after {
  left: auto;
  right: 10px;
  }
.check-right [type="checkbox"]:checked+label:before {
  right: 20px!important;
  left: auto;
  }
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0
  }
[type="checkbox"]+label {
  position:relative;
  padding-left:30px;
  cursor:pointer;
  display:inline-block;
  height:25px;
  margin:0;
  line-height:25px;
  font-size:16px;
  font-weight:400;
  color:#333333;
  -webkit-user-select:none;
  -moz-user-select:none;
  -html-user-select:none;
  -ms-user-select:none
  }
[type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:18px;
  height:18px;
  z-index:2;
  border:1px solid #999;
  margin-top:3px;
  transition:.2s
  }
input.chk-alert[type="checkbox"]+label:before, input.chk-alert[type="checkbox"]:not(.filled-in)+label:after {
  border:1px solid #ff0000;
  box-shadow: 0px 0px 5px #ff000073;
  }
[type="checkbox"]:not(.filled-in)+label:after {
  border: 0;
  -webkit-transform: scale(0);
  transform: scale(0)
  }
[type="checkbox"]:not(:checked):disabled+label:before {
  border: none;
  background-color: rgba(0,0,0,0.26)
  }
[type="checkbox"].tabbed:focus+label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
  background-color: rgba(0,0,0,0.1)
  }
input.chk-alert[type="checkbox"]:checked+label:before,
[type="checkbox"]:checked+label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #34aa54;
  border-bottom: 2px solid #34aa54;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  box-shadow: none !important;
  }
[type="checkbox"]:checked:disabled+label:before {
  border-right: 2px solid rgba(0,0,0,0.26);
  border-bottom: 2px solid rgba(0,0,0,0.26)
  }
[type="checkbox"]:indeterminate+label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #c3272f;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%
  }
[type="checkbox"]:indeterminate:disabled+label:before {
  border-right: 2px solid rgba(0,0,0,0.26);
  background-color: transparent
  }
[type="checkbox"].filled-in+label:after {
  }
[type="checkbox"].filled-in+label:before, [type="checkbox"].filled-in+label:after {
  content: '';
  left: 0;
  position: absolute;
  transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  z-index: 1
  }
[type="checkbox"].filled-in:not(:checked)+label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%
  }
[type="checkbox"].filled-in:not(:checked)+label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0;
  z-index: 0
  }
[type="checkbox"].filled-in:checked+label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%
  }
[type="checkbox"].filled-in:checked+label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #c3272f;
  background-color: #c3272f;
  z-index: 0
  }
[type="checkbox"].filled-in.tabbed:focus+label:after {
  border-color: #5a5a5a;
  background-color: rgba(0,0,0,0.1)
  } 
[type="checkbox"].filled-in.tabbed:checked:focus+label:after {
  background-color: #c3272f;
  border-color: #c3272f
  }
[type="checkbox"].filled-in:disabled:not(:checked)+label:before {
  background-color: transparent;
  border: 2px solid transparent
  }
[type="checkbox"].filled-in:disabled:not(:checked)+label:after {
  border-color: transparent;
  background-color: #BDBDBD
  }
[type="checkbox"].filled-in:disabled:checked+label:before {
  background-color: transparent
  }
[type="checkbox"].filled-in:disabled:checked+label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD
  }
.underline{
  text-decoration: underline !important;
  }
.left-right-colored-btn{text-align: center;}
#confirm_token_form .left-right-colored-btn{margin-top:25px;}
.left-right-colored-btn .left, .left-right-colored-btn .right{
  width: 200px;
  min-width: 200px;
  cursor: pointer !important;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  font-size: 1.9rem;
  display: inline-block;
  text-decoration: none;
  z-index: 9;
  }
.left-right-colored-btn .left {background: #000;margin-right: 5px !important;}
.left-right-colored-btn .right {background: #000;margin-left: 5px;}
.left-right-colored-btn .ut-add-more {
  width: 200px;
  min-width: 200px;
  cursor: pointer !important;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  font-size: 20px;
  display: inline-block;
  text-decoration: none;
  font-weight: normal;
  }
.left-right-colored-btn button, .left-right-colored-btn .ut-add-more {
  min-width: 150px !important;
  width: 150px !important;
  border: none;
  }
.left-right-colored-btn button.ut-add-more {
  line-height: inherit;
  font-weight: normal;
  white-space: nowrap;
  }
.left-right-colored-btn .ut-add-more {transition: all 0.3s;background-color: #000;}
.left-right-colored-btn .ut-add-more:hover {background-color: #272727;transition: all 0.3s;}
.left-right-colored-btn .danger{
  width: 200px;
  min-width: 200px;
  cursor: pointer !important;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  font-size: 1.9rem;
  display: inline-block;
  text-decoration: none;
  font-weight: normal;
  }
.left-right-colored-btn .danger { transition: all 0.3s;background-color: #E9573F;}
.left-right-colored-btn .danger:hover {background-color: #E9573F;transition: all 0.3s;}
.left-right-colored-btn .left:focus,
.left-right-colored-btn .right:focus,
.left-right-colored-btn .ut-add-more:focus,
.left-right-colored-btn .skip-next:focus,
.left-right-colored-btn .danger:focus{
  transition: all 0.3s;
  opacity: .7;
  }
 a.more_estimates_back_button{
  width: auto;
  min-width: auto;
  padding: 0px 15px;
  background: #34aa54;
  margin-right: 5px !important;
  cursor: pointer !important;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  font-size: 1.9rem;
  display: inline-block;
  text-decoration: none;
  z-index: 9;
  }
#service_qestions_section .left-right-colored-btn .left:focus,
#service_qestions_section .left-right-colored-btn .right:focus,
#service_qestions_section .left-right-colored-btn .ut-add-more:focus,
#service_qestions_section .left-right-colored-btn .skip-next:focus,
#service_qestions_section .left-right-colored-btn .danger:focus{
  transition: all 0.3s;
  opacity: 1;
  }
.error-danger, .msg-success {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: 2;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: 2;
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: 2;
  }
.error-danger {
  margin: 0 auto;
  background-color: #f9cfc8;
  border-color: #f9cfc8;
  color: #ae2a14;
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
  }
.msg-success {
  margin: 0 auto;
  background-color: #d7e9c3;
  border-color: #d7e9c3;
  color: #587f2e;
  padding: 10px;
  margin: 0px 0px 10px;
  border: 1px solid transparent;
  text-align: center !important;
  }
@-moz-keyframes blinker {
0% {
  opacity:1
  }
50% {
  opacity:0
  }
100% {
  opacity:1
  }
}
@-webkit-keyframes blinker {
0% {
  opacity:1
  }
50% {
  opacity:0
  }
100% {
  opacity:1
  }
}
@keyframes blinker {
0% {
  opacity:1
  }
50% {
  opacity:0
  }
100% {
  opacity:1
  }
}
.eta-option-wrap {padding: 0 5px 10px 5px;margin: 35px 0px;background: #fff;}
.eta-options ul li .eta-option-wrap .eta-circle {margin-top: -25px;margin-bottom: 10px;}
.eta-options.bordered {padding: 15px 0;margin: 0px;}
.bottom-section .eta-options.bordered{margin: 25px 5px;}
.bottom-section .eta-options.bordered ul li .eta-circle {
  font-size: 2.4rem;
  margin-top: -45px;
 line-height: 75px;
 width: 80px;
 height: 80px;
  } 
.bottom-section .eta-options .eta-option-wrap .heading{font-size: 1.8rem;}
.eta-options.bordered ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  }
.eta-options {position: relative;}
.eta-options.bordered:after {border: none;}
.eta-options.bordered ul li .eta-circle {
  font-size: 1.5rem;
  padding: 0;
  line-height: 60px;
  font-weight: normal;
  }
.eta-options:after {
  position: absolute;
  content: "";
  border-left: 1px solid #cccccc;
  height: 80%;
  left: -10px;
  top: 10%;
  width: 1px;
  display: block;
  }
.eta-options ul li {display: inline-block;width: 33.33333333%;text-align: center;float: left;}
.eta-options ul li .eta-circle {
  width: 60px;
  height: 60px;
  color: #FFF;
  font-size: 1.4rem;
  line-height: 18px;
  padding: 9px 0 0 0;
  font-weight: 600;
  margin: 0 auto;
  }
.eta-options ul li .eta-circle .small {font-size: 14px;}
.eta-options ul li .heading {color: #282b2e;font-size: 1.5rem;padding-top: 4px;}
.eta-options ul li .heading small { color: #000;}
/*======new-request-dashboard======*/
.cat-box {
  padding: 10px 5px;
  background-color: #fff;
  margin-bottom: 10px;
  position: relative;
  -webkit-transition: all 0.2s; /* Safari */
  transition: all 0.2s;
  text-align: center;
  overflow-wrap: break-word;
  }
.most-populer-cat .cat-box{min-height: 175px;float: left;width: 100%;}
.cat-box small {
  width: calc(100% + 20px);
  text-align: center;
  padding: 4px 0px;
  display: inline-block;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #e94335;
  position: relative;
    left: -10px;
  }
.cat-box .neares-pros {
  padding: 3px 0px;
  width: 100%;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  }
.cat-box:hover {
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  transform: translateY(-5px);
  }
.cat-box a {display: block;text-decoration: none;} 
.cat-box i {font-size: 3.2em;margin-bottom: 10px !important;display: inline-block;}
.cat-box label {
  margin-top: 7px;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 60px;
  line-height: 28px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  color: #2a2a2a;
  font-size: 22px;
  font-weight: 500;
  cursor: pointer !important;
  }
.cat-box.tooltip{
  opacity: 9 !important;
  position: relative !important;
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  }
.cat-box.tooltip:before{
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  transform: translate(-50%, -10%);
  position: absolute;
    top: 74%;
  }
.cat-box.tooltip:hover::before{
  position: absolute;
    top: 75%;
    left: 50%;
    content: attr(data-title);
    padding: 10px;
  background: white;
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  color: #484848;
  border: 1px solid #cecece;
  border-radius: 3px;
  font-weight: 500;
  box-shadow: 0 2px 1px #bcbcbc;
  z-index: 9999;
  transform: translate(-50%, 0%);
  min-width: 110px;
  }
.cat-box.tooltip:after {
  top: -0.5em;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  border-width: 0 0.5em 0.5em 0.5em;
  border-color: transparent transparent white transparent;
  -webkit-filter: drop-shadow(0px -1px 0px #bcbcbc);/*1px 2px 1px*/
  filter: drop-shadow(0px -1px 0px #bcbcbc);
  }
.cat-box.tooltip:hover::after{
    top: 71.9%;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    border-width: 0 0.5em 0.5em 0.5em;
    border-color: transparent transparent white transparent;
    -webkit-filter: drop-shadow(0px -1px 0px #bcbcbc);
    filter: drop-shadow(0px -1px 0px #bcbcbc);
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 99999;
    transition: inherit;
    margin: 0px;
  }
.service-list-new .cat-box.tooltip:hover::after{top: 73%;}
.tooltip-arrow{
  position:absolute;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  }
.tooltip.bottom .tooltip-arrow{
  top:0;left:50%;
  margin-left:0px;
  transform: translate3d(-50%, 0, 0);
  border-width: 0 0.5em 0.5em 0.5em;
  border-color: transparent transparent white transparent;
  -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
  filter: drop-shadow(0px -1px 0px #bcbcbc);
  }
.tooltip.bottom .tooltip-inner{
  max-width:200px;
  padding:5px 10px;
  color:#484848;
  text-align:center;
  background-color:#ffffff;
  border-radius:0px;
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  border: 1px solid #cecece;
  box-shadow: 0 2px 1px #bcbcbc;
  z-index: 99;
  display: inline-block;
  clear: both;
  }
.tooltip.top .tooltip-arrow{
  transform: translate3d(-50%, 0, 0);
  border-width: 0.5em 0.5em 0 0.5em;
  border-color: white transparent transparent transparent;
  -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
  filter: drop-shadow(0px 1px 0px #bcbcbc);
  }
.tooltip.top .tooltip-inner{
  max-width:200px;
  padding:5px 10px;
  color:#484848;
  text-align:center;
  background-color:#ffffff;
  border-radius:0px;
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  border: 1px solid #cecece;
  z-index: 99;
  box-shadow: 0 -1px 2px #bcbcbc;
  }
.tooltip-item{
  opacity: 9 !important;
  position: relative !important;
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  width: auto;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  }
.tooltip-item:before{
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  transform: translate(-50%, -10%);
  position: absolute;
  top: 74%;
  }
.tooltip-item:hover::before{
  position: absolute;
  top: 125%;
  left: 50%;
  content: attr(data-title);
  padding: 0 10px !important;
  background: white;
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  color: #484848;
  border: 1px solid #cecece;
  border-radius: 3px;
  font-weight: 500;
  box-shadow: 0 2px 1px #bcbcbc;
  z-index: 9999;
  transform: translate(-50%, 0%);
  font-size: 14px !important;
  }
.tooltip-item:after {
  top: 112%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  border-width: 0 0.5em 0.5em 0.5em;
  border-color: transparent transparent white transparent;
  -webkit-filter: drop-shadow(0px -1px 0px #bcbcbc);/*1px 2px 1px*/
  filter: drop-shadow(0px -1px 0px #bcbcbc);
  }
.tooltip-item:hover::after{
  top: 112%;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    border-width: 0 0.5em 0.5em 0.5em;
    border-color: transparent transparent white transparent;
    -webkit-filter: drop-shadow(0px -1px 0px #bcbcbc);
    filter: drop-shadow(0px -1px 0px #bcbcbc);
  content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 99999;
    transition: inherit;
    margin: 0px;
  }
[tooltip]{position:relative;}
[tooltip]::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 7px 0 7px;
    border-style: solid;
    border-color: rgba(255,255,255,0.9) transparent transparent transparent;
    z-index: 10000;
    opacity: 0;
    -webkit-filter: drop-shadow(0px 2px 0px #bcbcbc);
    filter: drop-shadow(0px 2px 0px #bcbcbc)
    }
[tooltip-position='left']::before{
    left:0%;
    top:50%;
    margin-left:-12px;
    transform:translatey(-50%) rotate(-90deg) 
    }
[tooltip-position='top']::before{
    left:50%;
    }
[tooltip-position='bottom']::before{
    top:100%;
    margin-top:26px;
    transform: translateX(-50%) translatey(-100%) rotate(-180deg)
    }
[tooltip-position='right']::before{
    left:100%;
    top:50%;
    margin-left:1px;
    transform:translatey(-50%) rotate(90deg)
    }
[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    left: 50%;
    top: -6px;
    transform: translateX(-50%) translateY(-100%);
    background: rgba(255, 255, 255);
    text-align: center;
    color: #434344;
    padding: 10px 10px !important;
    font-size: 14px;
    min-width: 150px;
    border-radius: 0px;
    pointer-events: none;
    padding: 4px 4px;
    z-index: 9999;
    opacity: 0;
    border: 1px solid #b9b9b9;
    box-shadow: 0px -1px 5px #ccc;
    width: fit-content;
    white-space: pre;
    }
[tooltip-position='left']::after{
    left:0%;
    top:50%;
    margin-left:-8px;
    transform: translateX(-100%)   translateY(-50%);
    }
[tooltip-position='top']::after{
    left:50%;
    }
[tooltip-position='bottom']::after{
    top:100%;
    margin-top:25px;
    padding: 0 !important;
    transform: translateX(-50%) translateY(0%);
    }
[tooltip-position='right']::after{
    left:100%;
    top:50%;
    margin-left:8px;
    transform: translateX(0%)   translateY(-50%);
    }
[tooltip]:hover::after,[tooltip]:hover::before {
   opacity:1
    }
.new-service-request {padding: 10px 0px;}
.new-service-request .left-right-colored-btn, 
#service_qestions_section .left-right-colored-btn, 
.dashbord-step-3 .left-right-colored-btn, 
.dashbord-step-4 .left-right-colored-btn,
.upload-home-image + .left-right-colored-btn, 
#dashbord_step_6 .left-right-colored-btn, 
.prefrences-list .left-right-colored-btn, 
.terms-conditions .left-right-colored-btn, 
.prefrences-list + .left-right-colored-btn{
  position: fixed;
  bottom: 40px;
  display: inline-block;
  left: 0px !important;
  transform: translate(0%);
  width: 100%;
  text-align: center;
  padding-left: 220px;
  z-index: 9;
  }
.most-populer-cat {margin-bottom: 20px;}
.most-populer-cat h4.titles {
  background: #34aa54;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 600;
    font-size: 24px;
  }
.most-populer-cat h4 .label {
  position: relative;
  top: -1px;
  background: transparent;
  color: #333;
  font-weight: 600;
  font-size: 14px;
  margin-right: 3px;
  padding: 2px 3px;
  }
.putting-right .most-populer-cat.active h4 .label{color: #FFF;}
.most-populer-cat .cat-box i {
  color: #34aa54;
  margin-bottom: 5px;
    min-height: 62px;
  }
.most-populer-cat .cat-box .comming-soon{
  background: #d2f7dc;
    color: #34aa54;
    margin-bottom: 3px;
    margin: 5px 0px;
    font-size: 18px;
    padding: 4px 0px;
  }
.dash-service-details .title, .service-list-new .title {
  font-weight: 600;
  font-size: 1.4rem;
  margin-top: 0;
  margin-bottom: 10px;
  }
.dash-service-details .title a, .dash-service-details .title a .service-select-breadcrum.label, .service-list-new .title a {
  color: #4285f4;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  }
.dash-service-details.blue .title {color: #4285f4;}
.dash-service-details.blue .service-image i {color: #34aa54;}
.dash-service-details.red .service-image i {color: #4285f4;margin-bottom: 8px;display: inline-block;}
.dash-service-details.green .title {color: #34aa54;}
.dash-service-details.green .service-image i {color: #e94335;}
.dash-service-details .cat-box {text-align: center;}
.dash-service-details .cat-box i, .dash-service-details .cat-box label {display: block;}
.dash-service-details .cat-box a {text-decoration: none;}
.dash-service-details .cat-box a:hover {text-decoration: none;}
.dash-service-details .sub-carousel, .top-header.sub-carousel {padding: 0px 60px;}
.dash-service-details .owl-carousel .owl-nav .owl-prev, 
.dash-service-details .owl-carousel .owl-nav .owl-next, 
.top-header .owl-carousel .owl-nav .owl-prev, 
.top-header .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 30px;
  font-size: 90px;
  -webkit-transition: all 0.2s; /* Safari */
  transition: all 0.2s;
  background: no-repeat;
  color: #333;
  margin: 0;
  padding: 0;
  }
.top-header .owl-carousel .owl-nav .owl-prev, 
.top-header .owl-carousel .owl-nav .owl-next {top: 15px;}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent !important;
  color: #333 !important;
  text-decoration: none;
  }
.dash-service-details .owl-carousel .owl-nav .owl-prev, .top-header .owl-carousel .owl-nav .owl-prev {left: -80px;}
.dash-service-details .owl-carousel .owl-nav .owl-next, .top-header .owl-carousel .owl-nav .owl-next {right: -80px;}
.dash-service-details .owl-carousel .owl-nav .owl-prev.disabled, .dash-service-details .owl-carousel .owl-nav .owl-next.disabled, .top-header .owl-carousel .owl-nav .owl-prev.disabled, .top-header .owl-carousel .owl-nav .owl-next.disabled {
  opacity: 0.4;
  }
.cat-search-box .search {
  position: relative;
  height: 50px;
  width: calc(100% - 150px);
  display: inline-block;
  float: left;
  margin: 0px 0px 10px 0px;
  font-size: 1.2rem !important;
  background: #4285f4 !important;
  z-index: 9;
  }
.cat-search-box .search .input-icon input {
  background: #4285f4 !important;
  color: #fff !important;
  padding: 5px 60px 5px 15px;
  border: none;
  outline: none;
  width: 100%;
  height: 50px;
  }
.cat-search-box .search input {
  background: transparent !important;
  color: #fff !important;
  font-size: 1.2rem !important;
  padding: 5px 40px 5px 20px;
  border: none;
  outline: none;
  width: 100%;
  height: 50px;
  }
.cat-search-box .search ::-webkit-input-placeholder { 
 color: #FFF;
 opacity: 0.4;
 -webkit-transition: all 0.2s; 
 transition: all 0.2s;
  }
.cat-search-box .search ::-moz-placeholder { 
 color: #FFF;
 opacity: 0.4;
 -webkit-transition: all 0.2s;
 transition: all 0.2s;
  }
.cat-search-box .search :-ms-input-placeholder { 
 color: #FFF;
 opacity: 0.4;
 -webkit-transition: all 0.2s; 
 transition: all 0.2s;
  }
.cat-search-box .search :-moz-placeholder { 
  color: #FFF;
  opacity: 0.4;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  }
.cat-search-box .search input:focus::-webkit-input-placeholder { 
  color: #FFF;
  opacity: 1;
  }
.cat-search-box .search input:focus::-moz-placeholder {
 color: #FFF;
 opacity: 1;
  }
.cat-search-box .search input:focus:-ms-input-placeholder {
 color: #FFF;
 opacity: 1;
  }
.cat-search-box .search input:focus:-moz-placeholder { /* Firefox 18- */
 color: #FFF;
 opacity: 1;
  }
.cat-search-box .search .input-icon input:focus, .cat-search-box .search input:focus {border: none !important;box-shadow: none !important;}
.search-refresh-btn {position: absolute;top: 15px;right: 35px;}
.cat-search-box .input-icon.right > i.fa-microphone {padding-top: 8px;}
.search-refresh-btn a {font-size: 1.4rem;color: #fff;}
.cat-search-box .search .input-icon input:hover, .cat-search-box .search .input-icon input:focus, .cat-search-box .search .input-icon input:active {
  background: #4285f4 !important;
  color: #fff !important;
  border: none !important;
  outline: none !important;
  }
.cat-search-box .search .input-icon input::placeholder {color: #fff;font-size: 1.2rem;}
.cart {
  background: #e94335;
    padding: 3px 6px;
    height: 50px;
    width: 130px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-left: 10px;
  }
.service_block .cart{
    background: #e94335;
  padding: 6px 6px;
  height: 35px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  float: left;
  font-weight: bold;
  width: auto;
  margin-left: 0px;
  margin-bottom: 10px;
  }
.cart a {display: block;}
.cart a i {
  text-decoration: none;
  color: #fff;
  font-size: 40px;
  display: inline-block;
  margin-right: 6px;
  float: left;
  }
.cart-items {
  text-align: center;
  font-size: 1.4rem;
  color: #fff;
  overflow: hidden;
  display: inline-block;
  }
.search-auto-suggestion {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.2);
  margin-top: -5px;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  z-index: 100 !important;
  }
  .search-auto-suggestion-new {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    margin-top: -2px;
    width: 92%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    z-index: 100 !important;
}
  .search-pb{position: relative;}
.search .search-auto-suggestion{width: 100%;}
.near-technician-search-big .pos-relative{position: relative;}
.search-auto-suggestion a {
  display: block;
  padding: 15px 10px;
  font-size: 1.4rem;
  color: #000;
  border-bottom: 1px solid rgba(5,98,253,0.1);
  transition: all 0.3s;
  position: relative;
  }
.search-auto-suggestion a:hover, .search-auto-suggestion a:focus {
  text-decoration: none;
  background: #dde9fd;
  transition: all 0.3s;
  }
.search-auto-suggestion a div:first-child {
  color: #000;
  font-size: 16px; 
  padding-left: 10px;
  }
.search-auto-suggestion a div:first-child i{
  padding-right: 8px;
  margin-left: -7px;
  float: left;
  }
.search-auto-suggestion a:hover div:first-child, .search-auto-suggestion a:focus div:first-child{
  background: #dde9fd;
  transition: all 0.3s;
  }
.search-auto-suggestion .label {
  font-size: 16px;
  color: #000;
  text-decoration: none;
  font-weight: normal;
  padding: 0;
  display: block;
  text-align: left;
  white-space: inherit;
  }
.online-counter {
  background: #2a2a2a;
  font-size: 1.4rem;
  color: #ffffff;
  padding: 10px;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  margin-left: 0;
  top: -11px;
  text-align: center;
  }
.online-counter-before {
  background: #2a2a2a;
  font-size: 1.4rem;
  color: #ffffff;
  padding: 10px;
  display: inline-block;
  float: right;
  }
/*======close-new-request-dashboard======*/
.top-section h3 {color: #e94335;font-size: 24px;margin: 0 0 15px 0;}
.back-to-main a {font-size: 20px;color: #4285f4;text-decoration: none;}
.back-to-main a:hover {color: #2a2a2a;text-decoration: none;}
.back-to-main span {font-size: 16px;position: relative;top: -2px;margin: 0 7px;color: #000;}
.service-list-new .selected-item {
    display: inline-block;
    padding: 10px 10px 10px 10px;
    background-color: #e94335;
    color: #fff;
    text-transform: capitalize;
    margin: 0px 10px;
    position: relative;
    top: 25px;
    z-index: 9;
    left: 20px;
    font-size: 28px;
  }
.service-list-new .selected-item a{
  position: absolute;
  left: 10px;
  width: 35px;
  height: 96%;
  top: 1px;
  left: 1px;
  background: #fff;
  margin-right: ;
  padding: 8px;
  }
.service-list-new .selected-item i {margin-right: 5px;}
.service-list-new .scrolled-item {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
  padding: 35px 15px;
  }
.ragi-cate-list ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
  }
.ragi-cate-list li.one-line-category {
  box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
  padding: 0;
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: normal;
  }
.ragi-cate-list li.one-line-category a {
  width: 100%;
  text-decoration: none;
  padding: 10px;
  display: inline-block;
  line-height: normal;
  float: left;
  }
.ragi-cate-list .one-line-category a .label{margin-bottom: 0px;}
.service-list-new .one-line-category .check-right{margin-top: 6px !important;}
.one-line-category {
  box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
  padding: 0;
  background-color: #fff;
  overflow: hidden;
  }
.scrolled-item .col-lg-6.col-lg-offset-3.col-md-6.col-md-offset-3.one-line-category {margin-bottom: 20px !important;}
.one-line-category .label {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: left;
  display: block;
  float: left;
  line-height: 30px;
  text-transform: capitalize;
  } 
.one-line-category a {text-decoration: none;padding: 15px 10px 10px 10px;display: block;}
.one-line-category .service-image {float: left;min-height: inherit !important;} 
.one-line-category .arrow-down {
  float: right;
  font-size: 1.4rem;
  padding-top: 0;
  padding-right: 5px;
  position: absolute;
  top: 0;
  right: 7px;
  width: 40px;
  height: 56px;
  cursor: pointer;
  }
.one-line-category .arrow-down i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  transform: translate( -50%,-50% );
  width: 30px;
  height: 30px;
  border: 2px solid #ccc;
  text-align: center;
  line-height: 27px;
  color: #ccc;    
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;    
  }
.one-line-category .service-image i {font-size: 30px;margin-bottom: 0;}
.one-line-category .description-textarea {padding: 10px 15px 5px 15px;}
ul.listing-action li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  background: #e8e8e8;
  padding: 10px 15px 19px;
  font-size: 1.8rem;
  color: #2a2a2a;
  }
ul.listing-action li i {
  color: #34aa54;
  font-size: 36px;
  position: relative;
  top: 6px;
  padding-right: 7px;
  }
ul.listing-action li .trash-btn {
  float: right;
  border: none;
    display: inline;
    margin-top: 5px;
    cursor: pointer;
    top: 0px !important;
  }
ul.listing-action li .trash-btn i {font-size: 20px;color: #e94335;}
/*========questions-answers========*/
.questions-answers {padding: 0px;}
.questions-answers [type="checkbox"]+label {font-size: 1.4rem;}
#cboxLoadedContent .questions-answers .question {
  font-size: 38px;
  padding-bottom: 0px;
  position: relative;
  line-height: 29px;
  margin-bottom: 30px;
  text-align: left;
  padding-left: 105px;
  }
#cboxLoadedContent .position-sticky-div {bottom: 0;padding: 10px !important;background: #FFF;}
.questions-answers .question {
  background: #f4f4f4;
  padding: 35px 0;
  position: relative;
  text-align: center;
  font-size: 30px;
  color: #000;
  line-height: 28px;
  }
.questions-answers .question strong {display: none;}
.question-help-icon {
  padding: 10px 20px 0;
  text-align: right;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.4rem;
  color: #f1362f;
  }
.question-tooltip {
  margin: 20px;
  padding: 20px;
  font-size: 16px;
  position: relative;
  border: 1px solid #ddd;
  }
.question-tooltip .top-close-btn{
  position: absolute;
  border-radius: 0px;
  border: none;
  color: #e94335;
  top: 0;
  padding: 7px;
  right: 0px;
  font-size: 16px;
  z-index: 111;
  }
.questions-answers .radio-wrap, .questions-answers .ckbox {padding: 0px 0px 4px;}
#cboxWrapper .questions-answers .radio-wrap, #cboxWrapper .questions-answers .ckbox {border-bottom: none;}
#cboxWrapper .questions-answers .ckbox {padding: 10px 20px 4px;}
.questions-answers .radio-wrap input {margin-right: 10px;}
#cboxWrapper .questions-answers .radio-wrap label {
  color: #181818;
  font-size: 1.7rem;
  padding-left: 20px;
  font-weight: normal;
  }
#cboxWrapper .questions-answers #getNearestSearch_input_section input{
  font-weight: normal;
    padding: 30px 10px;
    color: #000 !important;
    margin-bottom: 10px;
  }
.questions-answers .radio-wrap label:before {top: 50%;left: 20px;}
.questions-answers .radio-wrap input[type=radio]:checked + label::after {
  top: 50%;
  left: 24px;
  }
#cboxContent .chosen-container{padding: 0px 10px;}
#cboxContent .chosen-container a.chosen-single{
  border: none !important;
    outline: none !important;
    height: auto !important;
    position: relative;
    margin: 5px 0px;
  padding: 0px;
    background: none !important;
  }
#cboxContent .chosen-container a.chosen-single span{
  display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }
#cboxContent .chosen-container-active a.chosen-single span{padding: 6px 12px;margin: 0px;}
#cboxContent .chosen-container a.chosen-single div{
  background: url(../images/select-dropdown.png) no-repeat center right!important;
  width: 30px;
  right: 10px;
  position: absolute;
  top: 0px;
  right: 10px;
  }
#cboxContent .chosen-container.chosen-with-drop .chosen-drop{
  width: 97%;
  left: 10px;
  border: none !important;
  position: absolute;
  }
#cboxContent .chosen-container ul.chosen-results{max-height: 150px !important;}
#cboxContent .chosen-container ul.chosen-results li{
    font-weight: normal;
    letter-spacing: normal;
    font-size: 13px;
    }
#cboxContent .chosen-container ul.chosen-results li.highlighted{
    background: #888888 !important;
    }
#cboxContent .chosen-container-single .chosen-search input[type=text] {
    padding: 8px 20px 8px 5px;
    } 
h4.title {
  color: #2a2a2a;
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 0;
  } 
.step-3, .step-4, .step-5, .step-6, .step-7 {
  padding: 20px;
  }
.step-3 textarea, .step-4 textarea, .dashboard-service-textarea textarea, .imageGalModel-desc textarea, #temp_job_site_message, #driver_start_rating textarea, .driver-start-rating-edit textarea{
  background: #e8e8e8;
  border: none !important;
  outline: none !important;
  width: 100%;
  padding: 10px;
  color: #333 !important;
  height: calc(100vh - 400px);
  font-size:1.8rem !important;
  }
.step-3 textarea:hover, .step-3 textarea:focus, .step-3 textarea:active, .step-4 textarea:hover, .step-4 textarea:focus, .step-4 textarea:active {
  border: none;
  outline: none;
  }
.step-3 textarea::placeholder, .step-4 textarea::placeholder {
  font-style: italic;
  color: #7b7b7b;
  }
.step-5 .document-gallery ul li.ut-add-btn {
  position: relative;
  cursor: pointer;
  }
.step-5 .document-gallery ul li .image-edit {
  height: 100%;
  }
.step-5 .document-gallery ul li.ut-add-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 24px;
  color: #acacac;
  background: none;
  padding: 0px;
  border-radius: 0px;
  margin: -15px 0 0 -15px;
  }
.step-5 .document-gallery ul li {
  display: inline-block;
  width: 105px;
  height: 105px;
  background: #e8e8e8;
  border: 1px solid #ccc;
  margin: 5px;
  float: left;
  }
.step-5 .document-gallery ul li i {
  font-size: 10px;
  position: absolute;
  right: -8px;
  top: -8px;
  color: #fff;
  cursor: pointer;
  background: #4285f4;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  }
.step-5 .document-gallery ul.listing-new{
  padding-left: 0;
    list-style: none;
    float: left;
    width: 100%;
    height: calc(100vh - 310px);
  }
.fake-hidden {
  overflow: hidden;
  height: 103px;
  }
.upload-edit-text {
  position: relative;
  }
.edit-text {
  position: absolute;
  right: -5px;
  width: 30px;
  height: 30px;
  text-align: center;
  background: red;
  line-height: 30px;
  color: #FFF;
  top: -10px;
  }
.edit-text:hover {
  background: #4285f4;
  }
.upload-image-comment {
  padding: 20px;
  background: #F4f4f4;
  }
.step-6 .address-div input:hover, .step-6 .address-div input:focus {
  outline: none;
  border: none !important;
  border-bottom: 1px solid #34a853 !important;
  }
.step-6 .address-div input::placeholder {
 font-style: italic;
 color: #7b7b7b;
  }
.dashbord-route-map{padding: 0px;}
.dashbord-route-map #customer_terms_and_conditions{
  max-height: calc(100vh - 350px);
  overflow: auto !important;
  }
.dashbord-route-map .content-wrap{
  margin-bottom: 0px;
  }
.dashbord-route-map .terms-conditions {
  text-align: center;
  }
#reschedule_later i.fa-clock-o{
  font-size: 26px;
  }
.dashbord-route-map .terms-conditions label {
  white-space: nowrap;
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 600;
  }
.reschedule-input .form-control.form_datetimepicker.scroller {
  padding: 19px 13px;
  font-size: 14px !important;
  }
.reschedule-input .input-icon.right > i {
  top: 2px;
  }
.reschedule-input .input-icon.right > i.fa.fa-calendar{
 right: 8px;
  }
.reschedule_later_section{
  margin-top: 25px;
  padding: 10px;
  position: relative;
  background: #f9f9f8;
  }
.reschedule_later_section p{
  color: #2a2a2a;
 font-size: 16px;
 font-weight: 600;
 margin-top: 10px;
  }
.reschedule_later_section .close-btn{
  position: absolute;
  background: #fff;
  border-radius: 0px;
  border: none;
  color: #e94335;
  top: 0;
  padding: 5px 7px 5px 7px;
  right: 0px;
  font-size: 16px;
  z-index: 111;
  }
.reschedule_later_section .close-btn:hover{
  background: #4285f4;
  color: #FFF;
  }
.question-first {
  background: #f4f4f4;
  text-align: center;
  border-bottom: 1px solid #e2e8f1;
  margin-bottom: 15px;
 padding: 0 25px;
  }
.question-first h2 {
  font-size: 40px;
  color: #000;
  margin: 0;
  padding: 45px 0 15px 0;
  }
.question-first ul {
  margin-bottom: 35px;
  }
.question-first ul li {
  font-size: 32px;
  color: #4182ef;
  line-height: 32px;
  font-weight: 600;
  padding-bottom: 15px;
  }
.question-first-sub-head {
  text-align: center;
  font-size: 40px;
  line-height: 48px !important;
  color: #181818;
  padding: 20px 0 30px;
  line-height: 28px;
  }
.terms-conditions .three-btn-section a{
  min-width: 130px;
 font-size: 16px;
 font-weight: 500;
  }
#service_qestions_section .radio-wrap label{
  font-size: 1.7rem;
  }
/*========Close-questions-answers========*/
/*======== All Customer Side Popup Start ========*/
.request-popup{position: relative;}
.request-profile {
  background: #f4f4f4;
  position: relative;
  }
.request-profile .cust-name{
  line-height: 18px;
  position: relative;
  top: 0;
  transform: translate(0, 0);
  margin-top: 0px;
  float: right;
  width: 100%;
  }
.request-profile .counter-with-img img {
 top: 50%;
 transform: translate(0, -60%);
 height: 90px;
 width: 90px;
 border-radius: 50%;
 }
.request-profile .cust-name {
 font-size: 1.8em;
 text-transform: capitalize;
 font-weight: 600;
 text-align: left;
 color: #000;
 }
.request-profile .cust-name .company-name a{
  color: #505050;
 margin-top: 5px;
 font-size: 1.4rem;
 display: block;
  }
.request-profile .add {
  color: #000;
  font-size: 1.3em;
  font-weight: normal;
  line-height: 18px;
  display: -webkit-box;
  text-overflow: ellipsis;
  width: 100%;
  max-height: 38px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  float: left;
  cursor: pointer;
  margin: 5px 0px;
 }
.request-profile .job-id{
 font-weight: bold;
 color: #4285f4;
 font-size: 1.2em;
  float: left;
 }
.request-customer-detail .date-time{
 color: #000;
 font-weight: normal;
 font-size:1.2em;
 }
.request-customer-detail .border-top {
  border-top: 1px solid #dcdcdc;
  padding: 10px 0px;
  background: #fff;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 10px;
 }
.request-cancelled-popup .eta-option-wrap {
  background: #FFF;
  }
.doc-info i {
  font-size: 1.4rem;
  margin-right: 15px;
  color: #34a753;
  margin-top: 7px;
  display: inline-block;
  }
.top-box .customer-name {
  font-size: .85em;
  text-transform: capitalize;
  font-weight: 600;
  text-align: left;
  color: #4285f4;
 cursor: pointer;
  margin: 0px 0px;
  }
.top-box .customer-name a{
  color: #000;
  }
.top-box .border-top {
  padding: 10px 20px;
  }
.top-box .counter-with-img .driver-address{
  color: #000;
  font-size: .7em;
  font-weight: normal;
  line-height: 18px;
  display: -webkit-box;
  text-overflow: ellipsis;
  width: 100%;
  height: 38px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  float: left;
  cursor: pointer;
  margin: 5px 0px;
  }
.top-box .counter-with-img .datetime{
  color: #000;
 font-weight: normal;
 font-size: .6em;
  }
.top-box .counter-with-img .jobid{
  font-size: .7em;
  float: left;
  color: #4285f4;
  }
.left-section .request-reschedule {
  text-align: center;
 padding: 10px;
  }
.left-section .request-reschedule .home-icon{
  margin: 20px 0px;
  }
.left-section .request-reschedule .home-icon span{
  background: #ffffff;
  color: #000;
  padding: 5px;
  box-shadow: 0px 0px 7px #c7c7c7;
  display: inline-block;
  margin: 10px;
  font-size: 3.5em;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  }
.left-section .reschedule-date{
  text-align: center;
  margin: 10px 0px;
  }
  .left-section .reschedule-date span:last-child {
    font-size: 1em;
    color: #555;
}
.left-section .reschedule-date span{
  width: 100%;
  float: left;
  margin: 5px;
  font-size: 1.4em;
  color: #000;
  }
.left-section .request-reschedule .reschedule-comment{
  text-align: left;
  margin-bottom: 20px;
  font-size: 1em;
  float: left;
  width: 100%;
  }
.left-section .request-reschedule .reschedule-comment label{
  font-size: 1.3em;
 color: #000;
 font-weight: 500;
  }
.left-section .request-reschedule .comment-txt{
  line-height: initial;
  font-weight: normal;
  }
.left-section #map.map-left-full {
  position: inherit !important;
  min-height: calc(100vh - 160px) !important;
  width: 100%;
  background: #FFF;
  padding: 0;
  border-right: 1px solid #ddd;
  }
.request-popup .border-top {
  margin-bottom: 0px;
  }
/*=========Notification-carousel=========*/
.noti-carousel.map-tracking{
  background: #fff;
  border-bottom: 1px solid #000;
  padding: 10px 0px 3px 0px;  
  }
.noti-carousel.map-tracking .item{
  color: #000;
  }
.noti-carousel{
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 5px 0px;
  }
.noti-carousel .item {
  text-align: center;
  color: #000;
  }
.noti-carousel .item i{
  font-size: 2.3em;
  }
.noti-carousel .item label{
  font-size: 1.2em;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  }
/*=========Close-Notification-carousel=========*/
/*=========Custom-sweet-alrt=========*/
.custom-swal{border-radius: 0px !important;overflow: visible !important;}
.custom-swal button{border-radius: 0px !important;}
.custom-swal p{color: #000 !important;font-weight: 500 !important;} 
.custom-swal .sa-icon.sa-success{margin-top: -61px !important;}
.custom-swal .sa-icon.sa-success .sa-placeholder{border: 4px solid rgb(255, 255, 255) !important;background: #39b54a !important;/*margin-top: -80px !important;*/}
.custom-swal .sa-icon.sa-success::before, .custom-swal .sa-icon.sa-success::after{background: transparent !important;}
.custom-swal .sa-icon.sa-success .sa-line{background-color: #fff !important;z-index: 99 !important;}
.custom-swal .sa-icon.sa-success .sa-fix{top: 15px !important;}
.custom-swal h2{color: #000 !important; margin-top: 0px !important;}
.custom-swal p input, .custom-swal p select, .custom-swal p textarea{border:1px solid #dfdede !important;}
.custom-swal p input::placeholder, .custom-swal p textarea::placeholder{color:#dfdede !important; text-transform: capitalize;}
.custom-swal p .amount{font-size: 60px !important; color: #00bc17 !important;font-weight: bold;}
.custom-swal p .description span:nth-child(1){font-weight: 600 !important;text-align: center !important;}
.custom-swal p .description span{float: left !important; width: 100% !important;text-align: left !important;}
.custom-swal fieldset .sa-input-error{display: none !important;}
.custom-swal fieldset .sa-error-container.show{background-color: #e94335 !important;} 
.custom-swal fieldset .sa-error-container.show p{color:#ecb6b1 !important;font-weight: 500 !important;line-height: 24px !important;}  
/*=========Custom-sweet-alrt=========*/
#customerModel .icon-after-picked ul {
  margin-left: 0px;
  }
.request-cancelled-popup {
  background: #f4f4f4;
  float: left;
  width: 100%;
  height: 670px;
  }
.request-profile .eta-options li {
  width: 100%;
  }
.request-pick-popup.request-profile .eta-options li {
  width: 33.33%;  
  }
.request-cancelled-popup .request-cancelled-text {
  padding: 0 30px;
  }
.request-cancelled-popup .request-cancelled-text h5 {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: left;
 color: #e94335
  }
.request-cancelled-popup .request-cancelled-text h5.text-center{
  text-align: center !important;
  }
.request-cancelled-popup .request-customer-detail .eta-options.bordered {
  padding: 15px 0px;
 margin: 0px;
 width: 100%;
  }
.popup-with-map .request-cancelled-popup .request-customer-detail .eta-options.bordered {
  padding: 15px 0px;
  margin: 0px;
  }
#addressModel .radio-wrap input[type=radio] {
  opacity: 0;
  position: absolute;
  }
#addressModel .modal-body .radio-wrap {
  border-bottom: 1px solid #d3d3d3;
  background: #f6f6f6;
  padding: 10px 20px;
  margin-bottom: 0;
  font-size: 14px;
  background: #FFF;
  }
#addressModel .modal-body .radio-wrap:last-child {
  margin-bottom: 0;
  }
#addressModel .modal-body .radio-wrap label {
  margin: 0;
  color: #a1a1a1;
  padding-left: 35px;
  }
#addressModel .modal-body .radio-wrap .address-title {
  font-size: 1.4rem;
  font-weight: 500;
  color: #4285f4;
  margin-bottom: 0;
  }
#addressModel .modal-body .radio-wrap input[type=radio]:checked + label::after {
  top: 50%;
  left: 24px;
  }
#addressModel .modal-body .radio-wrap label:before {
  left: 20px;
  }
.request-pick-popup .counter-with-img {
  width: 120px;
  margin: 25px auto 0;
  }
.request-pick-popup .counter-with-img img {
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -45px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  }
.request-pick-popup .eta-options-new {
  padding: 0 30px;
  margin-top: -75px;
  position: relative;
  bottom: 0px;
  }
#customerModel .doc-details .top-box {}
.request-pick-popup .top-box {
  background: #f4f4f4;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 75px;
  }
.request-pick-popup .eta-option-wrap {
  background: #FFF;
  }
.request-pick-popup #counterText h3{
  color: #e94335;
  }
.request-pick-popup #counterText h5 {
  color: #000;
  font-size: 1.4rem;
  line-height: 24px;
  }
.request-pick-popup .eta-options.bordered {
  padding: 0;
  }
.request-pick-popup .counter-text {
  padding: 0 30px 30px 30px;
  }
.request-pick-popup .sit-back-img {
  margin: 30px 0 0 0;
  }
#customerModel.modal .modal-dialog .modal-content {
  margin-bottom: 0
  }
#customerModel .modal-dialog {
  overflow: hidden;
  }
#customerModel .container-flyout .content-flyout::before {
  top: -4px;
  }
#customerModel .btn.top-close-btn {
  padding: 0;
  height: 41px;
  line-height: 41px;
  width: 41px;
  text-align: center;
  }
#customerModel .modal-dialog.popup-with-map {
  width: 800px;
  }
.notes .form-group label{
  font-size: 1.2rem;
 font-weight: bold;
 color: #4a4a4a;
  }
.notes .form-group textarea{
  min-height: 150px;
  margin-bottom: 10px;
  font-size: 1.2rem !important;
  resize: none;
  }
.popup-content-right {
  position: relative;
  left: 100%;
  background: #f4f4f4;
  z-index: 100;
  }
.putting-right .popup-content-right {
  right: 100%;
  left: auto;
  }
.putting-right #map.map-left-full {
  border-right: transparent;
  border-left: 2px solid #ddd;
  color: #333;
  }
.putting-right .popup-content-right .input-group-btn .fa {
  margin: 0;
  }
.putting-right .most-populer-cat {
  margin-bottom: 0;
  background: #FFF;
  border-bottom: 1px solid #ddd;
  position: relative;
  cursor: pointer;
 transition: all 0.3s;
 display: block;
  }
.populer-cat-buttons{
  position: relative;
 float: right;
 margin-top: -40px;
  }
.populer-cat-popout, .populer-cat-view {
 border-bottom: 1px solid #ddd;
 display: inline-block;
 float: right;
 margin-top: -7px;
  }
.populer-cat-popout a{
 background: #4285f3;
 color: #fff;
 font-size: 18px;
 font-weight: 700;
 padding: 13px 10px 12px 10px;
 cursor: pointer;
 display: block;
  }
.populer-cat-view a{
  background: #34a753;
 color: #fff;
 font-size: 20px;
 font-weight: 700;
 padding: 13px 10px 12px 10px;
 cursor: pointer;
 display: block;
  }
.populer-cat-popout a:hover,
.populer-cat-view  a:hover{
  text-decoration: none;
  }
.putting-right .most-populer-cat:hover,
.putting-right .most-populer-cat.active{
 background: #e94335;
  }
.putting-right .most-populer-cat:hover h4,
.putting-right .most-populer-cat:hover:after,
.putting-right .most-populer-cat.active h4,
.putting-right .most-populer-cat.active:after{
 color: #FFF;
 transition: all 0.3s;
  }
.putting-right .most-populer-cat h4{
  color: #666;
  font-weight: 600;
  padding: 10px 10px 10px 10px;
  margin: 0;
  transition: all 0.3s;
  font-size: 24px;
  }
.putting-right .scroll-300 {
  border-bottom: 1px solid #ddd;
  }
/*======== Add project admin page start ========*/
#hero {
    width: 100%;
    height: 76vh;
    position: relative;
    background-color: #fff;
}
#hero .hero-container {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 0 15px;
}
.search-wraper{background-color: #e1e1e1; padding: 30px;width: 65%;}
  .hero-container h3{text-align: left !important; font-weight: bold;     width: 65%;}
.search-wraper .input-icon.right{width: 100%;}
.search-wraper input{    height: 100%; width: 100%;  -webkit-box-shadow: 6px 6px 5px -5px rgba(0,0,0,0.75) !important;
-moz-box-shadow: 6px 6px 5px -5px rgba(0,0,0,0.75) !important;
box-shadow: 6px 6px 5px -5px rgba(0,0,0,0.75) !important;   padding-left: 50px !important;  border: 0 !important;   padding: 15px;}
.more-field-wraper{background-color: #f1f1f1; }
.search-wraper .btn-info{border: 0; }
.more-field-wraper .row:first-child{padding-top: 30px !important;}
.more-field-wraper .row:last-child{padding-bottom: 50px !important;}
.search-wraper .web-btn-primary{-webkit-box-shadow: 6px 6px 5px -5px rgba(0,0,0,0.75) !important;
-moz-box-shadow: 6px 6px 5px -5px rgba(0,0,0,0.75) !important;
box-shadow: 6px 6px 5px -5px rgba(0,0,0,0.75) !important;}
.search-wraper i{position: absolute;
    z-index: 9;
    padding: 16px;
    font-size: 23px;}
.biling-check label{margin-left: 12px;}
.search-wraper .btn-info:focus{    background-color: #272727 !important; border: 0 !important;}
.search-auto-suggestion-new a div:nth-child(1) {
    width: 30px;
    margin-right: 10px;
    text-align: center;
    overflow: hidden;
    display: contents;
}
.search-auto-suggestion-new a {
    border-bottom: 1px solid #d0d0d042;
    display: flex;
    padding: 7px 10px;
    font-size: 1.3em;
    color: #000;
    transition: all .5s;
}
.search-auto-suggestion-new a:hover {
    background-color: #000;
    color: #fff;
    transition: all .5s;
}
.service-list-new-flow .dashboard-carousel { padding: 5px 0px !important;}
.cart-list-one ul{margin:0; padding: 0;}
.cart-list-one ul li a{    color: #000 !important;
    display: block;
    padding: 5px 15px;
    margin: 0;
    border-bottom: 1px solid #cccc;}
.cart-list-one ul li a:hover{background-color: #000; color:#fff;}
.cart-list-one ul li a:hover i{color:#fff;}
.cart-list-one a.active{background-color: #000;}
.service-list-new-flow .heading{    background-color: #e8e7e7;
    color: #000;
    font-size: 1.5em;
    padding: 5px 10px;
    line-height: 1.5;}
.search-auto-suggestion-new a i {
    font-size: 100%;
    margin-right: 10px;
}
/*======== Add project admin page End ========*/
/*======== All Customer Side Popup End ========*/
.star-ratings-sprite{
  background: url(../images/star-rating-sprite-yellow.png) repeat-x;
  font-size: 0;
  height: 16px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 90px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  top: 2px;
  }
.star-ratings-sprite-rating{
  background: url(../images/star-rating-sprite-yellow.png) repeat-x transparent;
  background-position: 0 100%;
  float: left;
  height: 16px;
  display: block;
  }
.btn.top-close-btn{
  position: fixed;
  background: #fff;
  border-radius: 0px;
  border: none;
  color: #000;
  top: 0;
  padding: 7px 10px 8px 10px;
  right: 0px;
  font-size: 16px;
  z-index: 111;
  width: 41px;
  height: 41px;
  font-weight: normal;
  }
.btn.top-close-btn:hover{
  background: #000;
  color: #FFF;
  } 
#site_image{
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 23px;
  height: 100%;
  width: 100%;
  direction: ltr;
  cursor: pointer;
  }
.job-site-modal-right{
 position: relative; 
 left: 100%; 
 background: white; 
 z-index: 100; 
 padding: 20px;
  }
.job-site-modal-left{
 position: absolute; 
 height: 100%; 
 width: 100%; 
 background: #000; 
 color: #FFF; 
 overflow: hidden; 
 padding: 10px;
  }
.pic-onmap{
  position: absolute;
  text-align: left;
  z-index: 1;
  top: 0px;
  left: 10px;
  width: 300px;
  overflow: hidden;
  }
.pic-onmap img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-top: 0px;
  border: 2px solid #FFF;
  position: relative;
  z-index: 4;
 cursor: pointer;
 object-fit: cover;
 object-position: center 0px;
  }
.pic-onmap h3{
  position: absolute;
  top: 5px;
  left: 60px;
  padding: 7px 10px 7px 5px;
  font-size: 14px;
  border-radius: 70px;
  z-index: 1;
  margin: 0;
  cursor: pointer;
  font-weight: bold;
  text-transform: capitalize;
  color: #000;
  }
.gm-style img {
 max-width: none;
 margin-right: 2px;
  }
/* Code For Profile Image file type */
span.img-pro{
  position: relative;
 display: inline-block;
 margin-bottom: -70px;
 width: 120px;
 height: 120px;
 overflow: hidden;
 border-radius: 50%;
 border: 3px solid #FFF;
  }
.img-pro img{
  width: 100%;
  height:100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
  }
.input-img-pro{
  position: relative;
 left: 34px;
 top: 50px;
  height: 35px;
  width: 35px;
  opacity: 0;
  z-index: 99;
  outline: none;
  cursor: pointer !important;
  text-indent: -99999px;
  border-radius: 50%;
  display: inline-block !important;
  }
.input-img-pro:focus, .input-img-pro:active;
.input-img-pro:hover{
  outline: none;
  }
.select-image{
  margin-left: -41px; 
  }
span.select-image:after{
  position: absolute;
  top:100px;
  margin-left: -8px;
  border-radius: 50%;
  text-align: center;
  padding-top: 11px;
  content: "\f030";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  height: 35px;
  width: 35px;
  color: #fff;
  background-color: #34aa54;
  z-index: 9;
  }
span.select-image:hover:after{
  background: #012869;
  }
.select-pro-txt{
  color: #929292;
 display: block;
 margin-top: 35px;
 text-align: center;
 font-weight: 600;
  }
.select-pro-txt .txt-danger{color:#000 !important;}
.customer-phone-email-update{color: #000;}
.customer-phone-email-update .left-right-colored-btn{display: flex; width: 100%; justify-content: center;}
.customer-phone-email-update .left-right-colored-btn a{width: auto !important; white-space: nowrap;
padding: 0px 15px;}
.customer-phone-email-update input, .service-equest input{border-top:0; border-left: 0; border-right: 0; padding: 0;}
.customer-phone-email-update input:focus, .service-equest input:focus{border-top:0 !important; border-left: 0 !important; border-right: 0 !important;}
.customer-phone-email-update .panel-heading{
  background: #000;
  color: #fff;
  }
.customer-phone-email-update .panel-title{
  font-size: 1.5em !important;
  }
.button-row{
  float: left;
  width: 100%;
  margin: 10px 0px;
  text-align: center;
  }
#full-chatting-list .members-details .name{color:#000;}
#full-chatting-list .content:hover{border-color:#000 !important;}
.connection-status{background-color: #000 !important; bottom: 87px !important;}
.sidebar-menu > li > a .counter{background-color:#fff !important; color:#000 !important;}
.sidebar-content .media > a .left-top-pro-img{border-color: # !important;}
#header .navbar-header{background-color:#fff;border-bottom: 1px solid #DDD;}
.sidebar-content .media > a .left-top-pro-img{border-color: #fff;}
.sidebar-content img.logoImgDiv{border-color: #fff !important;}
.navbar-toolbar .navbar-right .dropdown > a .count{background-color:#000;}
.media-list .media-object i.fa-bell{color:#000 !important;}
.navbar-notification .media-list i{color:#000 !important; font-size: inherit;}
.navbar-notification .media-list .btn{background-color:#000; border: 0;}
.media-list .dropdown-footer a{color:#000;}
#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {background-color: #fff;color: #000;}
.sidebar-menu ul li.active a{color: #fff;}
/* Code For Profile Image file type */
.content-wrap{display: block;margin-bottom: 60px;}
.modal-body .content-wrap{margin-bottom: 0px;}
.col-lg-6.col-lg-offset-3.col-md-6.col-md-offset-3{
  margin: 0px 10px 0px 10px !important;
  padding: 0px;
  width: calc(100% - 20px);
  }
.col-lg-6.col-lg-offset-3.col-md-6.col-md-offset-3.fullpage-serivce{
  margin: 0px !important;
    width: 100%;
  }
.text-center .cancle-reasons .ckbox{
  width: auto;
  }
/* Dashboard Chating Start */
#user-chat{
  background: #ffffff;
  position: fixed;
  right: -270px;
  bottom: 0;
  width: 270px;
  height: 100%;
  top: 56px;
  z-index: 999;
  transition: all 0.5s;
 box-shadow: none;
  }
.contact-top p{display: inherit !important;}
.hide-chat #user-chat{
  right: 0;
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
 box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
  }
.hide-chat #chat{
  right: 300px;
  }
.hide-chat .ticketchat{
  right: 300px;
  }
#user-chat main{
  position: absolute;
  width: 100%;
  padding-bottom: 90px;
  }
#user-chat .panel-title{
  background: #000;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 5px 10px 10px;
  cursor: pointer;
  }
#user-chat .chat-now-btn{background-color:#fff;  color:#000;}
#user-chat ul{
  margin: 0;
  position: sticky;
  height: calc(100vh - 130px);
  overflow-y: auto;
  width: 100%;
  }
.support-section h3{color: #000;}
#user-chat.user-chat-company ul{
  height: calc(100vh - 200px);
  }
#user-chat ul li{
  display: block;
  border-bottom: 1px solid #dddddd;
  position: relative;
  }
#user-chat ul li .badge{
  position: absolute;
  top: 13px;
 right: 10px;
  padding: 5px;
  border-radius: 2px;
  background: #ea4335;
  font-size: 10px;
  z-index: 9;
  }
#user-chat ul::-webkit-scrollbar-track{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
  }
#user-chat ul::-webkit-scrollbar{
  width: 6px;
  background-color: #F5F5F5;
  }
#user-chat ul::-webkit-scrollbar-thumb{
 background-color: #000000;
  }
.no-chat-icon{
  padding: 10px;
  text-align: center;
  width: 100%;
  color: #000;
  }
.no-chat-icon i{
  color: #000;
  font-size: 24px;
  }
.offer-available{
  font-weight: bold;
  text-align: left;
  background-color: #eee;
}  
.offer-applied{
  padding: 10px;
  text-align: center;
  width: 100%;
  color: #228C22;
  font-weight: bold;
  text-align: left;
  background-color: #eee;
  }
.offer-applied i{
  color: #228C22;
  font-weight: bold;
  font-size: 24px;
  } 
.offer-applied .offer-removed{
     float: right;
    font-size: 30px;
    margin-top: -5px;
    cursor: pointer;
 }   
.offer-applied .offer-removed i{
   color: #000;
 }    
#user-chat ul li a{
  text-decoration: none;
  transition: all 0.5s;
  }
#user-chat ul li .content{
  padding: 10px;
  position: relative;
  }
#user-chat ul li:nth-child(even) .content{
  background: #f7f7f7;
  }
#user-chat ul li:nth-child(odd) .content{
  background: #fff;
  }
#user-chat ul li a:hover{
  background: #e7e7e7;
  }
#user-chat ul li .content a.arow-btn{
  position: absolute;
 bottom: 0px;
 left: 0px;
 top: auto;
 background: #000;
 color: #fff;
 padding: 0px 3px;
 width: 20px;
 height: auto;
  border-top-right-radius: 5px;
  }
#user-chat ul li .content a.arow-btn span{
  position: relative;
 top: 2px;
 left: 0px;
  }
.user-chat-img{
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px;
  position: relative;
  }
.pick-voice-chat .chat-left-main .members-list ul li div.content .badge{
  position: absolute;
  top: 15px;
  right: 22px;
  padding: 5px;
  border-radius: 2px;
  background: #000;
  font-size: 14px;
  z-index: 9;
  width: 30px;
  text-align: center;
  padding: 8px 0;
  border-radius: 5px;
  font-weight: 600;
  }
.user-chat-img img{
  width: 100%;
 height: 100%;
 border-radius: 50%;
 object-fit: cover;
 object-position: center center;
  }
.user-chat-text{
  overflow: hidden;
  color: #323232;
  font-size: 15px;
  padding: 3px 0 0 0;
  }
.user-chat-text span{
  color: #ea4335;
 text-transform: capitalize;
 font-size: 18px;
 font-weight: 600;
  }
#user-chat ul li a .down_arrow{
  top: 15px;
 left: 5px;
 text-align: center;
 font-size: 16px;
 position: absolute;
 background: #4285f4;
 color: #fff;
 border-radius: 50%;
 width: 20px;
 height: 20px;
 line-height: 21px;
  }
#user-chat .chat-list-collapse .panel-body{
  position: relative;
 background-color: #484848 !important;
 padding: 10px;
 color: #fff;
  }
.chat-list-collapse .serc span, .chat-list-collapse .addrs span{
  display: block;
 font-weight: bold;
 font-size: 14px;
 color: #fbbc05;
  }
.arow-btn{
 position: absolute;
 left: 0px;
 bottom: 0px;
 display: inline-block;
 background: #454545;
    }
#chat{
  position: fixed;
  bottom: 38px;
  left: auto;
  right: 80px;
  height: auto;
  transition: all 0.5s;
 z-index: 999999;
  }
.ticketchat{
  position: fixed;
  bottom: 38px;
  left: auto;
  right: 80px;
  height: auto;
  transition: all 0.5s;
 z-index: 999999;
  }
#chat .user{
  border: 1px solid #d1d1d1;
  background: #fff;
  position: sticky;
  top: 100%;
  width: 300px;
  height: 100%;
  float: right;
  margin-left: 10px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
  overflow: hidden;
  }
.ticketchat .user{
  border: 1px solid #d1d1d1;
  background: #fff;
  position: sticky;
  top: 100%;
  width: 300px;
  height: 100%;
  float: right;
  margin-left: 10px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
  }
.user header{
  position: relative;
  background: #000;
  color: #FFF;
  }
.user header .status{
  position: absolute;
  top: 7px;
  left: 10px;
  font-size: 14px;
  color: #FFF;
  }
.user header .header-text{
  color: #FFF;
  font-weight: bold;
  padding: 8px 8px 0 30px;
  margin: 0px;
  font-size: 14px;
  text-shadow: 0 -1px rgba(0, 0, 0, .25);
  text-transform: capitalize;
  width: calc(100% - 100px);
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
  }
.user header .div-member{
  position: absolute;
  z-index: 1000;
  background: #2A2A2A;
  width: 100%;
  color: #FFF;
  padding: 10px;
  }
.user header .header-text small{
  font-weight: normal;
  font-size: 12px;
  }
#chat .user .head-icons{
  position: absolute;
  top: 5px;
  right: 3px;
  z-index: 1;
  }
#chat .user .head-icons ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: right;
  }
#chat .user .head-icons ul li{
  display: block;
  margin-right: 3px;
  cursor: pointer;
  transition: all .3s;
  height: 20px;
  text-align: center;
  width: 20px;
  line-height: 20px;
  float: left;
  }
#chat .user .head-icons ul li *{
  font-size: 14px;
  }
#chat .user .head-icons ul li i{
  color: #FFF;
  }
#chat .user .head-icons ul li:hover i{
  opacity: 0.5;
  color: #FFF;
  }
#chat .user .head-icons .close{
  text-shadow: none;
  opacity: 1 !important;
  float: none;
  }
#chat .user .div-member{
  width: 98%;
  position: absolute;
  top: 0px;
  padding: 5px 5px;
  background-color: #f6f6f6;
  border-bottom: 1px solid #ddd;
  z-index: 999;
  }
#chat .user .div-member input.form-control{
  margin-bottom: 2px;
  border-radius: 0;
  }
#chat .user .div-member ul.holder{
  min-height: 60px !important;
  padding: 10px;
  background-color: #fff;
  }
#chat .user .div-member div.pull-right{
  margin-top: 5px;
  }
#chat .user .div-member div.pull-right .btn-xs{
  margin-bottom: 5px;
  padding: 5px 5px;
  margin-left: 1px;
  background: #2a2a2a;
  border: 1px solid #2a2a2a;
  }
#chat .user .div-member div.pull-right .btn-xs:hover{
  background: #ea4335;
  border: 1px solid #ea4335;
  }
#chat .user .div-member ul.holder li.bit-input{
  width: 100% !important;
  min-height: 40px;
  }
#chat .user .div-member ul.holder li.bit-input input{
  width: 100% !important;
  }
#chat .user .div-member ul.holder li.bit-input input:focus, #chat .user .div-member ul.holder li.bit-input input:hover{
  outline: none !important;
  border: none !important;
  }
#chat .user .participants-list{
  position: absolute;
  top: 50px;
  padding: 0;
  background-color: #f6f6f6;
  border-bottom: 1px solid #d3d3d3;
  z-index: 999;
  width: 100%;
  max-height: 225px;
  overflow-y: auto;
  overflow-x: hidden;
  }
#chat .user .participants-list ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  }
#chat .user .participants-list ul li{
  padding: 9px 7px;
  border-bottom: 1px solid #ddd;
  color: #666;
  text-transform: capitalize;
  position: relative;
  }
#chat .user .participants-list ul li .switch{
  top: 6px;
  right: -7px;
  }
.ticketchat .user .head-icons{
  position: absolute;
  top: 10px;
  right: 3px;
  z-index: 1;
  }
.ticketchat .user .head-icons ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: right;
  }
.ticketchat .user .head-icons ul li{
  display: block;
  margin-right: 3px;
  cursor: pointer;
  transition: all .3s;
  height: 20px;
  text-align: center;
  width: 20px;
  line-height: 20px;
  float: left;
  }
.ticketchat .user .head-icons ul li *{
  font-size: 14px;
  }
.ticketchat .user .head-icons ul li i{
  color: #FFF;
  }
.ticketchat .user .head-icons ul li:hover i{
  opacity: 0.5;
  color: #FFF;
  }
.ticketchat .user .head-icons .close{
  text-shadow: none;
  opacity: 1 !important;
  float: none;
  }
.ticketchat .user .div-member{
  width: 98%;
  position: absolute;
  top: 0px;
  padding: 5px 5px;
  background-color: #f6f6f6;
  border-bottom: 1px solid #ddd;
  z-index: 999;
  }
.ticketchat .user .div-member input.form-control{
  margin-bottom: 2px;
  border-radius: 0;
  }
.ticketchat .user .div-member ul.holder{
  min-height: 60px !important;
  padding: 10px;
  background-color: #fff;
  }
.ticketchat .user .div-member div.pull-right{
  margin-top: 5px;
  }
.ticketchat .user .div-member div.pull-right .btn-xs{
  margin-bottom: 5px;
  padding: 5px 5px;
  margin-left: 1px;
  background: #2a2a2a;
  border: 1px solid #2a2a2a;
  }
.ticketchat .user .div-member div.pull-right .btn-xs:hover{
  background: #ea4335;
  border: 1px solid #ea4335;
  }
.ticketchat .user .div-member ul.holder li.bit-input{
  width: 100% !important;
  min-height: 40px;
  }
.ticketchat .user .div-member ul.holder li.bit-input input{
  width: 100% !important;
  }
.ticketchat .user .div-member ul.holder li.bit-input input:focus, .ticketchat .user .div-member ul.holder li.bit-input input:hover{
  outline: none !important;
  border: none !important;
  }
.ticketchat .user .participants-list{
  position: absolute;
  top: 50px;
  padding: 0;
  background-color: #f6f6f6;
  border-bottom: 1px solid #d3d3d3;
  z-index: 999;
  width: 100%;
  max-height: 225px;
  overflow-y: auto;
  overflow-x: hidden;
  }
.ticketchat .user .participants-list ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  }
.ticketchat .user .participants-list ul li{
  padding: 9px 7px;
  border-bottom: 1px solid #ddd;
  color: #666;
  text-transform: capitalize;
  position: relative;
  }
.ticketchat .user .participants-list ul li .switch{
  top: 6px;
  right: -7px;
  }
.message-area{
  background: #fff;
  height: 290px;
  position: relative;
  padding: 0;
  color: #333;
  margin-bottom: 67px;
  }
.navbar-toolbar .navbar-right .navbar-setting a{color:#000;}
.chatbox-wrap ul.chating{
  list-style: none;
  margin: 0;
  padding: 10px;
  width: 100%;
  height: 100%; 
  overflow: auto;
  margin-bottom: 0;
  font-size: 14px;
  position: absolute;
  bottom: 0px;
  }
.chatbox-wrap .chat-icon-panel{
  background: #f6f6f6;
  padding: 1px 10px 2px 10px;
  color: #FFF;
  }
.chatbox-wrap .chat-icon-panel .btn.btn-file{
  padding: 0;
  }
.chatbox-wrap .chat-icon-panel ul li a{
  color: #777;
  font-size: 15px;
  z-index: 1000;
  position: relative;
  top: -2px;
  margin-left: 3px;
  }
.chatbox-wrap .chat-icon-panel ul li a:hover, .chatbox-wrap .write-msg .chat-icon-panel ul li:hover .fileinput-new .btn-file {
  color: #000;
  }
.emojionearea.emojionearea-inline{
  height: 35px !important;
  }
.chatbox-wrap .write-msg{
  position: absolute;
  bottom: -67px;
  background-color: #f2f2f2;
  width: 100%;
  }
.user .input-area{
  border-top: 1px solid #d1d1d1;
  padding: 3px;
  }
.user .input-area input{
  padding: 5px;
  width: 100%;
  font-size: 12px;
  border: none;
  outline: none;
  }
.toggle-chat-btn{
  position: absolute;
  left: -40px;
  z-index: 1;
  width: 40px;
  height: 40px;
  background: #000;
  bottom: 54px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #FFF;
  text-decoration: none;
 overflow: inherit;
  }
.toggle-chat-btn:hover, 
.toggle-chat-btn:active, 
.toggle-chat-btn:focus{
  background: #333;
  color: #fff;
  text-decoration: none;
  }
.toggle-chat-btn .badge{
  position: absolute;
  top: -10px;
  left: -15px;
  padding: 0px !important;
  border-radius: 50%;
  width: 28px;
  height: 28px;
 text-align: center;
 line-height: 29px;
  }
.toggle-chat-btn .badge:empty{
  display: none;
  }
.write-msg .send-btn{
  text-align: center;
  display: inline-block;
  margin-top: 0;
  color: #dedede;
  cursor: pointer;
  border-style: none;
  width: 38px;
  height: 35px;
  line-height: 47px;
  transition: .1s ease-in-out;
  padding-right: 10px;
  background: #2a2a2a;
  padding-left: 10px;
  }
.write-msg .send-btn:hover{
  background: #ea4335;
  }
.write-msg .send-btn .fa-paper-plane{
  transform: rotate(20deg);
  transition: .1s ease-in-out;
  font-size: 1.4rem;
  position: relative;
  left: -2px;
  }
.write-msg .form-control{
  outline: none;
  width: calc(100% - 50px);
  border-radius: 0px;
  float: left;
  background: transparent;
  border: none;
  border-bottom: 1px solid;
  outline: none;
  color: #333;
  box-shadow: none !important;
  border: none !important;
  }
.emojionearea.form-control.message_emoji.emojionearea-inline:focus{
  box-shadow: none;
  border: none;
  outline: none;
}
.upload-visibility {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0.5;
 background: #000;
 z-index: 9;  
  }
.upload-visibility input[type=file] {
 position: fixed;
 width: 298px;
 height: 270px;
 margin: -27px -12px;
 border: none !important;
 opacity: 0;
 }
.upload-visibility .fileinput{
 position: fixed;
 width: 298px;
 height: 270px;
 }
.chat-discussion .upload-visibility .fileinput {
 position: inherit; 
 width: 100%;
 height: 100%;
  }
.chat-discussion .fileinput-new .btn-file{
 width: 100%;
 height: 100%;
  }
.chat-discussion .upload-visibility input[type=file] {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 border: none !important;
 opacity: 0;
 left: 0;
 top: 0;
  }
.upload-visibility .message{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  white-space: nowrap;
  text-align: center;
 }
.upload-holder {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100%;
 transform: translate(-50%, -50%);
 z-index: 2;
 padding: 5px;
 text-align: center;
 }
/* Dashboard Chating Start */
/* job-details-popup */
.job-details-popup{
  position: relative;
  top: 80px;
  } 
.job-details-popup .pro-details{background: #e8e8e8;position: relative;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;}
.job-details-popup .pro-details .pro-profile-pic{
  position: absolute;
 z-index: 9;
 top: 13px;
 left: -26px;
 width: 70px;
 border-radius: 50%;
 height: 70px;
 overflow: hidden;
 transform: translate(-50%, 0);
 border: 1px solid #000;
  }
.job-details-popup .content-box.pro-details{
 font-weight: normal;
 font-size: 14px;
 margin: 0 0 -1px 0;
 background: none;
 float: left;
 width: 100%;
 text-align: left;
 margin-bottom: 10px;
 padding-left: 20px;
  }
.job-details-popup .content-box.pro-details .pro-icons{
  width: 100%;
  }
.job-details-popup .content-box.pro-details .pro-icons a i{
  color:#34a753
  }
.job-details-popup .col-xs-12.no-padding{
  background: #f5f5f5;
 padding: 20px 20px 0px 20px !important;
  }
.job-details-popup .pro-profile-pic img{
  height: 100%; position: absolute;
  transform: translate(-50%, -50%);top: 50%;left: 50%;
  }
.job-details-popup .pro-details .pro-name{color: #000;font-size: 1.4rem;margin: 5px 0px 0px 22px; float: left;width: calc(100% - 120px);}
.job-details-popup .pro-details .pro-name a{color: #000;}
.job-details-popup .pro-details .pro-name a:hover{color: #444444;}
.job-details-popup .pro-review{display: inline-block;width: calc(100% - 120px);}
.job-details-popup .pro-review .fa-star{color:#ccc;}
.job-details-popup .pro-review .fa-star.checked {color: orange !important;}
.job-details-popup .pro-icons{display: inline-block;margin:5px 0px;}
.job-details-popup .pro-icons a i{font-size: 20px; position: relative !important;transform: translate(0%) !important;left: 0;background: none !important;margin-right: 10px;}
/* end-job-details-popup */
.cp-wraper .panel .panel-heading .panel-title{padding: 0 !important;}
.company-profile .profile-pic{
  background: #fff;
  border: 3px solid #FFF;
  float: none;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  padding: 0;
  width: 109px;
  height: 109px;
  overflow: hidden;
  }
.company-profile .star-ratings-sprite-rating{
  background: url(../images/star-rating-sprite-yellow.png) repeat-x #FFF;
  background-position: 0 100%;
  }
.company-profile .profile-box .profile-pic img{
  width: 100%;
 height: 100%;
 border-radius: 50%;
 object-fit: cover;
 object-position: center center;
  }
.company-profile .profile-box .content-box i{
  background: transparent;
  color: #000;
  }
    .charge-cart .close{background-color: white; opacity: 10;
    padding: 15px 20px; position: absolute; right: 0; top: 2px;
    font-size: 26px;}
  .charge-cart .modal-header{background-color: #000; color: #fff !important; text-align: center;}
  .proposal-section p{margin-bottom: 5px;}
  .proposal-section .prop-right{padding-right: 0 !important;}
  .proposal-section .prop-right span{font-size: 32px; font-weight: bold;
    display: inline-block; margin-bottom: 15px;}
  .proposal-section .row{margin-top:8px;}
    .proposal-section .col-md-6 a:hover{text-decoration: none !important;}
.charge-cart .btn-primary{background-color: #000; margin: 0 3px; font-size: 22px !important; font-weight: 600 ; border: 1px solid #000; color: #fff !important; text-decoration: none !important;}
.charge-cart .btn-primary:hover{background-color: #fff; border: 1px solid #000; color:#000 !important;  }
.charge-cart .btn-primary:focus{background-color: #fff; border: 1px solid #000; color:#000 !important;  }
.charge-cart .cart-btn-wraper{display: flex; margin-top:15px; justify-content: center;}
.cart-amount{border-bottom: 2px solid #000; border-left: 0; border-right: 0; border-top: 0;}
.charge-cart .modal-body{padding-top: 0;}
.charge-cart .form__group {
  position: relative;
  padding: 15px 0 0;
  width: 100%;
      margin-top: 35px;
}
.bootstrap-tagsinput input {
     min-width: auto !important; 
     width: inherit !important;
         overflow: visible !important;
 }
.charge-cart .form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #9b9b9b;
  outline: 0;
  font-size: 30px;
  font-weight: bold;
  color: #000;
  padding: 7px 25px;
  background: transparent;
  transition: border-color 0.2s;
}
.cj-box h3{color:#000;}
.cj-box{display: inline-block; width: 100%; background-color: #fff;}
.cj-box .cj-add h3{font-size: 22px; font-weight: bold; color:#000; margin-top:0;}
.cj-box .cj-add p{font-size: 18px; color: #000;}
.cj-header .popup-pro-pic{width: 80px; height: 80px;}
.cj-head-right{position: absolute; right: 20px;     margin-top: 10px;    text-align: right;}
.cj-head-right span{color:#000; font-size: 20px; font-weight: 600;}
.cj-head-right span label{color:#0290f3;}
.cj-head-right a{display: block; font-size: 20px;     margin-top: 10px; font-weight:600; color:#000;}
.cj-head-right p{font-weight: 600; font-size: 20px;}
.cj-header{display: flex; padding: 15px;}
.cj-add {padding: 15px;}
.cj-header .cust-name{font-size: 28px; margin-top:5px; color:#000; font-weight: bold;}
.cj-header .phone-cal{color:#000;  font-size: 20px; font-weight: 600;}
.cj-tab-head .div-table-col{font-weight: 600;}
.cj-scop-work textarea{width: 100%; height: 85px;}
.text-green{color:#01980c !important;}
.br-0{border-right: 0 !important;}
.bg-transparent{background-color: transparent !important;}
.cj-charges-btns .fa-gift{background-color: transparent !important; color:#000 !important; font-size: 28px;}
.cj-charges-btns .div-table-row{border-bottom: 0;}
.cj-charges-btns i{background-color: #000 !important; color:#fff !important; border-radius: 50% !important;     padding: 5px 7px !important;}
.cj-charges-btns .div-table-col:last-child{width: auto;}
.cj-charges-btns a{color: #000;}
p{margin-top: 8px;}
.charge-cart .fa-usd{color:#000 !important; font-size: 30px !important;
left: 0 !important; top: 30px !important; position: absolute;}
.charge-cart .form__field::placeholder {
  color: transparent;
}
.charge-cart .form_field i{color:#000; font-size: 23px; }
.charge-cart .form__field:placeholder-shown ~ .form__label {
      font-size: 22px;
  cursor: text;
}
.charge-cart .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #9b9b9b;
}
.charge-cart .form__field:focus {
  padding-bottom: 6px;
  font-weight: 700;
      border-bottom: 2px solid #000 !important;
      border-left: 0 !important; border-right: 0 !important; border-top: 0 !important;
}
.charge-cart .form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #000;
  font-weight: 700;
}
/* reset input */
.charge-cart .form__field:required, .form__field:invalid {
  box-shadow: none;
}
.company-profile .profile-box{
  text-align: center;
  }
.company-profile .cust-name{
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
  } 
.company-profile .cust-name .star-ratings-sprite{
  top: 0px;
  margin-right: 3px;
  }
.company-profile .cust-desc{
  line-height: 30px;
  margin: 0 auto;
  }
.company-profile .cust-desc span{
  margin: 10px 2px 10px;
  font-size: 16px;
  display: inline-block;
  }
.company-profile .cust-desc .devider{
  margin: 0 5px;
  }
.company-profile .active{
  color: #41c500;
  }
.company-profile .box-title{
  font-size: 1.4rem;
  text-align: left;
  font-weight: 700;
  margin-bottom: 10px;
  color: #e94335;
  margin-top: 15px;
  }
.company-profile .content-box.doc-details label {
  color: #2a2a2a !important;
  }
.company-profile .service-list-new{
  background-color: rgb(255, 255, 255);
  box-shadow: inset rgba(0, 0, 0, 0.1) 0px 0px 30px;
  display: inline-block;
  margin: 15px 0px;
  width: 100%;
  padding:10px;
  border: 1px solid #ddd;
  border-top:0;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 390px;
  }
.company-profile .fullpage-serivce  .panel{
  margin-bottom: 0px;
  }
.company-profile .fullpage-serivce .service-list-new, 
.company-profile .fullpage-serivce .approve-servces{
  height: calc(100vh - 292px);
  }
.content-box.doc-details [class^="col-xs"] {
  margin-bottom: 15px;
  }
.doc-details .col-xs-12.no-padding {
  border-bottom: 1px solid #ddd;
  background: #f5f5f5;
  }
.doc-details .col-xs-12.no-padding:last-child {
  border-bottom:none;
  }
.certificate ul {
  padding: 0;
  list-style-type: none;
  }
.certificate ul li {}
.certificate ul li img {
  max-width: 100%;
  }
.doc-details .review {
  background: #ccc;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  }
.doc-details .review .count {
  color: #fe0000;
  font-weight: 600;
  }
.doc-details .star {
  white-space: nowrap;
  color: #fe0000;
  font-size: 16px;
  padding-top: 8px;
  }
#customerModel .company-profile .profile-pic, #driverModel .company-profile .profile-pic {
  margin: 0;
  }
#customerModel .company-profile .profile-box, #driverModel .company-profile .profile-box {
  padding: 0;
  text-align: left;
  }
#customerModel .doc-details .col-xs-12.no-padding, #driverModel .doc-details .col-xs-12.no-padding {
  border-bottom: 1px solid #ddd;
  background: transparent;
  padding: 0 !important;
  }
body.page-footer-fixed #page-content .footer-content {}
.input-error-msg {
      color: red;
    margin-top: 4px;
    font-size: 16px;
    line-height: 20px;
    font-size: 14px;
}
.cus-input-error-msg {
      color: red;
    margin-top: 4px;
    font-size: 16px;
    line-height: 20px;
    font-size: 14px;
  }
body.page-sidebar-minimize #sidebar-left .sidebar-menu > li:hover > a > .text{
  width: 105px;
  }
body.page-sidebar-minimize #sidebar-left .sidebar-menu > li > a > .icon{
  min-width: 65px;
 margin-left: 6px;
 margin-right: 5px;
}
.sidebar-menu > li > a span.text {
  font-size: 14px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 color: #636E7B;
 width: 145px;
 float: left;
 margin:5px 0px 0px 5px;
  }
.sidebar-menu > li > .chat-link{    
  position: absolute;
  display: inline-block;
  top: 15px;
  right: 6px;
  cursor: pointer;
  z-index: 9999;
  }
.service-list-new-breadcrum{margin-bottom: 10px;}
.service-list-new-breadcrum.dash-service-details .icofont.icofont-long-arrow-right {
  width: 20px;
  position: relative;
  background: #333;
  height: 4px;
  display: inline-block;
  top: -3px;
  margin: 0 10px;
  }
.service-list-new-breadcrum.dash-service-details .icofont.icofont-long-arrow-right:before {
  content: "";
  }
.sidebar-circle .sidebar-menu > li > a > .icon i {
  border-radius: 50%;
  font-size: 14px;
  }
.new-location-icon {
  position: absolute;
    text-align: center;
  width: 70px;
  height: 70px;
  background: #333;
  line-height: 70px;
  color: #FFF;
  left: 20px;
  border-radius: 50%;
    bottom: -18px;
  font-size: 36px;
  }
.new-location-address {
  padding-left: 30px;
  background: #efefef;
  position: relative;
    height: 140px;
    overflow-y: auto;
  }
.new-location-address .radio-wrap:after {
  position: absolute;
  content: "";
  left: -40px;
  width: 70px;
  height: 1px;
  background: #FFF;
  bottom: -1px;
  }
.questions-answers .new-location-address .radio-wrap {
  background: #efefef;
  border-bottom: 1px solid #FFF;
  }
.questions-answers .new-location-address .radio-wrap .address-title {
  font-size: 1.7rem;
  margin: 0;
  }
#cboxWrapper .questions-answers .radio-wrap label{
  color: #060606;
    font-size: 1.7rem;
    padding-left: 2rem;
    line-height: normal;
  }
.questions-answers .new-location-address .radio-wrap input {
  position: absolute;
  }
.questions-answers .new-location-address .radio-wrap label {
  padding-left: 28px;
  }
#snackbar {
  visibility: hidden;
  margin-left: 0;
  text-align: center;
  position: fixed;
  z-index: 999;
  left: 0;
  bottom: -100px;
    width: 100%;
    padding-left: 220px;
    transition: all 0.3s;
  }
#snackbar span {
    min-width: 250px;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 16px;    
    font-size: 17px;
    transition: all 0.3s;
    display: inline-block;
  }
#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
    bottom: 100px;
  }
 @-webkit-keyframes fadein {
 from {
bottom: 0;
opacity: 0;
}
to {
  bottom: 30px;
  opacity: 1;
}
}
 @keyframes fadein {
 from {
bottom: 0;
opacity: 0;
}
to {
  bottom: 30px;
  opacity: 1;
}
}
 @-webkit-keyframes fadeout {
 from {
bottom: 30px;
opacity: 1;
}
to {
  bottom: 0;
  opacity: 0;
}
}
 @keyframes fadeout {
 from {
bottom: 30px;
opacity: 1;
}
to {
  bottom: 0;
  opacity: 0;
}
}
.fourth-cat-item-active, .fourth-cat-item-active:hover {
  position: relative;
  background-color: #34aa54;
  color:#fff;
}
.fourth-cat-item-active i, .fourth-cat-item-active .label {
  color: #FFF !important;
  }
.one-line-category a .label{
  color:#000;
    display: inline-block;
    width: calc(100% - 75px);
    overflow: hidden;
    text-overflow: ellipsis;
  }
.fourth-cat-item-active a{padding: 10px;}
.fourth-cat-item-active a
.fourth-cat-item-active.one-line-category .arrow-down i{
    color: #333;
    background: #FFF;
    border: none;
    line-height: 30px;
  }
.fourth-cat-item-active.one-line-category a, .fourth-cat-item-active.one-line-category .label {
  color: #FFF !important;
}
.fourth-cat-item-active .arrow-down .fa-angle-right:before {}
.fourth-cat-item-active .item {
  position: relative;
  z-index: 11;
}
.fourth-cat-item-active.one-line-category .description-textarea {
  padding: 10px 15px 5px 15px;
}
.fourth-cat-item-active .one-line-category .description-textarea {
  padding-top: 20px;
}
.emergency-yes, .property-residential, .property-commercial, .technician-call-yes {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.emergency-yes:before {
  content: "\f0a2";
}
.property-residential:before {
  content: "\f015";
}
.property-commercial:before {
  content: "\f19c";
}
.technician-call-yes:before {
  content: "\f095";
}
#sidebar-left .has-notif.avatar + .media-body h4.media-heading {
  font-size: 20px;
  font-weight: 400 !important;
}
#sidebar-left .has-notif.avatar + .media-body h4.media-heading div {
  padding: 5px 0 0 0;
}
.input-icon.right {
  position: relative;
}
.fake-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 185;
  height: 100%;
  width: 100%;
  }
.change-location .right-text {
  float: left;
  border-bottom: 1px solid #ddd;
  font-size: 20px;
  padding: 10px 0px 0px;
 width: 5em;
 margin: 0 5px;
 white-space: nowrap;
 overflow: hidden;
  }
.change-location .right-text i {
  margin-right: 0px;
  }
.change-location .web-btn-danger {
  float: left;
  padding: 8px 0px;
  margin-top: 7px;
  border-radius: 0 !important;
  background: none;
  color: #000;
  font-size: 16px;
  text-decoration: underline;
}
.rvw-list-btn a i{color:#fff;}
#body_content_box .cus-web-dashboard a{color:#fff;}
.change-location .web-btn-danger:hover {
  background: none;
  color: #333;
}
.navbar-right li.adroid-btn{
    position: relative;
    width: 150px !important;
    margin-right: 3px;
    margin-top: 7px !important;
    cursor: pointer;
  }
.navbar-right li.ios-btn{
    position: relative;
    width: 150px !important;
    margin-right: 10px;
    margin-top: 7px !important;
    cursor: pointer;
  }
.navbar-right li.adroid-btn img, 
.navbar-right li.ios-btn img{
  width: 100%;
  }
.online-counter-section {
  text-align: center;
  }
._cart-item-message {
    position: fixed !important;
    left: 0;
    text-align: center;
    bottom: -3px;
    z-index: 999;
    padding: 0;
    width: 100%;
    display: block;
    padding-left: 220px;
}
.page-sidebar-minimize ._cart-item-message, 
.page-sidebar-minimize-auto ._cart-item-message,
.page-sidebar-minimize-auto #snackbar,
.page-sidebar-minimize #snackbar{
    padding-left: 75px;
}
.cart-item-message {
    background: #f1362f;
  font-size: 1.4rem;
  color: #ffffff;
  padding: 10px 20px;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 40px;

  display: none;
  }
/*==========activation-master==========*/
body.inactive-other-class #page-content {
  margin-left: 0 !important;
  margin: 0 auto !important;
  font-size: 16px;
}
.activation-master header {
  background: #fff;
  width: 100%;
  box-shadow: 0px 0px 15px #828282;
  padding: 10px 0;
  margin-bottom: 25px;
}
.activation-master .logo img {
  width: 165px;
}
.activation-master .logout-btn {
  top: 15px;
  color: #fff !important;
  font-weight: 600;
}
.activation-master .welcome-box {
  background: #4285f4;
  color: #fff;
  margin-bottom: 25px;
  padding: 20px 10px;
  font-size: 16px;
  text-align: center;
  text-transform: capitalize;
  letter-spacing: .5px;
}
.activation-master .welcome-box span {
  color: #ff0;
  font-weight: bold;
}
.activation-master .content-box {
  background: #fff;
  -webkit-box-shadow: 0px 0px 27px 6px rgba(0,0,0,0.03);
  -moz-box-shadow: 0px 0px 27px 6px rgba(0,0,0,0.03);
  box-shadow: 0px 0px 27px 6px rgba(0,0,0,0.03);
  margin-bottom: 50px;
    min-height: calc(100vh - 200px);
}
.activation-master fieldset {
  margin-top: 23px;
}
.activation-master fieldset input[type="text"], 
.activation-master fieldset input[type="password"], 
.activation-master fieldset input[type="datetime"],
.activation-master fieldset input[type="datetime-local"],
.activation-master fieldset input[type="date"],
.activation-master fieldset input[type="month"],
.activation-master fieldset input[type="time"],
.activation-master fieldset input[type="week"],
.activation-master fieldset input[type="number"],
.activation-master fieldset input[type="email"],
.activation-master fieldset input[type="url"],
.activation-master fieldset input[type="search"],
.activation-master fieldset input[type="tel"],
.activation-master fieldset input[type="color"],
.activation-master fieldset textarea, 
.activation-master fieldset select{
  font-size: 1.2rem !important;
  line-height: normal;
  }
.activation-master fieldset label.control-label{
  font-size: 20px;
  }
.activation-master .content-box .inner-all {
  padding: 5px;
}
.activation-master .fs-title {
  font-size: 24px;
  background: none !important;
  color: #666666;
  font-weight: 400;
  border: none;
  border-bottom: 2px solid #f3f3f3;
  margin: 0px 10px 10px;
  padding-left: 0px;
  padding-bottom: 10px;
}
.activation-master .step-6{
  padding: 0px 10px;
  }
.activation-master .step-6 .fs-title, 
.activation-master .step-6 .section .fs-title{
  margin: 0px;
  margin-bottom: 10px;
  }
.activation-master .fs-title i {
  background-color: #ea4335;
  color: #fff;
  margin-right: 5px;
  font-size: 20px;
  padding: 5px 9px;
  border-radius: 0px;
  font-weight: 100;
}
.activation-master .left-menu {
  background-color: #f3f3f3;
  padding-top: 25px;
  transition: all .25s ease-out;
  position: relative;
    top: -35px;
}
.activation-master .left-menu:before {
  background-color: #f3f3f3;
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  height: 2000%;
  width: 100%;
}
.activation-master .inner-all, .activation-master .inner-all .employee-breadcrumb {
  overflow: hidden;
}
.activation-master .addmore-btn {
  background: #34a853;
  border: 1px solid #34a853;
  border-radius: 0px;
  text-transform: capitalize;
  transition: all .3s;
}
.activation-master .addmore-btn:hover {
  background: #178535;
  border: 1px solid #178535;
}
.activation-master .active {
  color: initial !important;
}
.activation-master .active {
  color: initial !important;
}
.activation-master .toggle-menu .toggle-menu-icon {
  box-shadow: none;
  position: relative;
  left: -10px;
  background: transparent;
  border: none;
  height: 20px;
  transition: all 0.3s;
}
.activation-master .active .toggle-menu .toggle-menu-icon {
  box-shadow: none;
  position: relative;
  left: -25px;
  background: transparent;
  border: none;
  height: 20px;
  transition: all 0.3s;
}
.activation-master .row-offcanvas-left .toggle-menu .toggle-menu-icon:before {
  content: '\eb8b';
  font-family: 'IcoFont'!important;
  font-size: 2.3rem;
  position: absolute;
  top: -0px;
  left: -10px;
  color: #ea4335;
  transition: all 0.3s;
}
.activation-master .row-offcanvas-left.active .toggle-menu .toggle-menu-icon:before {
  content: '\eb8a';
  font-family: 'IcoFont'!important;
  font-size: 2.3rem;
  position: absolute;
  top: 2px;
  left: -7px;
  color: #ea4335;
  transition: all 0.3s;
}
@-moz-document url-prefix() {
 .activation-master .row-offcanvas-left .toggle-menu .toggle-menu-icon:before,  .activation-master .row-offcanvas-left.active .toggle-menu .toggle-menu-icon:before {
 top:-3px;
}
}
.activation-master .next-btn, .activation-master .prev-btn {
  background-color: #ea4335;
  color: #fff;
  transition: all .3s;
  border-radius: 0px;
}
.activation-master .next-btn:hover, .activation-master .prev-btn:hover {
  background-color: #d22c1e;
  color: #fff;
}
ul.service-list li .service-image:empty:before {
  content: '\ea88' !important;
  font-family: 'IcoFont'!important;
  font-size: 24px;
}
.activation-master .listing-new li, 
.activation-master .address-list.listing-new li{
  padding: 10px 125px 10px 10px;
  background: #f9f9f954;
  box-shadow: 0px 1px 3px #d0cfcf;
  margin-bottom: 10px;
  font-size: 1.4em;
  }
.activation-master .listing-new li:hover, 
.activation-master .address-list.listing-new li{
  background: #f9f9f9;
  }
.activation-master .listing-new li .rdio label, 
.activation-master .address-list.listing-new li .rdio label{
  font-weight: 600; 
  color: #5f5f5f;
  }
.activation-master .listing-new li .rdio label div, 
.activation-master .address-list.listing-new li .rdio label div{
  font-weight: normal;  
  }
.activation-master .most-populer-cat .cat-box i, 
.activation-master .address-list .most-populer-cat .cat-box i{
  font-size: 5rem;
  }
.activation-master .listing-new li:nth-child(odd) {
  background: #f9f9f954;
  box-shadow: 0px 1px 3px #d0cfcf;
  margin-bottom: 10px;
}
.activation-master .listing-new li .abs {
  top: 50%;
  right: 10px;
  transform: translatey(-50%);
  position: absolute;
}
.activation-master .listing-new li .rdio{
  width: calc(100% - 145px);
  display: flex;
}
.activation-master #summary_block .listing-new li .rdio{
  width: 100%;
}
.activation-master .listing-new li .abs a {
  border-radius: 0px !important;
  font-size: 16px;
  padding: 1px 6px;
}
.activation-master .listing-new li .abs a.btn-primary {
  background: #012869;
  border: 1px solid #012869;
  transition: all 0.3s;
}
.activation-master .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
.activation-master .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }
.activation-master .cd-breadcrumb li::after, .cd-multi-steps li::after {
  margin: 0 1em;
  }
.activation-master .cd-breadcrumb li > *, .cd-multi-steps li > * {
  font-size: 1.4rem;
  }
.activation-master .cd-breadcrumb.triangle {
  padding:0;
  margin:0;
  position: relative;
  }
.activation-master .cd-breadcrumb.triangle li {
  position: relative;
  padding: 0;
  margin: 0px 0px 0px 0;
  float: left;
  width: 100%;
  border-bottom: 2px solid #f3f3f3;
  }
.activation-master .cd-breadcrumb.triangle li:last-of-type{
  margin-right: 0;
  }
.activation-master .cd-breadcrumb.triangle li > * {
  position: relative;
  padding: .8em .5em .8em 1em;
  color: #666;
  background-color: #ececec;
  border-color: #ececec;
  display: block;
  font-style: normal;
  }
.activation-master .cd-breadcrumb.triangle li em:before {
  content: '\f00c';
  font-family: FontAwesome;
  margin-right: 10px;
  color: #cfcfcf;
}
.activation-master .cd-breadcrumb.triangle li.current > * {
  color: #343434;
  border-color: #fff;
  background-color:#fff;
  font-weight: bold;
  }
.activation-master .cd-breadcrumb.triangle li.current em:before {
    content: '\f00c';
    font-family: FontAwesome;
    color: #34a853;
  }
.activation-master .fa-thumbs-up, .company-profile .abs .fa-thumbs-up{color:#34aa54;}
.activation-master .fa-thumbs-down, .company-profile .abs .fa-thumbs-down{color:#e94335;}
.activation-master #step_1 .left-right-colored-btn .form-footer, 
.activation-master #step_2 .left-right-colored-btn .form-footer, 
.activation-master #step_3 .left-right-colored-btn .form-footer, 
.activation-master #step_4 .left-right-colored-btn .form-footer, 
.activation-master #step_5 .left-right-colored-btn .form-footer, 
.activation-master #step_6 .left-right-colored-btn .form-footer, 
.activation-master #step_7 .left-right-colored-btn .form-footer, 
.activation-master #step_8 .left-right-colored-btn .form-footer, 
.activation-master #step_9 .left-right-colored-btn .form-footer, 
.activation-master #step_10 .left-right-colored-btn .form-footer, 
.activation-master #step_11 .left-right-colored-btn .form-footer, 
.activation-master #step_12 .left-right-colored-btn .form-footer, 
.activation-master #step_13 .left-right-colored-btn .form-footer, 
.activation-master #step_14 .left-right-colored-btn .form-footer, 
.activation-master #step_15 .left-right-colored-btn .form-footer{
  position: fixed;
    bottom: 20px;
    left: 0;
    padding-left: 220px;
    text-align: center;
  width: 100%;
  }
.as-progile-form .section, 
.step-6 .section{
  background: #f9f8f8;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ececec;
    display: inline-block;
    width: 100%;
  }
.as-progile-form select{
  background: #fff url(../images/select-dropdown.png) no-repeat center right!important;
  }
.as-progile-form input{
  background: #fff !important;
  }
.as-progile-form .section .radio-wrap{
  display: inline-block;
  }
.as-progile-form .section .radio-wrap label{
  padding-left: 22px;
    margin-top: 1px;
    margin-bottom: 0px;
  }
.as-progile-form .section .radio-wrap + .devider{
  margin-left: 5px;
  margin-right: 5px;
  font-size: 22px;
  }
.as-progile-form .section .fs-title i{
  background: none;
  color: #636e7b;
  margin: 0px;
  padding: 0px;
  font-size: 22px; 
  }
.as-progile-form .section ul.contact-list {
    list-style: none;
  margin-top: 0;
    margin-bottom: 10px;
    padding: 0px 10px;
  }
.as-progile-form .section .contact-list li {
  padding: 10px 125px 10px 10px;
  background: #ffffff !important;
  box-shadow: 0px 1px 3px #d0cfcf;
  margin-bottom: 10px;
  font-size: 1.5em;
  position: relative;
  }
.as-progile-form .section .contact-list li:hover{
  background: #f9f9f9;
  }
.as-progile-form .section .contact-list li .rdio label{
  font-weight: 600; 
  color: #5f5f5f;
  padding: 0 10px !important;
  text-transform: capitalize;
  display: inline-block;
    max-width: 100%;
  }
.as-progile-form .section .contact-list li .rdio.circle label:before{
  display: none;
    }
.as-progile-form .section .contact-list li .rdio label small i{
    font-size: 20px;
    color: #ea4335;}
.as-progile-form .section .contact-list li .rdio label div{
  font-weight: normal;  
  }
.as-progile-form .section .contact-list li .abs {
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  position: absolute;
}
.as-progile-form .section .contact-list li .rdio{
  width: calc(100% - 145px);
  display: flex;
  }
.as-progile-form .section .contact-list li .abs a {
  border-radius: 0px !important;
  font-size: 16px;
  padding: 1px 6px;
}
.as-progile-form .section .contact-list li .abs a.btn-primary {
  background: #012869;
  border: 1px solid #012869;
  transition: all 0.3s;
  }
/*==========activation steps==========*/
 .activation-breadcrumb{
  position: relative;
  width: 100%;
  overflow: hidden;
  }  
.activation-breadcrumb>ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  width: 73%;
  top: 10px;
  position: relative;
  left: 26%;
  display: flex;
  justify-content: space-around;
  }
.activation-breadcrumb>ul>li{
  display: inline-block;
  padding: 5px;
  font-size: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.25);
  position: relative;
  transition: all .3s;
  background-color: #4285f4;
  cursor: pointer;
  transform: scale(1);
  }
.activation-breadcrumb>ul>li:before{
  content: '';
  width: 150%;
  position: absolute;
  background: #4285f4;
  height: 3px;
  top: 18px;
  z-index: -1;
  left: 110%;
  }
.activation-breadcrumb>ul>li a{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  width: 100%;
  }
.activation-breadcrumb>ul>li.active ~ li, 
.activation-breadcrumb>ul>li.active ~ li::before, 
.activation-breadcrumb>ul>li.active ~ li:hover {
  background: #f3f3f3;
  }
.activation-breadcrumb>ul>li.active ~ li a{
  color: #b1b1b1;
  }
.activation-breadcrumb>ul>li:first-child{
  margin-left: 0px;
  }
.activation-breadcrumb>ul>li:last-child{
  margin-right: 0px;
  }
.activation-breadcrumb>ul>li:last-child::before {
  display: none;
  }
ul.service-technician-list li .rdio label{
  padding-left: 15px !important;
  }
ul.service-technician-list li .rdio label:before{
  display: none;
  }
.listing-new .rdio label:before {
    display: none !important;
}
.listing-new .rdio label:after {
    display: none !important;
}
.listing-new .rdio input[type=radio] {
    display: none !important;
}
ul.service-technician-list li small{
  margin-right: 10px;
  color: #868585;
  }
ul.service-technician-list li small i{
  font-size: 20px;
    color: #ea4335;
  }
ul.service-technician-list li .rdio img{
  min-width: 60px;
    min-height: 60px;
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius:50%;
  overflow: hidden;
  border:3px solid #fff;
  box-shadow: 0px 1px 8px #969696;
  }
.service-technician-form section:empty{display: none;}
.section-editor .Editor-editor{height: calc(100vh - 150px);}
.section-editor{background-color:#fff; display:block;min-height: calc(100vh);}
.section-editor .action-button{display: block;}
.section-editor .action-button button{ line-height:normal !important; height: auto !important; 
  font-size: 1.6rem;     font-weight: 500;
 padding: 5px !important; margin: 10px 0px;}
/*==========Close-activation steps==========*/
.abs a[data-original-title="Approve"],
.abs a[data-original-title="Approved"]{
  color: #34a853;
  margin-right: 25px;
  font-size: 22px !important;
  }
.abs a[data-original-title="Not Approve"] {
  color: #ea4335;
  margin-right: 25px;
  font-size: 22px !important;
  }
.listing-new li label {
  padding: 0 5px !important;
  text-transform: capitalize;
  }
.finish-msg {
  font-size: 16px;
  padding: 15px 30px;
  text-align: center;
  background: #E91E63;
  color: #fff;
  border-radius: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  box-shadow: 3px 3px 8px #9c9c9c;
  }
#summary_block .panel {
  margin-bottom: 5px;
  }
#summary_block .panel-heading {
  background: #e64328;
  color: #fff;
  padding-top: 5px !important;
  }
#summary_block .panel-heading .panel-title {
  font-size: 16px;
  padding: 0px;
  position: relative;
  top: 5px;
  }
#summary_block .panel-heading .btn-sm._collapsible {
  padding: 0px 10px;
  }
#summary_block .panel-body {
  border: 1px solid #dddddd;
  border-top: none;
  margin-top: -1px;
  background: #fff;
  max-height: 425px;
  overflow: auto;
  }
#summary_block .service-collapse span{
  padding: 5px 10px;
  margin: 0px 5px 5px 0px;
  display: block;
  color: #2f2f2f;
  border-bottom: 1px solid #e8e8e8;
  }
#summary_block .service-collapse span:before{
  content: '\f04d';
    font-family: fontAwesome;
    margin-right: 8px;
    font-size: 0.5em;
    position: relative;
    top: -3px;
    color: #e94335;
  }
#summary_block .service-collapse span:nth-last-child(1){
  border-bottom: none;
  }   
.activation-master .finish-msg {
  margin: 0px auto !important;
    padding-top: 0px !important;
    box-shadow: none;
    width: 80%;
    font-size: 16px;
  padding: 15px 30px;
  text-align: center;
  background: #fff;
  color: #636E7B;
  line-height: normal;
  }
.activation-master .finish-msg h1 {
  font-size: 124px;
    font-family: -webkit-body;
    color: #ea4335;
    letter-spacing: 1px;
    margin-bottom: 30px;
    font-family: 'Dancing Script', cursive;
    line-height: normal;
  }
.activation-master .finish-msg .text-success.fa-48{font-size: 120px !important; color: #4285f4 !important;}/*new*/
.activation-master .finish-msg p{
  font-size: 1.7em;
    line-height: 38px;
    color: #000;
  } 
.activation-master .finish-msg .finish-btn{
  margin-top: 30px;
  text-align: center;
  display: inline-block;
  }
.activation-master .finish-msg a.web-btn-primary, 
.activation-master .finish-msg .web-btn-primary a, 
.activation-master .finish-msg button.web-btn-primary, 
.activation-master .finish-msg .web-btn-primary{
  background-color: #ffa116;
    padding: 10px 30px;
    transition: all .3s;
  }
.activation-master .finish-msg a.web-btn-primary:hover, 
.activation-master .finish-msg .web-btn-primary a:hover, 
.activation-master .finish-msg .web-btn-primary:hover{
  background-color: #e48b06;
  transition: all .3s;
  }
.activation-master .gray-footer {
  background: #666666;
  color: #fff;
  padding: 10px 0px;
  margin-top: 45px;
  }
.activation-master .gray-footer p {
  margin: 0;
  }
.activation-master .form-footer {
  background: none !important;
  padding: 10px 0px;
  margin: 0px 0px 0px 0px;
  border:none; 
  z-index: 999;
  }
.activation-master .form-footer .text-inverse.text-bold{
  position: absolute;
    left: 230px;
    top: 20px;
    padding: 0px 5px;
  }
.activation-master ul.service-list li {
  width: 20%;
  overflow: hidden;
  }
.activation-master ul.service-list li .service-image {
  width: 100%;
  font-size: 30px;
  margin-bottom: 5px;
  color: #ff0000;
  height: 30px;
  display: inline-block;
}
.activation-master ul.service-list li label {
  color: #666;
  font-size: 13px;
  line-height: 16px;
  height: auto;
  cursor: pointer;
}
.activation-master .bottom-notification {
  position: relative;
  float: right;
  margin: 10px 0px 15px 10px;
}
.bottom-notification {
  position: absolute;
  bottom: 0;
  left: 10px;
  cursor: pointer;
  background-color: #e54234;
  text-align: center;
  color: #fff;
  height: 40px;
  width: 40px;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.09);
  transition: .3s;
  transition: transform .5s;
  line-height: 40px;
  z-index: 9999;
  font-size: 20px;
}
.activation-master .width-15 {
  width: 15%
}
.activation-master .modal-body {
  padding: 0px;
  margin: 0px;
}
.activation-master .modal-body ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.activation-master .modal-body ul li {
  font-size: 14px;
  width: 49%;
  padding: 8px;
  margin-bottom: 0px;
  height: 50px;
  overflow: hidden;
}
.activation-master .modal-body ul li:nth-child(4n+2), .activation-master .modal-body ul li:nth-child(4n+3) {
  background: #efeeee;
}
.activation-master .modal-body ul li>i {
  color: #ff0000;
  float: left;
  margin: 9px 5px 5px 0px;
}
.activation-master .modal-body ul li i + span {
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  line-height: 32px;
}
.activation-master ._add_address, .activation-master ._add_contract, .activation-master ._add_insurance, .activation-master ._add_bond, .activation-master ._add_new_card, .activation-master ._add_certificate, .activation-master ._add_reference {
  margin-left: 0px;
}
.activation-master ._print_div {
  position: absolute;
  top: -55px;
  right: 10px;
  width: 120px;
  min-width: 120px;
}
#upload_block ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  background: #f1f1f1;
  }
#upload_block ul li {
  display: inline-block;
    background-color: transparent !important;
    padding: 10px 10px 0px 10px;
    box-shadow: none;
  position: relative;
    width: 100%;
  }
#upload_block ul li .vendor-category-list-box {
  border: none;
  height: 100%;
    display: inline-block;
    width: 100%;
    position: relative;
    min-width: 280px;
    min-height: 220px;
    overflow: hidden;
  }
#upload_block ul li .image-edit, #upload_block ul li .vendor-category, #upload_block ul li .vendor-category-list-box {
  height: 100%;
    display: inline-block;
    width: 100%;
    position: relative;
    min-width: 280px;
    min-height: 220px;
    overflow: hidden;  
  }
#upload_block ul li .vendor-category-list-box img {
  width: 100% !important;
    height: 100%;
    display: inline-block;
    position: absolute;
    object-fit: cover;
    object-position: center;
    left: 0;
    top: 0px;
  }
#upload_block ul li label {
  max-height: 65px;
  padding: 8px 10px !important;
  background: #fff;
  color: #292929;
  font-weight: 600;
  letter-spacing: .5px;
  margin-top: -8px;
  text-align: left;
  line-height: 27px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  }
.upload-doc{
  float: left;
  border: 1px solid #ccc;
  margin-top: -10px;
  width: 125px;
  height: 125px;
  padding: 5px;
  }
.upload-doc label{
  padding-left: 5px;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  }
.upload-doc img{
  width: 113px;
  height: 113px;
  border: none;
  outline: none;
  cursor: pointer;
  object-fit: cover;
  object-position: center;
  }
.upload-doc .upload-content{
  width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    line-height: 50px;
    border: 1px solid #ccc;
    padding-top: 0px !important;
    margin-top: 10px;
    text-transform: capitalize;
  }
.remove-upload{
  position: absolute;
  top: -14px;
  right: -7px;
  font-size: 1.6rem;
  cursor: pointer;
  color: #e94335;
  }
#colorbox{
  top: 50% !important;
  left: 50% !important;
  position: fixed !important;
  z-index: 99999 !important;
  transform: translate(-50%, -49%) !important;
  }
#cboxOverlay::-webkit-scrollbar { 
  display: none !important; 
}
#colorbox .left-right-colored-btn .left, #colorbox .left-right-colored-btn .right {
  min-width: 160px;
  width: 160px;
  }
.service-types-list .search-auto-suggestion {
  border: none;
  } 
._blank_field:before{
  content: '\f014';
  font-family: FontAwesome;
  }
._blank_field{
  position: absolute;
   right: 0px;
  top: 22px;
  z-index: 99999;
  font-weight: bold;
  cursor: pointer;
  color: black;
  font-size: 20px;
  }
.mini-inputs input[type='text']{
  padding: 5px 25px 5px 5px;
  }
.mini-inputs ._blank_field{
  right: 5px;
  }
#imageGalModel.modal{
  z-index: 999999;
  }
#imageGalModel .modal-dialog{
  background: #fff;
  border: 5px solid #000;
}
#imageGalModel .modal-content{
  margin-bottom: 0px !important;
}
#imageGalModel .modal-dialog #cboxClose{
  opacity: 9;
  z-index: 9999;
  top: 0px;
}
.selected-service label{
  position: absolute;
  background: #fff;
  z-index: 1;
  width: 95%;
  padding: 3px 0px;
  margin-top: -5px;
  color: #ea4335;
  font-weight: normal;
  font-size: 16px;
}
.selected-service ul{
  padding-top: 25px;
}
.selected-service ul.listing-action li{
  padding: 5px;
  position: relative;
}
.selected-service ul.listing-action li .trash-btn i{
  top: 0px; 
  padding-right: 0px; 
  font-size: 16px;
}
.selected-service .trash-btn{
  width: auto;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  right: 5px;
}
.selected-service .services {
  width: calc(100% - 30px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.selected-service .breadcrumbs{
  word-break: break-all;
  font-size: 14px;
}
/*==========Close-activation-master==========*/
/*==========upload-controller==========*/
.upload-controller {
  background: #ea4335;
  padding: 10px;
  float: left;
  width: 100%;
  margin-top: 70px;
  padding-top: 70px;
  }
.upload-controller .upload-profile-image{
  position: absolute;
  width: 140px;
  text-align: center;
  top: 0px;
  height: 140px;
  border-radius: 100%;
  left: 40%;
  }
.upload-controller .upload-profile-image .block{display: none !important;}
.upload-controller .upload-profile-image img{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border:5px solid #ea4335;
  height: 100%;
  }
.upload-controller label {
  color: #fff;
  }
.upload-icon {
  color: #fff;
  font-size: 1.6rem;
  cursor: pointer !important;
  transition: all .3s;
  margin-bottom: 0px;
  background: #000000;
  border: 1px solid #000000;
  }
.upload-controller .upload-icon i, .upload-controller .upload-icon i:hover {
  cursor: pointer !important;
}
.upload-icon:active:focus, 
.upload-icon:active:hover,
.upload-icon:active, 
.upload-icon:focus, 
.upload-icon:hover {
  background: #252525;
  border: 1px solid #252525;
  color: #fff;
}
.upload-controller .ajax-upload-dragdrop {
  background: #fff;
  border: none;
}
.upload-controller .ajax-file-upload-statusbar {
  border: 1px solid #fff;
}
.upload-controller .ajax-file-upload-filename {
  color: #fff;
}
.upload-controller .ajax-file-upload-filename div._file_title_div {
  display: none;
}
.upload-controller .ajax-file-upload-progress {
  width: 85%;
  background: #fff;
  border: none;
  border-radius: 10px;
  padding: 0px;
}
.upload-controller .ajax-file-upload-bar {
  background-color: #bc2c20;
  height: 15px;
  border-radius: 10px;
  color: #FFFFFF;
}
.upload-controller .ajax-file-upload-red {
  background: #212121;
  font-size: 1.15rem;
  border-radius: 3px;
  margin-top: -2px;
  box-shadow: none;
  text-shadow: none;
  padding: 4px 8px;
}
.upload-controller .ajax-file-upload-red:before {
  content: '\ef74';
  font-family: 'IcoFont'!important;
  margin-right: 5px;
}
#cropForm .docs-data .docs-buttons .btn-group .btn-primary {
  padding: 0px !important;
  margin: 0px 2px 5px 0px !important;
}
#cropForm .docs-data .docs-buttons .btn-group .btn-primary .docs-tooltip {
  width: 60px;
  height: 40px;
  display: inline-block;
  margin: 0px;
}
#profile_form .ajax-file-upload-error {
  color: #fff;
}
/*==========Close-upload-controller========== */
.top-header .active {
  color: #333 !important;
}
.top-header .btn-wrap {
  padding-top: 10px;    
  }
.top-header .equal-height {
 height: 88px;
 overflow: hidden; 
 position: relative;   
  }
.top-header .btn-wrap a {
 display: inline-block;
 padding: 0px 8px;
 background: #e94335;
 color: #FFF !important;
 font-weight: 700;
 letter-spacing: 0.03em;
  }
.top-header .clock-dial-bg {
 box-shadow: none;
 float: left;
 margin-right: 15px;
 width: 80px;
 height: 80px;
 position: relative;
 background: transparent;
 padding: 0;
  }
.job-10-min-carousel .progress-line {
 border-bottom: 3px solid #ddd;
 position: relative;
 width: calc(100% - 58px);
 left: 0;
 margin-bottom: 25px;
 margin-top: 25px;
  }
.job-10-min-carousel .truck-mile-info {
 text-align: center;
 margin-top: 25px;
  }
.job-10-min-carousel .truck-mile-info span{
 display: inline-block;
 padding: 6px 16px;
 color: #FFF;
 font-size: 16px;
 margin: 0 5px;
  }
.nb-service-box{
  padding-left: 0px;
  }
.near-services {
  min-height: 280px;
  cursor: pointer;
  text-align: center;
  margin-bottom: 10px;
  padding: 10px;
  transition: all 0.3s;
  border: 1px solid #e0dfdf;
  position: relative;
  }
.near-services:hover{
  box-shadow: none;
  }
.near-services .a.web-btn-primary, .near-services .web-btn-primary a, .near-services .web-btn-primary {
  font-size: 22px;
 padding: 7px 15px;
 display: block;
 width: auto;
 font-weight: normal;
  }
.near-services .fav-heart-left, .near-services .radio-wrap {
  position: absolute;
  }
.near-services .radio-wrap {
  right: 24px;
  max-width: 18px;
  top: 20px;
  overflow: hidden;
  }
.near-services .fav-heart-left {
  position: absolute;
  font-size: 1.6rem;
    left: 7px;
    cursor: pointer;
    top: 60px;
  }
.near-cat-icon {
  font-size: 90px;
  color: #e94335;
  text-align: center;
  margin-bottom: 10px;
  min-height: 60px;
  line-height: 21px;
  }
.near-service-title {
  color: #373737;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  display: block;
  cursor: pointer !important;
  line-height: 28px;
  text-transform: capitalize;
  min-height: 55px;
    }
.near-service-title+span{
    width: 100%;
    float: left;
    margin: 5px 0px 0 0px;
    color: #e94335;
    padding: 4px 0px 5px 0px;
    font-size: 20px;
    }
.circle-container {
  float: none;
    min-width: 50px;
  margin: 2px 4px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  }
.circle-container span{
  font-size: 16px;
    font-weight: normal;
    color: #e94335;
    border-bottom: 1px solid #e94335;
    padding: 0px 5px;
  }
.circle-container.blur-circle span, 
.circle-container.blur-circle .circle-amit{
  color: #c5c3c3 !important;
  border-color: #c5c3c3;
  opacity: 0.4;
  }
.circle-amit {
  width: 30px;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  line-height: 29px;
  font-size: 22px;
  font-weight: 600;
  transition: all 0.3s;
  color: #3a7fee;
  }
.view-request-job-details .form-group {
  border-bottom: 1px solid #ddd;
  padding: 13px 18px;
  margin: 0 !important;
}
.view-request-job-details .form-group .txt-primary {
  font-size: 24px;
  position: relative;
  top: 8px;
  margin-right: 5px;
}
.view-request-job-details .form-group .clearfix.mt-5.ml-25 {
  margin-left: 34px !important;
}
.view-request-job-details .form-group ul.site-images li {
  display: inline-block;
  width: 75px;
  background: #e8e8e8;
  border: 1px solid #ccc;
  margin: 0 10px 0 0;
  float: left;
  overflow: hidden;
  }
.view-request-job-details .form-group ul.site-images li img{
  width: 100%;
  height: 100%;
 object-fit: cover;
 object-position: center center;
  }
.view-request .gm-style .gm-style-iw-d{
  padding: 0px !important;
  }
.switch-company .radio-yellow ul {
  margin: 0px;
  padding: 10px;
  list-style-type: none;
  }
.near-technician-search-big input, .near-technician-search-big input:focus {
 border-width: 0 0 1px 0 !important;
 height: 50px;
 font-size: 20px !important;
 padding: 10px 35px 10px 15px !important;
  }
.near-technician-search-big .input-icon.right > i {
 padding-top: 10px;
  }
/*===========Customer-Top-Carousel===========*/
.job-10-min-carousel{
 padding: 12px 20px;
 background: #3b5999;
 border-bottom: 1px solid #ddd;
 position: relative;
  }
.job-10-min-carousel:empty{
  display: none;
  }
.job-10-min-carousel .top-header .main-div {
 background: #fff;
 cursor: pointer;
 padding: 10px;
 border-bottom: 1px solid #ddd;
  }
.job-10-min-carousel .top-header h4{
  margin-top: 0;
  color: #2a2a2a;
  font-size: 18px !important;
  font-weight: bold;
  margin-bottom: 5px;
  }
.job-10-min-carousel .top-header .address{
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  }
.job-10-min-carousel .top-header .address:before{
  content: "\f041";
  font-family: FontAwesome;
  font-size: 16px;
  margin-right: 5px;
  }
.date-time{
  color: #000 !important;
  }
.date-time:before{
  content: "\f017";
  font-family: FontAwesome;
  margin-right: 5px;
  float: left;
  }
.job-10-min-carousel .top-header .owl-carousel.owl-loaded{
  top: 10px;
  }
.job-10-min-carousel .top-header .owl-nav .icofont, 
.job-10-min-carousel .top-header .owl-nav i{
  color: #fff;
  }
.job-10-min-carousel .top-header .map-btn{
  padding: 2px 10px;
    right: 0px;
    bottom: 0px;
    font-size: 12px;
    height: auto !important;
  }
  .map-btn
.job-10-min-carousel .top-header .job-id{
  font-weight: bold;
  position: absolute;
  font-size: 15px;
  color: #e94335;
  }
/*===========Close-Customer-Top-Carousel===========*/
.chk-whos-near-btn {
  text-align: center;
  width: 100%;
    float: left;
    margin-top: 10px;
  }
.chk-whos-near-btn .btn.focus, 
.chk-whos-near-btn .btn:focus, 
.chk-whos-near-btn .btn:hover{
  color: #fff;
  }
.chk_whos_near{
  display: inline-block;
    width: calc(100% - 20px);
    position: absolute;
    bottom: 10px;
    left: 10px;
  }
/*==========Technician-profile========== */
.technician-profile, .company-profile{
  font-size: 16px;
    }
.technician-profile .panel-heading, 
.company-profile .panel-heading,
.company-technician .panel-heading{
  background: #000 !important;
  border: 1px solid #000 !important;
    }
.technician-profile .panel-heading .btn-inverse, 
.company-profile .panel-heading .btn-inverse, 
.company-technician .panel-heading .btn-inverse{
  background-color: #fff;
  border-color: #fff;
  color: #000;
  }
.technician-profile .panel-heading .btn-inverse:hover, 
.company-profile .panel-heading .btn-inverse:hover,
.company-technician .panel-heading .btn-inverse:hover{
  background-color: #f3f3f3;
  border-color: #f3f3f3;
  color: #000;
  }
.technician-profile .panel-body, 
.company-profile .panel-body{
  background: #fff !important;
  }
.technician-profile .left-right-colored-btn,
.company-profile .left-right-colored-btn{
  margin-bottom: 10px;
  }
.load-payment-cards .radio-yellow div img{
  margin-bottom: 6px;
  max-width: 100%;
  margin-top: 12px;
  width: 80px;
  }
.panel-success .inner-all{padding-bottom: 0;}
.load-payment-cards .overlay a{width: auto; padding: 15px;}
.technician-profile .left-right-colored-btn .left,
.technician-profile .left-right-colored-btn .right,
.company-profile .left-right-colored-btn .left,
.company-profile .left-right-colored-btn .right{
  width: 150px;
  min-width: 150px;
  }
.btn-blur{opacity: 0.4;}
.listing-new li{
  position: relative;
  }
.technician-profile .listing-new li,
.company-profile .listing-new li{
  /*border-bottom: 3px solid #d5d5d5 !important;*/
  margin-bottom: 10px;
  padding-bottom: 10px;
  }
.technician-profile .listing-new li .rdio,
.company-profile .listing-new li .rdio{
  width: calc(100% - 110px);
  }
.technician-profile .listing-new li .abs a,
.company-profile .listing-new li .abs a,
.edit-delete {
  border-radius: 0px !important;
  font-size: 16px;
  }
.company-profile .abs i.icofont-paper-clip{margin-right: 5px;}
.technician-profile .list-unstyled li .big-profile-pic,
.company-profile .list-unstyled li .big-profile-pic{
    width: 250px;
    height: 250px;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 20px;
  border: 4px solid #ccc4;
  }
.technician-profile .list-unstyled li .big-profile-pic img, 
.company-profile .list-unstyled li .big-profile-pic img{
  width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    object-fit: contain;
    object-position: center center;
  }
.sidebar-content .media>a .left-top-pro-img img{
  background: #fff !important;
  object-fit: contain !important;  
}
.navbar-toolbar .navbar-right .navbar-profile > a .meta .avatar img{
  object-fit: contain !important;
  border:1px solid #ccc;
}
.onboarding-btn{    
    position: relative;
    height: 55px;
    text-align: center;
    padding: 10px 0px;
  }
.onboarding-btn a{
  background: #000;
    border: none;
    font-weight: 600;
    font-size: 18px;
    border: 1px solid #000;
    cursor: pointer;
    width: 22%;
    margin: 0 auto;
    padding: 8px;
  }
.onboarding-btn a:hover{
  background: #333;
  }
.technician-profile .listing-new li .abs a.btn-primary,
.company-profile .listing-new li .abs a.btn-primary,
li .abs a.btn-primary, 
td .abs a.btn-primary {
 background: #000000;
 border: 1px solid #000000;
 transition: all 0.3s;
 }
.technician-profile .listing-new li .abs a.btn-primary:hover,
.company-profile .listing-new li .abs a.btn-primary:hover,
li .abs a.btn-primary:hover, 
td .abs a.btn-primary:hover {
 background: #272727;
 border: 1px solid #272727;
 transition: all 0.3s;
 }
.left-right-colored-btn .abs a.btn-primary{
  background: #000000;
  border: 1px solid #000000;
  transition: all 0.3s;
  }
.left-right-colored-btn .abs a.btn-primary{
  background: #272727;
  border: 1px solid #272727;
  transition: all 0.3s;
  }
.left-right-colored-btn .abs a.btn-success{
  background-color: #34aa54;
    border-color: #34aa54;
    color: white;
  }
.technician-profile #multi_address_form ul li label div,
.technician-profile #temp_multi_address_form ul li label div,
.company-profile #multi_address_form ul li label div,
.company-profile #temp_multi_address_form ul li label div{
  margin-top: 5px;
  }
.technician-profile #upload_block ul li,
.company-profile #upload_block ul li{
  width: 155px;
  height: 160px;
  margin:0px 0px 10px 9px;
  }
.technician-profile .upload-icon, 
.company-profile .upload-icon{
  background-color: #000;
  border-color: #000;
  color: white;
  transition: all 0.3s;
  }
.technician-profile .upload-icon:hover,
.company-profile .upload-icon:hover{
  background-color: #333;
  border-color: transparent;
  color: white;
  }
.technician-profile .answer,
.company-profile .answer{
  word-break: break-all;
  }
.technician-profile .address-title,
.company-profile .address-title{
  width: calc(100% - 100px);
  font-weight: 600;
  }
.technician-profile .panel-heading,
.company-profile .panel-heading{
  position: relative;
  padding-right: 10px !important;
  }
 .panel-heading .btn-middle{
  transform: translate(-50%, -50%);
  top: 45%;
  right: -20px;
  position: absolute;
  z-index: 9;
  }
.technician-profile #service_block .tree>ul,
.company-profile #service_block .tree>ul{
  padding: 0px;
  }
.technician-profile #service_block .tree ul,
.company-profile #service_block .tree ul{
  list-style-type: none;
  }
.technician-profile #service_block .tree ul li,
.company-profile #service_block .tree ul li{
  text-transform: capitalize;
  }
#cboxContent select.form-control{
  line-height: normal;
  height: 39px;
  background-color: #fff;
  }
#cboxWrapper .company-form .control-label, 
#cboxWrapper .contract-form .control-label, 
#cboxWrapper .insurance-form .control-label, 
#cboxWrapper .vehicle-form .control-label, 
#cboxWrapper .bond-form .control-label, 
#cboxWrapper .certificate-form .control-label, 
#cboxWrapper .reference-form .control-label,  
#cboxWrapper .address-form .control-label,
#cboxWrapper form.service-technician-form .control-label,
#cboxWrapper .temp-contact-form .control-label,
#cboxWrapper .card-form .control-label{
  font-size: 20px;
  }
#cboxWrapper form.service-technician-form input,
#cboxWrapper form.service-technician-form select{
  height: auto;
  }
#cboxWrapper form.service-technician-form .intl-tel-input{
  width: 100%;
  height: 39px;
  }
#cboxWrapper form.service-technician-form .intl-tel-input input{
  padding-top:5px;
  padding-bottom: 5px; 
  }
#cboxWrapper form.temp-contact-form, 
#cboxWrapper form.service-technician-form{
  height: calc(100vh - 404px);
  position: relative;
  }
#cboxWrapper form.card-form{
  height: calc(100vh - 485px);
    position: relative;
    display: inline-block;
  }
#cboxWrapper form.bond-form{
  display: block;
  }
#cboxWrapper form.certificate-form{
  position: relative;
    height: calc(100vh - 410px);
  }
#cboxWrapper form.contract-form, 
#cboxWrapper form.insurance-form{
  position: relative;
    height: calc(100vh - 145px);
  }
#cboxWrapper form.reference-form{
  position: relative;
    height: calc(100vh - 385px);
  }
#cboxWrapper form.service-technician-form .left-right-colored-btn, 
#cboxWrapper form.temp-contact-form .left-right-colored-btn{
  position: absolute;
    left: 0px;
    bottom: 10px;
  }
#cboxWrapper form.reference-form .rdio label:before{
  top: 0px;
  }
#cboxWrapper form.reference-form .rdio-theme input[type=radio]:checked + label::after{
  top: 5px;
  }
.service-cities-form ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  }
  #colorbox{width: 100%;}
.service-cities-form ul li{
  font-size: 1.4em;
    margin-bottom: 5px;
    padding: 5px 10px;
    border: 1px solid #e4e4e4;
    background: #f3f3f3;
    color: #616161;
    border-left: 5px solid #ea4335;
  }
.selected-label{
  color: #f3f3f3;
    font-weight: 600 !important;
    background: #616161;
    padding: 10px;
  }
.upload-documents-form .ajax-upload-dragdrop{
  border: 2px dashed #ccc;
  color: #969696;
  text-align: left;
  vertical-align: middle;
  margin-bottom: 10px;
  position: relative;
  min-height: 200px;
  } 
.upload-documents-form .upload-icon + span {
    font-size: 1.6em;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -200%);
  }
.upload-documents-form .upload-icon{
  position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 50px;
    transform: translate(-50%, 170%);
  }
.upload-documents-form .upload-icon i{
  font-size: 26px;
  }
@media  screen and (max-width: 320px){
.technician-profile #upload_block ul li,
.company-profile #upload_block ul li{
  width: 100%;
  height: 160px;
  margin:0px;
  padding: 10px;
  margin-bottom: 10px;
  }
  .card-view-new {
    width: 100% !important;
    margin: 12px 0px !important;
}
.creat-order button{font-size: 18px !important; width: 100%;}
}
/*==========Close-Technician-profile========== */
.loader-progress-bar {
    width: 100%;
    height: 4em;
    border: 5px solid #FFF;
    color: #0E5F76;
    position: relative;
}
.loader-progress-bar:before, .loader-progress-bar:after {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    position: absolute;
    overflow: hidden;
}
.loader-progress-bar:after {
    right: 100%;
    -webkit-animation: loaderBarInfinite 17s infinite linear, loaderBarScroll 17s infinite linear;
  animation: loaderBarInfinite 17s infinite linear, loaderBarScroll 17s infinite linear;
    background: #4285f4;
}

@-webkit-keyframes loaderBarInfinite {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: -100% 0;
  }
}
@keyframes loaderBarInfinite {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: -100% 0;
  }
}
@-webkit-keyframes loaderBarScroll {
  to {
    right: 0%;
  }
}
@keyframes loaderBarScroll {
  to {
    right: 0%;
  }
}
.spinner{
  position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.55);
    z-index: 999;
    left: 0;
  }
.spinner:before{
  content: "\f110";
  font-family: fontAwesome;
  position: absolute;
    left: 50%;
    top: 4%;
    font-size: 36px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    font-weight: bold;
  color: #000000;
  transform: translate(-50%, -50%);
  }
@-webkit-keyframes fa-spin{
0%{-webkit-transform:rotate(0deg);
  transform:rotate(0deg)
  }
100%{-webkit-transform:rotate(359deg);
  transform:rotate(359deg)
  }
}
@keyframes fa-spin{
0%{-webkit-transform:rotate(0deg);
  transform:rotate(0deg)
  }
100%{-webkit-transform:rotate(359deg);
  transform:rotate(359deg)
  }
}
.fake-loader-near-tech-search {
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.5);
    left: 0;
    z-index: 9999999;
}
.holder-wrap{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0px 0px 30px 0px;
    background: #FFF;
}
.fake-loader-near-tech-search-text {
    font-size: 3em;
    font-weight: 600;
    line-height: initial;
    padding: 30px 25px 0 25px;
}
.reviews .logoImgDivTech {
    position: absolute;
    width: 50px;
    left: 10px;
    height: 50px;
    border-radius: 50%;
}
#review_detail_panel .reviews-div .reviews .r-date {
    margin-left: 0;
    margin-top: 0;
    display: block;
    position: relative;
    padding-bottom: 9px;
    margin-bottom: 0;
}
#review_detail_panel .reviews-div .reviews .r-date:after{
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 40px;
    height: 2px;
    background: #cccccc;
}
#review_detail_panel .reviews-div .reviews .r-name {
    color: #4285f4;
    padding-bottom: 4px;
    display: inline-block;
    font-size: 16px;
}
.reviews .logoImgDivTech img{
    max-width: 100%;
}
div#review_detail_panel {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999999999;
    height: 100%;
    margin: 0 auto;
    background: rgba(0,0,0,0.6);
}
.reviews-div {
    text-align: left;
    padding: 0!important;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    margin: 0;
    position: relative;
    z-index: 2;
    height: 100%;
    left: 0;
}
.reviews-div h3 {
    padding: 10px;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    background: #e94335;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    min-height: 37px;
}
.reviews_blank{
    position: relative;
}
.review.theme-text{
    text-decoration: underline;
    cursor: pointer;
}
.reviews_blank {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    width: 30%;
    top: 50%;
    left: 0;
    z-index: 1;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%,-50%);
}

.reviews-div .reviews{border-bottom:1px solid #ddd;padding:10px 10px 10px 70px; min-height: 70px; position: relative;}
.reviews-div .reviews.forDrivers{padding:10px; min-height: auto;}
.reviews-div .reviews:last-child{border-bottom:none}
.reviews-div .reviews .r-name{color:#999}
.r-tech-title {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 7px;
    margin-bottom: 7px;
    background: #f0f0f0;
    color: #000;
    padding: 4px 10px;
  }
.reviews-div .reviews .r-view {
    width: 100%;
    margin-top: 5px;
  }
.review.txt-danger{
    cursor: pointer;
  }
.review .underline{
  border-bottom: 1px solid #e94335 !important;
  text-decoration: none !important;
  }
.reviews-list{
  position: relative;
 border-bottom: 1px solid #d6d6d6;
 padding-bottom: 10px;
  }
.reviews-list .r-tech-title{
  text-transform: capitalize;
 font-size: 22px;
 font-weight: bold;
 padding-bottom: 7px;
 margin-bottom: 7px;
 color: #000;
 padding: 6px 10px;
 margin: 0px;
 float: left;
 clear: both;
 width: 100%;
 background: none;
 padding-left: 0px;
  }
.reviews-list .r-tech-title:empty{
  display: none;
  }
.reviews-list .r-tech-title:empty + span.r-tech-img{
  margin-top: 0px;
  }
.reviews-list .r-tech-img{
 display: inline-block;
 width: 50px;
 height: 50px;
 margin: 0 10px 10px 0;
 vertical-align: top;
 margin-top: -38px;
  }
.reviews-list .content {
 width: calc(100% - 70px);
 display: inline-block;
 overflow: hidden;
  }
.reviews-list .content .r-date{
  float: left;
  margin-right: 5px;
  }
.reviews-list .content .r-view{
    margin-top: 10px;
  line-height: normal;
  }
.reviews-list + .thumb-btns-customer-reviews{
  padding: 5px 0px 5px 0px;
 background: #f1f1f1;
 float: left;
 width: 100%;
  }
/*Responsive-css code*/
/*=========request-customer-detail=========*/
.modal-body .left-section{
  position: absolute;
  width: 50%;
  height: 100%;
  border-right: 1px solid #ddd;
  background: #fff;
  overflow: hidden;
  }
.modal-body .right-section{
  width: 50%;
  left: 50%;
  position: relative;
  }
#myAlert .modal-dialog,
#myAlertCompany .modal-dialog,
#firstRequestModel .modal-dialog,
#companyModel .modal-dialog{
  width: 950px;
  }
.modal .modal-dialog .modal-content{
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px;
  display: inline-block;
  width: 100%;
  border:none;
  }
 #myDocumentView .modal-dialog .modal-content{height: 100%;}
.modal-content .heading-title {
  padding: 10px 40px 10px 10px;
  margin: 0 auto;
  display:inline-block;
  width: 100%;
  background: #000;
  color: #fff;
  font-size: 1.4rem;
  text-transform:capitalize;
  font-weight: 600;
  min-height: 41px;
  }
 .modal-body .request-form{
    background: #fff;
    }
 .modal-body .right-section{
  background: #f4f4f4;
  border-left: 1px solid #e7e7e7;
  width: 50%;
  left: 50%;
  position: relative;
  }
.request-form .right-section{
  max-height: 768px;
  overflow: auto;
}
.rr-form .right-section{    min-height: 485px !important;}
.left-section .heading-title {
  background: #d4d4d4;
  text-align: center;
  color: #000;
  }
.request-profile .box-title{
  font-size: 1em;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #000;
  display: inline;
  }
.request-profile .box-title .total-review{
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
  color: #e94335;  
  }
.request-profile .counter-with-img {
  position: relative;
  padding-left: 125px !important;
  float: left;
  padding: 15px 5px;
  }
.request-profile .top-box #countdown canvas {
  height: 120px;
  width: 120px;
  }
.request-profile .top-box .counter-with-img img {
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 60px;
  width: 90px;
  height: 90px;
  object-fit: cover;
  object-position: center center;
  }
.request-profile .coutndown-wrapper-time{
  font-weight: bold;
  z-index: 9;
  }
.request-profile .counter-with-img .countdown-timer{
  position: absolute !important;
  box-sizing: content-box;
  left: 5px;
  top: auto;
  }
.request-profile .counter-with-img .countdown-timer:before{
  content: 'SECONDS';
  position: absolute;
  top: 75px;
  left: 55px;
  transform: translate(-50%, -50%);
  font-size: 11px;
  color: #477050;
  font-weight: normal;
  z-index: 2;
  }
.request-profile .counter-with-img .countdown-timer:after{
  content: '';
  background: #fff;
 width: 87px;
 height: 87px;
 position: absolute;
 border-radius: 50%;
 top: 12px;
 left: 11px;
  }
.bubble-notification-main .countdown-timer:before{
  top: 50%;
  left: 50%;
  transform: translate(-50%, 10%);
  }
.container-flyout .request-cancelled-popup .request-cancelled-text{padding: 0px;}
.container-flyout .request-cancelled-popup .request-cancelled-text .cancle-reasons{margin-bottom: 0px !important;}
.border-top .desc{padding: 0px 10px;}
.request-profile .eta-options.bordered{
  padding: 5px 0px 0px 0;
  display: block;
  float: left;
  width: 100%;
  }
.single-line-ellipsis{
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-align: left;
  padding-left: 15px;
  }
.single-line-ellipsis p{
  color: #2f2f2f;
  padding: 7px 0;
  border-radius: 3px;
  text-transform: capitalize;
  margin-bottom: 0;
  border-bottom: 1px solid #e8e8e8;
  font-size: 1.2em;
  position: relative;
  }
.single-line-ellipsis p:nth-last-child(1){border-bottom: none;}
.single-line-ellipsis p:before{
 content: '\f04d';
 font-family: fontAwesome;
 margin-right: 8px;
 font-size: 0.5em;
 position: absolute;
 color: #e94335;
 left: -18px;
  }
 .request-time-slots{margin-top: 10px;}
 .request-customer-detail .request-time-slots .time-slot{padding: 10px;}
 .request-time-slots p{font-weight: 600;padding: 0px;color: #e94335;margin: 0px;}
.accepted-timeslot{font-weight: 600;padding: 10px 10px;color: #e94335;margin: 0px;font-size: 15px;}
.request-customer-detail .request-time-slots .time-slot label{display: block;position: relative;cursor: pointer;text-align: center;
    background: #fff;padding: 8px 0px;border: 1px solid #e2e3df;font-size: 14px;font-weight: 600;color: #000;margin: 0px;}
.request-customer-detail .request-time-slots .time-slot input[type="radio"]{position: absolute;display: block;width: 100%;height: 100%;
  z-index: 9;opacity: 0;cursor: pointer;}
.request-customer-detail .request-time-slots .time-slot input[type="radio"]:checked + label{background-color: #4285f4;color: #fff;
  cursor: pointer;}
.request-profile .profile-box .eta-options-new{
 position: relative; 
 bottom: 0px; 
  }
.request-estimate-button button{
  background: #000;
 color: #fff;
 border: 0px;
 margin: 10px auto;
 padding: 10px 15px;
 cursor: pointer;
 font-size: 1.4em;
  }
.request-estimate .estimate-amount{
  color: #00bc17 !important; /*Green color*/
  font-size: 38px;
  display: initial;
  margin-top: 10px;
  display: inline;
  line-height: 55px;
  font-weight: bold;
  }
.request-estimate .description{
  margin-top: 10px;
  display: block;
  }
/*=========request-customer-detail=========*/
/*=========Driver-Request-Detail=========*/
.quantity-dropd label{margin-left: 20px;}
.content-flyout .left-section{
  position: absolute;
  width: 50%;
  border-right: 1px solid #ddd;
  background: #fff;
  overflow: hidden;
  }
.content-flyout .right-section{
  width: 50%;
  left: 50%;
  position: absolute;
  }
.container-flyout .content-wrap {
  width: 100%;
  height: 100%;
  margin-bottom: 0px;
  }
.container-flyout .content-flyout {
  position: relative;
  height: 100%;
  }
.model-fullsize .container-flyout .content-flyout::before {
  position: fixed;
  }
.model-fullsize .container-flyout {
  overflow: hidden;
  }
.route-waiting-popup .view-request{ height: 490px;}
.route-waiting-popup .tabbing-complaint-data{padding: 0 !important;}
.route-waiting-popup .modal-dialog{overflow: inherit !important;}
.route-waiting-popup input[type="checkbox"]:checked + .toggle label {
    border: 8px solid #4cd964 !important;
}
.route-waiting-popup .left-section{height: 100% !important;}
.route-waiting-popup .clock-dial-bg{position: inherit !important; border: 1px solid #ccc !important; margin-top:-35px !important;}
.route-waiting-popup .coutndown-wrapper-time{font-size: 16px !important;}
.route-waiting-popup .view-request{position: inherit !important;   }
.route-waiting-popup .content-wrap{overflow: inherit !important;}
.route-waiting-popup .modal-content{height: auto !important;}
.route-waiting-popup .view-request .two-eta-option{margin: 50px 0px 5px 0px !important;  border: 1px solid #dddddd !important;}
.container-flyout .menu-wrap .icon-after-picked ul li small{
  top: -4px;
  right: 36px;
  background: #ff0000;
  color: #FFF;
  }
.container-flyout .content-flyout::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
  transition: opacity 0.3s, transform 0s 0.3s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  }
.container-flyout .menu-button {
  position: absolute;
  background: rgba(0,0,0);
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  bottom: 0;
  z-index: 99999;
  margin: 1em;
  padding: 0;
  width: 3.25em;
  height: 3.25em;
  border: none;
  color: #FFF;
  line-height: 3.9em;
  text-align: center;
  }
a.menu-button{text-decoration: none;cursor: pointer;}
.container-flyout .menu-button i{
  font-size: 2em;
  padding-top: 6px;
  }
.container-flyout .menu-button i.icofont-close, .show-menu .container-flyout .menu-button i.icofont-arrow-up{
  display: none;
  }
.show-menu .container-flyout .menu-button i.icofont-close, .container-flyout .menu-button i.icofont-arrow-up{
  display: block;
  }
.container-flyout .menu-button span {
  display: none;
  }
.container-flyout a.menu-button:hover {
  opacity: 1;
  text-decoration: none;
  }
.container-flyout .menu-wrap {
  position: absolute;
  z-index: 9999;
  background: transparent;
  -webkit-transition: width 0.3s, height 0.3s;
  transition: width 0.3s, height 0.3s;
  width: 0;
  height: 0;
  font-size: 14px;
  bottom: 1em;
  left: 1em;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  display: none;
  }
.container-flyout .icon-after-picked{
  color: #FFF;
  text-align: center;
  margin-bottom: 45px;
  }
.container-flyout .icon-after-picked .circle-icon{
  width: auto;
  background: transparent;
  border: none;
  outline: none;
  }
.container-flyout .icon-after-picked .circle-icon i{
  float: left;
  color: #000000;
  width: 40px;
  height: 40px;
  background: #FFF;
  line-height: 40px;
  font-size: 1.4rem;
  line-height: 38px;
  padding: 0;
  margin: 0 5px 0px 0px;
  display: inline-block;
  border: none;
  position: relative;
  border-radius: 50%;
  }
.container-flyout .icon-after-picked .text{
  float: left;
  padding: 8px 0px 8px 3px;
  }
.container-flyout .icon-after-picked li{
  padding: 0 0 1px 5px;
  text-align: left;
  }
.container-flyout .close-button {
  width: 1em;
  height: 1em;
  position: absolute;
  right: 1em;
  top: 1em;
  overflow: hidden;
  text-indent: 1em;
  border: none;
  background: transparent;
  color: transparent;
  }
.container-flyout .close-button::before,
.container-flyout .close-button::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  left: 50%;
  background: #b8b7ad;
  }
.container-flyout .close-button::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }
.container-flyout .close-button::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
.container-flyout .menu {
  height: 100%;
  opacity: 0;
  font-size: 0.65em;
  color: #64697d;
  text-align: right;
  }
.container-flyout .profile {
  display: inline-block;
  line-height: 42px;
  font-weight: 700;
  padding: 1em;
  }
.container-flyout .profile img {
  float: right;
  border-radius: 50%;
  margin-left: 10px;
  }
.container-flyout .link-list {
  padding: 1.35em 0;
  margin: 0 0.75em;
  border-bottom: 3px solid rgba(125,129,148,0.2);
  border-top: 3px solid rgba(125,129,148,0.2);
  }
.container-flyout .link-list a {
  display: block;
  margin: 0.25em 0;
  color: #7d8194;
  padding: 0.5em 1.5em;
  }
.container-flyout .link-list a:hover,
.container-flyout .link-list a:focus {
  color: #64697d;
  }
.container-flyout .link-list a span {
  margin-left: 10px;
  font-weight: 700;
  vertical-align: middle;
  }
.container-flyout .icon-list {
  position: absolute;
  right: 1em;
  bottom: 0.9em;
  }
.container-flyout .icon-list a {
  font-size: 1.5em;
  margin-left: 0.25em;
  color: rgba(125,129,148,0.5);
  }
.show-menu .container-flyout .content-flyout::before {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  }  
.show-menu .container-flyout .menu-wrap {
  width: 50%;
  height: auto;
  min-height: 100px;
  min-width: 50%;
  -webkit-animation: anim-jelly 0.8s linear forwards;
  animation: anim-jelly 0.8s linear forwards;
  display: block;
  }
.show-menu .container-flyout .menu {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.3s;
  transition: opacity 0.3s 0.3s;
  }
.content-wrap-route {
  overflow: hidden;
  width: 100%;
  height: 100%;
  }
.container-flyout-route .content-wrap-route {
  -webkit-overflow-scrolling: touch;
  }
.container-flyout-route .content-flyout-route {
  position: relative;
  height: 100%;
  }
.model-fullsize .container-flyout-route .content-flyout-route::before {
  position: fixed;
  }
.model-fullsize .container-flyout-route {
  overflow: hidden !important;
  }
.container-flyout-route .menu-wrap-route .icon-after-picked ul li small{
  top: -4px;
  right: 36px;
  background: #ff0000;
  color: #FFF;
  }
.container-flyout-route .content-flyout-route::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
  transition: opacity 0.3s, transform 0s 0.3s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  }
  /* Menu Button */
.container-flyout-route .menu-button-route {
  position: absolute;
  background: #34aa54;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  bottom: 0;
  z-index: 99999;
  margin: 1em;
  padding: 0;
  width: 3.25em;
  height: 3.25em;
  border: none;
  color: #FFF;
  line-height: 3.9em;
  text-align: center;
  }
a.menu-button-route{text-decoration: none;cursor: pointer;}
.container-flyout-route .menu-button-route i{
  font-size: 2em;
  padding-top: 6px;
  }
.container-flyout-route .menu-button-route i.icofont-close, .open-menu .container-flyout-route .menu-button-route i.icofont-arrow-up{
  display: none;
  }
.open-menu .container-flyout-route .menu-button-route i.icofont-close, .container-flyout-route .menu-button-route i.icofont-arrow-up{
  display: block;
  }
.container-flyout-route .menu-button-route span {
  display: none;
  }
.container-flyout-route a.menu-button-route:hover {
  opacity: 1;
  text-decoration: none;
  }
  /* Menu */
.container-flyout-route .menu-wrap-route {
  position: absolute;
  z-index: 9999;
  background: transparent;
  -webkit-transition: width 0.3s, height 0.3s;
  transition: width 0.3s, height 0.3s;
  width: 0;
  height: 0;
  font-size: 14px;
  bottom: 1em;
  left: 1em;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  display: none;
  }
.container-flyout-route .icon-after-picked{
  color: #FFF;
  text-align: center;
  margin-bottom: 45px;
  }
.container-flyout-route .icon-after-picked .circle-icon{
  width: auto;
  background: transparent;
  border: none;
  outline: none;
  }
.container-flyout-route .icon-after-picked .circle-icon i{
  float: left;
  color: #4285f4;
  width: 40px;
  height: 40px;
  background: #FFF;
  line-height: 40px;
  font-size: 1.4rem;
  line-height: 40px;
  padding: 0;
  margin: 0 5px 0px 0px;
  display: inline-block;
  border: none;
  position: relative;
  border-radius: 50%;
  }
.container-flyout-route .icon-after-picked .text{
  float: left;
  padding: 8px 0px 8px 3px;
  }
.container-flyout-route .icon-after-picked li{
  padding: 0 0 1px 5px;
  text-align: left;
  }
.container-flyout-route .close-button-route {
  width: 1em;
  height: 1em;
  position: absolute;
  right: 1em;
  top: 1em;
  overflow: hidden;
  text-indent: 1em;
  border: none;
  background: transparent;
  color: transparent;
  }
.container-flyout-route .close-button-route::before,
.container-flyout-route .close-button-route::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  left: 50%;
  background: #b8b7ad;
  }
.container-flyout-route .close-button-route::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }
.container-flyout-route .close-button-route::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
.container-flyout-route .menu {
  height: 100%;
  opacity: 0;
  font-size: 0.65em;
  color: #64697d;
  text-align: right;
  }
.container-flyout-route .profile {
  display: inline-block;
  line-height: 42px;
  font-weight: 700;
  padding: 1em;
  }
.container-flyout-route .profile img {
  float: right;
  border-radius: 50%;
  margin-left: 10px;
  }
.container-flyout-route .link-list {
  padding: 1.35em 0;
  margin: 0 0.75em;
  border-bottom: 3px solid rgba(125,129,148,0.2);
  border-top: 3px solid rgba(125,129,148,0.2);
  }
.container-flyout-route .link-list a {
  display: block;
  margin: 0.25em 0;
  color: #7d8194;
  padding: 0.5em 1.5em;
  }
.container-flyout-route .link-list a:hover,
.container-flyout-route .link-list a:focus {
  color: #64697d;
  }
.container-flyout-route .link-list a span {
  margin-left: 10px;
  font-weight: 700;
  vertical-align: middle;
  }
.container-flyout-route .icon-list {
  position: absolute;
  right: 1em;
  bottom: 0.9em;
  }
.container-flyout-route .icon-list a {
  font-size: 1.5em;
  margin-left: 0.25em;
  color: rgba(125,129,148,0.5);
  }
.open-menu .container-flyout-route .content-flyout-route::before {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  }  
.open-menu .container-flyout-route .menu-wrap-route {
  width: 50%;
  height: auto;
  min-height: 100px;
  min-width: 50%;
  -webkit-animation: anim-jelly 0.8s linear forwards;
  animation: anim-jelly 0.8s linear forwards;
  display: block;
  }
.open-menu .container-flyout-route .menu {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.3s;
  transition: opacity 0.3s 0.3s;
  }
  /* Generated with Bounce.js. Edit at http://goo.gl/PJ93gs */
  @-webkit-keyframes anim-jelly { 
  0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% { -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% { -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% { -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% { -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% { -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% { -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% { -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% { -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% { -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% { -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% { -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% { -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% { -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% { -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% { -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% { -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% { -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% { -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% { -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% { -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% { -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% { -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% { -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% { -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);} 
  }
  @keyframes anim-jelly { 
  0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% { -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% { -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% { -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% { -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% { -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% { -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% { -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% { -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% { -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% { -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% { -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% { -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% { -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% { -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% { -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% { -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% { -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% { -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% { -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% { -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% { -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% { -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% { -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% { -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);} 
  }
/*======== Flyout Menu End ========*/
.back-restrict .blinking-text {
  margin: 0 auto;
  font-size: 14px;
  float: none;
  display: block;
  text-transform: capitalize;
  font-weight: 600;
  }
.blinking-text {
  float: left;
  font-size: 1.4rem;
  color: #ff0000;
  margin: 5px 0!important;
  animation-name: flash;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  padding-top: 10px;
  }
.cancle-reasons{
  padding: 0px 10px;
  background: #fff;
  border-right: 1px solid #ddd;
  }
.cancle-reasons h5{
  font-size: 1.5em;
  color: #000;
 }
.request-customer-detail .cancle-reasons .list-unstyled li .cencel-req-desc, 
.request-form .cancle-reasons .list-unstyled li .cencel-req-desc{
  padding-right: 5px;
  word-break: break-all;
  }
.modal-content .request-accept-detail-panel .left-section .cancle-reasons{
  max-height: 510px;
  }
.cancle-reasons .reason-desc input, 
.cancle-reasons .reason-desc textarea{
  font-size: 1.2rem !important;
  }
.cancle-reasons li{
  padding: 5px 0px;
  border-bottom: 1px solid #cccccc;
  }
.cancle-reasons li label{
  font-size: 15px;
  color: #191919;
  font-weight: 600;
  height: auto;
  font-size: 1.2em;
  }
.cancle-reasons .cancle-reason-desc{
  padding: 10px 0px;
  min-height: 150px;
 }
.cancle-reasons .cancle-reason-desc span{
  width: 100%;
  display: block;
  color: #4285f4;
  font-weight: normal;
  margin-bottom: 5px;
  font-size: 1.3em;
  }
.cancle-reasons textarea{
  background: #fff;
  border: 1px solid #DDD;
  outline: none !important;
  width: 100%;
  padding: 10px;
  font-size: 1.4rem;
  }
.cancle-reasons .input-icon textarea{
  max-height: 80px;
    overflow: auto;
    overflow-x: hidden;
    resize: none;
  }
.cancle-reasons textarea::placeholder{
  font-style: italic;
  color: #7b7b7b;
  }
.cancle-reasons .reason-desc strong{
  font-size: 16px;
  color: #2a2a2a;
  }
.pro-arrived-left{
  margin-top: 10px;
  text-align: center;
  color: #000;
  font-size: 1.4em;
  }
.request-form .eta-option-wrap{
  background: #fff;
  margin: 25px 0px;
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  }

  .cj-scop-work{margin: 25px 0px;
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);}
.request-form .eta-option-wrap small{  
  font-size: 14px;
  color: #a4a4a4;
  }
.view-request{
  background: #f4f4f4;
  }
.view-request .two-eta-option {
  padding: 5px 20px 5px 20px;
  display: inline-block;
  width: 100%;
  margin: 60px 0px 20px 0px;
  position: relative;
  }
 .view-request .two-eta-option .coutndown-wrapper-time{
  font-size: 22px !important;
  }
 .content-wrap .view-request .two-eta-option .coutndown-wrapper-time{
  font-size: 22px !important;
  }
.view-request .two-eta-option ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  }
.view-request .heading-title {
  padding: 10px 0px;
  margin: 0 auto;
  display:block;
  background: #000 !important;
  color: #fff;
  font-size: 1.5rem;
  text-transform:capitalize;
  font-weight: 600;
  text-align: left;
  padding-left: 25px;
  }
.view-request .two-eta-option .col-xs-6 ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  }
.view-request .two-eta-option .col-xs-6 li{
  background-color:#fff;
  text-align:center;
  margin-bottom:4px;
  border:1px solid #dddddd;
  display: inline-block;
  float: left;
  width: 100%;
  }
.view-request .two-eta-option li .heading {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  padding-top: 4px;
  margin: 10px 0px;
  }
.view-request .two-eta-option li .heading span{
  font-size: 16px;
  }
.view-request .two-eta-option li .heading small {
  font-size: 14px;
  color: #a4a4a4;
  }
.view-request .two-eta-option img{
  height:70px;
  width:70px;
  border-radius:50%;
  margin-top: -35px;
  object-fit: cover;
  object-position: center center;
  }
 .content-wrap .view-request .two-eta-option .clock-dial-bg{
  background-image:none;
  background-color:#fff;
  margin:0 auto;
  border-radius:50%;
  background-size:70px 70px;
  height:70px;width:70px;
  padding:0;
  position: relative;
  right: 30px;
  }
  .profile-box .col-md-3{background-color: transparent !important;}
.view-request .two-eta-option .clock-dial-bg .coutndown-wrapper-time{font-weight:700; color: #000 !important; width:70px; height: 70px;}
.view-request .two-eta-option h5{font-size:14px;margin-bottom:0;color:#fff;font-weight:400;margin-top:5px}
.tabbing-complaint .eta-circle{border-radius: 0 background-color:#000 !important;}
.view-request .tabbing-complaint a{
  background: #fff;
  color: #000;
  border: 1px solid #dddddd;
  display: inline-block;
  width: 100%;
  margin-right: 0px;
  }
.view-request .tabbing-complaint a:hover, 
.view-request .tabbing-complaint a.active{
  background: #000;
  color: #fff;
  }
.view-request .three-menu{
  padding: 5px 35px;
  }
.view-request .three-menu .eta-options.bordered{
  padding: 0;
    margin: 0 5px;
    display: inline-block;
    width: 99%;
    margin-top:10px;
  }
.view-request .three-menu .eta-options.bordered ul li{
  width: 50%;
  }
.view-request .three-menu .eta-options.bordered .heading{
  font-size: 1.8rem
  }
.tabbing-complaint-data .cust-name{
  font-size: 2.2rem;
  color: #000;
  font-weight: 600;
  }
.tabbing-complaint-data .popup-pro-pic{/*width: 140px !important;height: 130px !important*/}
.tabbing-complaint-data .eta-circle{width: 80px;  height: 80px;}
.request-popup .request-cancelled div{padding: 10px;}
.tabbing-complaint-data .phone-cal{
  font-size: 20px;
  margin-bottom: 5px;
  color:#000;
  }
.tabbing-complaint-data{
  text-align: center;
  padding: 5px 25px 10px !important;
  }
.tabbing-complaint-data .driver-address{
  color: #4c4c4c;
  font-size: 16px;
  }
.request-detail .driver-address,
.request-detail .driver-service,
.request-detail .driver-date{
  line-height: 22px;
  font-weight: 400;
  color: #000;
  padding: 10px;
  margin-bottom: 10px;
  }
.clock-dial-bg{
  background:url(../images/clock-bg.jpg);
  height:116px;
  margin:0 auto 15px;
  width:116px;
  padding:29px;
  }
.clock-dial-bg .coutndown-wrapper-time{
  font-weight: 600;
  font-size: 14px !important; 
  font-family: sans-serif;
  color: rgb(233,67,53) !important;
  border-radius: 50%;
  }
.doc-details{
  position: relative;
  margin-bottom: 50px;
  }
 .content-box.doc-details:empty{display: none;}
.request-popup-new-design .doc-details{
  margin-bottom: 0px;
  }
.doc-details .top-box{
  padding: 25px 15px;
  position: relative;
  margin-bottom: 20px !important;
  }
.doc-details .profile-pic {
  position: absolute;
    z-index: 1;
    top: -50%;
    left: 50%;
    width: 125px;
    border-radius: 50%;
    height: 125px;
    overflow: hidden;
    transform: translate(-50%, -10%);
}
.pro-detail-tabs .col-md-3 ul li:first-child{border:1px solid #e1e1e1; border-bottom: 1px solid #fff;}
.pro-detail-tabs .col-md-3 ul li:last-child{border:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1 !important;border-top: 1px solid #fff;}
.pro-detail-tabs .panel-primary{border-bottom: 1px solid #fff !important;}
.pro-detail-tabs .nav-tabs>li.active>a{border:0; margin: 0; color:#000 !important;}
.pro-detail-tabs .nav-tabs>li{float: none; text-align: left; color:#000; border-bottom: 1px solid #fff !important; }
.pro-detail-tabs .nav-tabs{background-color: #e1e1e1;}
.pro-detail-tabs table td{white-space: nowrap;}
.pro-detail-tabs .nav-tabs>li>a{color:#000; margin-right: 0; font-weight: 600; padding: 15px;     font-size: 16px;}
.pro-detail-tabs .col-md-3 i{width: 22px;}
.adres{display: block; width: 100%;  float: left;  text-align: left;
    margin-top: 8px;  color: #000; font-size: 16px;
    font-weight: 600;     left: 20px; position: relative;}
.adres i{width: 20px; font-size: 20px;}
/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}
/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}
.cust-nam-wraper i{font-size: 20px !important;}
/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 300px;
}
.pro-detail-tabs tr td{text-align: left !important; font-size: 16px !important;}
.pro-detail-tabs .table-responsive{width: 98%;}
.pro-detail-tabs .tab-content .active{color: #000; text-align: left;line-height: 30px;  padding-left: 20px;}
.rb-pro-pic{float: left !important;}
.r-by h4{font-weight: bold; margin-top: 0;}
.pro-detail-wraper{top: 0;}
.pro-detail-wraper .day-time{float: right; color:#000; font-size: 20px;}
.pro-detail-wraper .top-box{margin-bottom: 0 !important; padding-bottom: 0;}
.pd-top-right {font-size: 30px; /*position: relative;*/ top: 8px;}
.rbd-counters .counter i{margin-left: 5px; font-size: 24px;}
.border-bottom{border-bottom: 1px solid #000;}
.rh-dates span{width: 100%; font-size: 16px;}
.rh-edit{color:#000; font-size: 24px;}
.rh-edit:hover{color:#000;}
.rh-dates span i{font-size: 20px; margin-right: 5px;}
.rh-contents a i{color:#000; font-size: 24px;}
.rh-contents p{color:#000; line-height: 30px;}
.rh-contents h3{color:#000;margin-top: -15px;font-size: 20px;font-weight: 600;}
.rh-contents label{margin-bottom: 20px;}
.tag-in{width: 100% !important;}
.rh-contents .text-capitalize strong{line-height: 28px; font-weight: normal;}
.pro-detail-tabs .top-trans-section span{font-weight: normal;}
.rh-contents .col-sm-10 p{word-break: break-all;}
.rbd-counters .counter{min-height: auto !important; height: 135px; margin: 10px 0 !important; padding: 30px 20px !important;}
.rbd-counters .counter span{font-size: 18px !important; line-height: 30px;}
.pro-detail-tabs .tab-content{background-color: transparent !important; padding-right:20px;box-shadow: none !important; -webkit-box-shadow:none !important;}
.cust-nam-wraper .cust-name{text-align: left !important; margin-top:10px !important;}
.pd-right-sidebar .panel-body{text-align: left; font-size: 15px;}
.ss-counters h3 span:first-child{font-weight: bold;  font-size: 28px !important; font-size: 28px; color:#fff;}
.pd-right-sidebar .participants-list ul{padding-left: 12px; text-align: left;}
.pd-right-sidebar .participants-list ul li:first-child div{font-weight: bold; font-size: 18px;}
.pd-right-sidebar .participants-list ul li:last-child{padding-bottom: 5px;}
.pd-right-sidebar .participants-list ul li div{font-size: 16px;}
.pd-right-sidebar .comment-btn{float: left; margin-top:5px;}
.pd-right-sidebar .separator-new p{font-size: 16px; font-style: normal;}
.pd-right-sidebar .separator span{font-size: 13px;}
.pd-right-sidebar .separator .yesterday{font-size: 13px;}
.cust-nam-wraper .datetime{float: left;}
.cust-nam-wraper{float: left; margin-left: 12px; width: 32%;}
.pro-detail-wraper .profile-pic{transform: inherit; position: inherit; left: 0;}
.pd-top-right span{font-weight: normal; text-align: right;display: inherit;font-size: 19px;margin-bottom: 15px;color: #000;}
span.wo{width: 100%;font-size: 28px;white-space: nowrap;margin-top: 22px;font-weight: 600;}
.doc-details .profile-pic img {}
.doc-details .top-box .cust-name{color: #000;font-size: 2rem;font-weight: bold;margin-bottom: 2px;text-align: center;
  margin-top: 20px;display: inline-block;width: 100%;}
.doc-details .top-box .datetime{color: #0e0e0e;font-size: 1.2rem;font-weight: normal;text-align: left;
 display: inline-block;margin-top: 10px;}
.doc-details .content-box{
   -webkit-box-shadow: 0px 0px 5px 0px rgba(224,221,224,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(224,221,224,1);
  box-shadow: 0px 0px 5px 0px rgba(224,221,224,1);
 font-weight: normal;
 font-size: 1.4;
 margin: 3px 0px;
  }
  .doc-details .content-box .box-sec{    -webkit-box-shadow: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    top: -7px;box-shadow: none !important; -webkit-box-shadow:none !important;}

.doc-details .content-box i{position: inherit;}
.doc-details .content-box label{
  color: #000;
  display: block;
  margin-bottom: 5px;
  font-size: 1.4rem;
  font-weight: bold;
  }
.doc-details .content-box .box-detail{
  color: #0e0e0e;
  position: relative;
  top: 5px;
  float: left;
  width: calc(100% - 70px);
  font-size: 1.2rem;
  min-height: 60px;
  }
.doc-details .content-box i{
  color:#000;
  font-size: 24px;
  background: #f4f4f4;
  padding: 20px 15px;
  margin-right: 10px;
  float: left;
  }
.doc-details .content-box .reschedule-history-hide-show-btn, 
.doc-details .content-box .service-questions-hide-show-btn,
.doc-details .content-box .special-instruction-hide-show-btn{
    position: absolute;
    right: 0;
    top: 10px;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #e2e8f1;
    background: #f4f4f4;
    font-size: 20px;
    color: #e94335;
    width: 30px;
    height: 30px;
    transition: all .3s;
  }
.doc-details .content-box .service-questions-hide-show-btn i, 
.doc-details .content-box .reschedule-history-hide-show-btn i,
.doc-details .content-box .special-instruction-hide-show-btn i{
  position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    color: #0009;
    background: none;
    font-size: 24px;
    cursor: pointer;
    transition: all .3s;
  }
/*=========Driver-Request-Detail=========*/
/*=========Reschedule=========*/
.reschedule-request{
 padding: 10px;
 background: #fff;
 min-height: 440px;
 }
.reschedule-request .re-date .title{
 display: block;
 font-weight: normal;
 margin: 10px 0px;
 color: #000;
 }
.reschedule-request .re-date span{
  width: 100%;
 float: left;
 margin: 5px;
 font-size: .9em;
 color: #000;
  font-weight: 600;
  }
.reschedule-request .comment{
  height: 175px;
 overflow-y: auto;
 float: left;
 width: 100%;
 font-weight: 600;
 padding: 5px;
 margin-top: 27px;
  }
.reschedule-request .comment h4{
  color: #000;
  font-weight: 600;
  font-size: 1.4em;
  }
.request-rescheduled-btn{
  margin: 10px auto;
  text-align: center;
  width: 100%;
  }
.pb-wraper .description{resize: none;}
.image-edit{display: flex !important;}
.reschedule-request .reason-text{
 font-size: 1.4rem;
 line-height: 21px; 
  font-weight: normal;
  color:#000;
  }
.request-rescheduled-btn button, 
.request-rescheduled-btn a{
  font-size: 1.8rem;
  }
/*=========Reschedule=========*/
.doc-details .content-box .box-detail {
  color: #0e0e0e;
  top: 0;
  width: 100%;
  background: #FFF;
  position: relative;
  padding: 14px 20px 18px 0;
  }
  .doc-details .content-box .xs-fullwidth{padding-left: 0 !important;}
.doc-details .content-box .box-detail-wrap {
  padding-left: 60px;
  }
.doc-details .content-box {
   -webkit-box-shadow: 0px 0px 5px 0px rgba(224,221,224,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(224,221,224,1);
  box-shadow: 0px 0px 5px 0px rgba(224,221,224,1);
  font-weight: normal;
  font-size: 14px;
  margin: 0 0 -1px 0;
  padding-top: 10px;
  background: #fff;
  float: left;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
  }
.doc-details .content-box i {
  z-index: 1;
  color: #000;
  font-size: 24px;
  position: absolute;
  background: #f4f4f4;
  padding: 0;
  margin-right: 0;
  top: 30px;
  left: 18px;
  transform: translate(0% , -50%);
  }
/*----Switch Button Made By BASANT----*/
.switch {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 15px;
  }
.switch input {display:none;}
.toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
  margin: auto;
  width: 51px;
  height: 31px;
}
.toggle label,
.toggle i {
  box-sizing: border-box;
  display: block;
  background: #E4E4E4;
}
.toggle label {
  width: 51px;
  height: 26px;
  border-radius: 32px; 
  border: 2px solid #e5e5e5;
  transition: all 0.30s ease;
  margin-bottom: 0px;
  }
.toggle i {
  position: absolute;
  top: 2px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 28px;
  box-shadow: 0 0 1px 0 rgba(0,0,0, 0.25),
              0 3px 3px 0 rgba(0,0,0, 0.15);
  background: #ffffff;
  transition: all 0.3s cubic-bezier(0.275, -0.450, 0.725, 1.450);
}
input[type="checkbox"]:active + .toggle i {
  width: 35px;
}
input[type="checkbox"]:active + .toggle label,
input[type="checkbox"]:checked + .toggle label {
  border: 13px solid #4cd964;
}
input[type="checkbox"]:checked + .toggle i {
  left: 27px;
}
input[type="checkbox"]:checked:active + .toggle label {
  border: 13px solid #e5e5e5;
}
input[type="checkbox"]:checked:active + .toggle i {
  left: 14px;
}
/*----Close Switch Button Made By BASANT----*/
.select-group-user ul li {
  padding: 0px;
  position: relative;
  border: none;
  margin: 0 7px 0 0;
  }
/*=========Chat=========*/
/*=========Notification-List=========*/
.notification-list{}
ul.notification-list{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
ul.notification-list li{
  float: left;
  width: 100%;
  padding:10px;
  border-bottom: 1px solid #ccc;
  }
.notification-list .date{
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  padding: 5px 0px;
  color: rgb(255, 0, 0);
  }
.notification-list .action-icons a{
  font-size: 16px;
  text-align: right;
  font-weight: 600;
  margin-left: 3px;
  text-decoration: none;
  }
.list-style li .action-icons{margin-left: 15px;}
.notification-list .action-icons a:hover{
  text-decoration: none;
  }
.notification-list .action-icons a:nth-child(1){
  background: #e94335;
  color: #fff;
  padding: 3px 5px;
  }
.notification-list .action-icons a:nth-child(2){
  background: #4285f4 !important;
  color: #fff;
  padding: 3px 5px;
  }
.notification-list .notification-details .title{
  font-size: 16px;
  color: #4285f4 !important;
  display: block;
  }
/*=========Notification-List=========*/
/*=========Switch-to-company=========*/
.switch-company .bkg-gray{
  float: left;
  width: 100%;
  padding:50px 0;
  margin-top: 5px;
  }
.switch-company .radio-wrap{
  float: left;
  width: 100%;
  }
.switch-company .radio-wrap input{
  opacity: 0 !important;
  position: relative;
  }
.switch-company .radio-wrap label{
  background: transparent;
  text-align: center;
  float: left;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-top: 30px;
  }
.switch-company .radio-wrap label span{
  background: #ddd;
  color: #252525;
  padding: 10px 15px;
  margin: 10px 0px;
  display: inline-block;
  }
.switch-company .radio-wrap i{
  font-size: 100px;
  margin-bottom: 20px;
  margin-left: -15px;
  background: #252525;
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  padding: 15px 25px;
  } 
.switch-company .radio-wrap input[type=radio] + label::after, 
.switch-company .radio-wrap input[type=radio] + label::before{
  opacity: 0 !important;
  }
.switch-company .radio-wrap input[type=radio]:checked + label{
  padding-left: 0px;
  }
.switch-company .radio-wrap input[type=radio]:checked + label span{
  background: #4285f4;
  color: #fff;
  padding: 10px 15px;
  margin: 10px 0px;
  display: inline-block;
  }
.switch-company .radio-wrap input[type=radio]:checked + label + i{
  margin-left: -15px;
  background: #4285f4;
  color: #fff;
  }
.switch-company .radio-wrap input[type=radio]:checked + label::after, 
.switch-company .radio-wrap input[type=radio]:checked + label::before{
  opacity: 0 !important;
  }
.switch-company a.show-company-map{
  position: absolute;
  right: 30px;
  top: 33px;
  z-index: 9;
  }
.switch-company .show-company-map{
  position: absolute;
  right: 10px;
  top: 33px;
  z-index: 9;
  }
.page-form .form-group input[type=text]{
  position: relative;
  }
.page-form .form-group label{
  font-size: 15px;
  color: #252525; 
  }
.error_custom{
  color: #e94335 !important;
  }
/*=========Switch-to-company=========*/
.top-section-open-call {
  background: #ffffff;
  margin-bottom: 15px;
  padding-top: 15px;

  }
.top-section-open-call #accordion {
  padding: 10px 50px 0px 20px !important;
  background: #3b5999;
  }
 .top-section-open-call .panel-group{
  margin-left: -10px;
  margin-right: -10px;
  }
.top-section-open-call .panel-collapse{
  position: absolute;
  z-index: 100;
  background: #FFF;
  border: 1px solid #DDD;
  box-shadow: 0 6px 15px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 0;
  }
.pay-form-popup .panel-collapse{padding:20px 0; }
.pay-form-popup .check-new p.text-center{margin-top:10px;}
.top-section-open-call .col-md-12.col-xs-12{
  margin-bottom: 10px;
  border-radius: 0 !important;
  box-shadow: 0px -1px 3px #ccc;
  height: 100px;
  display: inline-block;
  padding-top:0 !important;
  }
.top-section-open-call .clock-dial-bg{
  position: absolute;
  top: 9px;
  left: 9px;
  background: none;
  width: auto;
  padding: 0;
    }
.top-section-open-call .owl-item .item{
  float: left;
  width: 100%;
  }
.top-section-open-call .owl-carousel .owl-item.active{
  overflow: hidden;
  }
.top-section-open-call .owl-item .item .job-events-list-box .panel-title {
  padding: 0px 10px !important;
  color: #2a2a2a;
  font-size: 18px !important;
  font-weight: bold;
  }
.top-section-open-call .job-events-list-box.panel .panel-heading .panel-title .actionLink {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 15px;
  color: 999;
  width: 100%;
  text-align: right;
  }
.top-section-open-call .job-events-list-box.panel .panel-heading .panel-title .actionLink i{
  display: inline-block;
  padding: 0 5px 0 0px;
  }
.top-section-open-call .panel-group .panel .panel-heading{
    padding: 22px 5px 4px 95px !important;
    height: 100%;
    }
.top-section-open-call .job-events-list-box.panel .panel-heading .panel-title div{
  margin-top: 7px;
  font-weight: 400;
  font-size: 13px;
  height: 30px;
  overflow: hidden;
  color: #666;
  }
.top-section-open-call .job-events-list-box .address, 
.top-section-open-call .job-events-list-box .service{
  padding: 0px 10px;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  font-size: 1.180rem;
  }
 .top-section-open-call .job-events-list-box .service{
  color: #e94335;
    font-weight: 600;
  }
 .top-section-open-call .job-events-list-box .service:before{
  content: "\f013";
  font-family: FontAwesome;
  font-size: 16px;
  margin-right: 3px;
  margin-left: -2px;
  }
 .top-section-open-call .job-events-list-box .address:before{
  content: "\f041";
  font-family: FontAwesome;
  font-size: 16px;
  margin-right: 5px;
  }
 .image-edit .vendor-category-list-box .action-box .edit-vendor{
  display: block;
  margin: 5px 0;
  top: 0;
  }
.edit-vendor-wrap{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
.image-edit img{
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  object-position: center center;
    }
.listing-new li .image-edit label {
  padding: 0 !important;
  width: 100%;
  text-align: center;
  margin: 0;
  text-transform: capitalize;
  }
.image-edit .vendor-category-list-box{
  height: 120px;
  width: 120px;
  }
 .image-edit .vendor-category-list-box .certificate-title{
  line-height: 30px;
  text-align: left;
  padding: 6px 0px;
  text-transform: capitalize;
  color: #333;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 45px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  }
.top-section-open-call #accordion{padding: 0px 50px;}
.top-section-open-call .owl-carousel .owl-nav{
  position: relative;
  }
.top-section-open-call .owl-carousel .owl-nav .owl-prev, 
.top-section-open-call .owl-carousel .owl-nav .owl-next{
  position: absolute;
  font-family:IcoFont !important;
  font-size: 50px;
  }
.top-section-open-call .owl-carousel .owl-nav .owl-prev{
  top: -65px;
  left: -45px;
  opacity: .6;
  }
.top-section-open-call .owl-carousel .owl-nav .owl-next{
  top: -65px;
  right: -45px;
  opacity: .6;
  }
#map-view .company-offcanvas{
  padding: 0px 10px;
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
  }
.company-offcanvas .row-offcanvas-left .panel-title{
  padding: 13px 5px;
  display: inline-block;
  overflow: hidden;
  width: calc(100% - 90px);
  }
.company-offcanvas .row-offcanvas-left.active .panel-title span{
  display: none;
  }
#map-view .row-offcanvas-left .technician-location-list, 
#map-view .row-offcanvas-left.active .technician-location-list{
  background: #fff;
  display: block;
    width: 99%;
  }
  #map-view{padding-bottom: 0 !important;}
#map-view .company-offcanvas .row-offcanvas-left.active .sidebar-offcanvas {
    width: 70px;
    transition: all .25s ease-out;
    padding-right: 0px;
  }
#map-view .company-offcanvas .row-offcanvas-left.active .map-full{
  width: calc(100% - 70px);
  float: left;
  transition: all .25s ease-out;
  }
.srerching-list .status{color: #333;font-size: 1.150rem;}
.srerching-list .status .pro-login-logout{display: block;position:relative;left:0px;padding-left: 50px;top:-2px;font-weight:600;line-height: normal;}
#map-view .row-offcanvas .toggle-menu{float: left;}
#map-view .row-offcanvas-left .srerching-list ul li .overflow-hidden,
#map-view .row-offcanvas-left .srerching-list ul li .abs{
  opacity: 1;
  transition: all 1s ease-out;
  }
.srerching-list ul li .overflow-hidden {
  overflow: hidden;
  margin-right: 30px;
  line-height: 16px;
  width: 73%;
  }
#map-view .row-offcanvas-left.active .srerching-list ul li .overflow-hidden,
#map-view .row-offcanvas-left.active .srerching-list ul li .abs{
  opacity: 0;
  display: none;
  transition: all 1s ease-out;
  }
#map-view .row-offcanvas-left .sidebar-offcanvas {transition: all .25s ease-out;}
#map-view .row-offcanvas-left.active .sidebar-offcanvas {width: 70px; transition: all .25s ease-out; padding-right: 0px;}
#map-view .row-offcanvas-left.active .map-full {width: calc(100% - 70px); transition: all .25s ease-out;}
#map-view .row-offcanvas-left .inner-all,
#map-view .row-offcanvas-left.active .inner-all{padding: 0px;}
#map-view .row-offcanvas-left .toggle label{transition: all .25s ease-out;}
#map-view .row-offcanvas-left.active .toggle label{transition: all .25s ease-out;border: 13px solid #4cd964;}
#map-view .row-offcanvas-left .srerching-list ul li .img-circle{
  position: relative;
  z-index: 10;
  width: 50px;
  height: 50px; 
  float: left;
  margin-right: 10px;
  }
#map-view .row-offcanvas-left .reload_employee_list{
  margin-left: 5px;
  font-size: 24px;
  margin-top: 8px;
  color: #8F8F8F;
  position: relative;
  right: 10px;
  }
#map-view .company-offcanvas .switch{
  position: relative !important;
  display: inline-block;
    width: 51px;
    height: 31px;
  }
#map-view .company-offcanvas .panel-heading .switch{
  top: 12px;
  } 
#map-view .company-offcanvas .panel-heading .switch .toggle{right: 0px;}
.srerching-list ul{
  min-height: calc(100vh - 241px) !important;
    max-height: calc(100vh - 241px) !important;
  }
.srerching-list ul li .img-circle .status-red{
  background: #ff0000;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  border: 1px solid #fff;
  }
.srerching-list ul li .img-circle .status-green{
  background: #69a527;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  border: 1px solid #fff;
  }
.srerching-list ul li .img-circle .status-yellow{
  background: #ffb300;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  border: 1px solid #fff;
  }
.srerching-list-collapse{

  }
.srerching-list-collapse a.car-icon{
  width: 100%;
  display: block;
  position: relative;
  text-align: right;
  color: #7e7c7c;
  }
.srerching-list-collapse a.car-icon i{
  position: relative;
  z-index: 9;
  font-size: 20px;
  }
.srerching-list-collapse .car-icon.collapsed i{
  transform: rotate(90deg);
  transition: all .3s;
  position: relative;
  right: 0px;
  top: 4px;
  }
.srerching-list-collapse .car-icon.show_truck i{
    transform: rotate(0deg);
    transition: all .3s;
    position: relative;
    right: 0px;
  }
.srerching-list-collapse .job-tracking-info.none{
  opacity: 0;
  display: none;
  -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }
.srerching-list-collapse .job-tracking-info{
    opacity: 1;
  display: block;
  -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
} 
-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  

.srerching-list-collapse .job-tracking-info .progress-line{
  width: calc(100% - 20px);
    left: 5px;
  }
.srerching-list-collapse .job-tracking-info .right-gap{
  width: 48%;
    float: left;
    font-size: 26px;
  }
.srerching-list-collapse .job-tracking-info .eta{
  width: 48%;
  margin-right: 0px;
  font-size: 26px;
  }
.srerching-list-collapse a.car-icon:before{
  content: '';
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0px;
  }
.srerching-list-collapse a.car-icon:after{
  content: '';
    border-bottom: 3px dashed #bdbdbd;
    width: 90%;
    position: absolute;
    top: 16px;
    left: 2px;
  }
.booking-board-search {
    background: #fff !important;
    /*padding: 6px 0px;*/
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 0px;
    height: auto;
  }
.booking-board-search .toggle-left-menu{
  float: left;
  width: 42px;
  margin-right: 8px;
  margin-bottom: 5px;
  }
.booking-board-search .col-md-12{
  width: calc(100% - 50px) !important;
  float: left;
  }
.booking-board-search .chosen-container-single .chosen-single, 
.booking-board-search .chosen-container-single.chosen-with-drop .chosen-single{
  font-size: 1.4rem;
  line-height: normal;
  height: auto;
  line-height: 20px !important;
  padding-bottom: 8px !important;
  height: auto !important;
  border-bottom: 1px solid #555 !important;
  border-top: unset !important;
  border-right: unset !important;
  border-left: unset !important;
  }
.booking-board-search .date-pcik{
  display: block;
  color: #A2A2A2 !important;
  border: none;
  border-bottom: 1px solid #96bbf8;
  margin-top: 4px;
  border-bottom: 1px solid #555 !important;
  border-top: unset !important;
  border-right: unset !important;
  border-left: unset !important;
  }
.booking-board-search .date-pcik .input-icon input{
  border:none;
  color: #A2A2A2  !important;
  outline: none;
  cursor: pointer;
  padding-right: 30px !important;
  font-size: 18px !important;
}
.booking-board-search .date-pcik .form-control:focus {
    border: none !important;
}
.booking-board-search .date-pcik .input-icon input:hover,
.booking-board-search .date-pcik .input-icon input:activate,
.booking-board-search .date-pcik .input-icon input:focus{
  outline: none;
  border:none;
  }
.booking-board-search .date-pcik .input-icon i{
  color: #777777  !important;
  }
.booking-board-search .today-btn{
  background: none;
  color: #7F7F7F;
  padding: 8px 14px 6px;
  font-size: 1.4rem;
  display: inline-block;
  margin-top: 12px;
  margin-right: 5px;
  }
.right-btns .btn-inverse{margin-top: 11px; margin-left: 0px;font-size: 1.4rem; padding: 4px 10px 4px;}
.chosen-container{
  display: block;
  }
.profile-on-click .info{
  padding: 0px;
  text-align: left;
  }
.profile-on-click .info .name{text-transform: capitalize; color: #e94335;}
.gm-style .gm-style-iw-c{
  padding: 6px 6px !important;
  border-radius: 0px !important;
  box-shadow:0 1px 4px 0px rgba(0,0,0,0.2) !important;
  color: #000 !important;
  }
.gm-style .gm-style-iw-t{
  top: -60px !important;
  }
.gm-ui-hover-effect{
  opacity: 1;
    width: auto !important;
    height: auto !important;
    border-bottom-left-radius: 12px;
    background: #afafaf !important;
    top: 0px !important;
    right: 0px !important;
  }
button.gm-ui-hover-effect img{
  margin: 0px 0px 2px 2px !important;
  }
.gm-style .gm-style-iw-d{
  font-weight: bold;
  }
.profile-on-click img {
    height: 60px;
    width: 60px;
    margin-right: 10px;
  }
.profile-on-click img {
    height: 60px;
    width: 60px;
    margin-right: 10px;
  object-fit: cover;
  }
.bootstrap-datetimepicker-widget {
  position: absolute;
  z-index: 9999999999999 !important; 
  }

.chosen-container-single .chosen-single, 
.chosen-container-single.chosen-with-drop .chosen-single{
  background: transparent;
  border: none;
  text-align: left;
  padding-bottom: 0;
  line-height: 26px;
  font-size: 16px;
  margin-top: 5px;
  background: #fff url(../images/select-dropdown.png) no-repeat center right!important;
   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
#map-view .row-offcanvas .toggle-menu button{
  margin: 6px 0px 5px 8px;
  color: #333;
  background: #F1F1F1;
  padding: 8px 12px;
  font-size: 22px;
  border: none;
  outline: none;
  }
.bubble-notification-main {
  position: fixed;
  bottom: 38px;
  right: 20px;
  max-width: 30em;
  min-width: 30em;
  max-height: calc(100vh - 95px);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 9999 !important;
  }
.bubble-notification-main ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  }
.bubble-notification-main ul li{
  float: left;
  width: 100%;
  }
.bubble-notification{
  padding: 0px;
  background: #f4f4f4;
  border-radius: 0px;
  border:1px solid #dadada;
  min-width: 100%;
  margin-bottom: 5px;
  -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1.5s; /* Firefox < 16 */
  -ms-animation: fadein 1.5s; /* Internet Explorer */
  -o-animation: fadein 1.5s; /* Opera < 12.1 */
  animation: fadein 1.5s;
  }
@keyframes fadein {
  from {top: 200px; opacity:0;}
  to   {top: 0px; opacity:1;}
  }
/* Firefox < 16 */
@-moz-keyframes fadein {
    from {top: 200px;opacity:0; }
    to   {top: 0px;opacity:1;}
  }
.bubble-notification-main::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: none !important;
  }
.bubble-notification-main::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
  background: none !important;
  }
.bubble-notification-main::-webkit-scrollbar-thumb {
  background: none !important;
  border: 0px none none !important;
  border-radius: 50px;
  }
.bubble-notification-main::-webkit-scrollbar-thumb:hover {
  background: none !important;
  }
.bubble-notification-main::-webkit-scrollbar-thumb:active {
  background: none !important;
  }
.bubble-notification-main::-webkit-scrollbar-track {
  background:none !important;
  border: 0px none none !important;
  border-radius: 50px;
  }
.bubble-notification-main::-webkit-scrollbar-track:hover {
  background: none !important;
  }
.bubble-notification-main::-webkit-scrollbar-track:active {
  background: none !important;
  }
.bubble-notification-main::-webkit-scrollbar-corner {
  background: none !important;
  }
.bubble-notification .left-section{
  min-height: 130px;
  max-height: 130px;
  width: 132px;
  overflow: hidden;
  float: left;
  text-align: center;
  position: relative;
  background: none;
  padding: 0px 10px;
  border-right: none;
  }
.bubble-notification .right-section{
  max-height: 100% !important;
  min-height: 100% !important;
  padding-left: 5px;
  width: calc(100% - 132px);
  float: left;
  }
.bubble-notification .left-section .counter-with-img{
  padding-left: 0px !important;
  }
.bubble-notification .title-name{
  text-transform: capitalize;
  color: #212121;
  font-weight: 600;
  font-size: 16px;
  padding: 10px;
  border-bottom: 1px solid #e4e4e4;
  background: #fff;
  }
.bubble-notification .title-name img{object-fit: cover;}
.bubble-notification .title-name .icofont-rounded-down,
.bubble-notification .title-name .icofont-rounded-up{
  cursor: pointer;
  color: #545454;
  }
.bubble-notification .right-section .cust-name{
  color: #000;
  font-size: 18px;
 text-transform: capitalize;
 font-weight: 600;
  }
.bubble-notification .request-form{
 position: relative;
 left: 0px;
  }
.bubble-notification .request-customer-detail .counter-with-img {
  position: relative;
  margin-top: 15px;
  margin-bottom: 0px;
  height: 110px;
  padding-left: 
  }
.bubble-notification .request-customer-detail .counter-with-img img {
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -3px;
  transform: translate(-50%, -50%);
  height: 80px;
  width: 80px;
  }
.bubble-notification .counter-with-img .countdown-timer {
  position: absolute;
  left: 0%;
  top: 0%;
  }
.bubble-notification .request-profile .cust-name {
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 600;
  text-align: left;
  color: #000;
  }
.bubble-notification .request-customer-detail .add {
  font-size: 1.1em;
  margin-bottom: 5px;
  max-height: 35px;
  overflow: hidden;
  line-height: 18px;
  font-weight: 400;
  color: #676869;
  }
.bubble-notification .request-customer-detail .job-id{
  font-size: 16px;
  font-weight: bold;
  color: #4285f4;
  }
.bubble-notification .request-customer-detail .date-time{
  font-size: 14px;
  color:#000;
  }
.bubble-notification .request-customer-detail .services{
  max-height: 100px;
  overflow: auto;
  overflow-x: hidden;
  line-height: 20px;
  font-size: 14px;
  }
.bubble-notification .request-customer-detail .services p{
  color: #2f2f2f;
 padding: 3px 0;
 border-radius: 3px;
 text-transform: capitalize;
 margin-bottom: 0;
 /*border-bottom: 1px solid #e8e8e8;*/
 font-weight: 600;
  }
.bubble-notification .request-customer-detail .services p:before{ 
  content: '\f00c';
 font-family: fontAwesome;
 margin-right: 8px;
 font-size: 0.9em;
 position: relative;
 top: -3px;
 color: #e94335;
  }
.bubble-notification .request-customer-detail .services p:nth-last-child(1){
  border-bottom: none;
  }
 .bubble-notification .bottom-button{
  left: 0;
  padding-left: 110px !important;
  }
.bubble-notification .bottom-button .btn{
  margin: 5px 5px 5px 0px;
  font-weight: 600;
  font-size: 14px;
  }
.bubble-notification .blink{
  font-size: 16px;
  clear: both;
  color: #e94335;
  font-weight: bold;
  position: relative;
  top: -5px;
  left: 122px;
  }
.blink{
  text-decoration: blink;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease-in-out;
  -webkit-animation-direction: alternate;
  }
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
/*company-booking-board*/
/*Customer Feedback start*/
.smily-section{text-align: center;}
.smily-section input{
-webkit-appearance: none;
width: 90px;
height: 90px;
border: none;
cursor: pointer;
margin: 0 5px;
transition: all .2s ease;
}
.smily-section input.happy {background: url(../images/smily-happy.svg) center;  background-size: cover; } 
.smily-section input.neutral {  background: url(../images/smily-neutral.svg) center; background-size: cover;}
.smily-section input.sad {background: url(../images/smily-sad.svg) center;  background-size: cover; }
.smily-section input:focus{border: 0 !important; outline: 0 !important; }
.smily-section .mtt {
  position: fixed;
  bottom: 10px;
  right: 20px;
  color: #999;
  text-decoration: none;
}
/*Customer Feedback End*/

.utzo-guarante{background-color: #282828;}
.utzo-guarante h1{color:#e0b604; font-size: 67px; font-weight: bold;width: 100%;}
.utzo-guarante p{color:#e0b604; font-size: 67px;}
/*company-wishlist and Complaint List*/
.wishlist-header input{     
    background: none;
    border: none;
    border-bottom: 1px solid #4385f5;
  }
.customer-complaints-list li, 
.feedback-list li{
  padding: 10px 10px;
  }
.customer-complaints-list li .content-box, 
.feedback-list li .content-box{
  padding-left: 70px;
  }
.customer-complaints-list li .content-box .icon-left, 
.feedback-list li .content-box .icon-left{
  left: 10px;
  }
.customer-complaints-list .icon-left,
.feedback-list .icon-left,
.reason-list .icon-left,
.online-user .icon-left{ 
  width: 55px;
  height: 55px;
  position: absolute;
  left: -21px;
  color: #fff !important;
  }
.service-section-category ul{
  padding: 0px;
  list-style-type: none;
  }
.customer-complaints-list .indi_counter{
  display: inline-block;
  background: #262626;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  position: relative;
  left: 5px;
  }
.customer-complaints-list .indi_counter:empty{
  display: none !important;
  }
/*close-company-wishlist*/
/*Suggestion Start*/
.suggestion-list ul{padding-left: 10px;}
.gift-history ul{padding: 0px;margin: 0px;list-style-type: none;}
.suggestion-list ul li, .gift-history ul li{list-style: none; border-bottom: 1px solid #ccc; position: relative; display: grid; }
.suggestion-list span{color:#000000; float: left; margin-right: 10px; font-size: 18px;}
.gift-history span{color:#000000; font-size: 18px;}
.suggestion-list ul li a{display: block; color: #000; padding: 10px 15px 10px;}
.gift-history ul li a{display: block; color: #000; padding: 10px 0px;}
.suggestion-list .panel-body, .gift-history .panel-body{padding-top: 0;}
.suggestion-list h2, .gift-history h2{color: #000; font-size: 20px; font-weight: 600; padding: 0;margin: 0; 
  text-transform: capitalize;}
.suggestion-list .suggestion-type{float: left;width: 95%;}
.suggestion-list .suggestion-type .type{color:#047cf6;}
.suggestion-list .fa-plus{margin-right: 8px;}
.add-suggestion-popup{padding: 20px 0;}
.add-suggestion-popup h2{color: #48931b; font-size: 26px; font-weight: 600px;}
.add-suggestion-popup .fa-thumbs-up{color:#48931b; font-size: 64px;  font-family: FontAwesome;  border: 2px solid; border-radius: 100%;
    padding: 25px 28px;}
.add-suggestion-popup .close-btn{position: absolute; right: 20px; top: 7px; color:#444;  font-size: 22px; }
.add-suggestion-popup .close-btn:hover{opacity: 0.8;}
.add-suggestion-popup p{font-size: 16px; color: #3f3f3f;}
.suggestion-form{padding: 0 20px;}
.suggestion-form h2{color:#4285f4; font-size: 20px; font-weight: 600; margin-bottom: 0;}
.suggestion-form input{margin-bottom: 10px;}
.suggestion-form p{font-size: 16px;}
.suggestion-form i.fa-microphone{display: none;}
.rating-modal h4{font-size: 1.5rem !important;}
.rating-modal .form-control, select, textarea{border-left: 0; border-top:0; border-right: 0; padding: 0;}
.rating-modal .form-control:focus, select:focus, textarea:focus{border-left: 0 !important; border-top:0 !important; border-right: 0 !important;}
.rating-modal p{font-size: 16px;}
.suddestion-list .panel-heading.collapsed .fa-chevron-down,
.suddestion-list .panel-heading .fa-chevron-right {
  display: none;
  }
.suddestion-list .panel-heading.collapsed .fa-chevron-right,
.suddestion-list .panel-heading .fa-chevron-down {
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-right: -7px;
  font-size: 26px;
  color:#000;
  }
.suddestion-list i.fa {cursor: pointer;margin-right: 5px;}
.suddestion-list .collapsed ~ .panel-body {padding: 0;}
.suddestion-list .panel-heading{background-color:transparent !important; cursor: pointer; border: 0; color: #444;}
.suddestion-list .collapse.in{font-size: 1.4rem; line-height: 28px;color: #000;}
.gift-history li a {color: #000;}
.gift-history li a .date label{    
  display: block;
 font-weight: 600;
 margin-bottom: 0;
 line-height: normal;
  }
.gift-history li .icon-left{    
  display: inline-block;
  float: left;
  margin-right: 10px;
  background: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center; 
 }
.gift-history li .icon-left i{
  color: #fff;
  font-size: 1.5em;
  position: relative;
  top: 5px;
  }
.gift-claim-detail{
  color: #000;
  text-align: center;
  }
.gift-claim-detail h1{font-weight: bold;}
.gift-claim-detail .visa-card{
  background: url(../images/gift-card.png) no-repeat center center!important;
  width: 100%;
  text-align: center;
  float: left;
  position: relative;
  height: 175px;
  }
.gift-claim-detail .visa-card div#offer_title{
  position: absolute;
  top: 130px;
  left: 43px;
  color: #fff;
  font-weight: 600;
  }
.gift-claim-detail .terms-and-condition{float: left;width: 100%; margin: 10px 0px 0px;}
.gift-claim-detail .terms-and-condition label{color: #000; font-weight: 600;}
.gift-claim-detail .terms-and-condition label a{color: #0060ff;text-decoration: underline !important;}
.gift-claim-detail .claim-now-btn{float: left;width: 100%;}
.gift-claim-detail .claim-now-btn button{
  background: #000;
  color: #fff;
  font-size: 1.2em;
  border: none;
  outline: none;
  padding: 7px 15px;
  margin: 10px 0px;
  }
.gift-claim-detail .claim-now-btn button:hover{background: #353535;}
.gift-claim-detail .question{float: left;width: 100%;margin-bottom: 20px;}
.gift-claim-detail .question a{color: #000; font-weight: bold;}
.gift-claim-detail .gift-card-panel label.title{
  position: absolute;
  background: #000;
  color: #fff;
  padding: 10px;
  width: 100%;
  left: 0px;
  top: 0px;
  font-size: 1.4em;
  font-weight: 600;
  }
.gift-claim-detail .gift-card-panel .content{
 text-align: left;
 max-height: 350px;
 overflow: auto;
 margin-top: 30px;
  }
.gift-claim-detail .gift-card-panel .content *{
  margin: 0px; 
  padding: 0px;
  }
/*Suggestion End Gift*/
.tag-pages-header{
  background-color: #fff;
  display: inline-block;
  width: 100%;
  padding-top:10px;
  }
.tag-pages-header input.form-control, .tag-pages-header select {
  background: none;
    border: 1px solid #ccc;
  }
.tag-pages-header .filter-section.collapse .form-control{
  background-color: #fff;
  }
.tag-pages-header .filter-section.collapse{
  transition: all .3s ease;
  float: left;
  clear: both;
  }
.tag-pages-header .filter-section.collapse.in{margin-bottom: 10px; transition: all .3s ease;float: left;
  clear: both;}
/*company-Technician*/
#msform fieldset {
    background: none;
    border: 0 none;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
    box-sizing: border-box;
    position: relative;
  }

.manage-technician {padding: 0px !important;background: #fff !important;}
.manage-technician .nav-tabs>li{margin-bottom: 0;}
.manage-technician .name{display: block;}
.manage-technician .profile-pic{
  display: block;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 50%;
    border: 0px solid #fff;
    box-shadow: 0px 0px 9px #c4c4c4;
    position: relative;
  }
.manage-technician .profile-pic img {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center
  }
.manage-technician a.edit-delete.btn-primary{
  background: #012869;
    border: 1px solid #012869;
    transition: all 0.3s;
  }
.manage-technician>.row{
  margin: 10px 0px;
  border-bottom: 1px solid rgb(222, 222, 222);
  }
#msform .left-right-colored-btn .right,
#msform .left-right-colored-btn .left{
  line-height: inherit !important;
  }
#progressbar li.active:before, #progressbar li.active:after {
    background: #8CC152;
    color: white;
  }
#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    line-height: 40px;
    display: block;
    font-size: 16px;
    color: #fff;
    background: #E9573F;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    position: relative;
    z-index: 2;
  }
/*company-Technician*/
#back-top {
  position: fixed;
  bottom: -1px;
  right: 42px;
  cursor: pointer;
  color: #333;
  text-align: center;
  z-index: 1000;
  background-color: transparent; 
  display: block;
   opacity: 1; 
  width: 40px;
  height: 40px;
  line-height: 40px;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out;
  -webkit-transition-delay: 0s;
  transition: all 0.5s ease-in-out 0s;
  z-index: 9999;
  border-radius: 0 !important;
  }
#back-top:hover {
    background: #4285f4;
    color: #FFF;
    box-shadow: none;
  }
.near-technician-search-wrap .most-populer-cat h4{
  background: transparent !important;
  }
.near-technician-search-wrap .putting-right{
    height: calc(100vh - 145px); 
    position: relative;
  }
.job-10-min-carousel-body-fix .near-technician-search-wrap .putting-right {
    height: calc(100vh - 430px);
  }
.near-technician-search-wrap .putting-right {
    height: calc(100vh - 230px);
  }
body.page-footer-fixed.job-10-min-carousel-body-fix #page-content .body-content {
        margin-bottom: 0 ;
        min-height: inherit;
  }
.near-technician-search-wrap #map.map-left-full {
    position: absolute !important;
    height: 100% !important;
    width: 50%;
    background: #FFF;
    padding: 0;
    border-right: 1px solid #ddd;
    right: 0;
  }
.near-technician-search-wrap .putting-right .popup-content-right {
 right: 0;
 left: 0;
 position: absolute;
 height: 100%;
 width: 50%;
 background: #FFF;
  }
.near-technician-search-wrap .map-left-full .gm-ui-hover-effect,
.request-cancelled-popup .map-left-full .gm-ui-hover-effect,
.driver-route .gm-ui-hover-effect,
.middle-section .gm-ui-hover-effect{
  display: none !important;
  }
.near-technician-search-wrap .map-left-full .gm-style-iw-d, 
.request-cancelled-popup .map-left-full .gm-style-iw-d,
.driver-route .gm-style-iw-d{
  font-weight: bold;
 overflow: hidden !important;
 padding: 0px !important;
  }
._section_under_div{
 overflow-y: auto;
 background: #efefef;
 border-bottom: 1px solid #ddd;
  }
.job-10-min-carousel-body-fix .map-bg {
 height: calc(100vh - 510px);
  }
/* File Upload Start */
.chatbox-wrap .write-msg .close.fileinput-exists {
  color: #e9573f;
  }
.chatbox-wrap .write-msg .fileinput-exists .fileinput-new, .chatbox-wrap .write-msg .fileinput-new .fileinput-exists, .upload-visibility .fileinput-new .fileinput-exists {
  display: none;
  }
.chatbox-wrap .write-msg .btn-file>input {
 position: absolute;
 top: 0;
 right: 0;
 margin: 0;
 opacity: 0;
 filter: alpha(opacity=0);
 font-size: 23px;
 height: 100%;
 width: 100%;
 direction: ltr;
 cursor: pointer;
  }
.chatbox-wrap .write-msg input[type=file] {
 border: none !important;
  }
.chatbox-wrap .write-msg .fileinput {
 width: 15px;
 overflow: hidden;
 position: relative;
 top: 3px;
  }
.chatbox-wrap .write-msg .fileinput-new .btn-file {
 color: #000;
 cursor: pointer !important;
 width: auto;
  }
.chatbox-wrap .write-msg .chat-icon-panel ul li:hover .fileinput-new .btn-file{
 color: #ea4335;
  }
.chatbox-wrap .write-msg .btn.active, .btn:active{
 box-shadow: none;
  }
/* File Upload End */
/*=====================company-boking-details=====================*/
.company-boking-details{
  background: #fff;
  width: 50%;
  left: 50%;
  float: left;
  }
  .content-flyout .bs-example{height: 305px; overflow-x: hidden;}
.modal-content .company-boking-details .heading-title{
  padding: 10px 0px 10px 10px !important;
  text-align: left;
  }
.company-boking-details .left-title{
  color: #e94335;
  font-weight: 400;
  font-size: 1.4em;
  padding: 10px;
  background: #fff;
  margin: 0px;
  box-shadow: 0px 0px 3px #ccc;
  }
.company-boking-details .left-block{
  overflow: hidden;
  }
.company-boking-details .left-block .content-box{  
  background: none !important;
  border: none !important;
  padding: 10px !important;
  }  
.company-boking-details .left-block .content-box label{
  color: #252525 !important;
  font-weight: 600 !important;
  }
.company-boking-details .left-block .content-box i{
  font-size: 16px;
  position: relative;
  top: 3px;
  transform: none;
  margin-right: 5px;
  background: none;
  left: 0;
  }
.company-boking-details .left-block .content-box .content{
  position: relative;
    left: 20px;
  }
.company-boking-details .profile-box{
  text-align: left;
  padding:0px;
  display: block;
  }
.company-boking-details .doc-details .col-xs-12.no-padding{
  padding: 5px 5px 0px 0px !important;
  border-bottom: 0px;
  }
.company-boking-details .tabbing-complaint-data .driver-address,
.company-boking-details .tabbing-complaint-data .driver-service,
.company-boking-details .tabbing-complaint-data .driver-date{
  font-size: 1.4rem;
  }
/*=====================company-boking-details=====================*/

/*=====================Admin Add Project Form Start=====================*/
.addpro-wraper input[type=radio]{position: absolute; top: 20px;}
.left-space{left: 30px;}
.dashboard-carousel .owl-item .item a {text-align: center !important; color: #000 !important;}
.info-box{border: 1px solid #000;color: #fff; background-color: #fff;}
.adp-foter-btn{    width: 100%; display: flex; justify-content: center;  padding-left: 40px;}
.adp-foter-btn .web-btn-primary{font-size: 22px;     padding: 10px 30px;}
.adp-foter-btn .web-btn-primary:first-child{margin-right: 5px;}
.adp-foter-btn .web-btn-primary:hover{background-color: transparent; color:#000 !important; border:1px solid #000;}
.info-box ul.add-items{position: inherit;}
.remove-txt{position: absolute; right: 0; bottom: 12px;z-index: 1001;}
.remove-txt i{color:#000; font-size: 24px;}
.info-box .service-select-breadcrum:after{  content: "\f105"; display: inline-block;  padding-right: 3px;vertical-align: middle; font-weight:900; font-size: 22px;   font-family: "fontAwesome"; position: relative; left: 10px;}
.info-box .service-list-new-flow-breadcrum{display: flex;}
.info-box .service-list-new-flow-breadcrum span{ margin-left: -2px;margin-right: 2px;margin-top: 15px;}
.info-box .service-list-new-flow{position: inherit;}
.info-box .service-list-new-flow a{color:#000 !important;}
.info-box .cart-list-one ul li a.active{color:#fff !important;}
.info-box .cart-list-one ul li a:hover{color:#fff !important;}
#email_section .form__label{left: 30px;}
#email_section .form__group:first-child .form__label{left:0;}
#cell_number_section .form__label{left: 30px;}
#cell_number_section .form__group:first-child .form__label{left:0;}
#phone_section .form__label{left: 30px;}
#phone_section .form__group:first-child .form__label{left:0;}
#fax_section .form__label{left: 30px;}
#fax_section .form__group:first-child .form__label{left:0;}
.info-box .row{padding: 0 10px 20px;}
.info-box input.address{padding-left: 30px;}
.info-box h3{margin: 0; color: #fff; background-color: #000; padding: 15px; font-size: 18px; font-weight: bold; text-transform: uppercase;}
/*=====================Admin Add Project Form End=====================*/

/*=====================request-accept-popup=====================*/
#requestAcceptModel .modal-dialog{
  width: 60%;
  max-height: 550px;
  }
 #requestAcceptModel .modal-content{
  margin-bottom: 0px;
  }
.request-accept-detail-panel .shadow-bg{
  background: #fff;
    box-shadow: none;
    margin-bottom: 10px;
    padding: 0px;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
  }
.shadow-bg [class*="col-"] .icon i{
  font-size: 24px;
    color: #34aa54;
    position: relative;
    top: 0px; 
  }
.shadow-bg h4 {
    font-weight: 600;
    color: #ffffff;
    background: #e94335;
    padding: 10px;
    margin-top: 0px;
  }
.shadow-bg form{
  padding:10px;
  }
.shadow-bg form .btn{
  margin-bottom: 10px;
  }
.shadow-bg form .btn-success {
    background-color: #002869;
    border-color: #002869;
    color: white;
  }
.shadow-bg form .btn-success:hover{
  background-color: #043380;
    border-color: transparent;
    color: white;
  }
.request-accept-detail-panel .main_popup{
  margin-bottom: 0px;
  }
.request-accept-detail-panel .panel-danger{
  background-color: #e94335;
    border: 1px solid #e8533a;
    color: white;
  }
.nearest-technician .box-bg {
    background: #fff;
    border: 1px solid #ececec;
    margin-bottom: 10px;
    padding: 10px;
    display: inline-block;
    width: 100%;
    position: relative;
    color: #636E7B;
  line-height: initial;
  }
.nearest-technician .job-event-info {
  overflow: auto;
  padding-bottom: 20px;
  position: relative;
  }
.nearest-technician #nearestTechnicianMap{
  width: 100%;
  height: calc(100vh - -68px);
  position: relative;
  overflow: hidden;
  }
.nearest-technician .box-bg b{
  color: #000 !important;
  font-size: 1.8rem;
  }
.nearest-technician .box-bg div:nth-child(2){
  font-size: 1.4rem;
    color: #000;
  }
.technician-list {width: 100%;display: inline-block;padding: 10px 15px; height: 61vh !important; overflow-y: auto;}
.nearest-technician .list-box li .dispatch-now{
  background-color: #868686;
  border:0;
  color: white;
  font-size: 16px;
  font-weight: 600;
  z-index: 9999;
  padding: 5px 20px;
  display: inline-block;
  margin-top:5px;
}

.nearest-technician .list-box li:hover .dispatch-now{
  background-color: #063a90;
  border-color: #063a90;
  color: white;
  cursor: pointer;
  }
.nearest-technician .list-box li .available, 
.nearest-technician .list-box li .busy{
    background-color: #ff0000;
    font-size: 1.4rem;
    padding:0px 10px;
    line-height: 25px;
    z-index: 9;
    font-weight: 600;
    margin-left: 5px;
    color:#fff;
  }

.nearest-technician .list-box li .available{ background-color: #000;
    padding: 5px 20px; bottom: -5px; left: 5px; position: inherit; color:#fff;}
.nearest-technician .list-box li .busy{color: #ff0000;}
.nearest-technician .box-bg{
  background: #fff;
  border:1px solid #ececec;
  margin-bottom: 5px;
  padding: 10px;
  display: inline-block;
  width: 100%;
  position: relative;
  height: auto;
  }
.nearest-technician .box-bg .title{
  background: #000;
  color: #fff;
  width: 100%;
  display: inline-block;
  padding: 7px 15px;
  font-size: 1.4rem;
  zoom: 1.1;
  z-index: 99999;
  }
  .tech_head.title{
  background: #000;
  color: #fff;
  width: 100%;
  display: inline-block;
  padding: 7px 15px;
  font-size: 1.4rem;
  margin-top: 15px;
  zoom: 1.1;
  z-index: 99999;
  }
.nearest-technician .list-box ul{
  margin:0px;
  padding: 0px;
  list-style-type: none;
  }
.nearest-technician .list-box li{
  vertical-align: middle;
  box-sizing: border-box;
  box-shadow: 0 2px 18px 1px rgb(49 53 72 / 10%); color: #000;
  margin: 8px;
  padding: 12px 10px;
  position: relative;
  transition: 0.5 all;
  font-size: 1.4rem;
  font-weight: 600;
  }
.nearest-technician .list-box li:nth-last-child(1){
  border-bottom: none;
  }
.nearest-technician .list-box li:hover{
  background: #ececec;
  }
.nearest-technician .list-box li:hover .dispatch-now{
  background-color: #868686;
  border:0;
  color: white;
  cursor: pointer;
  }
.request-accept-detail-panel .container-flyout-route .menu-button-route{margin-left: 1.7em;/*bottom: 10em;*/}
.request-accept-detail-panel .container-flyout-route .menu-wrap-route{bottom: 4em !important;left: 0.7em !important;}
.request-accept-detail-panel .container-flyout-route .icon-after-picked{margin-bottom: 0px;}
.request-accept-detail-panel .container-flyout-route .icon-after-picked li{line-height: 22px;}
.request-accept-detail-panel .container-flyout-route .content-flyout-route::before{position: absolute;}
.icon-after-picked i.fa{right: auto !important;}
.reschedule-datep i.fa-clock{right: 20px !important;}
/*=====================close-request-accept-popup=====================*/

/*=====================Add-New-Questions=====================*/
.counter-big-box .box{
  /*float: left;*/
  border: 1px solid #E4E4E4;
  text-align: center;
  padding: 0px 10px;
  background: #F3F3F3;
  position: relative;
  z-index: 9;
  margin-bottom: 10px;
  transition: all 0.5s;
  min-height: 75px;
  }
.counter-big-box .box:hover {
  box-shadow: 0 15px 20px rgba(0,0,0,0.2);
  -webkit-transform: translate(0, -2px); 
  transform: translate(0, -2px);
  }
.counter-big-box .box:hover a {
  color: #FFF;
  }
.counter-big-box .box:hover h3 {
  color: #FFF;
  }
.counter-big-box .box a {
  font-weight: bold;
  text-decoration: none;
  color: #00B1E1;
  font-size:34px;
  }
.counter-big-box .title-heading{
  background-color: #63D3E9;
  border: 1px solid #5fd2e8;
  color:#363636;
  padding:20px 5px;
  font-weight:800;
  font-size:26px;
  }

@media  screen and (min-width: 3840px) {
.activation-master .content-box { 
    height: calc(100vh - 165px );
    margin-bottom: 40px;
  }
._show_terms_and_codition_nearest{width: 33.5% !important;}
  .sidebar-offcanvas{width: 13%;} 
  .row-offcanvas-left .map-full{width: 87%;}
.pd-right-sidebar{display: flex;}
.left-sec1 .left-section{overflow-y: inherit !important;}
  .custom-tab-new.project-list a.openjobs-counter, .admin-reports a.admin-report-tabs{width: 195px !important;}
}
}
}


}
@media screen and (max-width:1350px){
.switch-webiste small{display: none;}
.switch-web .toggle{
  top: 13px;
  }

}
@media screen and (max-width:1450px){
.btn.rp-btn.capture-btn {
    width: 22.5% !important;
}

}
@media screen and (min-width: 1650px) and (max-width: 1920px){
.btn.rp-btn.capture-btn {
    width: 17% !important;
    bottom: 6% !important;
}
}

@media screen and (max-width:1220px){
.navbar-right li.adroid-btn, 
.navbar-right li.ios-btn{
  margin-top: 10px !important;
  width: 100px !important;
  }
.g-card-no{margin-top:75px; font-size: 21px;}

}
@media screen and (max-width: 1140px) and (min-width: 920px){
.navbar-right li.adroid-btn, 
.navbar-right li.ios-btn{
  margin-top: 10px !important;
  width: 80px !important;
  }
}
@media screen and (max-width: 1024px) {
 #guage-count{min-width: 100% !important; max-width: 100% !important;}
.g-card-no{font-size: 18px; margin-top:52px;}
.card-exp{margin-top:17px;}
.multi-address .default-address-btn{padding: 10px 15px; margin-top: 29px;}
.card-view-new {box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);padding: 30px 20px;width: 48% !important;display: inline-block !important;margin: 5px;}
.sign-pad-new{display: block !important;}
.sign-manual{display: none !important;}
.panel .panel-heading .panel-title {font-size: 1.2em !important;}
.ajax-upload-dragdrop .upload-icon + span {font-size: 12px !important;}
.onboarding-btn a {font-size: 16px !important;}
.image-edit .vendor-category-list-box {height: 150px !important;}
.left-right-colored-btn .ut-add-more{font-size: 17px !important;}
.new_nav {margin-left: 0% !important;}
.nav-tabs > li {width: 9% !important;}
.btn.rp-btn.capture-btn {
    right: 0.6% !important;
    width: 32% !important;
}


}

@media screen and (max-width:980px) {
  .g-card-no {
    font-size: 28px;
    margin-top: 109px;
}
.card-exp{margin-top:30px; font-size: 22px;}
}
@media screen and (max-width: 940px) {

.navbar-right li.adroid-btn, 
.navbar-right li.ios-btn{
  margin-top: 10px !important;
  width: 100px !important;
  }
.g-card-no {
    margin-top: 95px !important;
    font-size: 24px !important;
}
.most-populer-cat .col-md-2 .cat-box+.ckbox{
  position: absolute;
    top: 8px;
    left: 18px;
    z-index: 999;
  }
.dash-service-details .cat-box+.ckbox{
  position: absolute;
    top: 0px;
    left: 10px;
    z-index: 999;
  }
.g-card-no{margin-top: 73px; font-size: 41px;}
}
@media screen and (max-width:850px){
.g-card-no {
    margin-top: 67px !important;
    font-size: 24px !important;
}
.navbar-right li.adroid-btn, 
.navbar-right li.ios-btn{
  margin-top: 10px !important;
  width: 90px !important;
  }
.most-populer-cat .col-md-2 .cat-box+.ckbox{
  position: absolute;
    top: 8px;
    left: 18px;
    z-index: 999;
  }
.dash-service-details .cat-box+.ckbox{
  position: absolute;
    top: 0px;
    left: 10px;
    z-index: 999;
  }
}
@media screen and (max-width:768px) {
  #guage-count{min-width: 100% !important; max-width: 100% !important;}
#cboxWrapper form.card-form{width: 100%;}
.g-card-no{font-size: 20px !important; margin-top:50px;}
.card-exp{margin-top:15px;}
.counter-big-box .title-heading{
    min-height: 98px;
  }
.navbar-right li.adroid-btn, 
.navbar-right li.ios-btn{
  margin-top: 10px !important;
  width: 90px !important;
  }
.switch-web .toggle{
  top: 28px;
  }
.new-service-request .left-right-colored-btn, 
#service_qestions_section .left-right-colored-btn, 
.dashbord-step-3 .left-right-colored-btn, 
.dashbord-step-4 .left-right-colored-btn, 
.upload-home-image + .left-right-colored-btn, 
#dashbord_step_6 .left-right-colored-btn, 
.prefrences-list .left-right-colored-btn, 
.terms-conditions .left-right-colored-btn, 
.prefrences-list + .left-right-colored-btn{
  padding-left: 0;
  }
.most-populer-cat .col-md-2 .cat-box+.ckbox{
  position: absolute;
    top: 8px;
    left: 18px;
    z-index: 999;
  }
.dash-service-details .cat-box+.ckbox{
  position: absolute;
    top: 0px;
    left: 10px;
    z-index: 999;
  }
.eta-options-new{
  padding: 0px !important;
  padding-right: 0px !important;
  }
.content-flyout .left-section{width: 100%;position: relative;}
.request-profile{left: 0px; width: 100%;}
.acknow-date .form__group {width: 100% !important;}
.custom-m.pd-right-sidebar {
    margin-top: 25px;
}
 .filter-icon-row {display: inline-flex !important;}
.questions-answers .question {background: unset !important;}
.new_nav .nav-tabs > li > a > span {display: block !important;}
.nav-tabs > li {width: 20% !important;height: 80px;display: inline-block;}
.notify-wraper {text-align: center;}
.notify-wraper .col-md-7{text-align: center !important;}

.rp-detail .row {display: block !important;}
._redirect_to_history {margin-top: 10px;}
.view_proj{float: left !important;margin-top: 15px !important;}
.row.dist_counters.mt-40 {margin-top: 20px !important;}
.tabbing-complaint .col-md-4.text-center {display: none;}
img.ico-new {position: relative;right: 10px;}
.pro-detail-box{margin-top: 0px !important;}
._open_booking_popup.pull-right.mr-10.mb-5.mt-5 {position: relative;left: 8px;}
._show_terms_and_codition_nearest {position: absolute !important;bottom: -30px !important;width: 100% !important}
.popup-pro-details {display: table;}
.row.mt-10.user-sec div {float: left !important; width: 70%;}
.row.mt-5.mb-5.user-sec div {float: left;}
.tabbing-complaint-data .cust-name {font-size: 2rem;}
.back-restrict .popup-pro-details {display: block;}
.btn.rp-btn.capture-btn {
    right: 0.6% !important;
    width: 43% !important;
}

}

@media screen and (max-width:767px) {
  .container-flyout .content-flyout::before{height: 100% !important;}
  .div-quantity{
    width: 50% !important;
  }
.cco-btns .web-btn-primary {
    padding: 8px 30px !important;
}
.cco-sign .sig-box {
    width: 100% !important;
}
.cco-project .col-md-6 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.company-dashtab ul li a i, .company-dashtab ul li a span, .company-dashtab ul li a span b, .company-dashtab ul li a span span {font-size: 1em !important;}
.company-dashtab ul li a i {font-size: 1.2em !important;}
.company-dashtab ul li.active {border-top: 2px solid #000 !important;}
.job-list-content .right {width: calc(100% - 60px) !important;}
.job-list-content .left {width: 55px !important;}
.job-list-content a.arrow-up-btn {width: 35px !important;font-size: 18px !important;}
.job-list {padding: 4px 5px !important;}
.job-list .customer-name {font-size: 1.2rem !important;}
.job-datetime.col-black {font-size: 1.1rem !important;}
.job-list .togle-content .box-detail-wrap {font-size: 1.2rem !important;}
.box-detail-wrap .action-icons {font-size: 16px !important;}

#commonModelLG2 .modal-dialog {width: 99% !important;height: 100%;margin: 5px auto;top: 25px;}
#mappopup {min-height: 40vh !important;}
#iframe_nearest_pro_map{height: 50vh !important;}
.map-box{width: 100% !important;min-height: 48vh !important;}
.company-boking-details{width: 100% !important;}
.bs-example {width: 100% !important;position: unset !important;margin-top: 0px !important;}
.rp-detail .row {display: block !important;}
._redirect_to_history {margin-top: 10px;}
.view_proj{float: left !important;margin-top: 15px !important;}
.row.dist_counters.mt-40 {margin-top: 20px !important;}
.tabbing-complaint .col-md-4.text-center {display: none;}
.pro-detail-box{margin-top: 0px !important;}
._open_booking_popup.pull-right.mr-10.mb-5.mt-5 {position: relative;left: 8px;}
._open_booking_popup.btn.btn-inverse i {font-size: 16px !important;}
._open_booking_popup.btn.btn-inverse {font-size: 14px !important;}
._load_nearest_technician.btn.btn-inverse i {font-size: 20px !important;}
._load_nearest_technician.btn.btn-inverse{font-size: 14px !important;}
.nearest-technician #nearestTechnicianMap {height: 50vh;}
._show_terms_and_codition_nearest {position: absolute !important;bottom: -30px !important;width: 100% !important}
.popup-pro-details {display: table;}
.row.mt-10.user-sec div {float: left !important; width: 40%;}
.row.mt-5.mb-5.user-sec div {float: left;}
.tabbing-complaint-data .cust-name {font-size: 2rem;}
.back-restrict .popup-pro-details {display: block;}

.new-fb-modal .thumb-pic{min-height: calc(60vh) !important;}
.thumb-pic img {max-width: 96%;max-height: 50vh !important;}
.rght-cont-new{min-height: calc(50vh) !important;}
.new-fb-modal .modal-header{width: 97% !important;}
.datime-sec.text-right.pr-20{padding-right: 15px !important;}
.img-content p{text-align: left !important;clear: both;padding: 0 7px !important;}
.proj-pic-name {padding-left: 15px;}
.proj-pic-name h3 {font-size: 17px !important;margin-top: 0px !important;}


}

@media screen and (max-width:650px) {

  .left-pro-detail{width: 100% ;}
  .left-pro-detail .top-trans-section .col-md-6{width: 100% !important; text-align: center;}
.left-pro-detail .top-trans-section h4, p{text-align:center !important; width: 100%;}
.left-pro-detail .top-trans-section .col-xs-6{width: 100% !important; text-align: center;}
.left-pro-detail .top-trans-section strong{width: 100%; text-align: center;}
.left-pro-detail .top-trans-section .col-md-4{text-align:center; width: 100% !important;}
.left-pro-detail .cust-name{text-align: center !important;}
.left-pro-detail .datetime{width: 100%;}
.left-pro-detail .pro-info{width: 100% !important; text-align: center;}
.left-pro-detail .adres{text-align: center;}
.left-pro-detail .day-counter{width: 100%;
margin-left: 0;}
.left-pro-detail .pd-top-right span:first-child{margin-bottom: 20px;}
.left-pro-detail .pd-top-right span{display: block; text-align: center; width: 100%;}
.pro-detail-tabs .nav-tabs > li{width: 100% !important; height: auto !important;}


  
  .g-card-no {
    font-size: 30px !important;
    margin-top: 126px !important;
}
  .card-no img { width: 40px !important;}
  .load-payment-cards .rdio label {
    padding: 0 !important;
    font-size: 24px !important;
}
.navbar-right li.adroid-btn, 
.navbar-right li.ios-btn{
  display: none;
  }
.most-populer-cat .col-md-2 .cat-box+.ckbox{
  position: absolute;
    top: 8px;
    left: 18px;
    z-index: 999;
  }
.dash-service-details .cat-box+.ckbox{
  position: absolute;
    top: 0px;
    left: 10px;
    z-index: 999;
  }
  span.wo {font-size: 20px;}
  .cust-nam-wraper {
    float: none;
    margin-left: 0px;
    display: inline-table;
    width: 100%;
}
.pd-status span {
    display: block;
    position: relative;
    top: 15px;
}
a.web-btn-primary, .web-btn-primary a, button.web-btn-primary, .web-btn-primary{font-size: 20px;font-weight: 600;}
.rbd-counters .counter {height: 115px;margin: 5px 0 !important;padding: 25px 20px !important;}
.pro-detail-tabs .col-md-3 {width: 100% !important;}
.pro-detail-tabs .col-md-9 {width: 100% !important;}
.coment-history {display: inline-grid;}
.eh-wraper h3 {margin-top: 20px;}
.diag_sec i {position: relative;top: 20px;}
.top-trans-section {padding: 10px 20px 10px !important;}
.proposal-section .prop-right span {font-size: 22px;margin-bottom: 2px;}
.pro-detail-wraper .btn-primary {font-size: 16px !important;}
.transiction-list .work_order a {font-size: 15px !important;}
.day-counter{margin-left: 0px;}
.doc-details .profile-pic {left: 30% !important;}
.eh-wraper h3 {margin-top: 20px;}
#purchase_order_box {margin-top: 15px !important;}
.font36 {font-size: 22px !important;}
.pay-list {font-size: 15px;}
.pay-list .col-md-6 {margin: 5px 0 !important;}
#permit_purchase_order_box {margin-top: 20px !important;}
.trans-sec p b {font-size: 18px;}
.sig-img .logoImgDivTech {width: 90% !important;}
.colected-no h3 {font-size: 22px;}
.ad-assign {margin-top: 10px;}
.form__label {font-size: 1.4rem;}
.form-check label {font-size: 17px !important;margin-right: 5px !important;}
.po-wraper .col-md-8 {padding-right: 0px !important;}
.po-wraper .form__label{height: auto !important;}
.pro-detail-box{margin-top: 20px;}
.chosen-container-single .chosen-single div{display: none;}
.ankar-drop i.fa-angle-down{display: none !important;}
#po_type_panel .alert-danger{font-size: 14px;margin-top: 15px;}

}

@media screen and (max-width:580px){
  .notify-wraper .col-xs-12{text-align: center !important; margin: 10px 0;}
  .g-card-no {font-size: 25px !important;margin-top: 92px !important;}
  .card-img{height: 320px;}
  .holder-name{font-size: 18px; margin-top: 0px;}
  .card-exp{font-size: 16px; margin-top:33px !important;}
  #card_form .left-right-colored-btn{bottom: 0 !important;}
  #card_form .web-btn-primary{margin-bottom: 10px;}
  .radio-wrap label:before{top: 11px;}
  .multi-address-list .right-content .radio-wrap input[type=radio]:checked + label::after{top: 20px;}
  .box-show-new{font-size: 16px !important;}
  .oc-no h3{text-align: center !important;}
  .oc-no{text-align: center !important;}
  .cco-info-xs{padding-top: 7px !important;}
  .cco-heading legend{font-size: 21px !important;line-height: 26px;}
  .cco-header ul li {line-height: 34px !important;}
  .sign-xs {width: 100% !important;}
  .write-sign .web-btn-primary {font-size: 19px !important;}
  .right-to-cancel p{text-align: justify;}
  .right-to-cancel h2 {line-height: 38px !important;font-size: 26px !important;}
  .right-to-cancel h2 span{font-size: 20px !important;}
  .cco-signbox{width: 100% !important;}
  .top-border-box.mb-30.mt-30.ml-30.mr-30 {margin: 0px !important;}
  .top-border-box {border: unset !important;}
  a.web-btn-primary, .web-btn-primary a, button.web-btn-primary, .web-btn-primary{font-size: 18px !important;}
  .adp-foter-btn .web-btn-primary {font-size: 20px !important;padding: 10px 25px !important;}
  .info-box .row {padding: 0 20px 20px !important;}

  .filter-icon-row {display: inline-flex !important;}
.questions-answers .question {background: unset !important;}
.new_nav .nav-tabs > li > a > span {display: block !important;}
.nav-tabs > li {width: 12% !important;height: 80px;display: inline-block;}
.card-01{padding: 4px 0px !important;}
.ico-new {top: 20px;left: 30% !important;}
.company_head{text-align: center;}
.call-dtls{text-align: center;}

}

@media screen and (max-width:480px){
  .g-card-no {
    font-size: 20px !important;
    margin-top: 63px !important;
}
.card-view-new {
    width: 100% !important;
    margin: 12px 0px !important;
}
  .sign-xs {width: 100% !important;}
  .write-sign .web-btn-primary {font-size: 16px !important;}
  .right-to-cancel p{text-align: justify;}
  .right-to-cancel h2 {line-height: 38px !important;font-size: 26px !important;}
  .right-to-cancel h2 span{font-size: 20px !important;}
  .cco-signbox{width: 100% !important;}
  .btn.rp-btn.capture-btn {width: 68% !important;}
}

@media screen and (max-width:420px){
  .g-card-no {
    font-size: 17px !important;
    margin-top: 42px !important;
}
.card-img{height: 235px;}
.change-location .right-text{
  width: 3.4em;
  margin-right: 7px;
  }
.navbar-toolbar .navbar-right .dropdown > a{
  padding-left: 7px;
    padding-right: 7px;
    }
.request-pick-popup .eta-options.bordered{
  padding: 0;
    float: right;
  }
.col-lg-6.col-lg-offset-3.col-md-6.col-md-offset-3{
  margin-left: 0px;
  }
.most-populer-cat .col-md-2 .cat-box+.ckbox{
  position: absolute;
    top: 8px;
    left: 18px;
    z-index: 999;
  }
.dash-service-details .cat-box+.ckbox{
  position: absolute;
    top: 0px;
    left: 10px;
    z-index: 999;
  }
}
@media screen and (max-width:380px){
.g-card-no {
    font-size: 14px !important;
    margin-top: 36px !important;
}
.card-exp {
    font-size: 16px;
    margin-top: 6px !important;
}
.card-no img{width: 70px !important;}
}
@media screen and (max-width:320px){
.gift-price{font-size: 40px !important;}
body *{font-size: 14px !important;}
.most-populer-cat .cat-box i{
  font-size: 65px !important;
  }
  .card-no img{width: 50px !important;}
.navbar-toolbar .navbar-right .dropdown > a .count{
  top: 2px;
    padding: 0.1em 0.2em;
  }
.search-refresh-btn{
  right: 15px;
  }
.cart a i{
  margin-top: 15px;
}
}
.counter-big-box .box .icon{
  padding:150px 10px;
  }
.counter-big-box .box .icon img{
  width:200px;
  height:200px;
  }
.pb-dash-icon{
  background-color: #63D3E9;
  border: 7px solid #fff;
  color: white;
  border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  font-size:80px;
  width:150px;
  height:150px;
  margin:160px auto;
  line-height: 125px;
  text-align: center;
  box-shadow:inset 0px 1px 7px #888;
  -o-transition:1s;
  -ms-transition:1s;
  -moz-transition:1s;
  -webkit-transition:1s;
  transition:1s;
  }
.counter-big-box .box:hover .title-heading{
  -o-transition:1s;
  -ms-transition:1s;
  -moz-transition:1s;
  -webkit-transition:1s;
  transition:1s;
  color:#fff;
  background-color:#f4645f;
  border-color:#ef5c57;
  }
.counter-big-box .box:hover .pb-dash-icon{
  animation: pulse1 1s linear infinite;
  border-color:#f4645f;
  }
form#add-service-questions-form{
  font-size: 14px !important;
  }
#add-service-questions-form .btn,
#add-service-questions-form .ut-add-more{
  line-height: initial;
  font-weight: normal;
  }
#options_section .mb-10._radio_buttons:first-child input, 
#options_section .mb-10._blank_answer_fields:first-child input, 
#options_section .mb-10._check_boxes:first-child input{
    width: 100%;
    float: none;
  }
#options_section .mb-10._radio_buttons input, 
#options_section .mb-10._blank_answer_fields input,
#options_section .mb-10._check_boxes input{
    width: calc(100% - 45px);
    float: left;
}
#options_section .mb-10._radio_buttons i, 
#options_section .mb-10._blank_answer_fields i,
#options_section .mb-10._check_boxes i{
    padding: 9px 12px 10px;
  }
form#add-service-questions-form .form-group .control-label{
  font-size: 16px;
  margin-bottom: 5px;
  }
form#add-service-questions-form .form-group select,
form#add-service-questions-form .form-group input{
  height: 40px;
  text-transform: capitalize;
  }
form#add-service-questions-form .form-group .rdio label{
  font-size: 14px !important;
  color: #464646;
  font-weight: 600;
    }
#add-service-questions-form ul.selected-items li .ckbox label{
  padding-left: 25px;
    padding-top: 0px;
    text-transform: capitalize;
    background: none;
  }
#add-service-questions-form ul.selected-items li{
  word-break: break-all;
  font-size: 1.4rem;
  }
#add-service-questions-form ul.selected-items li hr{
  margin-top: 25px;
 margin-bottom: 5px;
 border: 0;
 border-top: 1px solid #d4d4d4;
  }
#add-service-questions-form ul.selected-items li .ckbox [type="checkbox"]:checked+label:before{
  background: none;
  }
#add-service-questions-form ul.selected-items li .select-all a{
  font-size: 15px;
  text-decoration: none;
  }
#add-service-questions-form ul.selected-items li .select-all a:hover{
  font-size: 15px;
  text-decoration: none;
  }
#add-service-questions-form ul.listing-action li.active{background-color:#34aa54; color: #fff !important;}
#add-service-questions-form ul.listing-action li.active i{color: #fff;}
/*=====================Close-Add-New-Questions=====================*/

/*=====================Wallet=====================*/
.wallet-main .icon-left{
  width: 58px;
  height: 58px;
  }
.wallet .available-balance{
  text-align: center;
  position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #fff;
  }
.wallet .available-balance label{
    margin-bottom: 10px;
    padding: 22px 26px;
    font-size: 24px;
    line-height: 30px;
    color: #2d2d2d;
    position: relative;
  }
.wallet .available-balance span.amount{
    padding: 2px 18px 12px;
    margin-bottom: 20px;
    color: #34aa54 !important;
    font-size: 46px;
    font-weight: 600 !important;
    display: inline-block;
    }
.wallet .search-wallet .status{
    color: #4285f4 !important;
    font-size: 21px;
    margin-bottom: 8px;
    font-weight: 600 !important;
   }
.wallet .search-wallet .selected-services p{
  color: #3f3f3f;
}
.wishlist-view-card .col-lg-12 .col-xs-8 p {
    color: #333;
    font-weight: 600 !important;
    text-transform: capitalize;
    font-size: 26px;
    margin-top: -14px;
}
.wishlist-view-card .col-lg-12 .col-xs-8 label {
    visibility: hidden;
}
.wishlist-view-card .col-lg-12 .col-xs-12  label{
    font-size: 16px;
    color: #555;
}
/*=====================Close-Wallet=====================*/

/*===========Admin-support===========*/
.support-select-box .month-select-tabs select{
  display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }
.search-support .counter{
  position: absolute;
    right: 5px;
    top: 2px;
    background: #262626;
    color: #fff;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    z-index: 9;
    line-height: 19px;
    font-size: 11px;
    text-align: center;
    border: 2px solid #fff;
  }
.search-support .counter:empty{
  display: none;
  }
.search-support .description{
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  height: 22px;
  display: inline-block;
  }
.support-search-form .collapsed.ut-ad-btn:before{
  content: '\f067';
  font-family: FontAwesome; 
  font-size: 14px;
  transition: all 1s;
  }
.support-search-form .ut-ad-btn:before{
  content: '\f068';
  font-family: FontAwesome; 
  font-size: 14px;
  transition: all 1s;
  }
.support-search-form .filter-section .form-group{
  background-color: #fff !important;
  }
.ui-igcombo-wrapper{
  width: 100% !important;
  }
.ui-igcombo-wrapper .ui-widget{
  line-height: 28px;
  border-radius: 0px;
  display: block;
  width: 100%;
  height: 34px;
  border: 1px solid #ccc;
  margin: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  font-size: 14px !important;
  }
/*.admin-bills-section .select-services-filters .ui-igcombo-wrapper .ui-igcombo-button*/
.ui-igcombo-wrapper .ui-igcombo-button{
  background:#fff url(../images/select-dropdown.png) no-repeat center right!important;
  border-left: 0px;
  }
.ui-igcombo-wrapper .ui-igcombo-fieldholder input{
  padding: 6px 6px 6px 12px;
  margin-bottom: 0px;
  }
.ui-igcombo-wrapper .ui-igcombo-fieldholder input:focus{
  border: none !important
  }
.ui-icon-triangle-1-s:before {
  display: none !important;
  }
.ui-icon{color: initial !important;}
.ui-icon-circle-close:before{
  content: '\e676';
    color: #e94335;
  }
.ui-icon.ui-icon-check:before{
  margin-top: -.7em;
  }
.ui-igtrialwatermark{
  display: none;
  }
.admin-bills-section .questions-answers .question{
  display: inline-block;
  width: 100%;
  padding: 30px 0px;
  }
.admin-bills-section .select-services-filters select.form-control{
  line-height: 28px;
  text-transform: capitalize;
  }
.admin-bills-section .select-services-filters .chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: #fff;
    margin-bottom:0px;
  }
.admin-bills-section .select-services-filters .chosen-container-single .chosen-single,
.admin-bills-section .select-services-filters .chosen-container-single.chosen-with-drop .chosen-single{
  margin-top: 0px;
  color: #a2a2a2 !important;
  border: 1px solid #ccc;
  background:url(../images/select-dropdown.png) no-repeat center right!important;
  }
.admin-bills-section .select-services-filters .chosen-container-single .chosen-single span{
  display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    text-transform: capitalize;
    font-size: 13px;
  }
.admin-bills-section .select-services-filters select, 
.admin-bills-section .select-services-filters input, 
.admin-bills-section .select-services-filters .chosen-container-single .chosen-single span{
  font-size: 1.4rem;
    text-transform: capitalize;
    font-weight: normal !important;
    font-family: inherit;
  }
.admin-bills-section .select-services-filters .chosen-container .chosen-results li{
  text-transform: capitalize;
    text-align: left;
  }
.admin-bills-section .select-services-filters li.active-result:before{
  content: attr(title);
  color: #000;
  font-weight: bold;
  display: block;
  }
.selected-cities{
  padding: 20px;
  }
.selected-cities .list-style li:nth-child(1){
  margin-top: 10px;
  }
.selected-cities .list-style li{
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 10px;
  }
.selected-cities .list-style li .city-name:before{
  content: '\f276';
  font-family:FontAwesome;
  color: #4888e0;
  margin-right:10px;
  }
.selected-cities .list-style li .city-name{
  font-size: 1.5rem;
  color: #4888e0;
  margin-bottom: 10px;
  }
.selected-cities .list-style li .amount{
  font-size: 16px;
  color: #4888e0;
  font-weight: bold;
  padding: 5px;
  }
.bulk-action .amount{
  color: #a2a2a2 !important;
    border: 1px solid #DDD;
    padding: 6px 10px;
  }
.admin-bills-section .left-right-colored-btn{
  padding: 15px 0px;
  border-top: 1px solid #e5e5e5;
  }
.admin-bills-view .heading{
  background: #4888e0;
  font-size: 1.4rem;
  color: #fff;
  padding: 15px;
  }
.admin-bills-view .table{
  font-size: 14px;
  }
.view-btn, .edit-btn{
  color: #fff !important;
    font-size: 1.4rem;
    padding: 5px 6px;
    line-height: 18px;
    margin-left: 2px !important;
    display: inline-block;
  }
.view-btn{
  background-color: #4285f4;
  }
.edit-btn{
  background-color: #34aa52;
  }
.view-btn i, .edit-btn i{
  color: #fff !important;
  }
.request-setting-form{
  font-size: 1.4rem;
  }
.request-setting-form .center-content-bg{
  padding: 50px 20px !important;
  }
.request-setting-form .left-right-colored-btn .left, 
.request-setting-form .left-right-colored-btn .right{
  font-weight: 600;
  line-height: normal;
  }
.request-setting-form .form-control{
  font-size: 16px !important;
  }
.request-setting-form .input-icon i._speechtotxt{display: none}
.d-flex{display: flex !important;}
.justify-center{justify-content: center !important;}
.d-inline-flex{display:inline-flex;}
.text-bold{font-weight: bold !important;}
.yelow-color{color:#f6b218 !important;}
.panel-body .admin-support{
  font-size: 1.2rem;
  }
/*===========close-Admin-support===========*/

/*===========Admin-User-list===========*/
#body_content_box{position: relative;}
#body_content_box .menu-button{left: 0px; bottom: 0px !important;}
.subscribers .nav-tabs li a,
.complaints-customer .nav-tabs li a,
.admin-emp-details .nav-tabs li a, 
.promo-tabs .nav-tabs li a{
  border-radius: 0px;
 background:#fff;
 color: rgb(42, 42, 42) !important;
 font-size: 1.4rem;
 transition: all .3s;
  }
.subscribers .nav-tabs li a:hover,
.subscribers .nav-tabs li.active a,
.complaints-customer .nav-tabs li a:hover,
.complaints-customer .nav-tabs li.active a,
.admin-emp-details .nav-tabs li a:hover,
.admin-emp-details .nav-tabs li.active a, 
.promo-tabs .nav-tabs li a:hover,
.promo-tabs .nav-tabs li.active a{
  border-radius: 0px;
 background-color: #000;
 color: #fff !important;
 transition: all .3s;
  }
.subscribers .nav-tabs li a .indi_counter,
.complaints-customer .nav-tabs li a .indi_counter,
.admin-emp-details .nav-tabs li a .indi_counter{
  transition: all .3s;
  background: rgb(66, 133, 244) !important;
    color: #ffffff;
    padding: 2px 8px;
    border-radius: 2px;
    letter-spacing: 1px;  
  }
.subscribers .nav-tabs li a:hover .indi_counter,
.complaints-customer .nav-tabs li a:hover .indi_counter,
.admin-emp-details .nav-tabs li a:hover .indi_counter, 
.subscribers .nav-tabs li.active .indi_counter,
.complaints-customer .nav-tabs li.active .indi_counter,
.admin-emp-details .nav-tabs li.active .indi_counter{
  background: rgb(62, 52, 52) !important;
  color: #fff;
  }
.txt-active, .txt-approved{color: #34aa54 !important;}
.txt-inactive, .txt-unapproved{color: #e94335 !important;}
.txt-suspended{color: #ff0000 !important;}
.admin-bills-view td.action, .subscribers-table td.action, 
.subscribers td.action{position: relative; display: table-cell;}
.admin-bills-view .action .btn-primary, .subscribers-table .action .btn-primary, 
.subscribers .action .btn-primary{background-color:#4285f4; border: 1px solid #4285f4;}
.admin-bills-view .action .btn-success, .subscribers-table .action .btn-success, 
.subscribers .action .btn-success{background-color: #34aa54; border: 1px solid #34aa54;}
.admin-bills-view .action .btn-danger, .subscribers-table .action .btn-danger, 
.subscribers .action .btn-danger{background-color: #e94335; border: 1px solid #e94335;}
#subscriber-search-form .left-right-colored-btn button,
#drivers-search-form .left-right-colored-btn button,
#customer-search-form .left-right-colored-btn button{
  min-width:145px !important; width:145px !important;
  }
.jobs-search-form .collapsed.ut-ad-btn:before,
.subscribers .collapsed.ut-ad-btn:before, 
.uplocation-setting .collapsed.ut-ad-btn:before, 
.tag-pages-header .collapsed.ut-ad-btn:before{
  content: '\f067';
  font-family: FontAwesome; 
  font-size: 14px;
  transition: all 0.3s;
  }
  ._hitbutton .row:first-child input{ margin-top:10px; }
.jobs-search-form .ut-ad-btn:before, 
.subscribers .ut-ad-btn:before, 
.uplocation-setting .ut-ad-btn:before, 
.tag-pages-header .ut-ad-btn:before{
  content: '\f068';
  font-family: FontAwesome; 
  font-size: 14px;
  transition: all 0.3s;
  }
.employee-search .list-view{
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  box-shadow: 0px 0px 2px #d2d2d2;
  padding-top: 5px;
  }
.employee-search .action-dropdown{
  margin: 0px;
  }
.employee-search .action-dropdown .dropdown-toggle{
    color: rgb(103, 103, 103);
    font-size: 1.4rem;
    background: rgb(238, 238, 238);
    padding: 1px 10px;
    box-shadow: none !important;
  }
.employee-search .action-dropdown .dropdown-menu button{text-align: left;}
.employee-search .list-view .name{color: #1d1d1d;text-transform: uppercase;margin-top: 10px;}
.employee-search .list-view .contact, 
.employee-search .list-view .status{
  font-size: 1.150rem;
  }
.subscribers .quick-listview{
  max-height: 574px;
  overflow: auto;
  overflow-x: hidden;
  padding-right: 5px;
  }
.subscribers .quick-listview::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7);
 background-color: #F5F5F5;
  }
.subscribers .quick-listview::-webkit-scrollbar {
 width: 6px;
 background-color: #4285f4;
  }
.subscribers .quick-listview::-webkit-scrollbar-thumb {
 background-color: #4285f4;
  }
.custom-select .chosen-container, 
.jobs-search-form .custom-select select, 
.subscribers .custom-select select{
  display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }
.custom-select .chosen-container{
    padding: 6px 1px 6px 10px;
  }
.custom-select .chosen-container .chosen-single{
  margin: 0px;
  padding: 0px !important;
  font-size: 16px !important;
  color: #a2a2a2 !important;
  background: url(../images/select-dropdown.png) no-repeat center right!important;
    line-height: normal;
    height: auto;
    border-bottom: none;
  }
.pro-change-password a.nav-link {
  background-color: rgb(42, 42, 42);
    color: rgb(255, 255, 255);
    padding: 10px 25px !important;
    font-size: 22px;
    margin-top: 30px;
    font-weight: 600;
  }
.pro-change-password .nav-item.active a.nav-link, 
.pro-change-password .nav-item a.nav-link:hover{
  color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    font-weight: 600;
    margin-top: 30px;
    position: relative;
    top: 0px;
    display: inline-block;
    padding: 10px 25px;
    transition: all 0.3s;
    cursor: pointer;
  }
.custome-checkbox input[type="checkbox"]:not(:checked), 
.custome-checkbox input[type="checkbox"]:checked{
  opacity: 0 !important;
  }
.custome-checkbox label{
  padding: 0;
    margin: 0px 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 22px;
    transform: translate(-50%, -50%);
    height: 22px;
    border: 1px solid #ccc;
  }
.custome-checkbox [type="checkbox"]:checked+label:before{
  opacity: 0 !important;
  }
.custome-checkbox input[type="checkbox"]+label:before, 
.custome-checkbox input[type="checkbox"]:not(.filled-in)+label:after{
  margin-top: 0px;
  position: absolute;
    top: 50%;
    left: 50%;
  transform: translate(-50%, -50%);
  border: 0px;
  }
.customer-tab table thead th:nth-child(1), 
.customer-tab table tbody td:nth-child(1){
  min-width: 50px;
  text-align: center;
  padding: 0px !important;
  } 
.customer-tab table td:nth-child(1) .ckbox{
    margin-top: 8px;
  }
.customer-tab table th:nth-child(1) .ckbox{
  position: relative;
  }
.customer-tab table th:nth-child(1) .ckbox label, 
.customer-tab table td:nth-child(1) .ckbox label{
  padding-left: 0px;
    display: block;
    text-align: center;
  }
.customer-tab table th:nth-child(1) .ckbox label:before, 
.customer-tab table td:nth-child(1) .ckbox label:before{
  position: relative;
  }
.customer-tab .table-responsive{
  max-height: calc(100vh - 295px);
  }
.customer-tab table th:nth-child(1) .ckbox label{
  border: 1px solid #fff;
  width: 18px;
  height: 18px;
    display: inline-block;
    margin-left: -2px;
  }
@-moz-document url-prefix() {
  .customer-tab table{
  border-collapse: inherit !important;
  }
}
/*===========Close-Admin-User-list===========*/

/*===========Admin-reports===========*/
.admin-reports ul{
  margin: 0px;
    padding: 0px;
    list-style-type: none;
  }
.admin-reports ul li{
  padding: 0px;
  }
/*===========Close-Admin-reports===========*/
/*===========Admin-Uplocation===========*/
ul.request-pro-list{
  display: inline-flex;
  flex-wrap: wrap;
  background: #f9f9f9;
  padding: 10px;
  width: 100%;
  }
ul.request-pro-list li{
  position: relative;
  background: #f9f9f9;
  box-shadow: 0px 1px 3px #d0cfcf;
  font-size: 1.2em;
  margin: 0px 5px 5px 0px;
  padding: 5px;
  min-width: 24.4%;
  }
ul.request-pro-list li label{
  font-weight: 600;
  color: #5f5f5f;
  }
/*.activation-master .step-6 h4.titles, */
.service-equest .search-user-detail h4.titles{
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
  display: inline-block;
  margin-bottom: 10px;
  padding-right: 5px;
  position: relative;
  font-weight: 600;
  } 
/*.activation-master .step-6 h4.titles:before, */
.service-equest .search-user-detail h4.titles:before{
  content: '';
  width: 50px;
  height: 3px;
  background: #4285f4;
  display: block;
  position: absolute;
  bottom: -1px;
  }
.submit-change-location.ut-ad-btn{font-weight: 600;}
.submit-change-location.ut-ad-btn:before{
  display: none;
  }
.uplocation-setting .project-list .center-content-bg{
  min-height: calc(100vh - 180px);
    margin-bottom: 0px !important;
  }
.service-equest .search-user-detail ul.address-list li{
    background: #f9f9f9;
    box-shadow: 0px 1px 3px #d0cfcf;
    margin-bottom: 10px;
    padding: 10px 125px 10px 10px;
    font-size: 1.4em;
  }
.company-profile .listing-new label{font-size: 20px !important; padding: 0; font-size: 20px !important;}
  .address-list label div{font-size: 20px !important;}
  .company-profile .listing-new .rdio{padding: 0 !important;}
}
.service-equest .search-user-detail ul.address-list li .rdio label {
    font-weight: 600;
    color: #5f5f5f;
  padding: 0 30px !important;
    text-transform: capitalize;
  }
.service-equest .search-user-detail ul.address-list li .rdio label div {
    font-weight: normal;
    }
/*===========Close-Admin-Uplocation===========*/
/*===========Admin-support===========*/
.customer-support-form label{
  font-size: 1.3em;
  font-weight: normal !important;
  text-align: left;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  width: 100%;
  color:#000;
  }
.customer-support-form .radio-wrap{
  color: #4a4a4a;
  padding: 5px 10px;
  padding-left: 25px;
  }
.ticket-list .form-control{border-top:0; border-right: 0; border-left: 0; padding: 0;}
  }
  .ticket-list .form-control:focus{border-top:0 !important; border-right: 0 !important; border-left: 0 !important;}
  }

.customer-support-form .radio-wrap input[type=radio]:checked + label::after{
  left: 14px;
  }
.customer-support-form .chosen-container{
  padding-left: 0px !important;
  padding-right: 0px !important;
  }
.customer-support-form .support-category-job-section:empty{
  display: none;
  }
.customer-support-form select,
.customer-support-form select#job_booking{
  line-height: normal;
  font-size: 1.2em !important;
  margin: 0;
  background: transparent;
  background: url(../images/select-dropdown.png) no-repeat center right!important;
  width: 100%;
  padding: 10px 40px 5px 0px !important;
  height: auto;
  border: none;
  border-bottom: 1px solid #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  }
.customer-support-form .support-category-job-section label{
  font-size: 22px;
  font-weight: 600 !important;
  }
/*===========Close-admin-support===========*/

/*===========Praposal Popup===========*/
.div-table {       
  width: auto;                 
}
.div-table-row {
    display: flex;
    width: 100%;
    clear: both;
    border-bottom: 1px solid;
}
.div-table-row .close{padding: 10px; margin-right: 0 !important; background-color: #ffff; opacity: 10;}
.create-praposal .modal-dialog{width: 65%;}
.rp-btn{background-color: black; color: #fff; font-size: 20px;}
.rp-btn:hover{color:#fff;}
.cp-heading .div-table-col{font-weight: bold; font-size: 20px;}
.create-praposal h4{font-size: 24px !important;}
.div-table-col {             
   color: #000;
   font-size: 18px;
}
.card-form .web-btn-primary{font-size: 22px; padding: 8px 35px;}
.ful-tab{width: 83.4%; border-right: 1px solid #000; padding: 7px 0px;}
.add-disc-tab a{    padding: 10px 0px;}
.add-disc-tab .sec-tab{padding: 10px;}
.cp-total .fa-close{font-size: 18px; color: red; margin-left: 10px;}
.cp-total .div-table-col{font-size: 24px; font-weight: 600;}
.div-table-col:first-child{border-right: 1px solid #000; width: 75%; padding: 10px;}
#proposal_step_1 .div-table-col:first-child{width: 75% !important;}
#proposal_step_1 .div-table-col:last-child{width:25%;}
.div-table-col:last-child{width:25%; padding: 10px;}
.upload-pic-new .ut-add-btn {
    display: inline-block;
    width: 100px;
    height: 105px;
    text-align: center;
    background: none;
    border: 3px solid #d5d5d5;
    position: relative;
    cursor: pointer;
    color: #000;
    float: left;
}
.upload-pic-new .content-pic {
    padding: 10px;
    display: inline-block;
    width: 96%;
    border: 2px dashed #ccc;
    min-height: auto;
    height: auto;
    max-height: 390px;
    overflow-y: auto;
    overflow-x: hidden !important;
    border-radius: 18px;
}
.upload-pic-new .heading {
    color: #000;
    font-size: 24px;
    padding: 7px 0px;
    line-height: normal;
    margin-bottom: 10px;
    font-weight: 600;
}
.payment-method input{opacity: 0;}
.payment-method label{ font-size: 18px; color: #000; width: 100%;
    border-bottom: 1px solid #000;     padding: 5px 0 5px 15px;
  }
.payment-method{margin-top:50px;}
.payment-method li input[type=radio]{position: absolute;}
.payment-method li i{margin-right: 8px;}
.payment-method li.active:after{color:#fff; top: 5px;}
.payment-method li:after{font-family: FontAwesome; content: "\f054"; top: 0; position: absolute; right: 5px; color:#000; font-size: 18px; }
.payment-method label span{background-color: #099302; margin-left: 5px; padding:1px 2px; color:#fff;}
    .payment-method ul li{margin: 1px 0; position: relative; padding: 0; list-style: none;
    line-height: 30px;}
.cj-btn .btn-primary{background-color: black;border: 0;font-size: 24px;font-weight: 600;padding: 10px 24px;}
.payment-method li.active label{background-color: #000; color:#fff;}
.payment-method h3{font-size: 24px; font-weight: 600; color:#000;}
.payment-method ul{margin:0; padding: 0;}
.oc-text p, span {
    font-weight: 600;
}
.addReadMore .oc-text p, span {
    font-weight: normal !important;
}
.dw.android-ics.light{  margin: 0 auto !important;}
textarea.description{resize: none !important;}
.image-edit {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.upload-pic-new .ut-add-btn .fa-plus {
    font-size: 36px;
    color: #ccc !important;
    left: 50% !important;
}
.upload-pic-new ul li {
    display: inline-block;
    width: 105px;
    height: 105px;
    background: #e8e8e8;
    border: 1px solid #ccc;
    float: left;
    padding: 5px;
    position: relative;
    margin: 5px 3px 3px 0px;
    transition: all .3s;
}
.delete-document span {
    position: absolute;
    top: 3px;
    right: 4px;
    background-color: red;
    display: block;
    width: 35px;
    height: 35px;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
}
/*.image-edit i {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}*/
.fa-trash-o:before {
    content: "\f014";
}
.new-fb-modal .modal-dialog{width: 100% !important; max-width: 100% !important; margin: 0px auto;overflow: hidden !important;height: 100% !important;}
.up-pic .modal-dialog{position: absolute; left: 0; right: 17px; width: 45%;}
.new-fb-modal .modal-header {
    padding: 15px;
    width: 10%;
    background: transparent !important;
    border-bottom: unset !important;
    position: absolute;
    z-index: 99999;
}
.new-fb-modal .modal-dialog{max-width: 100% !important;}
.up-pic .fake-hidden{width: 100%; height: auto;}
.delete-document span:hover {
    background-color: #fff;
    color: red;
}
.for-enlarge-img a {
    text-align: center;
    font-size: 1.3em;
    color: #000;
    display: block;
}
.for-enlarge-img {
    width: 100%;
    padding: 10px;
}
.for-enlarge-img a {
    text-align: center;
    font-size: 22px;
    color: #000;
    display: block;
    font-weight: 600;
}
.for-enlarge-img a span {
    color: red;
}
.cp-heading{background-color: #ccc; }
.create-praposal .modal-body{padding:0;}
.cp-total{background-color: #ebebeb;}
.upload-picture{width: 100px; height: 100px;}
.ad-button a{color:#000 !important; font-weight: 600; font-size: 22px;}
.ad-button a i{border-radius: 50%;position: relative;
    top: -2px; color:#fff;font-weight: normal;    padding: 9px 10px; margin-right: 5px; background-color: #000; font-weight: bold; font-size: 16px;}
.ad-button{padding: 10px;}
.plus-button a{color:#000 !important; font-weight: 600; font-size: 22px;}
.plus-button a i{border-radius: 50%;position: relative;
    top: -2px; color:#fff;font-weight: normal;    padding: 9px 10px; margin-right: 5px; background-color: #000; font-weight: bold; font-size: 16px;}
.plus-button{padding: 10px;}
.cp-ofer{background-color:#ebebeb; }
h4.panel-title .radio-primary{left: 38%;}
.cp-ofer .div-table-col:first-child{color: #01980c; font-weight: bold;}
.cp-ofer .div-table-col:first-child i{color: #000; font-size: 20px; font-size: 30px;
margin-right: 10px;position: relative;top: 3px;}
  #proposal_form .rp-head{background-color: #000; color: #fff;}
  #proposal_form .rp-head i{color: #000 !important;}
.autho-anautho span{width: 100%;  display: block;}
.serv-cont ul li:before {
    /*content: "\f111";*/
    font-size: 10px;
    position: absolute;
    left: 65px;
    font-family: fontAwesome;
}
.serv-cont-new ul li:before {
    /*content: "\f111";*/
    font-size: 10px;
    position: absolute;
    left: 20px;
    font-family: fontAwesome;
}
.prop-content .jd-content{padding:10px; }
.jd-section p{color:#000; font-size: 18px; line-height: 26px;}
.signature{border: 1px solid #000; height: 120px;}
.signature p{text-align: center; font-size: 14px;}
.jd-section h3{color:#000; margin-top: 5px;  font-size: 24px; font-weight: 600;}
.jd-section {padding: 15px;}
.btn-decline{background-color:#9c9c9c;}
.checkmark { position: absolute;top: 0;left: 0;height: 25px;
  width: 25px; border: 3px solid #000;}
.container input:checked ~ .checkmark {background-color: #000;}
.checkmark:after {content: "";position: absolute;display: none;}
.container input:checked ~ .checkmark:after {display: block;}
.container .checkmark:after {left: 6px;top: 0px; width: 8px; height: 15px;
border: solid white;border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg); transform: rotate(45deg);}
.ad-more{padding-left: 10px; margin-top:10px;     position: relative;
    top: -2px;}
.ad-more i{background-color: #000;color: #fff !important;border-radius: 50%;padding: 5px 6px;font-size: 14px !important;margin-right: 5px;}
.ad-more a{color: #000;}
.plus-more{padding-left: 10px; margin-top:10px;     position: relative;
    top: -2px;}
.plus-more i{background-color: #000;color: #fff !important;border-radius: 50%;padding: 5px 6px;font-size: 14px !important;margin-right: 5px;}
.plus-more a{color: #000;}
.cp-check{position: relative; padding-left: 17px;}
.signat-section {padding: 0 20px 20px; text-align: center;}
.prop-action .rp-btn{margin-top:20px;}
.cp-check label{position: relative;}
.cp-check span{padding-left: 18px;  font-size: 18px;     margin-top: -2px; color:#000;}
.jd-section .form-control{border: 1px solid #000; width: 100%; color: #000; padding: 12px;}
.jd-section .form-control:focus{border: 1px solid #000 !important;  border-bottom: 0; }
.create-praposal .rp-btn{background-color: #000; color:#fff;width: 100%;
font-size: 20px;}
.ad-service-charge .btn-primary{background-color: #000; color: #fff; padding: 5px 20px;
font-size: 20px; margin-top: 15px; font-weight: 600; border: 0;}
.discount-wraper .div-table-col:first-child i{border-radius: 0; background-color: transparent; color: red; margin: 0; padding: 0; }
/*===========Praposal Popup End===========*/

/*===========Company-support===========*/
.complaint-section li.active{background: #fff !important;}
.ticket-chat-panel .write-msg li.active{box-shadow: 0px 0px 7px #c7c7c7;}
.ticket-chat-panel .support-chat{position: relative;overflow: hidden;padding: 10px;box-shadow: 0px 0px 7px #dedede;}
.ticket-chat-panel .support-chat .message-area{margin-bottom: 45px; height: 175px;}   
.ticket-chat-panel .support-chat .message-area form{display: inline-block;}
.ticket-chat-panel .support-chat .head-icons, .ticket-chat-panel .support-chat header{display: none;}
.ticket-chat-panel .write-msg{bottom: -46px;padding: 5px 0;left: 0px;}
.ticket-chat-panel .write-msg .chat-icon-panel{float: left; background: transparent;}
.ticket-chat-panel .write-msg .chat-icon-panel li{padding: 0 5px;margin-bottom: 0px;background: transparent;border-bottom: none;cursor: pointer;float: left;width: auto; margin-top: 0;}
.ticket-chat-panel .write-msg .chat-icon-panel ul li a{color: #777;font-size: 15px;z-index: 1000;position: relative;top: 3px;margin-left: 3px;}
.ticket-chat-panel .write-msg .chat-icon-panel li *{padding: 0 !important;margin:0px !important;line-height: normal;}
.ticket-chat-panel .write-msg .input-group{width: calc(100% - 3.5em);float: left;background: #fff; margin-top: 2px;}
.ticket-chat-panel .support-chat ul.chating li{background: none !important;border-bottom:none !important; padding: 0px !important;}
.ticket-chat-panel .support-chat .chatbox-wrap{background: #fff;width: 100%;height: calc(100vh - 565px);padding: 1px 0% 5px 2%;overflow: auto;box-shadow:inset 0px 0px 5px #b1b1b1;}
.ticket-chat-panel .support-chat .upload-visibility .fileinput{
  position: absolute;
 width: 100%;
 height: -webkit-fill-available;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 display: inline-block;
  }
.support-section .support-chat .upload-visibility,
.complaint-section .support-chat .upload-visibility{
  height: calc(100vh - 573px);
  }
.support-section .support-chat .upload-visibility input[type=file],
.complaint-section .support-chat .upload-visibility input[type=file]  {
    position: fixed;
    width: 100%;
    height: 270px;
    margin: -27px -12px;
    border: none !important;
    opacity: 0;
    text-align: center !important;
    background-position: center;
    left: 50%;
    transform: translate(-50%);
    }
.support-section .nav li a{font-size: 1.4rem;}

/*===========close-Company-support===========*/
/*===========Admin-Dashboard===========*/
.widget-visitor .panel-heading a {color: #fff; text-decoration: blink;}
/*===========Close-Admin-Dashboard===========*/
/*===========Admin > Project-management===========*/
.taskdashboard-main .chosen-container-single .chosen-single, 
.taskdashboard-main .chosen-container-single.chosen-with-drop .chosen-single,
.projectdashboardbody .chosen-container-single .chosen-single, 
.projectdashboardbody .chosen-container-single.chosen-with-drop .chosen-single,
.wishlistdashboard-main .chosen-container-single .chosen-single,
.wishlistdashboard-main .chosen-container-single.chosen-with-drop .chosen-single{
  margin: 0px;
  display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #a2a2a2 !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }
.module-list .center-content-bg{min-height:calc(100vh - 160px);}
.module-list .center-content-bg li{
  background: #f9f9f954;
    box-shadow: 0px 1px 3px #d0cfcf;
    margin-bottom: 10px;
    font-size: 1.4em;
    padding: 10px;
  }
.module-list .center-content-bg li a{
  text-transform: capitalize;
  }
.module-list .left-right-colored-btn{
  position: absolute;
  bottom: 10px;
  }
.wishlistdashboard-main .search-form select.form-control, 
.featuredashboard-main .search-form select.form-control, 
input.ui-autocomplete-input{
  font-size: 1.1rem !important;
    line-height: normal;
    color: #555 !important;
    padding-left: 12px !important;
  }
.wishlistdashboard-main .search-form select.form-control, 
.featuredashboard-main .search-form select.form-control, 
.featuredashboard-main .search-form .bootstrap-select.btn-group .dropdown-toggle .filter-option, 
input.ui-autocomplete-input, input.ui-autocomplete-input::placeholder, 
.wishlistdashboard-main .chosen-container-single .chosen-single, 
.taskdashboard-main .chosen-container-single .chosen-single{
  font-weight: 500 !important;
  color: #555 !important;
  }
.bug-Form select.form-control, 
.bug-Form input[name="bug_title"], 
.bug-Form input + .bug-Form input *{ 
    line-height: normal;
    color: #555 !important;
    padding-left: 12px !important;
    font-weight: 500 !important;
  color: #555555 !important;
  font-size: 1.14rem !important;
  }
.bug-Form input::placeholder{
  color: #555555 !important;
  }
.project-detail-list ul li{
  line-height: 20px;
  }
.commentproject-history{
  border: 1px solid #ccc;
    box-shadow: 0px 1px 10px #ccc;
    padding: 10px;
  }
.attachment-file-div{
  text-align:center;
  float:left;
  width:98px;
  height:82px;
  padding:5px 0 0 5px;
  border:1px solid #D1D1D1;
  margin-right:2px;
  margin-bottom:2px;
  overflow:hidden;
  }
.attachment-file-div:hover{
  background:#D1D1D1;
  cursor:pointer;
  }
.attachment-file-div .attachment-file:before{
  content:'';
  }
.attachment-file-action-icon {
  float:left;
  width:100%;
  text-align:center;
  }
.attachment-file-action-icon span{
  margin-bottom:10px;
  text-align: center;
  display: inline-block;
  margin: 2px;
  }
.attachment-file-action-icon i:hover{
  color:#f4645f !important;
  }
.attachment-file-div .attachment-file{
  margin-bottom:0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  padding:0px;
  float: left;
  }
.attachment-file-div .doc-action span{
  margin-bottom:10px;
  text-align: center;
  display: inline-block;
  margin: 2px;
  }
.attachment-file-div .fa-trash-o{
  position: inherit;
  }
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  }
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  }
.project-detail-main .chosen-container-single .chosen-single, 
.project-detail-main .chosen-container-single.chosen-with-drop a.chosen-single, 
.project-detail-main .bootstrap-select .btn-default.dropdown-toggle.btn-default, 
a.chosen-single{
  font-size: 14px;
  font-weight: 500;
  border:1px solid #ccc;
  color: #555 !important;
  line-height: normal;
  }
.project-detail-main .chosen-container-single a.chosen-single span{
  font-size: 14px;
  font-weight: 500;
  color: #555 !important; 
  }
.project-detail-main input[type="text"],
.project-detail-main input[type="password"],
.project-detail-main input[type="datetime"],
.project-detail-main input[type="datetime-local"],
.project-detail-main input[type="date"],
.project-detail-main input[type="month"],
.project-detail-main input[type="time"],
.project-detail-main input[type="week"],
.project-detail-main input[type="number"],
.project-detail-main input[type="email"],
.project-detail-main input[type="url"],
.project-detail-main input[type="search"],
.project-detail-main input[type="tel"],
.project-detail-main input[type="color"], 
.project-detail-main textarea, .project-detail-main select{
  font-size: 14px !important;
  font-weight: 500 !important;
  border:1px solid #ccc !important;
  color: #555 !important;
  }
.commentproject-history .panel-tab .panel-heading ul li a{
  border: 1px solid #DDD !important;
  border-top: transparent !important;
  color: #999;
  transition: all .3s;
  cursor: pointer;
  }
.commentproject-history .panel-tab .panel-heading ul li a:hover{
  background-color: transparent !important;
  color: #999 !important;
  transition: all .3s;
  }
.commentproject-history .panel-tab .panel-heading ul li.active a{
  background-color: #f4645f !important;
  color: #fff !important;
  transition: all .3s;
  }
.commentproject-history .panel-tab .panel-heading ul li.active a i{
  color: #fff !important;
  transition: all .3s;
  }
.pro-mng-right-main .box label.control-label{
  display: inline-block;
  margin-bottom: 5px;
  font-size: inherit;
  }
select.pm_phase{
  line-height: normal !important;
  }
.bug-assign .chosen-choices{
  padding-left: 0px;
  padding-right: 0px;
  }
.bug-assign .chosen-choices li.search-field{
  width: 100%;
  }
.bug-assign .chosen-choices li.search-field input[type="text"]{
  width: 100% !important;
    padding: 6px 40px 6px 12px;
    line-height: normal;
  height: auto;
    margin-top: 0px;
    font-size: 15px !important;
    color: #555 !important;
    font-family: inherit;
    cursor: pointer;
  }
/*===========Close-Admin > Project-management===========*/
/*===========Admin > Tag pages===========*/
.add-tag-pages .heading{
  background: #e1ebfa;
  color: #535353;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  margin:0px 10px 10px 10px;
  }
.add-tag-pages .select-city select{background-image: none !important;}
.tag-page-dy-cont{
  padding:0px;
  }
.tag-page-dy-cont ul{
  max-height: 550px;
  overflow-y: auto;
  overflow-x: hidden;
  }
.tag-page-dy-cont ul li.ui-state-default{
  border: 1px solid #bcbcbc;
  background-color: #f9f9f9;
  color: #000;
  margin-bottom: 10px;
  position: relative;
  float: left;
  width: 100%;
  }
.tag-page-dy-cont ul li.ui-state-default .control-label.title{
  background: #000;
  color: #fff;
  padding: 10px;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: left !important;
  }
.tag-page-dy-cont ul li.ui-state-default .control-label.title:hover{
  cursor: move;
  }
.tag-page-dy-cont ul li.ui-state-default .form-group .content{
  padding: 10px;
  }
.tag-page-dy-cont ul li .remove-content{
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  }
.tag-page-dy-cont ul li .remove-content i{
  font-size: 18px;
  }
.tag-page-dy-cont .ui-state-default .content .upload-doc{
  margin-top: 0px !important;
  margin-right: 10px !important;
  }
.tag-page-section{
  border: 1px solid #2264d1;
  margin: 10px;
  }
.tag-page-section .inner{
  padding: 10px;
  }
.tag-page-section .section-titles{
  background: #2264d1;
  color: #fff;
  font-size: 1.5em;
  padding: 10px;
  }
/*===========Admin > Tag pages===========*/
/*---------------Edit/Delete/View Icon class------------*/
.btn-edit{
  background-color: #4285f3 !important;
  color: white !important;
  border-radius: 50%;
  padding: 3px;
  font-size: 13px;
  line-height: 17px;
  height:24px !important;
  width: 24px !important;
  cursor: pointer;
  text-align: center;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  font-weight: 300;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  z-index: 10; 
  position: relative;
  }
.btn-view{
  background-color: #5cb85c !important;
  color: white !important;
  border-radius: 50%;
  padding: 3px;
  font-size: 13px;
  line-height: 17px;
  height:24px !important;
  width: 24px !important;
  cursor: pointer;
  text-align: center;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  font-weight: 300;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  z-index: 10; 
  position: relative;
  }
.btn-delete{
  background-color: #e94335 !important;
  color: white !important;
  border-radius: 50%;
  padding: 3px;
  font-size: 13px;
  line-height: 17px;
  height:24px !important;
  width: 24px !important;
  cursor: pointer;
  text-align: center;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  font-weight: 300;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  z-index: 10; 
  position: relative;
  }
.btn-cancle{
  background-color: #c4302b;
  color: white !important;
  border-radius: 50%;
  padding: 3px;
  font-size: 13px;
  line-height: 17px;
  height:24px !important;
  width: 24px !important;
  cursor: pointer;
  text-align: center;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  font-weight: 300;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  z-index: 10; 
  position: relative;
  }
.btn-blacklist{
  background-color: #2A2A2A;
  color: white !important;
  border-radius: 50%;
  padding: 3px;
  font-size: 13px;
  line-height: 17px;
  height:24px !important;
  width: 24px !important;
  cursor: pointer;
  text-align: center;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  font-weight: 300;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  z-index: 10; 
  position: relative;
  }
.btn-print{
  background-color: #37BC9B !important;
  color: white !important;
  border-radius: 50%;
  padding: 3px;
  font-size: 12px;
  line-height: 17px;
  height:24px !important;
  width: 24px !important;
  cursor: pointer;
  text-align: center;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;

  width: 110px !important;
  height: 110px !important;
  overflow: hidden;  font-weight: 300;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  z-index: 10; 
  position: relative;
  }
.btn-edit:hover, .btn-view:hover, .btn-delete:hover, .btn-cancle:hover, .btn-blacklist:hover, .btn-print:hover{
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  }
.btn-icon-border{
  border: 1px solid #fff !important;
  float: left;
  } 
/*---------------Close-Edit/Delete/View Icon------------*/
/*===========Admin > Service-Category===========*/
.vendor-category-list-box{
  box-sizing: border-box;
  border:5px solid #c8c8c8; 
  position: relative;
  text-align: center;
  margin: 0 auto;
  }
#add-service-category-form .cat-icon{
  width: auto;
  display: inline-block;
  }
#add-service-category-form .cat-icon i{
  font-size: 75px;
  position: relative;
  top:-20px;
  }
 .vendor-category-list-box .cat-icon{
  display: block;
  margin-top: 10px;
  color: #4e4e4e;
  }
.vendor-category-list-box .cat-icon i{
  font-size: 62px;
  }
.vendor-category-list-box img {
  height:100%;
  cursor: pointer;
  transition: .3s ease-in-out;
  }
.vendor-category-list-box:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  }
.vendor-category-list-box .vendor-category-name{
  position: relative;
  width: 100%;
  bottom: 0px;
  background: url(../img/shadow.png) repeat-x;
  font-weight: normal !important;
  height: 48px;
  line-height: 24px;
  }
.vendor-category-list-box .vendor-category-name a span,
.fax-contact-category-box .fax-category-name a span{
  white-space: nowrap; 
  text-overflow: ellipsis;
  width: 100%;
  float: left;
  overflow: hidden;
  padding: 0px 5px;
  }
.vendor-category-list-box .service-amount{
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  z-index: 9;
  font-weight: 600;
  color: #ffff00;
  }
.vendor-category-list-box .action-box,
.fax-contact-category-box .action-box{
  width: 30%;
  background:rgba(0,0,0,0.8);
  float: left;
  position: absolute;
  top: 0px;
  left: -50px;
  height: 100%;
  opacity: 0;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  z-index:15;
  }
.vendor-category-list-box:hover .action-box,
.fax-contact-category-box:hover .action-box{
  visibility: visible;
  left: 0px;
  opacity: 0.9;
  text-align: center !important;
  }
.vendor-category-list-box .action-box .edit-vendor,
.vendor-category-list-box .action-box .delete-vendor,
.vendor-category-list-box .action-box .edit-category,
.vendor-category-list-box .action-box .delete-category{
  position: relative;
  top: 30px;
  margin: 5px;
  }
.vendor-category-main .vendor-category:hover{
  background-color: #fff; 
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  } 
a.vendor-cat-title {
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #4e4e4e;
  text-align:center;
  word-break:break-all;
  line-height: 18px;
  text-overflow: ellipsis;
  padding: 3px;
  width: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  }
.vendor-cat-no{
  background-color: #f4645f;
  color: #fff;
  font-weight: 600;
  padding: 3px 5px;
  position: absolute;
  z-index: 9;
  top: 0px;
  left: 10px;
  border-top: 3px solid #e5443f;
  border-left: 3px solid #e5443f;
  box-shadow: inset 1px 1px 2px #191919;
  border-bottom-right-radius: 3px;
  }
.vendor-list-title {
  color: #424242;
  }
.vendor-list-title i {
  cursor: pointer;
  }
.item-setting{
  color: #fff;
  text-shadow: 0px 0px 2px #000;
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 15px;
  }
.item-setting i{
  font-size: 20px; 
  cursor: pointer;
  transition: all 0.5s ease;
  }
.item-setting i:hover{
  transform: rotate(180deg);
  transform-origin: 50% 50%;
  animation: fa-spin 2s infinite linear;
  }
  .fa-bolt{font-size: 19px;}
#service-container-breadcrumb .breadcrumb{
  margin-top: -20px;
  padding-top: 0px;
  padding-bottom: 0px;
  background: transparent;
  border-radius: 3px;
  margin-left: 10px;
  }
#service-container-breadcrumb  .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #000;
    content: "/\00a0";
}
#service-cate-container .breadcrumb{
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  background: transparent;
  border-radius: 3px;
  }
.breadcrumb li a{color:#000;     font-size: 18px;
}
#service-cate-container  .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #000;
    content: "/\00a0";
}
.icon-table-view:before{
  content: "\61";
  font-family:IcoFont !important;
  }
.vendor-category .category-title{
  background: #c8c8c8;
    padding: 0px 5px 5px;
    color: #000;
    font-weight: 600;
    text-align: center;
  }
.vendor-category .category-keywords{
  background: #e5443f;
    color: #fafafa;
    font-weight: 600;
    text-align: center;
  }
.vendor-category .category-keywords:before{
  content: '\f084';
  font-family: FontAwesome;
  margin-right: 5px;
  }
.category-items-list h4{
  background: #4e4e4e;
    color: #fff;
    padding: 10px;
  }
.category-items-list ul{
  margin:0px;
  padding: 0px;
  list-style-type: none;
  margin-bottom: 20px;
    float: left;
    width: 100%;
  }
.category-items-list ul li{
  background-color: #f1f1f1;
  padding: 5px;
  margin-bottom: 5px;
  float: left;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
  }
.category-items-list li .vendor-cat-id{
  background-color: #e94335;
  color: #f1f1f1;
  font-size: 14px;
  float: left;
    padding: 5px;
  }
.category-items-list li .item-icons{
  font-size: 26px;
  margin:5px 5px;
  color: #333333;
  float: left;
  }
.category-items-list li .item-titles{
  display: inline-block;
  line-height: normal;
  float: left;
  margin-left: 5px;
  }
.category-items-list li .item-titles a{
  color: #333333;
  font-size: 1.4rem;
  font-weight: 600;
  }
.category-items-list li .category-item-keywords{
  font-size: 12px;
  color: #e9573f;
  }
.category-items-list li .category-item-keywords:before {
    content: '\f084';
    font-family: FontAwesome;
    margin-right: 5px;
  }
/*===========Admin > end-Service-Category===========*/
.ef-example-2-rating {
    display: inline-block;
    border: 0;
    position: relative;
  }
.ef-example-2-rating > input.ef-example-2-rating-input {
    display: none;
  }
.ef-example-2-rating > label.ef-example-2-rating-star {
    float: right;
  }
.ef-example-2-rating > label.ef-example-2-rating-star:before {
    display: inline-block;
    font-size: 1.7rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 ";
  }
.ef-example-2-rating .ef-example-2-rating-star.half{width: auto !important;}
.ef-example-2-rating .ef-example-2-rating-star.half:before {
    content: "\f089" !important; 
    position: absolute;
    padding-right: 0 !important;
  }
input.ef-example-2-rating-input:checked ~ label.ef-example-2-rating-star, 
label.ef-example-2-rating-star:hover, label.ef-example-2-rating-star:hover ~ label.ef-example-2-rating-star { color: #fc9922 !important;} 
input.ef-example-2-rating-input:checked + label.ef-example-2-rating-star:hover, input.ef-example-2-rating-input:checked ~ label.ef-example-2-rating-star:hover, 
label.ef-example-2-rating-star:hover ~ input.ef-example-2-rating-input:checked ~ label.ef-example-2-rating-star { color: #fba947 !important;} 
.ef-example-2-rating .view-only{
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 9;
  }
.containerdiv {
  border: 0;
  float: left;
  position: relative;
  width: 200px;
  } 
.cornerimage {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
 } 
.containerdiv img, 
.cornerimage img{
  max-width: 200px;
  margin-left: 15px;
  }
._view_option_dashboard_route_map:hover{
    text-decoration: none;
    color: #34a753;
  }
.dw {
    overflow: hidden;
  } 
.dw.android-ics .dwv {
    border-bottom: 2px solid #333 !important;
    color: #333;
  }
.dw.android-ics .dwwol {
    border-top: 2px solid #333 !important;
    border-bottom: 2px solid #333 !important;
  }
.dw.android-ics.light .dwb-s .dwb{
    background: #000;
    color: #FFFF !important;
    text-decoration: none;
  }
  .dw.android-ics.light .dwb-s .dwb:hover{
    background: #fff;
    color: #000 !important;
  }
.dw.android-ics.light .dwb-c .dwb{
    background: #000;
    color: #FFFF !important;
    text-decoration: none;
  }
  .dw.android-ics.light .dwb-c .dwb:hover{
     background: #fff;
    color: #000 !important;
  }
.request-popup-new-design .doc-details .top-box{
    padding: 0;
    position: relative;
    border-bottom: none;
    background: #f4f4f4;
    margin-bottom: 0px !important;
  }
.request-popup-new-design .doc-details .content-box .box-detail {
    padding: 10px 20px;
  }
.request-popup-new-design.request-pick-popup .sit-back-img {
    margin: 0;
  }
.request-popup-new-design .doc-details .content-box {
    border-bottom: 1px solid #e2e8f1;
    border-top: 1px solid #e2e8f1;
    font-weight: normal;
    font-size: 14px;
    margin: 0 0 5px 0;
    background: #f4f4f4;
    float: left;
    width: 100%;
  }
.request-popup-new-design.request-pick-popup .counter-text {
    padding: 0 0px 5px 0px;
  }
.request-popup-new-design.request-pick-popup .counter-text h3 {
    margin-top: 5px;
  }
.request-popup-new-design.request-pick-popup .eta-options-new {
    padding: 0 30px 0 0;
  }
.onclose-request-close-popup{
    position: fixed;
    top: 50%;
    z-index: 999;
    right: 0;
    background: #4285f4;
    padding: 10px 15px;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }
.onclose-request-close-popup small{
    display: block;
    padding-top: 9px;
    font-size: 14px;
  }
.onclose-request-close-popup small a{
    color: #FFF;
    display: inline-block;
    padding: 2px 10px;
    background: #000;
    text-decoration: none;    
  }
.onclose-request-close-popup small a:hover{
    background: #FFF;
    color: #333;
  }
.notify{
    top: 5px;
    left: 9px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 12px;
    text-align: center;
    background: #ea4335;
    z-index: 1;
    line-height: 18px;
    position: absolute;
    color: #fff;
    text-align: center;
  }
.notify:empty {
    display: none;
  }
.chat-left-main .nav-tabs li:nth-child(2) .notify{left:30px;}
.chat-left-main .nav-tabs li:nth-child(4) .notify{left:14px;}

.tech-arrival-popup .eta-options li{
  width: 49%;
  }
.tech-arrival-popup .thumbs-status{
  margin: 10px 0px 5px;
  } 
.tech-arrival-popup .thumbs-status span{
  width: 50px;
  height: 50px;
  display: inline-block;   
  background: #a8a8a8;
  padding: 8px 7px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin: 0px 5px;
  cursor: pointer;
  transition: all .3s;
  }
.tech-arrival-popup .thumbs-status .thumbsup.active{
  background: #34a753 !important;
  transition: all .3s;
  }
.tech-arrival-popup .thumbs-status .thumbsdown.active{
  background: #ff0000 !important;
  transition: all .3s;
  } 
.tech-arrival-popup .thumbs-status i{
  color:#fff;
  font-size: 32px;
  }
.tech-arrival-popup textarea.message{
  width: 100%;
  padding: 10px;
  resize: initial;
  }
 .tech-arrival-popup textarea::placeholder{
  color: #a2a2a2;
  font-style: italic;
  } 
.search-location .employee-address input{
  position: relative;
  padding: 6px 12px;
  }
.search-location .employee-address a.show-company-map{
  position: absolute;
  right: 30px;
  top: 7px;
  cursor: pointer;
  font-size: 16px;
  }
.search-location .employee-address span.show-company-map{
  position: absolute;
  right: 10px;
  top: 7px;
  cursor: pointer;
  font-size: 16px;
  }
/*=========Pro My Review Start=========*/
.myreviews .question{
  padding:5px 0;
  }
.myreviews .col-xs-6{font-size: 20px; margin:10px 0;}
.reviews-list .icon-left{position: relative;width: 100px; height: 100px; overflow: hidden; margin: 0; padding: 0 !important; -webkit-box-shadow: 2px 3px 8px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    2px 3px 8px 0px rgba(50, 50, 50, 0.5); box-shadow:         2px 3px 8px 0px rgba(50, 50, 50, 0.5);}
.reviews-list img{object-fit: cover;object-position: center center; width: 100%; height: 100%;}
.reviews-list .action-icons:after{display: none;}
.schedule-date span{color: #000;}
.reviews-list li .icon-left{margin-left:0; margin-right:15px;border-radius: 50%;}
.reviews-list .name{margin: 10px 0 5px 0; font-size: 20px !important;}
.reviews-list .history .col-xs-10{padding-left: 30px; margin-top: 7px;}
.reviews-list .history .action-icons{padding-left: 0px; display: inline-block; font-size: 14px !important; color:#777777; font-weight: normal;     }
.reviews-list .action-icons{margin-left: 0 !important; margin-top: 10px !important;}
.reviews-list li{padding-bottom: 25px;}
.reviews-list .history{ padding: 0 25px; }
.reviews-list .discription{border-bottom: 1px solid #dfdede; padding-bottom: 7px; padding-left: 0; padding-right: 0;}
.reviews-list .discription div, 
.reviews-list .discription p, 
.reviews-list .discription span{font-size:18px; }
.reviews-list .discription a{color: #f4645f;font-weight: bold;}
.myreviews .ratting-review{padding: 10px 0;}
.myreviews .ratting-review a{color: #fff;}
.reply-list{
  background: #f1f1f1;
  margin: 10px 0px;
  padding: 5px 10px;
  color: #333;
  border: 1px solid #dcdcdc;
  border-left: 5px solid #4285f4;
  }
/*=========Pro My Review End=========*/
/*=========Pro Change Password=========*/
.pro-change-password a.nav-link {
  background-color: rgb(42, 42, 42);
    color: rgb(255, 255, 255);
    padding: 10px 25px !important;
    font-size: 22px;
    margin-top: 30px;
    font-weight: 600;
  }
.pro-change-password .nav-item.active a.nav-link, 
.pro-change-password .nav-item a.nav-link:hover{
  color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    font-weight: 600;
    margin-top: 30px;
    position: relative;
    top: 0px;
    display: inline-block;
    padding: 10px 25px;
    transition: all 0.3s;
    cursor: pointer;
  }
.pro-change-password .bkg-gray{
  float: left;
  width: 100%;
  padding:20px 0;
  margin-top: 5px;
  background: none !important;
  height: calc(100vh - 385px);
  }
.pro-change-password .bkg-gray label{
  color: #e94335;
  font-size: 1.4rem;
  }
.pro-change-password .bkg-gray input{
  width: 32em !important;
  padding: 1.5em 1em !important;
  border-radius: 0px;
  }
.pro-change-password .bkg-gray .intl-tel-input input, 
.pro-change-password .bkg-gray .intl-tel-input input[type="text"], 
.pro-change-password .bkg-gray .intl-tel-input input[type="tel"]{
  width: 32em !important;
  padding: 1.5em 1em;
  padding-left: 85px !important;
  }
.pro-change-password .radio-wrap{
  float: left;
  width: 100%;
  margin: 0;
    }
.pro-change-password .radio-wrap input{
  opacity: 0 !important;
  position: relative;
  }
.pro-change-password .radio-wrap label{
  background: transparent;
  text-align: center;
  float: left;
  font-size: 20px;
  font-weight: 600;
  padding: 0px;
  padding-left: 10px !important;
  margin-bottom: 0px;
  }
.pro-change-password .radio-wrap label span{
  background: #ddd;
  color: #252525;
  display: inline-block;
  padding: 5px 15px 10px 15px;
  margin: 10px 0px;
    }
.pro-change-password .radio-wrap i{
  font-size: 30px;
  color: #000;  
  line-height: inherit;
    position: relative;
    top: 3px;
    } 
.pro-change-password .radio-wrap input[type=radio] + label::after, 
.pro-change-password .radio-wrap input[type=radio] + label::before{
  opacity: 0 !important;
  }
.pro-change-password .radio-wrap input[type=radio]:checked + label{
  padding-left: 0px;
  }
.pro-change-password .radio-wrap input[type=radio]:checked + label span{
  background: #4285f4;
  color: #fff;
  padding: 5px 15px 10px 15px;
  margin: 10px 0px;
  display: inline-block;
  }
.pro-change-password .radio-wrap input[type=radio]:checked + label i{
  color: #fff;
  }
.pro-change-password .radio-wrap input[type=radio]:checked + label + i{
  margin-left: -15px;
  background: #4285f4;
  color: #fff;
  }
.pro-change-password .radio-wrap input[type=radio]:checked + label::after, 
.pro-change-password .radio-wrap input[type=radio]:checked + label::before{
  opacity: 0 !important;
  }
.pro-change-password .phone-block, 
.pro-change-password .email-block{
  font-size: 16px;
  display: block;
    border: 1px solid #e4e4e4;
    float: left;
    width: 100%;
    background: #f3f3f3;
    padding: 0px 10px;
  min-height: calc(100vh - 415px);
  }
.pro-change-password .phone-block label{
  display: block;
  }
.pro-change-password .phone-conf-block, 
.pro-change-password .email-conf-block{
  font-size: 16px;
    border: 1px solid #e4e4e4;
    float: left;
    width: 100%;
    background: #f3f3f3;
    padding: 10px;
  }
.pro-change-password .phone-conf-block h4,
.pro-change-password .email-conf-block h4{
    line-height: initial;
    margin: 0;
  }
.pro-change-password .phone-conf-block .show_username, 
.pro-change-password .email-conf-block .show_username{
  font-size: 16px;
    font-weight: 600;
    color: #e94335;
    margin: 15px 0px;
  }
.driver-change-password label{
  font-size: 16px;
  }
.pro-change-password .nav-tabs .nav-tabs{
  border-bottom: 3px solid #2f72e1;
  }
.pro-change-password .tab-content .nav-tabs .nav-item a.nav-link{
  border-radius: 0px;
  background-color: #fff;
  color: rgb(0, 0, 0);
  border: 1px solid #e6e6e6;
  }
.pro-change-password .tab-content .nav-tabs .nav-item.active a.nav-link, 
.pro-change-password .tab-content .nav-tabs .nav-item a.nav-link:hover{
  background-color: #000 !important;
  color: rgb(255, 255, 255);
  border-radius: 0px;
  } 
/*=========End Pro Change Password=========*/
/*=========Customer My Review Start=========*/
.my-reviews-sect abbr{display: flex; padding-left: 10px; margin: 10px 0;}
.coments{font-size: 16px;     line-height: 30px;}
.name-id .driver-name{color: #000; font-size: 1.4rem; padding: 0 20px;font-weight: 600;line-height: normal;}
.edit-section a{ font-size: 20px; margin-top: 5px;}
.edit-section{     padding: 0px 10px 25px; display: flex;}
.edit-section ul li{float: left; list-style: none; margin:0; padding:0;}
.edit-section ul{margin: 0; padding: 0;}
.rating-modal .modal-body{font-size: 1.4rem; line-height: 34px;}
.edit-section ul li a{display: block; margin-right: 20px;}
.edit-section ul li a:hover{color:#444;}
.edit-section ul li a i{margin-right: 7px;}
.edit-section ul li:last-child a{border:0;}
.my-reviews-list{border-bottom: 1px solid #e5e5e5; padding:10px; /*margin-bottom: 5px;*/}
.my-reviews-list .rvw-list-btn a{text-decoration: underline;cursor: pointer;}
.write-review  .fa-pencil{margin-right: 7px;}
.write-review:hover{color:#444;}
.my-reviews-list .fa-star{color:#ccc;}
.my-reviews-list .checked {color: orange !important;}
.complaint-details select{height: auto; }
.complaint-details img{width: 40%;}
.complaint-details input.form-control{height: auto; padding: 0 !important; margin:0 !important;}
.my-reviews-list .description{font-size: 16px;margin: 0px 10px 0px 10px !important; width: 90%;height: 23px; overflow: hidden; white-space: nowrap !important;text-overflow: ellipsis;}
.my-reviews-list .description br, .my-reviews-list .description:empty{display: none;} 
.star-rating {line-height:32px; font-size:30px;}
.service-label{font-size: 20px; color:#444;     margin: 15px 0px;}
.view-btn{margin-left: 15px; font-size: 1.4rem; color:#4285f4;}
.rating-star .fa-star{color: orange;}
.rating-heading h4{font-size: 24px !important; font-weight: 600; color:#000 !important;}
.coment-title{margin:20px 0 7px !important; font-size: 18px !important; margin-bottom: 5px;     display: inline-block;}
.rating-star  input.star:checked ~ label.star:before {
    content: '\f005';
    color: orange;
    transition: all .25s;
}
.rvw-list-btn{margin: 5px 0px;}
.rvw-list-btn .btn-primary{background: #000;  border: 1px solid #000;}
.rvw-list-btn .btn-primary:hover{opacity: 0.8;}
.rvw-list-btn .coments a{color:#4285f4;}
.navbar-toolbar .dropdown > a:focus i{color:#000 !important;}
/*=========Customer My Review Start=========*/
/*=========-Driver-details-on-customer-=========*/
.driver-profile .profile-pic{
  margin: -100px auto 20px;
  float: none;
  background: #fff;
  border: 3px solid #FFF;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  padding: 0;
  width: 125px;
  height: 125px;
  overflow: hidden;
  }
.driver-profile .star-ratings-sprite-rating{
  background: url(../images/star-rating-sprite-yellow.png) repeat-x #FFF;
  background-position: 0 100%;
  }
.driver-profile .profile-box .profile-pic img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
  }
.driver-profile .profile-box{
  padding: 20px 0;
  text-align: center;
}
.driver-profile .cust-name{
  font-size: 2em;
  text-transform: capitalize;
  font-weight: 600;
  }
.driver-profile .cust-name .star-ratings-sprite{
  top: 0px;
  margin-right: 3px;
  }
.driver-profile .cust-desc{
  line-height: 30px;
  margin: 0 auto;
  font-size: 1.4rem;
  }
.driver-profile .cust-desc span{
  margin: 10px 2px 10px;
  font-size: 1.6rem;
  display: inline-block;
  }
.driver-profile .cust-desc .devider{
  margin: 0 5px;
  }
.driver-profile .active{
  color: #41c500;
  }
.driver-profile .box-title{
  font-size: 1.5rem;
  text-align: left;
  font-weight: 700;
  margin-bottom: 10px;
  color: #e94335;
  margin-top: 15px;
}
.driver-profile .box-title .badge {
  padding: 5px 10px;
    font-size: 1.4em;
    margin: 0 10px;
    border-radius: 2px;
  }
.badge-primary {
  background: #247aff !important;
  }
.driver-profile .content-box.doc-details label {
  color: #2a2a2a !important;
  margin: 0;
  font-size: 1.5rem;
    margin-bottom: 5px;
}
.content-box.doc-details [class^="col-xs"] {
  margin-bottom: 15px;
  }
.doc-details .col-xs-12.no-padding {
  border-bottom: 1px solid #ddd;
  background: #fff;
  padding: 20px 20px 0px 20px !important;
  }
.doc-details .col-xs-12.no-padding:last-child {}
.driver-profile-on-customer {
  position: relative;
  height: 80px;
  } 
.driver-profile-on-customer fieldset{
  position: absolute;
  left: 85px;
  top: 33px;
  }
.driver-profile-on-customer .pic-onmap h3{
  left: 70px;
  font-size: 18px;
  }
.driver-profile-on-customer .containerdiv img, .driver-profile-on-customer .cornerimage img {
    max-width: 130px;
  }
.driver-profile-on-customer .containerdiv{width: auto;}
/*=========close-driver-details-on-customer-=========*/
/*=========Admin Reviews Start=========*/
.admin-filters{margin-top:15px; border:1px solid #e7e4e4; margin-left: 0px; margin-right: 0px; padding: 20px 5px;     background-color: #EEEEEE;}
.review-filtr input { width: 100%; border:1px solid #e7e4e4; padding: 11px; }
.review-filtr input:focus{outline: none; border: 0;}
.admin-filters input{border:1px solid #e7e4e4; background-color:#fff;}
.admin-filters .btn-success{padding: 7px 20px; font-size: 1.4rem; font-weight: 600;}
.admin-filters col-md-1{margin-top: 11px; font-size: 1.4rem;}
.fil-title{margin-top:10px; font-size: 1.4rem;}
.admin-review .body-content tr{border:1px solid #ccc;}
.admin-review .container-fluid{padding-left: 10px; padding-right: 10px;}
.admin-review table tr{border:1px solid #e1e1e1; }
.admin-review table th{padding:15px !important;}
.admin-review table tr td{border:1px solid #e1e1e1; padding:15px !important;}
.admin-review .description,
.admin-suggestion .description{
    text-overflow: ellipsis;
    display: inline-block; float: left;
  }
.admin-suggestion .description p,
.admin-suggestion .description span,
.admin-suggestion .description div,
.admin-suggestion .right-text{
    font-size: 1.5rem !important;
    color: rgb(161, 161, 161) !important;
    font-weight: normal !important;
  }
.admin-review .description br,
.admin-suggestion .description br{display: none;}

.add-admin-review .ef-example-2-rating{
  background: #f3eded;
  padding: 10px;
  margin: 10px 0px;
  border: 1px solid #d8d8d8;
  }
form#bill_dashboard_form ul.listing-action li.active{background-color:#34aa54; color:#fff;}
form#bill_dashboard_form ul.listing-action li.active input{display: none;}
form#bill_dashboard_form ul.listing-action li input{display: none;}
/*=========Admin Reviews End=========*/
/*=========Company Employee Permission Start=========*/
.permission-tab{text-align: left;}
.permission-tab ul.tree {
        padding: 0;
    list-style: none;
    background: white;
    border: 1px solid #ccc;
    padding-left: 16px;
}
.permission-tab [type="checkbox"]:not(:checked), [type="checkbox"]:checked{    position: absolute;
    left: 0px;
    opacity: 0;
    z-index: 9;
    margin-top: 4px !important;
    margin-left:0 !important;
    height: 18px;
    width: 20px;}
.tree-submenu li input[type=checkbox]{margin-left:0px !important;}
.tree input[type=checkbox]{margin-left: 35px;}
.permission-tab ul li [type="checkbox"]:not(:checked), [type="checkbox"]:checked{margin-left: 20px; }
.permission-tab ._submit_permission{height: auto;}
.permission-tab{ text-align: left; padding: 20px 20px 0px; }
.permission-tab li{position: relative;}
.permission-tab .tree li{list-style: none; padding-left: 0 !important;}
.tree-submenu li{position: relative;}
.check-wraper .bg-gray{background-color: #aaaaaa !important;}
.check-wraper ul.tree li{position: relative;}
.check-wraper ul.tree{    padding-left: 15px;}
.check-wraper .fa-microphone{display: none !important;}
.check-wraper .web-btn-primary{font-size: 18px;}
.treshold {border-left: 0 !important; outline: 0 !important; width: 100%;     border-bottom: 2px solid #9b9b9b !important;  border-right: 0 !important; border-top: 0 !important;}
input.treshold:focus{border-left: 0 !important; outline-color: 0 !important; border-bottom: 2px solid #9b9b9b !important;  border-right: 0 !important; border-top: 0 !important;}
.check-wraper ul.tree li [type="checkbox"]:checked{left: 0px !important;
    top: 5px;
    z-index: 999;}
.check-wraper ul.tree li [type="checkbox"]:not(:checked), [type="checkbox"]:checked{left: -33px !important;top: 4px;z-index: 999;}

/*=========Company Employee Permission End=========*/
/*=========Admin User List Start=========*/
.filter-section.collapse{background-color: #ebebeb; float: left;width: 100%; }
.filter-section.collapsing{float: left; width: 100%;clear: both;}
.filter-section.collapse.in{clear: both;}
.filter-section.collapse .col-md-3{ margin-bottom: 10px;}

.filter-section button.nav-link, .filter-section button.reset{width: auto !important; min-width: auto !important;padding: 6px 15px;}
.filter-section .nav-link{background-color: #4285f4;color: #fff !important;font-size: 14px;font-weight: 600; padding: 6px 0; }
.filter-section .reset{background-color:#34aa54; color: #fff !important;font-size: 14px;font-weight: 600; padding: 6px 0;}
.filter-section button:hover{opacity: 0.8;}
.ut-ad-btn{background-color: #4285f4; color: #fff !important; font-size: 14px;}
.request-now{background-color: #4285f4; color: #fff !important; font-size: 14px;}
.admin-bills-view .table thead tr th, .subscribers-table .table thead tr th, .earning-lists .table thead tr th, .transactions-history .table thead tr th,
.customer-tab .table thead tr th, .admin-reports .table tr th {background-color:#a1a1a1; padding: 10px; border-bottom: 0; font-size: 16px;font-weight: 600; color:#fff; padding-left: 15px;}
.admin-reports .table tr th {font-weight: 600 !important; font-size: 1.2em;}
.customer-tab .table thead tr td{padding: 10px;  font-size: 16px; color: #323232; }
.customer-tab .table.table-striped tbody tr:nth-child(2n+1) td, .table.table-striped tbody tr:nth-child(2n+1) td{background-color: #fff; border-right: 1px solid #dfdede !important;}
.subscribers-table .table tbody tr td, .transactions-history .table tbody tr td, 
.admin-bills-view .table tbody tr td, 
.customer-tab .table tbody tr td, .admin-reports .table tr td, .earning-lists .table tr td{font-size: 16px;}
.admin-reports .table tr td a, .admin-reports .table tr td a:hover, .earning-lists .table tr td a, .earning-lists .table tr td a:hover{color: #4285f4; transition: all .3s linear;}
.customer-tab .pro-name img{width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;object-fit: cover; object-position: center center;}
.customer-tab .table tbody tr td.services{width: 115px;display:inline-block;border-bottom: none !important; padding: 8px;}
.customer-tab .table tbody tr td.services .panel{margin-bottom: 5px;}
.customer-tab .table tbody tr td.services .panel-title{font-size: 15px;padding: 5px 0px 0px 0px;}
.customer-tab .table tbody tr td.services .panel-body{max-height: 150px;overflow: auto;}
.admin-reports .search-box{
  font-size: 16px;
  background-color: #ebebeb;
    border: 1px solid #d1d1d1;
    padding: 12px 0;
    display: flex;
  }
.admin-reports .search-box select{
  line-height: normal;
    margin: 0;
    background: transparent;
    background: #fff url(../images/select-dropdown.png) no-repeat center right!important;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/select-dropdown.png) no-repeat center right;
    font-size: 16px !important;
  }
.admin-reports .search-box .ut-ad-btn{
  font-size: 16px !important;
  font-weight: 600;
  border:none;
  outline: none;
  }
.admin-reports .search-box .ut-ad-btn:hover, 
.admin-reports .search-box .ut-ad-btn:focus, 
.admin-reports .search-box .ut-ad-btn:actiive{
  font-size: 16px !important;
  }
.jobs-search-form .radio-inline{padding-left: 0px;}
.jobs-search-form .radio-inline label{background: #fff; padding: 7px 15px;}
.jobs-search-form .radio-inline.active label{background:#4285f4;color: #fff;}
.jobs-search-form .radio-inline label:before, 
.jobs-search-form .radio-inline label:after,
.jobs-search-form .radio-inline.active label:before, 
.jobs-search-form .radio-inline.active label:after{
  opacity: 0;
  }  
.search-pro-company-auto-complete{
  display: block;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y:auto;
  border: 1px solid #f1f1f1;
  transition: all .3s;
  }
.search-pro-company-auto-complete a{
  color: #a2a2a2 !important;
    width: 100%;
    float: left;
    padding: 8px 5px;
    font-size: 1.3em;
    border-bottom: 1px solid #f1f1f1;
    transition: all .3s;
  }
.search-pro-company-auto-complete a:hover, 
.search-pro-company-auto-complete a:focus, 
.search-pro-company-auto-complete a:active {
  background: #8a8a8a;
    color: #fff !important; 
    transition: all .3s;
  }
.search-pro-company-auto-complete a:last-child {
    border-bottom: none; 
  }
@media(max-width:1280px){
.customer-tab{overflow-x: auto;}
  }
.dirver-reviews{
  margin-top: 10px;
  margin-bottom: 10px;
  }
.dirver-reviews .profile-box{
  background: #fff;
  padding: 15px;
  text-align: center;
  }
.dirver-reviews .profile-pic {
  width: 150px;
  height: 150px;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  padding: 5px;
  border: 2px solid #cccccc;
  background: #fff;
  } 
.dirver-reviews .profile-pic img{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 100%;
  height: 100%;
  }
.dirver-reviews .cust-name{
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  color: #ed4336;
    }
.dirver-reviews .ratting-star{
    padding: 5px;
    }
.dirver-reviews .title{
  padding: 10px 10px;
  font-size: 22px;
  text-align: left;
  color: #fff;
  background: #e94335;
    }
.dirver-reviews li.review-list{
  background: #fff;
  margin-bottom: 10px;
  padding: 10px !important;
    }
.dirver-reviews li.review-list:nth-child(1){
    margin-top: 0px !important;
  }
.dirver-reviews .icon-left{
  margin-left: 0px !important;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  overflow: hidden;
  padding: 10px !important;
  position: relative;
  border: 2px solid #cccccc !important;
  }
.dirver-reviews .icon-left img{
  width: 100% !important;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center center;
  }
.dirver-reviews .no-margin{
  margin: 0px !important;
  }
.dirver-reviews .no-padding{
  padding: 0px !important;
  }
.dirver-reviews .right-text .name{
  color: #ed4336;
  }
.dirver-reviews .star-ratings-sprite{
  margin-left: 0px !important;
  }
.dirver-reviews .discription{
  margin-top: 10px;
  margin-bottom: 10px;
  }
.customer-tab .pagination > .active > a, .pagination > .active > span{background-color:#000; border:1px solid #a1a1a1;}
.customer-tab .pagination > .active > a, .pagination > .active > span:hover{background-color:#a1a1a1; border:1px solid #a1a1a1;}
.pagination li span{margin: 0px;font-size: inherit;}
.customer-tab .pagination > li > a{color:#a1a1a1;}
.customer-tab td.emp-rating-review .rating,
.customer-tab td.emp-rating-review .review{display: inline; width: 50%;}
.customer-tab td.emp-rating-review .rating{text-align: left;}
.customer-tab td.emp-rating-review .review{text-align: right;}
.customer-tab td.emp-rating-review .review a span{
  background: #e94335;
  color: #fff;
  height: 20px;
  display: inline-block;
  text-align: center;
  min-width: 15px;
  max-width: 50px;
  padding: 0px 5px;
  border-radius: 3px;
  }
/*=========Admin User List End=========*/
/*=========Pro-section=========*/
.project-list a.openjobs-counter,  
.admin-reports a.admin-report-tabs{
  color: #000;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  padding: 10px 25px !important;
  font-size: 22px;
  min-width: 225px;
  text-align: left;
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  font-weight: 600 !important;
  } 
.pd-right-sidebar .nav-tabs {display: flex;}
.project-list .nav-item.active a.openjobs-counter, 
.project-list .nav-item a.openjobs-counter:hover, 
.admin-reports .nav-item.active a.admin-report-tabs,   
.admin-reports .nav-item a.admin-report-tabs:hover{
    background-color: #000 !important;
    color: rgb(255, 255, 255);
    margin-top: 30px;
    position: relative;
    top: 0px;
    display: inline-block;
    padding: 10px 25px;
    transition: all 0.3s;
    cursor: pointer;
    font-size: 22px;
    float: left;
    margin-top: -7px;
    margin-left: 0px;
  }
.project-list .nav-item.active a.openjobs-counter div, 
.project-list .nav-item a.openjobs-counter:hover div, 
.admin-reports .nav-item.active a.admin-report-tabs div, 
.admin-reports .nav-item a.admin-report-tabs:hover div{
  line-height: normal;
  }
.project-list .nav-item a.openjobs-counter .noti-total, 
.project-list .nav-item a.openjobs-counter .lead-total, 
.admin-reports .nav-item a.admin-report-tabs .noti-total, 
.admin-reports .nav-item a.admin-report-tabs .lead-total{
  font-size: 34px;
  }
.project-list .nav-item a.openjobs-counter, 
.admin-reports .nav-item a.admin-report-tabs{
  margin-top: 0px !important
  }
.admin-reports .nav-item a.admin-report-tabs.search-btn{
  width: auto;
  min-width: auto;
  height: 101px;
  position: relative;
  }
.admin-reports .nav-item a.admin-report-tabs.search-btn i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
#header-10-min-pro-section{
  padding: 12px 10px;
  background: #fff;
  }
.job-10-min-carousel-pro {
    padding: 12px 0px;
    background: #3b5999;
    border-bottom: 1px solid #ddd;
    position: relative;
  }
.job-10-min-carousel-pro .top-header.sub-carousel{
  padding: 0px 50px;
  }
.job-10-min-carousel-pro .top-header .equal-height{
  height: 78px;
  }
.job-10-min-carousel-pro .panel-title{
  color: #2a2a2a;
  font-size: 18px !important;
  font-weight: bold;
  margin-top: 5px;
  }
.job-10-min-carousel-pro .top-header .main-div{
  background: #fff !important;
  border-radius: 0 !important;
  border-top: 1px solid #DDD;
  box-shadow: 0px -1px 3px #ccc;
  height: 100px;
  padding: 10px;
  }
.job-10-min-carousel-pro .top-header .clock-dial-bg{
  width: 80px !important;
  height: 80px !important;
  margin: 0px 10px 0px 0px !important;
  }
.job-10-min-carousel-pro .top-header .address, 
.job-10-min-carousel-pro .top-header .service{
    white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  }
.job-10-min-carousel-pro .main-div .address:before{
  content: "\f041";
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 5px;
  }
.job-10-min-carousel-pro .main-div .service{
  color: #e94335 !important;
  font-weight: 600 !important;
  }
.job-10-min-carousel-pro .main-div .service::before {
    content: "\f013";
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 3px;
  }
.job-10-min-carousel-pro:empty{
    display: none;
  }   
/*=========Pro-section-end=========*/
/*=========star-pro=========*/
.star-pro .card{
  background: #fff;
    padding: 10px;
    min-height: 15em;
    transition: all .4s linear;
  }
.star-pro .card:hover{
  transition: all .4s linear;
  box-shadow: 0px 0px 12px #d5d5d5;
  }
.star-pro .card-image{
  min-height: 10em;
  max-height: 20em;
  overflow: hidden;
  position: relative;
  }
.star-pro .card-image img{
  width: 100%; 
  height: 100%; 
  }
.star-pro .card-image img:before{
  content: '';
  width: 100px;
    height: 5px;
    background: #ff0000;
    position: absolute;
    top: -82px;
  }
.star-pro .card-body h5{font-size: 22px;margin: 10px 0px;}
.star-pro .card-body a{cursor: pointer;transition: all .4s linear;}
.star-pro .card-body a i{color: #6f6f6f;font-size: 1em;transform: scale(1.5);transition: all .4s linear;}
.star-pro .card-body a:hover i{color:#000;transform: scale(1.7);transition: all .4s linear;}

.add-star-pro{
  float: left;
  width: 100%;
  }
.add-star-pro .ckbox{
  float: left;
    width: 100%;
    text-align: center;
  }
.add-star-pro .ckbox label{width: auto; font-size: 22px; margin-bottom:20px;}
.add-star-pro img{
  vertical-align: middle;
    width: 75%;
    margin: 0 auto;
  }
@media screen and (max-width: 600px){
  .add-star-pro img{width: 50%;}
  }
/*=========star-pro-end=========*/
/*=========Pro-Accounting-Start=========*/
.accounting-list .jobid{
    color: rgb(66, 133, 244);
    font-size: 1.4rem;
    padding-top: 0px;
    margin-top: 0px;
    width: 100%;
    font-weight: 600;
  }
.accounting-list .acount-service{width: 100%; font-size: 1.4rem; margin:5px 0;}
.accounting-list a{padding: 0 !important;}
.accounting-list li{display: inline-block !important; width: 100%;padding: 20px 0;}
.accounting-list h2{color: #2f3030; font-size: 22px;}
.accounting-list .dte{width: 100%;}
.acc-right li{text-align: right; width: 100%;     color: #3f3f3f; border:0 !important; margin: 0;
    padding: 0; line-height: 26px;    font-size: 1.4rem;}
.accounting-list span{    line-height: 24px;}
.acc-amount{color: #2d6ccd !important; font-weight: 600; font-size: 20px; }
.acc-status label{color: #2d6ccd; margin-left: 5px;}

.accounting-list .pagination>li{display: inline !important;}
.pagination>li>a, .pagination>li>span{padding: 6px 12px !important;color: #000;}
/*=========Pro-Accounting-details-Start=========*/
.ac-details{font-size: 16px; padding: 0 10px;}
.ac-details .row{padding: 15px;}
.ac-details ul li{margin: 0; padding: 0; list-style: none; line-height: 30px;}
.ac-detail-head{background-color: #ededed; padding: 30px 20px; font-size: 16px;}
.ac-detail-head i{font-size: 20px; margin-right: 5px;}
.ac-detail-head h2{margin:0 0 10px 0; padding: 0;}
.pad0{padding: 0;}
.ac-details li {font-size: 1.4rem; font-weight: 600;  margin-bottom: 0;}
.color-blue{color: #4285f4;}
.ac-details li p{font-weight: normal; line-height: 26px;}
.ac-details li h2{font-size: 1.4rem; font-weight: 600; margin-bottom: 5px;}
.ac-details .container-fluid li{line-height: 40px;}
.ac-details .container-fluid li>div{line-height: normal;}
.ac-details .container-fluid li:nth-child(3){line-height: 30px;}
.ac-details .container-fluid a{font-size:32px; font-weight: 600; padding-left: 20px; padding-right: 20px;}
.pd-heading{background-color: #ededed; padding: 14px 17px; margin-top: 10px;}
.ac-details .container-fluid .color-blue i{font-size: 40px;}
/*=========Pro-Accounting-details-End=========*
/*=========Pro-Accounting-End=========*/
/*=========Admin Services Start=========*/
.quest-list{    margin: 25px 15px; padding: 0;}
.quest-list li{margin:0; padding: 15px; border-bottom: 1px solid #ccc;}
.quest-tip {background-color:#eeeeee; border-top: 1px dashed #ccc; margin-top: 15px; padding: 0px 15px 9px;}
.foter-btns{margin-top:10px; text-align: right;}
.list-bg{border:1px dashed #ccc; padding-top: 10px;}
.top-btn{background-color: #fff; padding: 0 20px; }
.top-btn .web-btn-primary{float: right; margin-top: 6px; }
.top-btn h2{font-size: 20px; margin-top: 10px;}
.list-scroll{height: 350px; overflow: auto; margin-top: 20px; overflow-x: hidden;}
.quest-list:first-child{margin-top:0;}
.service-cat .back-btn{background:#012869; padding: 0 20px;  cursor: pointer !important;  height: 40px;
    text-align: center;  line-height: 40px;  color: #FFF;  font-size: 20px;  display: inline-block;
    text-decoration: none; }
.service-cat .next-btn{padding: 0 20px;  cursor: pointer !important;  height: 40px;
    text-align: center;  line-height: 40px;  color: #FFF;  font-size: 20px;  display: inline-block;
    text-decoration: none; background: #34aa54;}
._quest_tip_click b{float: right; color:#f4645f; font-weight: normal; cursor: pointer;}
.service-cat .pro-counter{background: #34aa54;  border-radius: 50%;   border: 2px solid #fff;
    padding: 11px 14px;  left: 33%; margin-top: -13px; position: absolute; font-weight: bold; font-size: 21px;}
.service-cat .progress-bar-success{background: #34aa54; }
.service-cat .progress-bar{text-align: right;}
.service-cat .progress{border-radius: 10px; border: 1px solid #DED; width: 99%;  margin-top: 25px;
    margin-bottom: 30px;}
.service-cat .second-step{left: 64%;}
.service-cat .third-step{ left: 93%; margin-top: -31px;}
.service-cat .progres-title{font-weight: 600; margin-bottom: 10px;}
.quest-list .ckbox{margin-left: 15px;}
.qa{padding-left: 50px;}

.vendor-category-main11 > .breadcrumb>li+li:before { padding: 0 5px;  color: #000;  content: "/\00a0";}
@media screen and (max-width: 992px) {
  .foter-btns{text-align: left !important;}
  .foter-btns .back-btn{padding:0 10px !important; font-size: 14px !important;}
  .foter-btns .next-btn{padding:0 10px !important; font-size: 14px !important;;}
  .service-cat .first-step{left: 26%;}
  .service-cat .second-step { left: 55%;}
  .service-cat .third-step{left: 85%;}
  .request-customer-detail .counter-with-img:before{left: 7px;}
  }
.quest-list .fa-lightbulb-o{font-size: 20px; margin-right: 5px;margin-top: 6px;position: relative;
top: 3px;}
/*== start of code for tooltips ==*/
/*== common styles for both parts of tool tip ==*/
.vendor-category-name .vendor-cat-title::before,
.vendor-category-name .vendor-cat-title::after {
  opacity: 0;
  position: absolute;
  z-index: -100;
  }
.vendor-category-name .vendor-cat-title:hover::before,
.vendor-category-name .vendor-cat-title:focus::before,
.vendor-category-name .vendor-cat-title:hover::after,
.vendor-category-name .vendor-cat-title:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100; 
  }
/*== pointer tip ==*/
.vendor-category-name .vendor-cat-title::before {
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #000 transparent transparent transparent;
  bottom: 100%;
  content: "";
  margin-left: -0.5em;
  transition: all .4s cubic-bezier(.84,-0.18,.31,1.26), opacity .4s .5s;
  transform:  scale(.6) translateY(-90%);
  position: absolute;
  top: -10px;
  left: 50%;
  right: 0;
  width: 0px;
  } 
.vendor-category-name .vendor-cat-title:hover::before,
.vendor-category-name .vendor-cat-title:focus::before {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
  }
/*== speech bubble ==*/
.vendor-category-name .vendor-cat-title::after {
    background: #000;
    border-radius: .25em;
    color: #fff;
    content: attr(data-original-title);
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    transform:  scale(.6) translateY(50%); 
    padding: 5px; 
    position: absolute;
    bottom: 120%;
    left: 0;
    font-size: 12px;
    right: 0;
    font-weight: normal;
    z-index: 99;
  }
.vendor-category-name .vendor-cat-title:hover::after,
.vendor-category-name .vendor-cat-title:focus::after  {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
  }
@media (max-width: 760px) {
.vendor-category-name .vendor-cat-title::after { 
    font-size: .75em;
    margin-left: -5em;
    width: 10em; 
  }
  .div-table-col:first-child{width: 75%;}
  .div-table-col:last-child{width: 15%;}
}
/*=========Admin Services End=========*/
/*=========Company Dashboard Start=========*/
.dashtab{padding-left: 0px; padding-right: 0px;/*padding-left: 10px; padding-right: 12px;*/}
.dashtab li span{display: inline-block; font-size: 1.2rem; }
.dashtab li a{color:#fff; margin: 0px !important; padding: 0px; float: left; border-radius: 0;}
.dashtab li{width: 148px;  float: left;padding: 7px 7px;}

@media only screen and (max-width: 250px) {
.technician-profile .list-unstyled li .big-profile-pic, 
.company-profile .list-unstyled li .big-profile-pic{
  width: 150px;
  height: 150px;
  } 
}
@media only screen and (min-width: 768px) {
.dashtab li {
  width: 11.1%;
  float: left;
  padding: 7px 7px;
  min-height: 75px;
  text-align: center;
  }
.dashtab li a{
  margin: 0px !important;
  padding: 0px !important;
  text-align: center; 
  float: none; 
  } 
.dashtab li i {
  float: none !important;
  font-size: 2.5rem !important;
  margin-right: 0px !important;
  margin-bottom: 5px !important;
  display: block;
  height: 35px;
  }
.dashtab li span{
  font-size: .90rem;
  }
.navbar-right li.ios-btn, 
.navbar-right li.adroid-btn{
  width: 100px;
  margin-top: 15px;
  }
.technician-profile .list-unstyled li .big-profile-pic, 
.company-profile .list-unstyled li .big-profile-pic{
  width: 150px;
  height: 150px;
  }
 
} 
@media only screen and (min-width: 992px) {
.dashtab li span { 
  font-size: .90rem;
  }
.most-populer-cat .col-md-2 .cat-box{
  float: left;
  width: 100%;
  min-height: 215px;
  }
.most-populer-cat .col-md-2 .cat-box+.ckbox{
  position: absolute;
    top: 8px;
    left: 18px;
    z-index: 999;
  }
.dash-service-details .cat-box+.ckbox{
  position: absolute;
    top: 0px;
    left: 10px;
    z-index: 999;
  }
} 

@media only screen and (min-width: 1024px) {
.dashtab li span {
  font-size: 1.100rem;
  }
} 
@media only screen and (min-width: 1200px) {
.dashtab li span {
  font-size: 1.350rem;
  }
.dashtab li span b{
  font-size: 1.650rem;
  }  
.technician-profile .list-unstyled li .big-profile-pic, 
.company-profile .list-unstyled li .big-profile-pic{
  width: 175px;
  height: 175px;
  }
}
@media only screen and (min-width: 1300px) {
.technician-profile .list-unstyled li .big-profile-pic, 
.company-profile .list-unstyled li .big-profile-pic{
  width: 225px;
  height: 225px;
  }
}

/*=========Pro Dashboard tabs=========*/
.driver-dashtab ul{
  display: flex;
  flex-direction: row;
  justify-content: space-around; 
  }
.driver-dashtab ul li{
  flex: 1 1 auto !important;
  transition: all .3s;
  text-align: center;
  position: relative;
  z-index: 9;
  }
.driver-dashtab ul li a{padding: 10px 5px;}
.driver-dashtab ul li a i, 
.driver-dashtab ul li a span, 
.driver-dashtab ul li a span b, 
.driver-dashtab ul li a span span{
  display: block;
  font-size: 1.2em;
  }
.driver-dashtab ul li a i{
  font-size: 2em;
    padding: 5px 0px;
  }
.driver-dashtab ul li a span{transition: all .3s;}
.driver-dashtab ul li:hover,
.driver-dashtab ul li a:hover,
.driver-dashtab ul li:focus,
.driver-dashtab ul li a:focus{
  outline: none;
  border-color: transparent;
  }
.driver-dashtab ul li:hover{
  transform: translateY(-5px);
  transition: all .3s;
  }

@media only screen and (max-width: 800px){
.driver-dashtab ul li{text-align: center;}
.driver-dashtab ul li a span span{display: none;transition: all .3s;} 
}
/*=========Pro Dashboard tabs End=========*/

/*=========Company Dashboard tabs=========*/
.company-dashtab ul{
  display: flex;
  flex-direction: row;
  justify-content: space-around; 
  }
.company-dashtab ul li{
  flex: 1 1 auto !important;
  transition: all .3s;
  text-align: center;
  position: relative;
  z-index: 9;
  }
.company-dashtab ul li a{padding: 10px 5px; border:0px !important;}
.company-dashtab ul li a i, 
.company-dashtab ul li a span, 
.company-dashtab ul li a span b, 
.company-dashtab ul li a span span{
  display: block;
  font-size: 1.2em;
  }
.company-dashtab ul li a i{
  font-size: 2em;
    padding: 5px 0px;
  }
.company-dashtab ul li a span{transition: all .3s;}
.company-dashtab ul li:hover,
.company-dashtab ul li a:hover,
.company-dashtab ul li:focus,
.company-dashtab ul li a:focus,  
.company-dashtab ul li.active a{
  outline: none;
  border-color: transparent !important;
  }
.company-dashtab ul li:hover{
  transform: translateY(-5px);
  transition: all .3s;
  }
@media only screen and (max-width: 800px){
.company-dashtab ul li{text-align: center;}
.company-dashtab ul li a span span{display: none;transition: all .3s;}  
}
/*=========Company Dashboard tabs End=========*/


@-moz-document url-prefix() {
.dashtab li{width: 11.1%;padding:15px 7px; float: left;}
  }
.dashtab li:first-child{margin-left: 0;}
.dashtab li.active a{color:#fff; border: 1px solid transparent !important;outline: none !important;}
.dashtab li a:hover{outline: none !important;border: 1px solid transparent !important;}
.dashtab li.active a:hover{color:#fff; outline: none !important;}
.dashtab li i{float: left; font-size: 30px; margin-right: 8px; margin-top: 5px;}
.dashtab>li>a{ border-radius: 0 !important; padding: 4px 7px;}
.dashtab li.aquamarine-bg, li.aquamarine-bg a, li.aquamarine-bg a:focus, li.aquamarine-bg a:visited {background-color:#fff !important; color:#333 !important; cursor: pointer !important; /*border: 0;*/}
.dashtab li.choclate-bg, li.choclate-bg a, li.choclate-bg a:focus, li.choclate-bg a:visited {background-color:#fff !important; color:#333 !important; cursor: pointer !important; /*border: 0;*/}
.dashtab li.pink-bg, li.pink-bg a, li.pink-bg a:focus, li.pink-bg a:visited {background-color:#fff !important; color:#333 !important; cursor: pointer !important; /*border: 0;*/}
.dashtab li.blue-bg, li.blue-bg a, li.blue-bg a:focus, li.blue-bg a:visited {background-color:#fff !important; color:#333 !important; cursor: pointer !important; /*border: 0;*/}
.dashtab li.green-bg, li.green-bg a, li.green-bg a:focus, li.green-bg a:visited {background-color:#fff !important; color:#333 !important; cursor: pointer !important;}
.dashtab li.yellow-bg, li.yellow-bg a, li.yellow-bg a:focus, li.yellow-bg a:visited {background-color:#fff !important; color:#333 !important; cursor: pointer !important;}
.dashtab li.red-bg, li.red-bg a, li.red-bg a:focus, li.red-bg a:visited {background-color:#fff !important; color:#333 !important; cursor: pointer !important;}
.dashtab li.black-bg, li.black-bg a, li.black-bg a:focus, li.black-bg a:visited {background-color:#fff !important; color:#333 !important; cursor: pointer !important;}
.dashtab li.sky-blue-bg, li.sky-blue-bg a, li.sky-blue-bg a:focus, li.sky-blue-bg a:visited {background-color:#fff !important; color:#333 !important; cursor: pointer !important;}
.dashtab li.navy-blue-bg, li.navy-blue-bg a, li.navy-blue-bg a:focus, li.navy-blue-bg a:visited {background-color:#fff !important; color:#333 !important; cursor: pointer !important;}
.dashtab li.orange-bg, li.orange-bg a, li.orange-bg a:focus, li.orange-bg a:visited {background-color:#fff !important; color:#333 !important; cursor: pointer !important;}
.dashtab li.purple-bg, li.purple-bg a, li.purple-bg a:focus, li.purple-bg a:visited {background-color:#fff !important; color:#333 !important; cursor: pointer !important;}
.dashtab .tab-content .tab-pane{padding:15px;}
.tab-content .blue-bg{background-color:#4385f5 !important; padding:15px; color:#fff;}
.tab-content .blue-bg, 
.tab-content .green-bg, 
.tab-content .yellow-bg, 
.tab-content .red-bg, 
.tab-content .black-bg, 
.tab-content .sky-blue-bg, 
.tab-content .navy-blue-bg, 
.tab-content .orange-bg, 
.tab-content .purple-bg{
  padding: 15px;
  }
.tab-content{padding:0px; }
.dashtab .tab-content{margin-top:-2px;}
.dashtab>li>a:hover{border:0;}
.dashtab>li.active>a, .dashtab>li.active>a:focus, .dashtab>li.active>a:hover{border:0 !important;}
.refresh-btn{color:#fff;}
.refresh-btn:hover i{color:#ccc;}
#myAlertCompany{ position: fixed; z-index: 99999; background-color: rgba(32, 32, 33, 0.6);}
#notesModel{    z-index: 999999 !important; position: fixed; background-color: rgba(32, 32, 33, 0.6);}
.job-list-content{color: #2a2a2a;}
.job-list-content .left{position: relative; float:left;width:80px; height:auto;text-align: center;}
.job-list-content .right{position: relative; float:left;width:calc(100% - 90px);padding: 0px !important;max-height: 400px; overflow: auto;overflow-x: hidden;}
iframe#driver-on-route html{overflow: hidden !important;}
.job-list-content a.arrow-up-btn{
  width: 45px;
  height: 40px;
  padding: 5px;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  font-size: 23px;
    color: #2a2a2a;
    display: inline-block;
    position: relative;
  }
.job-list-content .arrow-up-btn i { transition: all .3s; transform: rotate(0deg);position: relative;top:3px;}
.job-list-content .arrow-up-btn.collapsed i{ transition: all .3s; transform: rotate(180deg);position: relative;top:5px;}
.job-list-content .countdown-timer{font-size: 1.4rem;background-color: #2a2a2a; padding: 13px;}
.job-list-content .countdown-timer .count{display: inline-block;}
.job-list-content .show-loader .fa-spinner{position: absolute;left: 50%; top:120px;color: #fff;font-size: 41px;}
.job-list-content .job-list>a{cursor: pointer;display: flex;}
.job-list-content .job-list>a .fa-chevron-circle-down{transition: all .3s;transform: rotate(180deg);}
.job-list-content .job-list>a.collapsed .fa-chevron-circle-down{transition: all .3s;transform: rotate(0deg);}
.aquamarine-bg{background-color:#eeeeef;}
.choclate-bg{background-color:#eeeeef;}
.pink-bg{background-color:#eeeeef;}
.blue-bg{background-color:#4385f5;}
.green-bg{background-color:#eeeeef;} 
.yellow-bg{background-color:#eeeeef;}
.red-bg{background-color:#eeeeef !important;}
.black-bg{background-color:#eeeeef;border:unset;color: #555;}
.sky-blue-bg{background-color:#eeeeef;}
.navy-blue-bg{background-color:#eeeeef;}
.orange-bg{background-color:#eeeeef;}
.purple-bg{background-color:#eeeeef;}
.blue-color{color:#4385f5;}
.green-color{color:#33a752;} 
.yellow-color{color:#fabc05;}
.red-color{color:#e50102;}
.black-color{color:#000 !important;}
.sky-blue-color{color:#00a0d2;}
.navy-blue-color{color:#3b5999;}
.orange-color{color:#e94335;}
.purple-color{color:#894b8e;}
.togle-content{background-color:#fff; padding: 10px; float: left;margin-top: 5px;}
.job-list{background-color:#fff; margin-bottom: 2px; color: #000;}
.job-list .customer-name{color:#000; font-size: 1.7rem;}
.job-list .customer-name strong{position: absolute;top: 50%;transform: translate(0, -50%);}
.job-list .customer-name:fist-child{font-size: 20px; font-weight: 600;}
.job-list>a{float: left;width: 100%;position: relative;}
.timess{background-color:#000;}
.job-list .black-bg {color:#fff; }
.job-list .black-bg i{ margin-right: 10px;}
.job-list .col-black{color:#000;padding-top: 7px;}
.aub{margin-top:50px;}
.job-datetime{font-size: 1.5rem !important; padding: 2px !important;}
.job-list .togle-content .box-detail-wrap{float: left; width: 100%;font-size: 1.4rem; margin-bottom: 5px;position: relative;padding-left: 25px;}
.job-list .togle-content i{font-size: 22px;}
.job-list .togle-content .box-detail-wrap label{font-weight: bold;}
.job-list .togle-content .box-detail-wrap span{float: left;margin-right: 10px;z-index: 99;position: absolute;transform: translate(-50%, -50%);top: 50%;left: 20px;}
.job-list .togle-content .box-detail-wrap .box-detail{float: left;padding:10px 25px;width:100%; background: #fff;min-height: 60px;}
.job-list .togle-content .box-detail-wrap .box-detail:before{
  background: none;
  position: absolute;
  content: '';
  left: 0px;
  height: 100%;
  width: 40px;
  top: 0px;
  }
.job-list .togle-content .box-detail-wrap .box-detail:after{
  content: '';
  width: 0px;
  height: 0px;
  border-top: 20px transparent;
  border-bottom: 20px transparent;
  border-left: 20px #000;
  background: none;
  }
.job-list .togle-content .box-detail-wrap i{color: #333;}
.blue-bg .togle-content .box-detail-wrap .box-detail:before{background-color:#fff;}
.green-bg .togle-content .box-detail-wrap .box-detail:before{background-color:#fff;} 
.yellow-bg .togle-content .box-detail-wrap .box-detail:before{background-color:#fff;}
.red-bg .togle-content .box-detail-wrap .box-detail:before{background-color:#fff;}
.black-bg .togle-content .box-detail-wrap .box-detail:before{background-color:#fff;}
.sky-blue-bg .togle-content .box-detail-wrap .box-detail:before{background-color:#fff;}
.navy-blue-bg .togle-content .box-detail-wrap .box-detail:before{background-color:#fff;}
.orange-bg .togle-content .box-detail-wrap .box-detail:before{background-color:#fff;}
.purple-bg .togle-content .box-detail-wrap .box-detail:before{background-color:#fff;}
.remove_loader{position: relative;width: 100%;left:0px;background: #fff;bottom: -6px;float: right;}
.two-eta-option .heading{font-size: 1.6rem; font-weight: 600;}
.two-eta-option + div .heading{
  font-size: 1.6rem;
  font-weight: 600;
  }
.pro-call i{font-size: 1.4rem;}
.popup-pro-details .driver-address i{font-size: 1.4rem;}
.phone-cal i{font-size: 18px !important;}
.pro-descrip{/*max-height: 150px; overflow-y: auto;*/}
/*=========Company Dashboard End=========*/
/*==========Bidding-for-post==========*/
.bidding-for-post .view-request-job-details .form-group{
  padding: 13px 0px !important;
  }
ul.cate-breadcrumb li{
  background-color: #f2f1f1;
  padding: 10px 5px;
  margin-bottom: 5px;
  }
ul.cate-breadcrumb li i{
  font-size: 1.4rem;
  }
.bid-duration button{
  width: 125px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.02em;
  }
/*==========Bidding-for-post-End==========*/
/*==========company-payment==========*/
.card-brand{
  position: absolute;
  top: 34px;
  left: 12px;
  z-index: 9;
  padding: 5px 10px 6px;
  text-align: center;
  font-size: 25px;
  color: #000;
  }
.card_number_panel input{
    padding: 19px 15px 20px 50px;
  }
.card_number_panel a{position: absolute; right: 0; top: 40px; right: 20px;
font-size: 26px; color: #000;}
.smal-card-fields input:focus{background-color: #eef1fe; border-bottom: 3px solid #519fed !important; border-top:0 !important; outline: none !important; border-right: 0 !important; border-left: 0 !important;}}
.phone-sec{display: inline-block; margin:10px 0; width: 100%;}
.phone-sec ._remove_custom_more{    margin: 3px 0; display: inline-block;width: 100%;}
/*==========end-company-payment==========*/
.cp-section { border: 1px solid #ccc; margin: 7px; padding: 7px;}
.cp-section .list-group-item{padding: 0; border:0 !important; margin-bottom: 0;}
.cp-section i{padding: 7px;  color:#636E7B; width: 30px;
    text-align: center;}
.ed-btns{    margin: 7px;  border-top: 1px solid #ccc; padding-top: 8px;}
.ed-btns a{padding: 0px; border:0;}
.ed-btns a:first-child i{background-color:#012869;}
.ed-btns a i{color: #fff;}
.tech-rout{position: absolute; right: 70px;}
._change_tab_list_icon .fa{display: initial;}
/*==========Company Profile Service Start==========*/
.job-lists .panel-heading{background-color:#2a88fc; color:#fff;}
table.list-job  thead th{border: 0 !important; color:#444; background-color:#ccc !important;}
.att-details h2{font-size: 20px;}
.service-list-new .check-right{
    float: left;
  margin-top: 12px;}
.service-list-new .service-image {  margin-bottom: 10px;display: block;min-height: 75px; /*min-height: 125px;*/}
.s-category-btm{padding: 0 10px; margin-bottom: 20px; border-top: 1px solid #ccc; display: inline-block; width: 100%;}
.s-category-btm .btn{    margin: 6px 0;}
.s-category-btm .col-md-10{font-size: 24px;}
.s-category-btm .selected-approved-counter{
  background: #e94335 !important;
  color: #fff !important;
  padding: 3px 7px;
  border-radius: 2px;
  display: inline-block;
  }
.s-category-btm .selected-approved-counter:empty{
  display: none;
  }
/*==========Company Profile Service End==========*/
.service-types-list .service-list-new .most-populer-cat .text-center, 
.service_block .service-list-new .most-populer-cat .text-center{
  text-align: left;
  }
.services-tab>li>a:focus, .services-tab>li>a:hover{border: 1px solid #ddd ; background-color:#000 !important;color:#fff !important; margin-bottom: 0 !important;}
.services-tab li.active a{border: 1px solid #ddd ; background-color:#000 ; color:#fff; margin-bottom: 0 !important;}
.services-tab>li>a{color:#000;border: 1px solid #ddd ;}
.service-list-new{
  background-color: rgb(255, 255, 255);
  box-shadow: inset rgba(0, 0, 0, 0.1) 0px 0px 30px;
  display: inline-block;
  margin:0px;
  width: 100%;
  padding:10px;
  border: 1px solid #ddd;
  border-top:0;
  }
.approve-servces{
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px;
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
  padding:20px;
  border: 1px solid #ddd;
  border-top:0;
  overflow-y: scroll;
  height: 390px;
  }
.approve-servces ul.list-unstyled li{
  padding: 10px;
  position: relative;
  }
.approve-servces ul.list-unstyled li span.trash-btn{
    margin-top: 0px;
  }
.approve-servces ul.list-unstyled li i{
  top: 0px !important;
  padding: 0px;
  }
.servces-tabs label{
  background: #2a2a2a;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding: 10px;
  }
.services_button{
  display: inline-block;
  padding: 5px 15px 1px 15px;
  background: #fff;
  border: 1px solid #e94335;
  box-shadow: 0px 0px 5px rgba(233, 67, 53, 0.4);
  margin-bottom: 5px;
  }
.services_button label{
  font-weight: bold;
  color: #e94335;
  }
.location-services-button{
  display: inline-block;
    padding: 5px 15px 1px 15px;
    background: #636363;
    border: 1px solid #e8e7e7;
    margin-bottom: 5px;
  }
.location-services-button label{
  font-weight: bold;
  color: #ffffff;
  }
.location-services-button input.select-all[type="checkbox"]:checked+label:before{
  border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
  background-color: transparent;
  }
/*===============view-form-details===============*/
.view-form-details h5{
  background-color: #1a1a1a;
  border: 1px solid #1a1a1a;
  color: white;
  }
.view-form-details .content-box,
.company-info-full-view .content-box, 
.admin-support .content-box{
  border: 1px solid #e9e9e9;
  padding: 10px;
  position: relative;
  margin-bottom: 10px;
  min-height: 70px;
  background: #f3f3f3;
  }
.view-form-details .content-box:before, 
.company-info-full-view .content-box:before, 
.admin-support .content-box:before{
  content: '';
  background: #000;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 35px;
  left: 10px;
  transform: translate(0, -50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  z-index: 9;
  }
.view-form-details .content-box label, 
.company-info-full-view .content-box label, 
.admin-support .content-box label{
  font-weight: 600;
  display: block;
  margin-left: 60px;
  color: #373737;
  font-size: 1.4rem;
  } 
.view-form-details .content-box .ans, 
.company-info-full-view .content-box .ans, 
.admin-support .content-box .ans{
  margin-left: 60px;
  text-transform: capitalize;
  font-size: 1.2rem;
  }
.admin-support .content-box .ans select{
  line-height: normal;
  }
.admin-support .content-box .ans select:focus, 
.admin-support .notes-text textarea{
  outline: none;
  border: 1px solid #ccc !important;
  }
.view-form-details .content-box > i, 
.company-info-full-view .content-box > i, 
.admin-support .content-box > i{
  color: #fff;
  font-size: 22px;
  position: absolute;
  top: 35px;
  left: 35px;
  transform: translate(-50%, -50%);
  z-index: 99;
  }
.company-info-full-view .content-box .fa-external-link.web-url{display: inline-block !important;}
.view-form-details .content-box .ans.upload-doc{
  border: none !important;
  float: none !important;
  width: auto;
  }
.view-form-details .content-box .ans.upload-doc .upload-content{
    display: inline-block;
    float: none;
  box-shadow: 0px 2px 5px #e6e6e6;
  width: auto;
    padding: 5px !important;
  }
.view-form-details .content-box .upload-content img{
  width: 150px;
    height: 150px;
    border: none;
    outline: none;
    cursor: pointer;
    clear: both;
    object-fit: cover;
    object-position: center;
  }
.view-form-details .content-box .upload-content label{
  font-weight: 600;
    display: block;
    margin-left: 0px;
    color: #373737;
    font-size: 1.4rem;
    text-overflow: ellipsis;
    overflow: hidden;
  }
.view-form-details .profile-pictures{
  background: #f2f2f2;
  }
.view-form-details .profile-pictures {
  position:relative;
  overflow:hidden; 
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd; 
  }
.view-form-details .profile-pictures:before {
  content: ""; 
  position:absolute; 
  z-index: 1; 
  width:96%;  
  top: -10px; 
  height: 10px; 
  left: 2%; 
  border-radius: 100px / 5px; 
  box-shadow:0 0 18px rgba(0,0,0,0.6); 
  }
.view-form-details .profile-pictures:after {
  content: "";
  position:absolute;
  z-index: 1;
  width:96%; 
  bottom: -10px;
  height: 10px;
  left: 2%;
  border-radius: 100px / 5px;
  box-shadow:0 0 18px rgba(0,0,0,0.6);
  }
.view-form-details .profile-pictures .name{
  text-align: center;
  font-size: 1.4rem;
  color: #373737;
  padding: 5px 0px;
  text-transform: capitalize;
  }
.view-form-details .profile-pictures .upload-profile-image{
  width: 100px;
  height: 100px;
  text-align: center;
  margin: 10px auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
  position: relative;
  float: none;
  border: none;
  }
.view-form-details .profile-pictures .upload-profile-image img{
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  object-fit: cover;
  object-position: center center;
  }
/*===============close-view-form-details===============*/
/*===============-MS-Form-===============*/
#msform {
  width: 100%;
  margin: 20px auto;
  position: relative;
  font-size: 16px !important;
  }
#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 3px;
  padding:0 10px;
  box-sizing: border-box;
  position: relative;
  }
#msform fieldset:not(:first-of-type) {
  display: none;
  }
#msform .action-button {
  width: 100px;
  background: #27AE60;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 1px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px;
  }
#msform .action-button:hover, #msform .action-button:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
  }
.load-employee-form .nav-item a, 
.support-section .nav-tabs a{
  border-radius: 0px;
  background: #eee;
  color: rgb(42, 42, 42) !important;
  font-size: 1.4rem;
  font-weight: 600;
  }
.load-employee-form .nav-item.active a, 
.support-section .nav-tabs .active a{
  background-color: #000 !important;
  color: #fff !important;
  }
.load-employee-form .upload-profile-image {
  float: right;
  margin-right: 10px;
  border: 2px solid #a6aaad;
  overflow: hidden;
  width: 45px; height: 45px;
  }
.upload-profile-image img{width: 100%; height: 100%;}
.fs-title {
  font-size: 1.4rem;
  margin-bottom: 10px;
  background-color: #000;
  /*border: 1px solid #000;*/
  color: white;
  padding: 10px;
  }
/*===============-MS-Form-===============*/
/*===============-booking-detail-fullpage with popout-===============*/
.map-box{
  position: relative;
  left: 0px;
  overflow: hidden;
  width: 50%;
  min-height: 98vh;
  float: left;
  }
.rp-detail .cust-name{width: 100%}
.count-online, .count-offline{padding: 10px 0;}
.rp-detail .row{display: flex;}
  .rp-detail .phone-cal{display: inline-block; width: 100%;    padding-left: 30px;}
  .rp-detail h4.panel-title a:hover{background-color: #000 !important;}
.rp-detail .phone-cal:before{content: "\f095";  font-family: FontAwesome;
    font-size: 28px; color: #333; position: absolute; margin-left: -25px; }
.popup-pro-pic{ float: left;margin-right: 15px;position: relative;border: 2px solid #ccc;width: 130px;height: auto;display: inline-block;border-radius: 50%;overflow: hidden;}
.panel-group .panel .panel-heading .panel-title a {padding: 15px !important;}
.notes-desc{color: #000;}
.notes-heading{background-color: }
.notes-date{color: #000;}
.rp-detail .eta-option-wrap{margin: 45px 0px 0;}
.rp-detail .driver-address:before{content: "\f041";  font-family: FontAwesome;
font-size: 28px; color: #333; position: absolute; margin-left: -25px;}
.display-service{padding-left: 30px; color: #000; }
.rp-detail .display-service:before{content: "\f013";   font-family: FontAwesome;
    font-size: 28px; color: #333; position: absolute; margin-left: -29px;}
.rp-detail .driver-address{color:#000; line-height: 28px; width: 100%;  display: inline-block; padding-left: 30px !important;}
.popup-pro-pic img{width: 100%;height: 100%;}
.border-1-gray{border:1px solid #ccc;}
.profile-box .two-eta-option{margin: 0 0 0 0 !important; padding: 60px 10px 10px 10px !important;}
.blue-bg{background-color:#eeeeef !important;}
.popup-pro-details .icofont-ui-call {font-size: 12px !important;}
.border-gray-1{border:1px solid #ccc;}
.border-gray-left{border-left: 1px solid #ccc;}
.border-gray-right{border-right: 1px solid #ccc;}
.border-gray-bottom{border-bottom: 1px solid #ccc;}
.border-gray-top{border-top: 1px solid #ccc;}
.border-gray-left-0{border-left: 0px;}
.border-gray-right-0{border-right: 0px;}
.border-gray-bottom-0{border-bottom: 0px;}
.border-gray-top-0{border-top: 0px;}
.container-flyout.booking-detail-fullpage .menu-button{right: 5px;}
.container-flyout.booking-detail-fullpage .menu-wrap{right: auto; left: 0;}
.container-flyout.booking-detail-fullpage .icon-after-picked li{text-align: left;}
.container-flyout.booking-detail-fullpage .icon-after-picked .circle-icon i{
  float: left;
  margin: 4px 0px 0px 10px;
  }
.container-flyout.booking-detail-fullpage .icon-after-picked li .circle-icon .text{
  color: #fff !important;
  }
  .nearest-technician-full-page.active{top:35px;}
.container-flyout.booking-detail-fullpage .content-wrap{
  overflow: hidden !important;
  width: 100%;
  }
.container-flyout.booking-detail-fullpage .content-flyout .company-boking-details{
  position: static !important;
  min-height: 96.5vh;
    max-height: -webkit-fill-available;
    overflow-y: auto;
    overflow-x: hidden;
  }
.container-flyout.booking-detail-fullpage .content-flyout .company-boking-details .table{
  font-size: 20px;
  color: #000;
  }
.container-flyout.booking-detail-fullpage .panel-primary{
  margin-top: 2px !important;
  }
.nearest-technician-full-page{
  position: relative;
  top: 0px;
  background: #fff;
  padding: 0px;
  transition-property: all;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  }
.nearest-technician-full-page.active{
  position: absolute;
  top: 0px;
  background: #fff;
  padding: 0px;
  transition-property: all;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  z-index: 999999;
  width: 100%;
  }

.nearest-technician-full-page .nearest-technician .main-section{
  height: calc(100vh - 20px);
  margin-bottom: 10px;
  }
.nearest-technician-full-page .nearest-technician .job-event-info{
  overflow: auto;
  padding-bottom: 20px;
  position: relative;
  }
.close-nearestform-button{
  position: absolute;
  right: 0px;
  background: #fff;
  color: #E9573F;
  top: 0px;
  border: none;
  font-size: 16px;
  padding: 10px 15px;
  color: #000;
  
  }
  .close-nearestform-button:hover{background-color: #fff; color:#000;}
    .close-nearestform-button:focus{background-color: #fff !important; color:#000;}
  .close-nearestform-button i.fa-close{margin-right: 0;}
  .close-nearestform-button i:focus{background-color: #fff; color: #000;}
.close-nearestform-button+button{
  position: absolute;
  right: 10px;
  top: 0px;
  padding: 0px 10px;
  }
.booking-detail-fullpage  .panel-group .panel .panel-heading .panel-title a.collapsed i{
  transform: rotate(0deg); 
  transition: all 0.5s;
  }
.booking-detail-fullpage  .panel-group .panel .panel-heading .panel-title a i{
  transform: rotate(180deg); 
  transition: all 0.5s;
  }
.booking-full-action h4{background-color: #000;}
.bg-black{background-color: #000;}
.bg-gray{background-color: #aaaaaa !important;}
.thre-btns .btn{font-size: 20px !important;
    padding: 4px 14px; margin-top: 20px;
    color: #fff;}
.thre-btns .bg-gray:hover{background-color:#aaaaaa; }
.thre-btns .bg-black:hover{background-color: #000;}
.booking-full-action .btn{background-color:#999999; border: 0;}
.shadow-bg form .btn-success{background-color:#000 !important;}
.booking-full-action .main-popup .shadow-bg{
  box-shadow: none;
  padding: 0px; 
  background: #fff;
  display: inline-block;
  width: 100%;
  border: 5px solid #e8e8e8;
  }
.booking-full-action .main-popup .cust-terms-condition h3{
  margin-top: 0;
  }
.bs-example .panel-heading h4 a{padding: 10px 15px;}
.bs-example .panel-group{margin-bottom:0px;}
.booking-full-action .main-popup .box-detail-wrap{float: left; width: 100%;box-shadow: 0px 0px 5px #e4e4e4;font-size: 1.3rem; margin-bottom: 10px;position: relative;padding-left: 25px;}
.booking-full-action .main-popup i{font-size: 20px;}
.booking-full-action .main-popup .box-detail-wrap label{font-weight: bold;}
.booking-full-action .main-popup .box-detail-wrap span{float: left;margin-right: 10px;z-index: 99;position: absolute;transform: translate(-50%, -50%);top: 50%;left: 20px;}
.booking-full-action .main-popup .box-detail-wrap .box-detail{float: left;padding:10px 25px;width:100%; background: #fff;min-height: 60px;}
.booking-full-action .main-popup .box-detail-wrap .box-detail:before{
  background: #e4e4e4;
  position: absolute;
  content: '';
  left: 0px;
  height: 100%;
  width: 40px;
  top: 0px;
  }
#driverModel{
  z-index: 99999;
  background: rgba(0,0,0,0.7);
  }
.driver_user_id.form-control{height: auto; font-size: 16px !important; padding: 10px !important;}
/*===============-booking-detail-fullpage with popout-===============*/
/*===============Billing Dashboard===============*/
.graphs{position: absolute; top: 5px; right: 10px; font-size: 1.4em;margin-bottom: 10px;}
.canvas-img canvas{position: relative; left: -80px; transform: scale(1);zoom:100%;}
.graphs .counters{display: flex;margin-top: 5px;}
.graphs .counters label{width: 120px; text-align: right;color: #000;font-weight: 600;}
.graphs .counters span{margin-left: 10px; text-align: center;}
.graphs .counters .count{padding: 10px;color: #fff; font-weight: 600; min-width: 75px;}
.graphs .counters.total .count{background: #f3b146;}
.graphs .counters.missed .count{background: #1b99ca;}
.graphs .counters.accepted .count{background: #d23e35;}
.graphs .counters.completed .count{background: #1f4a76;}
.graphs .counters.canceled .count{background: #fb6918;}
.graphs .counters.notifications .count{background: #1b99ca;}
.graphs .counters.leads .count{background: #d23e35;}
/*===============Close Billing Dashboard===============*/
.thumb-btns-customer-reviews i{color:000; font-size: 20px;}
.thumb-btns-customer-reviews a[action='up'], 
.thumb-btns-customer-reviews a[action='up'] i{color: #000 !important;}
.thumb-btns-customer-reviews a[action='down'], 
.thumb-btns-customer-reviews a[action='down'] i{color: #000 !important;}
.thumb-btns-customer-reviews a{margin: 0 10px; color:#000; float: left; margin-top: -5px;}
.thumb-btns-customer-reviews h2{ margin: 2px 10px 0 10px;  float: left;  font-size: 14px;}
.thumb-btns-customer-reviews {padding-top: 15px;}
.thumb-btns-customer-reviews a:hover .fa-thumbs-up{color:#2a7305;}
.thumb-btns-customer-reviews a:hover .fa-thumbs-down{color:#ed1c00;}
.thumb-btns-customer-reviews a:visited,a:focus{text-decoration: none; border: 0;}
.thumb-btns-customer-reviews a.active .fa-thumbs-up{color:#2a7305;}
.thumb-btns-customer-reviews a.active .fa-thumbs-down{color:#ed1c00;}
.first-request-model{
  display: inline-block;
  position: relative;
  width: auto;
 }
.first-request-model .modal-dialog{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  z-index: 99999;
  }
.modal-dialog .left-right-colored-btn .left, 
.modal-dialog .left-right-colored-btn .right{
  width: 173px;
  min-width: 173px; 
  }
.first-request-model .modal-dialog{
  display: none;
}
#top_section_open_calls{z-index: 99;}
.alert-danger.notapprove-notification-alert{
  margin-bottom: 0px !important;
    padding: 5px !important;
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 16px;
  }
.alert-danger.notapprove-notification-alert div{
  -webkit-animation:blinkingText 2s infinite;
  margin: 0;
    padding: 0;
    position: relative;
    top: 12px;
  }
@-moz-keyframes blinkingText {
  0% {opacity:1}
  50% {opacity:0}
  100% {opacity:1}
}
@-webkit-keyframes blinkingText {
  0% {opacity:1}
  50% {opacity:0}
  100% {opacity:1}
}
@keyframes blinkingText {
  0% {opacity:1}
  50% {opacity:0}
  100% {opacity:1}
}
/*-----------Add-Circle-button-----------*/
#addcircle-btn .add-icon .tooltip, 
.admin-review .add-review-btn .add-icon .tooltip {
  font-size:16px;
  text-transform:capitalize;
  white-space: nowrap;
  }
#addcircle-btn, 
.admin-review .add-review-btn{
  display:block;
  position:fixed;
  bottom:45px;
  text-align:center;
  right:20px;
  z-index:9999;
  }
#addcircle-btn ul, 
.admin-review .add-review-btn ul {
 padding:0;
 margin:0;
 list-style: none;
 position: relative;
  }
#addcircle-btn li, 
.admin-review .add-review-btn li{
 width: 45px;
 height: 45px;
 border-radius: 50%;
 background: #f4645f;
 text-decoration: none;
 color: #fff;
 text-align: center;
 left:10%;
 }
#addcircle-btn .add-icon a i, 
.admin-review .add-review-btn .add-icon a i{
	font-size: 34px;
 }
#addcircle-btn .add-icon, 
.admin-review .add-review-btn .add-icon{
 transition: all ease-in-out 0.5s;
 width: 56px;
 height: 56px;
 outline: none;
 box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
 box-sizing: content-box;
 cursor: pointer;
 display: inline-block;
 z-index:99;
 }
#addcircle-btn .add-icon .fa-plus, 
.admin-review .add-review-btn .add-icon .fa-plus{
 transition:all .5s ease-in-out;
 perspective: 800px;
 perspective-origin: 50% 100px;
 }
#addcircle-btn li.add-icon .fa-plus:hover,
.admin-review .add-review-btn li.add-icon .fa-plus:hover {
 transform:rotateZ(180deg);
 }
#addcircle-btn ul:after, 
.admin-review .add-review-btn ul:after {
 content: "";
 display:block;
 clear:both;
 }
#addcircle-btn ul li, 
.admin-review .add-review-btn ul li{
 display:list-item;
 list-style: none;
 float:left;
 }
#addcircle-btn ul li i, 
.admin-review .add-review-btn ul li i {
 font-size:34px;
 }
#addcircle-btn ul li a, 
.admin-review .add-review-btn ul li a{
 display:block;
 padding:0px !important;
 color:#FFF !important;
 text-decoration:none;
 text-align:center;
 position: relative;
 top: 10px;
 }
/* The Dropdown Styles */
/* =================== */

/* Hide Dropdowns by Default */
#addcircle-btn ul ul {
	position:absolute;
	bottom:55px;
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:600ms ease;
	-moz-transition:600ms ease;
	-o-transition:600ms ease;
	transition:600ms ease;
	}
/* Display Dropdowns on Hover */
#addcircle-btn ul li:hover > ul {
 visibility:visible;
 opacity:1;
 filter:alpha(opacity=100);
 }
/* Fisrt Tier Dropdown */
#addcircle-btn ul ul li {
	float:none;
	position: relative;
	border-bottom:none;
	margin-bottom:5px;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
  }
#addcircle-btn ul ul li:hover {
 background-color: #f98b87;
 color: white;
 }
#addcircle-btn ul ul li i {
 font-size:24px !important;
 color: #fff;
 }
#addcircle-btn ul ul li a {
 padding:0px;
 }
/* Second, Third and more Tiers */
#addcircle-btn ul ul ul li {
	position: absolute relative;
	top:-79px;
	left:200px;
 }
/*-----------Close-Add-Circle-button-----------*/
/*-----------Top-toggle-button-----------*/
.ba-toggle{
	float: left;
	position: relative;
 }
.ba-toggle .switch-webiste{
	min-width: 180px;
	display: inline-block;
	float: left;
	padding: 16px 5px 16px !important;
	background: rgb(247, 247, 247);
	position: relative;
	margin-top: 0px;
 }
.ba-toggle .switch-webiste small{
	font-size: 14px;
	position: relative;
	top: -2px;
	font-weight: bold;
	color: #dedede;
 }
.ba-toggle .switch-webiste .switch-web{
 position: relative;
 top: 8px;
 left: 57px;
 float: left;
 }
.ba-toggle .toggle{right: 2px;}
.ba-toggle .switch-webiste small:hover{cursor: pointer;} 
.ba-toggle .switch-webiste small.bsystatus{float: left;}
.ba-toggle .switch-webiste small.busy{color: #e94335;}
.ba-toggle .switch-webiste small.avbstatus{float: right;}
.ba-toggle .switch-webiste small.available{color: #33a752;} 
/*-----------Close-Top-toggle-button-----------*/
.content-wrap.feedback-wrap{margin-bottom: 0px;}
#feedback_textarea{min-height: calc(100vh - 510px);background: transparent; border-top: 0;
border-right: 0;
border-left: 0;}
#feedback_textarea:focus{background: transparent; border-top: 0 !important;
border-right: 0 !important;
border-left: 0 !important; }
.feedback-wrap h4{
 font-size: 20px;
 color: #000;
 margin: 0px 0px 5px 0px; 
 }
.feedback-wrap .content{
 font-size: 1.4rem;
 }
/*-----------map-pin-with ripple effect-----------*/
.map_pin-wrap {
 position: absolute;
 width: 100px;
 height: 100px;
 margin-top: -120.7106781187px;
 margin-left: -50px;
 -webkit-transform-origin: 50% 120.7106781187% 0;
         transform-origin: 50% 120.7106781187% 0;
 }
.map_pin {
	background: url(../images/home.png) no-repeat;
	background-size: 35px;
	position: absolute;
	top: 45%;
	left: 32%;
	width: 35px;
	height: 100px
	}
.map_shadow {
 position: absolute;
 }
.map_shadow::after {
 position: absolute;
 left: -112px;
 display: block;
 width: 25px;
 height: 25px;
 margin-top: -14px;
 content: '';
 -webkit-transform: rotateX(55deg);
         transform: rotateX(55deg);
 border-radius: 50%;
 box-shadow: rgba(0, 0, 0, 0.5) 100px 0 20px;
  }
.map_pulse {
 position: absolute;
 margin-top: -50px;
 margin-left: -50px;
 -webkit-transform: rotateX(55deg);
         transform: rotateX(55deg);
 }
.map_pulse::after {
 display: block;
 width: 100px;
 height: 100px;
 content: '';
 -webkit-animation: pulsate 1s ease-out;
         animation: pulsate 1s ease-out;
 -webkit-animation-delay: 1.1s;
         animation-delay: 1.1s;
 -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
 opacity: 0;
 border-radius: 50%;
 box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.5);
 box-shadow: 0 0 12px 3px #d40303;
 }
@-webkit-keyframes pulsate {
0% {
 -webkit-transform: scale(0.1, 0.1);
 transform: scale(0.1, 0.1);
 opacity: 0;
 }
50% {
 opacity: 1;
 }
100% {
 -webkit-transform: scale(1.2, 1.2);
 transform: scale(1.2, 1.2);
 opacity: 0;
 }
}
@keyframes pulsate {
0%{
 -webkit-transform: scale(0.1, 0.1);
 transform: scale(0.1, 0.1);
 opacity: 0;
 }
50% {
 opacity: 1;
 }
100% {
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 0;
 }
}
/*-----------close-map-pin-with ripple effect-----------*/
/*-----------Online-user List-----------*/
.customer-online-list .content-box, 
.individual-online-list .content-box, 
.reason-list .content-box{}
.customer-online-list .content-box .icon-left,
.individual-online-list .content-box .icon-left, 
.reason-list .content-box .icon-left{
 left: 10px;
 }
.reason-list li .right-text label{
 font-weight: 600;
 }
.reason-list li .toggle{
 position: relative;
 top: 0;right: auto;left: auto;
 }
/*-----------Close-Online-user List-----------*/
/*-----------Promo-Code-----------*/
.promo-code .promo-code-wrapper{
 min-height: calc(100vh - 250px);
 background-image: linear-gradient(#edeef2, #ffffff);
 }
.promo-code .promo-code-wrapper h1{
 font-size: 48px;
 color: #000000;
 text-align: center;
 margin-top: 0px;
 }
.promo-graphics{
 text-align: center;
 margin-top: 30px;
 }
 .promo-graphics img{width:25%;}
.promo-code-btn{
 display: block;
 text-align: center;
 margin: 10px 0px;
 }
.promo-code-btn .button{
	background-color: #000;
	font-size: 28px;
	padding: 7px 22px;
	color: #FFF;
	font-weight: 500;
	cursor: pointer;
	margin: 20px 10px 10px 10px;
 }
.promotion-form{
 display: block;
 text-align: center;
 }
.promotion-form input{
 width: 40%;
 padding: 28px 15px;
 font-size: 18px;
 color: #9b9a9a;
 display: inline-block;
 background-color: #f2f2f2;
 border: 1px solid #d4d4d4;
 margin: 20px 0px;
 }
.promotion-form input::placeholder{color: #9b9a9a;}
/*-----------star-pro-wrapper-----------*/
.profile-wrapper{position: relative; color: #000;}
.profile-wrapper .black-bg{background: #000; width: 100%;height: 100px;}
.profile-wrapper .profile-box{padding: 20px 0; text-align: center;}
.profile-wrapper .profile-box .profile-pic{margin: -100px auto 10px;background: #fff;border: 3px solid #FFF;
    border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; padding: 0; width: 125px;
    height: 125px; overflow: hidden; display: inline-block;}
.profile-wrapper .profile-box .profile-pic img {width: 100%;height: 100%;border-radius: 50%;
    object-fit: cover;object-position: center center;border: 5px solid #b8b7b7;}
.profile-box .cust-name {font-size: 1.8em;text-transform: capitalize; font-weight: 600; line-height: normal;}
.profile-wrapper .ratingnreview {font-size: 1.5em;display: inline-block;margin: 10px 0px;}
.profile-wrapper .ratingnreview .ef-example-2-rating{display: inline-block;border: 0;position: relative;top: -5px;float: left;}
.profile-doc-details.box1 img{width: 100%;}
.profile-doc-details h3{font-weight: 600;font-size: 1.5em;margin-top: 10px;}
.profile-doc-details.box2 ul{margin:0px;padding-left: 3px;list-style-type: none;}
.profile-doc-details .overview-list ul li{margin-bottom: 5px;}
.profile-doc-details .overview-list ul li i{margin-right: 5px;}
.profile-wrapper .certificates{ float:left;margin: 5px 10px 10px 0px;}
.profile-wrapper .certificates .box{width: 120px; overflow: hidden; cursor: pointer;}
.profile-wrapper .certificates .box img{width: 100%;}
.profile-wrapper .certificates .box div{text-transform: capitalize;text-align: center;}
.profile-doc-details{position: relative;margin-bottom: 30px;float: left;width: 100%;font-size: 1.3em; line-height: normal;text-align: left;}
.profile-doc-details .star-pro-images img{width: 90%;}
.profile-doc-details .progress, .profile-doc-details .progress-bar{height: 8px;}
.profile-doc-details .progress{flex-basis: 100%;margin-right: 10px;
    align-items: center;position: relative;top: 10px;}
.review-progressbar{display: flex;align-items: center;margin-bottom: 10px;}
.review-progressbar>span{width: 60px;}
.search-reviews .input-left{position: relative;}
.search-reviews .input-left input{width: 100%;padding: 8px;border: none;padding-left: 30px;padding-right: 20px;white-space: nowrap;
  text-overflow: ellipsis;overflow: hidden;outline: none;color: #000 !important;}
.search-reviews .input-left input:hover, .search-reviews .input-left input:focus{border: none !important;outline:none !important;}
.search-reviews .input-left input::placeholder{color:#a1a1a1;}
.search-reviews .input-left>i{color:#a1a1a1;position: absolute; top: 12px;z-index: 1;}
.most-relevent select{border: none !important;}
.rating-star .ef-example-2-rating-input + label.ef-example-2-rating-star{color:#dad4d4;}
.rating-star input.ef-example-2-rating-input:checked ~ label.ef-example-2-rating-star, 
.rating-star label.ef-example-2-rating-star:hover, 
.rating-star label.ef-example-2-rating-star:hover ~ label.ef-example-2-rating-star{color: #fc9922 !important;}
.recent-projects-list {position: relative;}
.recent-projects-list .projects-media:nth-child(1){margin-left:0px;}
.recent-projects-list .projects-media{float: left;width: 85px;height: 85px; border-radius: 10px; border: 1px solid #bebebe; overflow: hidden;margin: 5px;}
.recent-projects-list .projects-media img, .recent-projects-list .projects-media video, .recent-projects-list .projects-media audio{
  width: 100%;}
.edit-review-image-list{float: left;width: 100%;clear: both;margin-bottom:10px;}
.edit-review-image-list div{width:125px;text-align:center;float: left;margin: 5px;/*border: 1px solid #ccc;*/cursor: pointer; max-height: 150px;min-height: 150px;overflow:hidden;position: relative;} 
.edit-review-image-list div img{width: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.edit-review-image-list div i.fa-trash-o{position: absolute;opacity: 0; transition: all .5s;
position: absolute;top: 0px;right: 0;background: #e94335;color: #fff;font-size: 16px;padding: 3px 3px;border-bottom-left-radius:5px;}
.edit-review-image-list div:hover i.fa-trash-o{opacity: 9; transition: all .5s;}
.more-review {
 float: left;
 width: 100%;
 text-align: center;
 padding: 10px;
 margin-top: 10px;
 }
.custom-file-input {
 color: #000;
 position: relative;
 }
input[type=file].custom-file-input{width: 100%;
padding-left: 6px;
padding-top: 0px;
border: 1px solid #000 !important;
}
.custom-file-input::-webkit-file-upload-button {
	visibility: hidden;
 }
.custom-file-input::before {
 content: 'Upload pictures';
 color: white;
 display: inline-block;
 background: #000;
     padding: 6px 10px 14px;
 outline: none;
 white-space: nowrap;
 -webkit-user-select: none;
 cursor: pointer;
 font-size: 14pt;
 transition: all .5s;
 position: absolute;
 left: 0px;
 top: 0px;
 line-height: 21px;
 }
 .multi-address-list .right-content{float: none !important; /*width: auto !important;*/}
 .multi-address-list .right-content .radio-wrap label:before{left: auto; right: 0;}
  .multi-address-list .right-content .radio-wrap input[type=radio]:checked + label::after{ right: 4px; left: auto;}
  .multi-address-list .right-content .radio-wrap label{padding-left: 0;}
.custom-file-input:hover::before {
 border-color: black;
 background: #000;
 transition: all .5s;
 }
.custom-file-input:active {
 outline: 0;
 }
/*----get-connected-loader----*/
.get-connected-loader{
  display: flex;
  background: #fff;
  flex-basis: 100%;
  flex-flow: column;
  color: #000;
  margin-top: 20px;
  }
.get-connected-loader .progress{
  display: flex;
  width: 100%;
  height: 35px;
  }
.get-connected-loader .progress-bar-inverse{
  background-color: #000;
  }
.get-connected-loader .progress-bar{
  display: block;
  animation: process 3s infinite linear;
  -webkit-animation: process 3s infinite linear;
  }
@keyframes process {
  0%{
    width: 0%;
  }
  25% {
    width: 25%;
  }
  50% {
    width: 50%;
  }
  75% {
    width: 75%;
  }
  100% {
    width: 100%;
  }
}
.get-connected-loader .msg{
  text-align: center;
  display: block;
  font-size: 1.2em;
  font-weight: 500;
  }
.get-connected-loader .loader-icons{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  flex-basis: 100%;
  margin: 40px 0px;
  }
.get-connected-loader{
  padding: 0px;
  position: fixed;
  bottom: 0px;
  left: 75px;
  width: 100%;
  z-index: 9999999;
  }
.get-connected-loader .icon-bg{    
  background: #ccc;
  color: #000;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.5em;
  }
.get-connected-loader .icon-black{
  background: #000;
  color: #fff;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.5em;
  }
/*----Close-get-connected-loader----*/
.tag-page-setting .form-footer {
  background: #fff;
  position: absolute;
  width: 100%;
  bottom: 0px;
  text-align: center;
  }
/*-----location-map-image-----*/
.location-map-image{}
.location-search-controls {
  height: calc(100vh - 5px);
  padding: 0px;
  margin: 0px;
  }
.search-controls{border-bottom: 1px solid #f5f5f5;}
.search-controls > .row{
  z-index: 1;
  width: 100%;
  background: #ffffffa8;
  padding: 10px;
  }
.location-search-controls .footer-main{
  background: #ffffff;
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding-left: 0px;
  }
.location-search-controls .footer-main .form-footer{
  padding: 0px 0px 5px 0px;
  background: transparent;
  } 
.location-search-controls .footer-main .form-footer input[type=file].custom-file-input{
  position: relative;
  width: 40%;
  height: 45px;  
  padding-left: 80px;
  padding-top: 10px;
  margin: 5px auto;
  }
.location-search-controls .footer-main .form-footer button.theme-btn, 
.location-search-controls .footer-main .form-footer .theme-btn{
  padding: 8px 15px;
  }
#previewImage canvas{
  width: 100%;
  top: 0;
  position: absolute;
  }
.overlay-circle{
  position: absolute;
  background: #000;
  width: 115px;
  height: 115px;
  opacity: 0.5;
  border-radius: 50%;
  position: absolute;
  bottom: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  }
.overlay-box{
  position: absolute;
  background: #000;
  width: 350px;
  height: 75px;
  opacity: 0.5;
  position: absolute;
  bottom: 75px;
  left: 50%;
  transform: translate(-50%, -35%);
  z-index: 4;
  }
/*-----End-location-map-image-----*/
.review-images-list .projects-media{float: left;
    height: 85px;
    width: 85px;
    overflow: hidden;
    border: 1px solid #bebebe;
    border-radius: 10px; margin: 8px;}
.driver-profile{padding: 30px;}
.thumb-btns-customer-reviews h2{font-size: 20px; font-weight: bold;}
.thumb-btns-customer-reviews i{font-size: 30px; }

.thumb-btns-customer-reviews {
    justify-content: center;
    align-items: center;
    display: flex;
}
.driver-profile .r-tech-title{font-size: 30px;}
.review-services{color: #a1a1a1; margin: 10px 0;}
.reviews-list .fa-check-circle{color: #247aff;}
.recent-projects-list .projects-media img{height: 100%;}
.ofer-img{width: 100%;}
/*Price Book Start*/
.pb-wraper{background: #F6F6F6;padding: 20px 40px;height: 210px;position: relative;margin: 0 10px;}
.pb-content-wraper td{text-align: left; color: #000; font-size: 16px;}
.table thead tr td{vertical-align: inherit; padding: 0;}
.pb-action a{display: block; width: 30px; height: 30px;}
.pb-action a.pb-edit{background-color: #000; color: #fff; margin-left: 3px; }
.pb-action a{display: flex; justify-content:  center; align-items: center;}
.pb-action{display: flex;}
.pb-contents { margin-top: -62px; }
.pb-contents .pb-baner{display: none;}
.pb-content-wraper a i{font-size: 16px; color:#fff !important;}
.pb-content-wraper th i{color:#555353; margin-right: 5px;}
.pb-content-wraper th{font-size: 16px !important; border: 0 !important;}
.pb-delete{background-color: red; color:#fff;     margin-left: 5px;}
.pb-content-wraper th span{margin-right: 5px;}
.pb-wraper .modal-header button{background-color: transparent;  border: 0; position: absolute;
    right: 10px;
    font-size: 27px;
}
.pb-wraper .modal-footer{display: flex; justify-content: center;}
.pb-wraper .modal-footer button.btn-primary{background-color: #000; color:#fff; border:0; font-size: 27px; font-weight: 600;     padding: 7px 30px;}
.pb-content-wraper button.close{text-shadow: none !important; opacity: 10 !important; color:#fff !important;}
.pb-wraper .modal-header{background-color: #000; display: flex; color:#fff; color:#fff; font-size: 18px;}
.cmnp-header{background-color: #000; display: flex;  color:#fff; font-size: 18px;}
.cmnp-header button.close{ position: absolute; right: 7px; border: 0;
    font-size: 30px; background-color: black; color: #fff; opacity: 10;}
.cmnp-header h5{font-size: 27px; font-weight: 600;}
.pb-wraper .form__group {
  position: relative;
  padding: 15px 0 0;
  margin-top: 10px;
  width: 50%;
  margin-top:10px;
}
.action-btns .view-delete{display: block; background-color: #000; color: #fff; padding: 5px; position: absolute; top: -35px; left:53px;     width: 82px;
    text-align: center;
    border-radius: 5px; display: none;}
.action-btns a.toltip-delete:hover + .view-delete{display: block;}
.wrranty-select{margin-bottom: 30px;}
.wrranty-select select{padding-left: 20px !important;}
.wrranty-select i{top: -32px !important;}
.pb-wraper .form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #9b9b9b;
  outline: 0;
  font-size: 18px;
  color: #000;
  padding:10px 0 10px 30px;
  background: transparent;
  transition: border-color 0.2s;
}
.pb-wraper textarea{padding-bottom: 0 !important;}
.pb-wraper .form-group{margin-top:0; margin-bottom: 0 !important;}
.pb-wraper .form__field::placeholder {
  color: transparent;
}
.pb-wraper .form__field:placeholder-shown ~ .form__label {
  font-size: 22px;
  cursor: text;
  top: 12px;
  color: #000;
  left: 30px;
}
.pb-wraper .discount b{font-size: 22px; font-weight: bold; position: absolute; right: 5px;
    bottom: 35px;}
.pb-wraper .form__label {
    position: absolute;
    top: -30px;
    display: block;
    transition: 0.2s;
    font-size: 18px;
    color: #000;
    outline: 0 !important;
    font-weight: bold;
    margin-top: 6px;
}
section.reschedule-top .heading{font-size: 20px; font-weight: bold;}
.pb-wraper .form-group{margin-top:15px;}
._filters_campaign_in{height: 38px;     border: 1px solid #dddddd !important;}
.show_hide_box {padding: 10px 10px 8px !important;}
.chosen-container-single .chosen-single, .chosen-container-single.chosen-with-drop .chosen-single{
  height: 40px !important;
}
a.chosen-container-single .chosen-single {border-left: 0 !important; border-right: 0 !important; border-top:0 !important; border-bottom: 1px solid #9b9b9b !important;     padding-left: 25px; height: auto; border:0 !important; }
.pb-wraper input:focus{border-bottom:2px solid #000 !important; border-left: 0 !important; border-top: 0 !important; border-right: 0 !important;}
.pb-wraper .form__field:focus ~ .form__label {
  position: absolute;
  top: -15px;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #000;
}
/* reset input */
.pb-wraper .form__field:required, .form__field:invalid {
  box-shadow: none;
}
.waranty-section select{padding-left:30px !important; height: 40px; font-size: 22px !important; color:#000;}
.waranty-section i{ width: 30px;  top: 13px !important;}
.pb-wraper .Warranty{border-left:0 !important; border-right: 0 !important; border-top:0 !important; border-bottom: 1px solid #9b9b9b;}
.pb-wraper .Warranty select option{font-size: 22px; color:#000;}
.pb-wraper .discount .bold{font-weight: bold; font-size:20px;}
.pb-wraper .modal-title{font-size: 27px; font-weight: 600;}
.pb-wraper .modal-body i{position: absolute; left: 0;top: 15px;  font-size: 20px;}
.pb-content-wraper a:hover i{font-size: 16px !important;} 
.pb-wraper h1{color:#fff; font-weight: 600; font-size: 40px;}
.txt-btn button{margin-top:15px; background-color: transparent; color:#fff; border:1px solid #fff; font-size: 24px; padding:7px 15px; font-weight: 600;}
.txt-btn button:hover{background-color: #fff !important; border:1px solid #fff; color:#000;}
.txt-btn button:focus{background-color: transparent !important; border:1px solid #fff !important; color:#fff;}
.pb-wraper .table thead tr th{background-color: #d9d9d9; font-weight: bold; border: 0; padding: 13px 10px; color: #000;}
.category-heading{background-color: #fff;text-align: center;}
.btn-secondary{font-weight: 600; font-size: 18px;}
.pb-category i{font-size: 80px !important; color:#000;}
.category-heading h2{text-align: center; font-size: 34px; color: #000000; font-weight: 600;margin-top: 30px;}
.category-pic{font-size: 40px; background-color: #fff; border-radius: 50%;display: flex;justify-content: center; width: 160px; height: 160px; margin: 0 auto;align-items: center;box-shadow: 0 1px 1px 0 rgb(66 66 66 / 14%), 0 2px 12px 1px rgb(66 66 66 / 10%);}
.pb-category{position: absolute;left: 0;right: 0;top: 140px;bottom: 0;margin: auto;}
.pb-baner{background-color: #fff; padding: 15px; }
.pb-baner img{width: 100%;}
/*Price Book End*/
.campaign-detail-counter .owl-prev{position: absolute; left: 0; top: 20px; font-family: FontAwesome !important; content: "f104"; margin: 0 !important; color:#000 !important; font-size: 18px;}
.campaign-detail-counter .owl-next{position: absolute; right: 0; top: 20px; font-family: FontAwesome !important; content: "f105"; margin: 0 !important; color:#000 !important; font-size: 18px;}
.sstable-grid  li{height: auto; line-height: normal;}
.job-history input[type='text'] {
		color: #000;
  background: transparent;
  border-bottom: 1px solid #000;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  margin-top: 12px;
}
.job-history input:focus, textarea:focus {
  border-bottom: 1px solid #f4645f !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
}
.job-his-sec select{
		padding: 5px 40px 5px 12px !important;
}

/*Work Order Payment Box Start*/
 .transiction-list .trans-list i{
  position: unset !important;
  margin-top: 5px !important;
  margin-right: 10px !important;
  color: #555 !important;
}
.trans-sec p{color:#000; font-size: 18px;}
.trans-sec p b{font-weight: normal; font-size: 20px; line-height: 28px;}
.trans-sec p b small{font-weight: bold;}
.sig-box{
    border: 1px solid #d8d7d7;
    position: relative;
    width: 70%;
    margin: 20px auto;
    padding-bottom: 10px;
  }
  .payform-wrp{display: flex;}
  .bs-example input[type=radio]{position: absolute; right: 0; top: 5px;}
.div-table-row .div-table-col{padding-left: 10px;padding-top: 10px;}
.sign-by {
    position: absolute;
    top: -13px;
    left: 18px;
    font-weight: 600;
    padding: 0 9px;
    font-size: 14px;
    background: #fff;
}
.cj-sign-box{padding: 0 25px;}
.card-view-new{
    box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.06), 0 1px 3px 1px rgba(66, 66, 66, 0.10);
    padding:0 0 25px 0 !important; 
}
.transiction-list .card-view-new:hover{
       box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
}
.payment-text span{
  float: right !important;
  font-size: 24px;
  font-weight: 600;
  display: block;
}
.payment-text span.pay-info {
    font-size: 18px !important;
}
.payment-text p{
   font-weight: 600;
   font-size: 18px;
}
.cj-sign-box .text-success{color: #09aa01 !important; font-size: 20px; font-weight: bold;  float: right;}
.transiction-list .work_order a {
    font-weight: bold;
    color: #000 ;
    margin-top: 20px;
    display: initial !important;
    font-size: 19px;

}
.transiction-list .send_proposal_again{display: inline-block; left: 0;color: blue !important;}
.transiction-list .work_order a:hover {
    color: #34aa54 !important;
}
.transiction-list .rght-ico:after {
    font-family: fontAwesome;
    font-weight: 900;
    content: "\f105";
    padding-left: 7px;
}
.wo-edit:after{display: none !important;}
.transiction-list .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary[disabled], .btn-primary.disabled {
    background-color: #6c757d !important; color: white;}
.transiction-list .hash-sec{word-break: break-all;}
.vwo{color: blue !important; border-bottom: 1px solid; margin-right: 10px;}
.vwo:hover{border-bottom: 0;}
.transiction-list img.logoImgDivTech {
    width: 30%;
}
.transiction-list .sig-img{
  width: 100%;
  height: 130px;
  margin-top: 20px;
  position: relative;
  top: 55px;
}
.transiction-list .datime{font-size: 16px;}
.datime{height: 50px;}
.sec-tab{padding-left: 10px;}
/*Work Order Payment Box End*/
/*Project Details Start*/
.pro-detail-wraper .fa-list-alt{margin-top:7px;}
.pro-detail-wraper #myAlert .modal-dialog{width: 600px;}
.po-wraper .form-check{display: flex;}
.po-wraper .form-check .radio:last-child{margin-top:7px;}
.pro-detail-wraper .charge-cart a{text-decoration: none !important;}
.pro-detail-wraper .btn-primary{background-color: #000; font-size: 20px !important; font-size: 600 !important; border: 1px solid #000; color: #fff !important; text-decoration: none !important;}
.pro-detail-wraper .btn-primary:hover{background-color: #fff !important; border: 1px solid #000; color:#000 !important;  }
.pro-detail-wraper .btn-primary:focus{background-color: #fff !important; border: 1px solid #000; color:#000 !important;  }
.pro-detail-wraper .aniamted-bg{
  font-size: 13px;
  margin: 3px 1%;
  width: 100%;
  padding: 10px;
  border-radius: 0;
  margin: 0;
  }
.pro-detail-wraper .content-box{
  display: inline-block;
  width: 100%;
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  }
.pro-detail 
.pro-detail-wraper .customer-details-in-popup{
  padding: 10px;
  overflow: auto;
  overflow-x: hidden;
  }
.cj-sign-box .payment-text {
    padding: 15px 10px 35px;
    width: 100%;
}
.cj-sign-box .trans-sec {  padding: 0 15px 30px;}
.cj-sign-box .trans-sec:last-child b:before{display: none;}
.cj-pay{color: #000; font-size: 36px; margin-top:20px; margin-left: 20px;}
.cj-sign-box .payment-text p{float: left;}
.cj-sign-box span{float: left;}
.cj-sign-box p{color: #000;}
.cj-sign-box h3{margin-left: 15px; font-weight: bold; color:#000;}
.payment-text{padding: 25px 15px 0; color: #000;}
.payment-text p{margin: 0; padding: 0;}
.trans-sec{ padding: 0 32px; }
.pro-detail-wraper .card-view-new{padding:0; margin-top:15px;margin-right: 5px;}
.col-md-6.card-view-new{width: 48.5%;margin: 4px;}
.pro-detail-wraper .panel-heading.collapsed .fa-chevron-up,
.panel-heading .fa-chevron-down {
  display: unset !important;
}
.charge-cart .cus_decimal{padding: 10px 0 0 26px !important;}
.payform-wrp .f-upload{display: none !important;}
.payform-wrp .fa-paperclip{ width: 80px; height: 70px; display: flex; align-items: center; justify-content: center;
background-color: #000; color: #fff; font-size: 28px; }
.hash-key{
    position: absolute;
    bottom: -8px;
    left: 18px;
    font-weight: 600;
    padding: 0 9px;
    font-size: 14px;
    background: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 109px;
  }
.card-view-new .hash-key{bottom: -18px !important;}
.sig-img .logoImgDivTech{width:64% !important;}
.top-trans-section{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  padding: 20px 30px 20px;display: inline-block;width: 100%;margin-top: 15px;margin-bottom: 5px;}
.pro-detail-wraper .card-view-new h3{font-weight: 700; padding: 0 20px;font-size: 22px;}
.trans-sec h3 {font-weight: bold;}
.trans-sec:last-child b:before{content:"\f111"; font-size: 8px; position: absolute; left: 32px; font-family: fontAwesome;}
#service_fee_charge .trans-sec:last-child b:before {content: "\f111";font-size: 8px;position: absolute;left: 14px;font-family: fontAwesome;}
.tab-pane .proposal-section.transiction-list .trans-sec:last-child b:before{content:"\f111"; font-size: 8px; position: absolute; left: 16px; font-family: fontAwesome;}
.trans-sec.collected_trans b:before{content:"\f111"; font-size: 8px; position: absolute; left: 32px; font-family: fontAwesome;}
.pro-detail-wraper .panel-heading.collapsed .fa-chevron-down,
.panel-heading .fa-chevron-up {
  display: inline-block;
}
.pro-detail-wraper .panel-heading i.fa {
  cursor: pointer;
  margin-right: 5px;
  left: 4px;
  font-size: 16px;
  top:13px;
}
span.box-sec .fa-usd{margin-top:7px;}
.box-detail-wrap .panel{margin-bottom: 0;}
.pro-detail-wraper .collapsed ~ .panel-body {
  padding: 0 !important;
}
.pro-detail-wraper .company-profile .panel-heading{border: 0 !important;
    position: absolute;
    right: 0;
    top: 10px;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #e2e8f1;
    background: #f4f4f4;
    font-size: 20px;
    color: #e94335;
    width: 30px;
    height: 30px;
}
.pro-detail-wraper .company-profile .panel-heading{border: 1px solid #e2e8f1;
    background: #f4f4f4 !important;right: -18px; top: -25px;  z-index: 9;}
.pro-detail-wraper ._make_payment{margin-top:15px; margin-bottom: 15px;}
    .company-profile .panel-heading i{color: #0009 !important;}
.panel .panel-heading .panel-title > i{color: #555 !important;margin-left: 10px;}
.pro-detail-wraper .customer-details-in-popup .doc-details .top-box .cust-name{margin-top: 20px;}
.pro-detail-wraper .customer-details-in-popup .doc-details .top-box .datetime{display: block;}
.pro-detail-wraper .customer-details-in-popup .doc-details .top-box{margin-top: 20px !important;}
.pro-detail-wraper .customer-details-in-popup .doc-details{margin-bottom: 20px;}
.pro-detail-wraper .box-sec{
  width: 65px;
  height: 65px;
  top: 3px;
  z-index: 99999;
  position: absolute;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(224,221,224,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(224,221,224,1);
  box-shadow: 0px 0px 5px 0px rgba(224,221,224,1);
  left: 0%;
}
.pro-detail-wraper .payment-sec h2{
  color: #09ad01;
  text-align: center;
  font-size: 38px;
  font-weight: 600;
}
.pro-detail-wraper .payment-sec p{
  text-align: center;
  font-size: 20px;
}
.pro-detail-wraper .down-pm b{color: #000;}
.pro-detail-wraper .bs-example{margin-top: 25px; }
.proj-pic-name h3{color:#000; font-size: 16px; margin-top:5px; font-weight: 600;}
.datime-sec  i{color:#000;padding-right: 5px;}
.datime-sec{color:#000; font-size: 14px;position: relative;} 
.img-content p{color: #000;padding: 20px;word-break: break-all;margin-top: -15px;font-size: 15px;}
.img-content{ padding-top: 10px;width: 100%;bottom: 0;}
.pro-detail-wraper .radio_new label{
  position: absolute;
  top: 15px;
  right: 20px;
}
.img-content video{height: 100vh !important;}
.pro-detail-wraper .panel-default>.panel-heading {
  color: #333;
  background-color: transparent !important;
  border-color: #555;
}
.pro-detail-wraper .panel-group .panel .panel-heading .panel-title a:hover {
    background-color: transparent !important;
}
.panel-group .panel .panel-heading .panel-title.po_sec a:hover{background: #B7B7B7 !important;}
.pro-detail-wraper .radio_new span {
    color: #000;
}
.pro-detail-wraper .radio_new i {
    font-size: 22px !important;
}
.pro-detail-wraper .check-new .fa-paperclip {
    color: #fff !important;
    font-size: 20px !important;
    background: #000;
    left: 0 !important;
    padding: 14px 18px;
    top: 25px !important;
    position: absolute;
}
.pro-detail-wraper .panel-group .panel .panel-heading {
    padding: 15px 0;
}
.pro-detail-wraper .check-new input[type="file"] {
    display: none;
}
.pro-detail-wraper .check-new .custom-file-upload {
    display: inline-block;
    padding: 6px 30px;
    cursor: pointer;
}
.pro-detail-wraper .credit-btn{padding: 15px 0px;}
.pro-detail-wraper .check-new {margin-top: 10px;}
.pro-detail-wraper .fileup{display: inline-flex;}
.pro-detail-wraper .check-new input {
    padding: 7px !important;
}
.pro-detail-wraper .cp-heading i {
    padding: 10px 13px;
}
.pro-detail-wraper .panel-heading{position: absolute;
    right: -16px;
    top: 0px;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #e2e8f1 !important;
    background: #f4f4f4 !important;
    font-size: 20px;
    color: #e94335;
    width: 30px;
    height: 30px;
    transition: all .3s;}
.pro-detail-wraper .box-detail{background-color: #000; color: #fff;}
/*Project Details End*/
.btn-primary[disabled]:hover .rating-modal{background-color: #000;}
.repair-head .web-btn-primary{font-size: 14px !important; margin-left: 15px;}
.radio label::before{border: 1px solid #000 !important;}
.done-fix{position: fixed;
    bottom: -8px;
    width: 100%;
    z-index: 9999;
    margin-top: -26px;
    left: 10px;
}
.ad-service-charge{max-height: 620px; overflow-y: auto;}
/*Three Options Start*/
.three-opt .modal-dialog{width: 1250px;}
.pack-black-bg{background-color: #2d3436;
background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%);
color:#fff; padding: 15px;}
.black-border{border: 1px solid #000;}
.item-package h3{margin-bottom: 0;}
.pack-green-bg{background: rgb(33,131,3);
background: linear-gradient(135deg, rgba(33,131,3,1) 0%, rgba(9,121,12,1) 69%, rgba(2,189,21,1) 100%);padding: 15px;color: #fff;}
.package .form__group {
  position: relative;
  padding: 15px 0 0;
  margin-top: 10px;
  width: 50%;
}
.guage-circle{ width: 18px; height: 18px; border-radius: 50%; 
    background-color: #000;  position: absolute; left: 0; right: -30px;
    z-index: 99;  margin: 0 auto; bottom: 58px;}
.package .form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #9b9b9b;
  outline: 0;
  font-size: 18px;
  color: #fff;
  padding: 25px 0 5px 20px;
  background: transparent;
  transition: border-color 0.2s;
}
.item-name .form__field:focus{padding-bottom: 13px !important;}
.package .chosen-single{border-left: 0; border-right: 0; border-top:0;}
.item-name i.fa-cubes{top: 28px !important; left: 10px !important;}
.item-name .form__field{padding-left: 35px;     padding-bottom: 12px;}
.package  i.fa-microphone{display:none !important;}
.package .form-group textarea{padding-left: 0;}
.package .fa-list{top: 11px !important; left: 3px !important;}
.package .form-group{position: relative;}
.package .form-group i{ top: 24px; left: 0; position: absolute; font-size: 20px;}
.package .form__field::placeholder {color: transparent;}
.package .form__field:placeholder-shown ~ .form__label {font-size: 1.3rem;cursor: text;top: 20px;}
.package .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #9b9b9b;
}
.package .form__field:focus {padding-bottom: 6px;font-weight: 700;
  border-width: 3px; border-image: linear-gradient(to right, #000, #000);
  border-image-slice: 1; border-bottom: 2px solid #000 !important;
  outline: 0; border-left: 0 !important; border-right: 0 !important;
  border-top:0 !important;
}
.am-btn{font-size: 16px !important;  padding: 8px 16px !important; float: right;right: 10px; margin-top: 15px;}
.am-btn:focus{background-color: #000;}
.am-btn:hover{background-color: #000;}
.package .discount b{position: absolute; font-size: 16px; right: 5px; top: 0;}
.package .chosen-single span{margin-right: 0 !important; margin-left: 24px !important;}
.package .pm select{ line-height: 40px; height: 55px;   padding: 13px 40px 5px 25px !important;}
.package .mp input{padding-left: 30px;}
.ad-more-section{position: absolute; top: 105px; height: 50px; right: -59px;background-color: #fff !important;
color: #000 !important; font-size: 35px !important; padding: 4px 16px !important;}
.ad-more-section:focus{background-color: #fff !important;}
.ad-more-section:hover{background-color: #fff !important;}
.package .form__field:focus ~ .form__label { position: absolute;top: 0; display: block; transition: 0.2s; font-size: 1rem; color: #000;
  font-weight: 700;}
.package .fa-angle-down{ top: 7px !important; right: 0 !important;left: auto !important;  font-size: 26px !important;}
.in-select a.chosen-single{border-left: 0 !important; border-right: 0 !important; border-top:0 !important;}
.in-select select{padding: 5px 62px 11px 33px !important;}
.in-select select option{padding-left: 0;}
.sav-btn .btn:hover{background-color: #000;}
.sav-btn .btn:focus{background-color: #000;}
/* reset input */
.package .form__field:required, .form__field:invalid {box-shadow: none;}
.package .fa-plus {
    font-size: 30px !important;
    color: #d5d5d5 !important;
}
.thre-pack{display: flex;}
.package .fa-plus:after{display: none;}
/*Three Options End*/
/*Three Options Packages Start*/
.packages-wrp .modal-dialog{width:1250px; margin: 15px; }
.packages-wrp .modal-body{padding:0;}
.card-body p{font-size: 18px; line-height: 30px;}
.packages-wrp .select-serv{  padding: 15px;
    color: #000;  font-size: 28px; margin-top:0;     border-bottom: 1px solid #000;}
.thre-pack{padding:15px;}
.ph-in{display: inline-block; width: 100%;}
.ph-in h3{margin: 0; }
.pack-rating i{color: #ffd303;  font-size: 26px;}
.select-serv .left-service{display: flex;     margin-top: 15px;}
.select-serv{margin-top: 10px; font-size: 45px;}
.select-serv h3{ margin-left: 20px; margin-top:0;}
.package-contents{min-height: 570px;}
.pack-img img{width: 80%; }
.item-packs{border: 4px solid #c5c5c5;padding: 0; margin: 10px;}
.item-packs:hover{border-color: #000;}
.item-packs:active{border-color: #000;}
.pack-rating { position: absolute; right: 20px;top: 14px;}
.votes {display: inline-block; text-align: right; width: 100%;
    font-size: 16px;  margin-top: 5px;}
.pack-img{text-align: center; margin: 60px 0 25px;     min-height: 265px;}
.pack-price{color:#000; font-size: 45px; text-align: center; font-weight: bold;}
.right-btns .btn:first-child{background-color: transparent; color: #000;}
.right-btns .btn:first-child:focus{background-color: transparent !important;}
.item-packs .accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f106";
    float: right; 
    font-size: 30px;
    color: #000;
    margin-top: 3px;
}
.item-packs .accordion .card-header.collapsed:after {
    content: "\f107"; 
    font-size: 30px;
    color: #000;
}
.card-title{color:#000;     font-size: 22px;font-weight: 600;}
.card-title:hover{color:#000;}
.card-header{cursor: pointer;padding: 20px 0;border-bottom: 1px solid #d7d7d7;}
.pack-collapse .container{width: 100%;padding: 0;}
.pack-collapse{padding: 15px; color:#000;margin-top: 30px;}
/*Three Options Packages End*/
/*PO Start*/
.chosen-container-single .chosen-single{height: 40px !important;}
a.chosen-single{height: 40px !important;}
.sc a.chosen-single{height: 40px !important;}
.sc a.chosen-single span{font-weight: bold !important;color: #979797 !important;font-size: 18px !important;}
.sp-type{padding-top: 0 !important; margin-top: 7px !important;}
.sj-id a.chosen-single{border-bottom: 2px solid #9b9b9b !important;height: 40px !important;margin-top:0;border-left: 0 !important; border-right: 0 !important; border-top:0 !important; padding-left: 0;}
.sj-id .chosen-with-drop a.chosen-single{ padding-left: 0 !important;border-bottom: 2px solid #9b9b9b !important;margin-top:0; border-left: 0 !important;      height: 40px !important; border-right: 0 !important; border-top:0 !important;}
.ankar-drop i.fa-angle-down{position: absolute;color: black; right: 0;z-index: 9;
    font-size: 18px; border-left: 1px solid #000;padding-left: 7px;top: 25px; height: 15px;}
.sj-id a.chosen-single span{color: #979797 !important; font-weight: bold !important; font-size: 18px !important;}
.assign-btn{font-size: 16px; margin-top: 28px;}
.po-wraper h3{margin: 0;color: #fff;background-color: #000;padding: 15px;font-size: 18px;font-weight: bold;text-transform: uppercase;}
.po-wraper label.form-check-label{margin-right: 20px; font-size: 20px; color: #979797 !important;font-weight: bold;}
.form-check label{font-size: 20px;color: #555 !important;font-weight: 600; margin-right: 10px; white-space: nowrap;}
.po-wraper .fa-microphone{display: none;}    
.po-wraper label.form-check-label input{margin-right: 7px; }
.issue-btn{font-size: 30px;}
.po-wraper{padding: 25px !important;}
.descript textarea{width: 99%; height: 115px;}
.sc-wraper h3.panel-title{font-weight: bold; text-transform: uppercase;}
.descript textarea:focus{border-top:0; border-left: 0; border-right: 0;}
.po-wraper .form__group {position: relative;padding: 15px 0 0;width: 50%;}
.po-list a.edit-delete{border: 0;}
.po-list th{white-space: nowrap !important;}
.po-list .btn-primary{background-color: #000;}
.po-wraper select{border-bottom: 2px solid #9b9b9b !important;color: #979797 !important;font-weight: bold;padding-left: 0 !important;font-size: 18px !important;border: 0px;}
.po-wraper .descript{padding: 0 10px;}
.markup{margin-top:18px;}
.po-wraper .form__group{width: 100%;}
.po-wraper .form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #9b9b9b;
  outline: 0;
  font-size: 20px;
  color: #979797 !important;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  position: relative;
  z-index: 99;
}
.info-box .form__field{position: relative; }
.po-wraper select.form-control {height: 50px !important;line-height: normal !important;}
.po-wraper .form__field::placeholder {color: transparent;}
.po-wraper .form__field:placeholder-shown ~ .form__label {
  font-size: 18px;
  cursor: text;
  top: 15px;
  color: #979797;
  font-weight: bold;
}
.pi-top-heading{background-color: transparent;color: #000;text-align: center;margin: 40px 0;}
.pi-top-heading h4{font-size: 25px; font-weight: 600;}
.pi-top-heading h4:after {margin: 0 0 0 20px;}
.pi-top-heading p{font-size: 18px;}
.po-wraper .form__label {
  position: absolute;
  top: -12px;
  display: block;
  transition: 0.2s;
  font-size: 18px;
  color: #979797;
  font-weight: bold !important;
  height: 50px !important;
  line-height: normal !important;
}
.po-wraper .col-md-8{padding-right: 50px;}
.po-wraper .textarea:focus{border-bottom: 2px solid #000 !important;}
.po-wraper input:focus{border-left: 0 !important; border-bottom: 2px solid #000 !important; border-right: 0 !important; border-top:0 !important;}
.po-sidebar{ background-color: #e7e7e7;}
.po-sidebar h5, p{margin: 0;}
.edit-po{width: 85%;}
.edit-po .modal-header{padding:10px;}
.edit-po-popup .modal-body{padding:0 !important;}
.edit-po-popup .radio-check{margin-top:0 !important;}
.edit-po-popup .po-refund label{top: 0 !important;}
.top-space label{top: 0 !important;}
.edit-po-popup .col-md-8{padding-right: 30px;}
.edit-po .form__field:focus ~ .form__label{top: -10px !important;}
.edit-po .p-method{width:100%;}
.edit-po .radio input[type="radio"] + .radio-label:before{top: 8px;}
.edit-po .ed-po .form__group{padding-top:0 !important;}
.po-sidebar-wrp h3{font-size: 36px;}
.highcharts-figure:last-child{margin-top:20px !important;}
.po-sidebar-wrp {    margin-top: 38px;}
.edit-po .form__group{margin-top:0;}
.gray-box i{background-color: #ccc;}
.gray-box span{background-color:#ccc;}
.po-sidebar .popup-pro-pic {margin: 0 auto 10px auto; float: none;}
.po-sidebar .popup-pro-details{    float: left; width: 100%;}
.po-sidebar p:first-child{margin-top:0;}
.po-sidebar .fa-bulb{color:#fff;}
.pro-detail-box{padding: 30px 20px;}
.po-sidebar h5{color:#000; font-size: 30px; margin-bottom: 20px; font-weight: 600;}
.highcharts-figure{margin-top:38px !important;}
.po-sidebar p i{background-color:#ccc;height: 25px;display: block;width: 6%;margin-right: 10px;}
.po-sidebar p:first-child span{width: 100%; height: 45px;}
.po-sidebar p:nth-child(2) span.gray-box{width: 40%;}
.po-sidebar p:nth-child(3) span.gray-box{width: 70%;}
.po-sidebar p:nth-child(4) span.gray-box{width: 60%;}
.po-sidebar p:nth-child(5) span.gray-box{width: 32%;}
.po-sidebar p:last-child{margin-bottom: 0;}
.po-sidebar p:last-child span{width: 100% !important;}
.po-customer-detail p:nth-child(5){background-color: black !important;color: #fff !important;padding: 10px !important;margin: 15px !important;}
.po-customer-detail p span b{background-color: transparent !important;margin-right: 5px; }
.po-customer-detail p i{background-color: transparent !important; }
.po-customer-detail p span{background-color: transparent !important; width: auto !important;}
.po-customer-detail p{font-size: 18px;  margin: 20px 0 !important; color:#000; padding: 0 20px;}
.po-customer-detail p b{margin: 0 6px; display: flex;}
.po-sidebar p span{background-color:#ccc; height: 25px; display: block; width: 94%;}
.po-sidebar p{margin: 40px 0; display: flex;}
.po-sidebar .cust-name{font-size: 30px;color: #000;font-weight: 600;}
.po-wraper .form__field:focus {padding-bottom: 7px;border-image-slice: 1;border-bottom: 2px solid #000 !important;}
.po-wraper .col-md-4 h3 .gray-box{background-color: #ccc; height: 30px;width: 100%; display: inline-block;}
.po-wraper .col-md-4 .last-child .gray-box{background-color: #ccc;height: 30px;width: 100%;display: inline-block;margin-top: 2px;}
.po-wraper .col-md-4 .last-child{height: 50px;}
.po-wraper .form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #000;
  font-weight: 700;
}
.po-wraper .form__field:required, .form__field:invalid {
  box-shadow: none;
}
/*PO End*/
/*PO Report Start*/
.po-report-pg{background-color: #fff !important; margin: 15px;}
.po-counters .counter{padding-bottom: 10px;background-color: #e7e7e7;font-size: 18px;font-weight: normal;color: #000;display:inline-block;margin: 3px;text-align: center;padding: 20px;line-height: 25px;}
.srch-po .filter-section{background-color: #fff;width: auto;}
.po-counters .po-type{color:#878787; font-weight: normal;}
.po-counters .po-type b{font-size: 20px; font-weight: bold; color:#000;}
.po-counters h3{font-weight: bold; font-size: 34px; margin: 0;}
.srch-po .ut-ad-btn:after{content: "+";}
.po-counters{display: flex; padding: 10px;}
.srch-po .ut-ad-btn{background-color: #000;height: 45px;width: 45px; font-size: 34px; font-weight: bold; display: flex;justify-content: center; align-items: center; border: 0;}
.srch-po select{border-left: 0 !important;  font-weight: bold;   color: #979797 !important;  border-bottom: 2px solid #9b9b9b !important; border-right: 0 !important; border-top:0 !important;}
.srch-po select:last-child{line-height: 21px;}
.srch-po .filter-section.collapse .col-md-3{margin: 0;}

.fltr-sec select{ font-weight: bold; color: #979797 !important;}
.filtr-sec{display: flex;}
.po-wrp .per-po select option{width: 200px !important;}
.permit-wrp ._add_po{height: 45px; font-size: 22px;}
.srch-po .filter-section.collapse{border: 0;}
.srch-po select:focus{border-bottom: 2px solid #000 !important;}
.fltr-sec .btn{font-size: 24px; padding: 10px 0;}
.fltr-sec .btn:last-child{background-color: #9a9a9a;}
.fltr-sec .form__group {position: relative;width: 50%;}
.fltr-sec .form__group{width: 100%;}
.fltr-sec .form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #9b9b9b;
  outline: 0;
  font-size: 20px;
  color: #555 !important;
  font-weight: bold;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  position: relative;
  margin-top: 5px;
  z-index: 99;
}
.esti_head {
    background: unset !important;
    color: #000 !important;
    margin-bottom: -20px !important;
    padding-left: 10px !important;
    font-size: 20px;
    font-weight: 600;
}
.fltr-sec .form__field::placeholder {
  color: transparent;
}
.fltr-sec .form__field:placeholder-shown ~ .form__label {
  font-size: 20px;
  cursor: text;
  top: 10px;
  color: #979797;
  font-weight: bold;
}
.fltr-sec .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 20px;
  color: #979797;
  font-weight: bold !important;
  height: 50px !important;
  line-height: normal !important;
}
.fltr-sec input:focus{border-left: 0 !important; border-bottom: 2px solid #000 !important; border-right: 0 !important; border-top:0 !important;}
.fltr-sec input{border-left: 0 !important; padding-left: 0; margin-top: 8px; border-right: 0 !important; border-top:0 !important;     border-bottom: 2px solid #9b9b9b !important;}
.fltr-sec .form__field:focus {
  padding-bottom: 7px;
  font-weight: 700;
  border-image-slice: 1;
  border-bottom: 2px solid #000 !important;
}
.fltr-sec .form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #000;
  font-weight: 700;
}
.fltr-sec .form__field:required, .form__field:invalid {
  box-shadow: none;
}
.counter b{display: block;position:absolute;right: 0;left: 0;bottom: 20px;}
.counter-carousel .carousel {margin-bottom: 0;padding: 0 40px 0px 40px;}
.counter-carousel .carousel-control {top:0 !important;}
.opt-selection 
/* The controlsy */
.counter-carousel .carousel-control.right {
  right: -12px;
  left: auto;
}
/* The indicators */
.counter-carousel .counter{    padding-bottom: 10px;
    background-color: #e7e7e7;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    margin: 3px;
    text-align: center;
    padding: 20px;
    line-height: 16px;
    min-height: 160px;
  }

  .bg-facebook-new1{
        background: #A254F2;
    background: -webkit-linear-gradient(to top right, #A254F2 5%, #EFBAD3 80%);
    background: -moz-linear-gradient(to top right, #A254F2 5%, #EFBAD3 80%);
    background: linear-gradient(to top right, #A254F2 5%, #EFBAD3 80%);
    box-shadow: 0 2px 18px 1px rgb(49 53 72 / 10%);
    border-radius: .45rem;
    color: white;
  }

  .bg-googleplus-new1 {
    background: #333333;
    background: -webkit-linear-gradient(to top right, #333333 5%, #A49B9B 80%);
    background: -moz-linear-gradient(to top right, #333333 5%, #A49B9B 80%);
    background: linear-gradient(to top right, #333333 5%, #A49B9B 80%);
    box-shadow: 0 2px 18px 1px rgb(49 53 72 / 10%);
    border-radius: .45rem;
    color: white;
}
.bg-facebook-new1 a, .bg-facebook-new1 span, .bg-facebook-new1 small, .bg-facebook-new1 p {
    color: white;
}
.po-count{ font-size: 40px;     margin: 0; font-weight: bold;  color: #fff; width: 66px; display: flex;
    height: 66px; justify-content: center; align-items: center;}
i.total-po{position: absolute; right: 26px;  font-size: 60px;}
 .counter-carousel .counter h3{    font-weight: bold;
    font-size: 34px;
    margin: 0;}
    .rbd-counters .counter h3{font-size: 26px;}
 .counter-carousel .counter span{   color: #fff;
    font-weight: normal;}
.counter-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: -10px;
  margin-right: -19px;
}
/* The colour of the indicators */
.counter-carousel .carousel-indicators li {
  background: #cecece;
}
.counter-carousel .carousel-inner {margin: 0 30px; width: auto;}
.counter-carousel .carousel-indicators .active {
background: #428bca;
}
.po-wrp .carousel-control{ background-image: none !important;
    width: 40 !important;
    height: 40px !important;
    font-size: 38px !important;
    color: #000 !important;
    top: 127px ;
   }
   .po-wrp .filtr-sec button{font-size: 22px; height: 45px;}
   .po-wrp .mini-stat-info span{font-size: 32px;     margin-top: 20px;}
.po-wrp{background-color: #fff;}
.po-wrap .mini-stat-info{font-size: 20px !important;  padding-top: 10px !important; padding-bottom: 15px !important;}
/*PO Report End*/
/*=========PO Dashboard Start=========*/
.purple-bg-new{background-color: #5b75e0 !important;height: 260px;}
.pod-heading{color: #fff;margin-bottom: 6px;}
.pod-heading h3{margin-top:0;}
.pd-counter{background-color: #fff;}
.bg-white p {font-weight: 600;font-size: 14px;}
.bg-white h3 {margin: 0;}
.bg-white {background-color: #ffffff !important;color: #000;-moz-transition: 0.15s box-shadow ease, 0.15s transform ease;box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;}
.po-type-sec .bg-white {background-color: #f04c43 !important;color: #fff;-moz-transition: 0.15s box-shadow ease, 0.15s transform ease;}
.po-type-sec .bg-white p {font-weight: normal;font-size: 14px;}
.counter-icon {position: absolute;right: 35px;}
.counters-new {position: absolute; right: 35px; background: #fff;
    width: 35px; height: 35px; line-height: 30px; text-align: center;
    color: #f04c43; font-size: 20px; font-weight: bold;  display: flex;
    align-items: center;  justify-content: center;box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;}
.sec-new-chart{margin-top: 8px;}
.po-type-sec{background: #fff;padding: 12px;}
.po-type-sec h4{color: #000;font-weight: 600;margin-bottom: 20px;}
.mini-stat-new{margin-bottom: 4px;padding: 14.4px;}
.po-table{margin-top: 40px;padding: 7px;background: #fff;}
.highcharts-a11y-proxy-button:hover{color:#fff !important;}
ul.highcharts-menu{padding:0 !important;}
ul.highcharts-menu hr{margin-top:0; margin-bottom: 0;}
ul.highcharts-menu li.highcharts-menu-item{font-size: 18px !important; border: 0; line-height: 22px;}
ul.highcharts-menu li.highcharts-menu-item:hover{box-shadow: none !important; text-shadow: none !important; background-color: #000 !important; outline: 0 !important; border: 0 !important;}
ul.highcharts-menu li.highcharts-menu-item:focus{ border: 0 !important; }
/*=========PO Dashboard End=========*/
#btnReloadHistory i {
    padding-left: 0px !important;
}
.form__field:focus{
-webkit-transition: all 0.8s ease-in-out;
 transition: all 0.8s ease-in-out;
}
.payment-sec {
    text-align: center;
}
.payment-sec h2 {
    color: #0eae02;
    font-size: 36px;
    font-weight: 600;
}
.payment-sec p {
    font-size: 20px;
}
/*=========Modal backdrop=========*/

/*=========Add Vendor Popup Start=========*/
.ad-vendor-popup .modal-header{background-color: #000; display: flex;}
.ad-vendor-popup .modal-header span{font-size: 27px;}
.ad-vendor-popup h5{color:#fff;font-size: 27px;font-weight: 600;}
.ad-vendor-popup .form-group {margin-top: 40px;}
.ed-vendors a:first-child{background-color:#000;color:#fff;border: 0;}
.ad-vendor-popup .close{float: right;position: absolute;right: 10px;background-color: transparent;border: 0; color: #fff; font-size: 18px; font-weight: normal; opacity: 10;}
.ad-vendor-popup .form__field{font-family: inherit;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #9b9b9b;
    outline: 0;
    font-size: 18px;
    color: #000;
    padding: 10px 0 10px 30px;
    background: transparent;
    transition: border-color 0.2s;}
.ad-vendor-popup .form__label {
    position: absolute;
    top: 5px;
    display: block;
    transition: 0.2s;
    font-size: 1rem;
    color: #9b9b9b;
    outline: 0 !important;
}
.form__label{font-weight: normal !important;}
.ad-vendor-popup .web-btn-primary{background-color: #000;
    color: #fff;
    border: 0;
    font-size: 27px;
    font-weight: 600;
    padding: 7px 30px;}
.ad-vendor-popup input:focus {
    border-bottom: 2px solid #000 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
}
.ad-vendor-popup .form__field:focus ~ .form__label{color:#000; top: -10px;}
.ad-vendor-popup .form-group i {
    position: absolute;
    top: 22px !important;
    left: 0;
}
/*=========Add Vendor Popup End=========*/
.modal-backdrop{
    z-index: 55555 !important;
}
.modal {z-index: 999999 !important;overflow-y: scroll;}
#cboxLoadedContent .bs-example {
    bottom: unset !important;
    margin-top: 10px !important;
}
/********** Permit Timeline **********/

.timeline {
    position: relative;
    padding: 21px 0px 10px;
    margin-top: -40px;
    margin-bottom: 30px;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100vh;

}
.timeline .line {
    position: absolute;
    width: 1px;
    display: block;
    height: auto;
    background: #cccccc;
    top: 0px;
    bottom: 0px;
    margin-left: 30px;
}
.timeline .separator {
    border-top: 1px solid #cccccc;
    padding: 5px;
    padding-left: 40px;
    font-style: italic;
    font-size: 0.8em;
    margin-left: 30px;
    text-align: center;
}
.timeline .separator-new {
    border-top: 1px solid #cccccc;
    padding: 5px;
    padding-left: 40px;
    font-style: italic;
    font-size: 0.8em;
    margin-left: 30px;
    text-align: center;
}
.separator span {
    background: #000;
    padding: 6px 12px;
    border-radius: 50px;
    width: 95px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 13px;
    position: relative;
    top: -20px;
    left: -30px;
    font-style: normal;
}
.separator-new span{
    background: #9ece00;
    padding: 6px 12px;
    border-radius: 50px;
    width: auto;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    position: relative;
    top: -18px;
    left: -30px;
}
.separator p.yesterday {background: #dde5e8;color: #6e7273;}
.timeline .line::before { top: -4px; }
.timeline .line::after { bottom: -4px; }
.timeline .line::before,
.timeline .line::after {
    content: '';
    position: absolute;
    left: -4px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background: #cccccc;
}
.timeline .panel {
    position: relative;
    margin: 10px 0px 21px 70px;
    clear: both;
}
.timeline .panel::before {
    position: absolute;
    display: block;
    top: 8px;
    left: -24px;
    content: '';
    width: 0px;
    height: 0px;
    border: inherit;
    border-width: 12px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.history_list table{ padding: 15px;}
.timeline .panel .panel-heading.icon * { font-size: 18px; vertical-align: middle; line-height: 38px; }
.timeline .panel .panel-heading.icon {
        position: absolute;
    left: -59px;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    float: left;
    z-index: 1;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}
.timeline .panel .panel-heading.icon i{padding-left: 0 !important; margin-right: 0 !important;}
.timeline .panel-outline {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}
.timeline .panel-outline .panel-heading:not(.icon),
.timeline .panel-outline .panel-footer {
    display: none;
}
.custom-m.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 75%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
       -o-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
}
.custom-m.modal.right .modal-content {
  height: 100%;
}
.s-email .btn{font-size: 20px;}
.s-email .btn i{margin-right: 3px;}
.s-email .btn:focus{background-color:#000;}
.pd-right-sidebar .nav-item i{display: block;}
.pd-right-sidebar .custom-m .form-group{border: 0;}
.pd-right-sidebar .editor-mar textarea{width: 100%; border:1px solid #DDD;}
.editor-mar .jqte{height: 400px; margin: 0 !important;}
.editor-mar .jqte_editor{min-height: 100vh;font-size: 20px;}
.pd-right-sidebar .editor-mar textarea:focus{border:1px solid #000;}
.pd-right-sidebar .modal-content{overflow-y: inherit;}
.pd-tag .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
  word-break: break-all;
}
.bootstrap-tagsinput .label {
  white-space: pre-line;
  text-align: left;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.pd-tag .fa-microphone{display: none;}
.custom-m .close{
    opacity: unset !important;
    font-size: 22px;
    display: flex;
    position: fixed;
    left: -40px;
    color: #fff;
    top: 21px;
    z-index: 99999 !important;
    min-width: 40px;
    height: 38px;
    padding-right: 5px;
    background: rgba(47,198,246,.95);
    border-top-left-radius: 19px;
    border-bottom-left-radius: 19px;
    box-shadow: inset -6px 0 8px -10px rgba(0,0,0,0.95);
    cursor: pointer;}
 .custom-m.modal.right .modal-body {
  padding: 15px 15px 80px;
}
.custom-m.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
       -o-transition: opacity 0.3s linear, right 0.3s ease-out;
          transition: opacity 0.3s linear, right 0.3s ease-out;
}
.custom-m.modal.right.fade.in .modal-dialog {
  right: 0;
}
.tab-content-list ul{padding-left: 30px;}
.tab-content-list ul li{list-style-type: disc !important;}
li.nav-item .action-dropdown .btn-group>.btn+.dropdown-toggle {
    padding-right: 4px;
    padding-left: 4px;
    font-size: 26px;

}
.custom-tab-new.project-list a.openjobs-counter, .admin-reports a.admin-report-tabs{font-size: 14px !important;
    min-width:auto !important;   text-align: center; padding: 10px 13px !important;}
.comment-box h5{color: #333;font-size: 14px;font-weight: 600;}
.comment-box span{color: #a8adb4;font-size: 14px;font-weight: normal;padding-left: 10px;}
.comment-btn .web-btn-primary{font-size: 14px;}
.center-content-bg.right-sec {
    background-color: #eeeeef;
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
}
.permit-wraper .left-sec{background: #fff;}
.modal-header.custom-close .close span {
    padding-left: 17px;
    margin-top: 8px;
}
.txtarea-cmnt{background: #fff;}
.panel-custom.panel-danger > .panel-heading {
    background-color: #9ece00 !important;
    border: 1px solid #9ece00 !important;
    color: white;
}
.arow-counters{position: absolute; bottom: 10px; left: 0;
    right: 0;}
.pd-status{text-align: left;  margin: 25px 15px; padding-bottom: 25px; color: #000;}
.pd-status b{background-color: #000; color: #fff;
    padding: 1px 10px; margin-left: 5px; border-radius:3px;}
.pd-status span{display: block; }
.sts-value{font-size:26px;     margin-top: 10px; font-weight: bold; }
.pd-right-sidebar .nav-item .dropdown-toggle i{font-size: 40px !important; margin-top: 7px;}
.pd-right-sidebar .panel-heading i{color:#fff !important;}
.pd-right-sidebar .head-icons{position: absolute;right: 7px;z-index: 999;top: 65px;}
.pd-upload-pic .image-edit .btn{padding:0; margin: 0;}
.pd-upload-pic .po-wraper .content-pic img{width: 100%;height: 100%;object-fit: cover;
  object-position: center center;cursor: pointer;}
h3.al-heading{background-color: #000; padding: 15px; color: #fff;}
.pd-right-sidebar .chat-icon-panel{text-align: left !important;}
.pd-right-sidebar .head-icons ul{display: flex;}
.pd-right-sidebar .header-text{text-align: left;}
.pd-right-sidebar .chat-members{text-align: left; font-size: 14px; margin-bottom: 7px; margin-top:3px;}
.pd-right-sidebar .message-area{height: 400px;}
.pd-right-sidebar .head-icons i{color:#fff; margin-left: 5px;}
.day-head{border:2px solid #000;  text-align: center; padding: 6px 0 8px;
    font-weight: normal; font-size: 18px;}
.day-count{background-color: #000; color: #fff; font-size: 24px; font-weight: bold;     text-align: center;
padding: 10px 0;  font-size: 30px;}
.pd-right-sidebar .panel-heading i.fa-info{    left: 35% !important;
position: absolute; top: 0;}
.pro-detail-wraper .counter-carousel .counter span:first-child{font-size: 20px !important;color: #000; font-weight: bold;font-weight: 600 !important;}                                      
.pd-right-sidebar .panel-success > .panel-heading{background-color:#9ece00 !important; color:#fff !important;}
.panel-primary-custom.panel-primary > .panel-heading {
    background-color: #2fc6f5 !important;
    border: 1px solid #2fc6f5;
    color: white !important;
}
.head-call-txt a{color: #2067b0;}
.phn-no a {color: #2067b0;}
.sw-theme-arrows>.nav {
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.sw>.nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.sw.sw-justified>.nav .nav-link, .sw.sw-justified>.nav>li {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.sw-theme-arrows>.nav .nav-link.active {
    color: #fff;
    border-color: #39a2ea;
    background: #39a2ea;
    cursor: pointer;
}
.sw-theme-arrows>.nav .nav-link.active::after {
    border-left-color: #39a2ea !important;
}
.sw-theme-arrows>.nav .nav-link.active-danger {
    color: #fff;
    border-color: #E9573F;
    background: #E9573F;
    cursor: pointer;
}
.sw-theme-arrows>.nav .nav-link.active-danger::after {
    border-left-color: #E9573F !important;
}
.sw-theme-arrows>.nav .nav-link.active-success {
    color: #fff;
    border-color: #8CC152;
    background: #8CC152;
    cursor: pointer;
}
.sw-theme-arrows>.nav .nav-link.active-success::after {
    border-left-color: #8CC152 !important;
}
.sw-theme-arrows>.nav .nav-link::before {
    content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    left: 100%;
    margin-top: -50px;
    margin-left: 1px;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #eee;
    z-index: 1;
}
.sw-theme-arrows>.nav .nav-link::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    left: 100%;
    margin-top: -50px;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #ced2d7;
    z-index: 2;
}
.sw-theme-arrows>.nav .nav-link.inactive {
    color: #555;
    border-color: #ced2d7;
    background: #ced2d7;
    cursor: not-allowed;
}
.sw-theme-arrows>.nav .nav-link {
    position: relative;
    height: 100%;
    min-height: 100%;
    margin-right: 30px;
    margin-left: -30px;
    padding-left: 40px;
}
.sw>.nav .nav-link {
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
}

a.new-btn.web-btn-primary, .new-btn.web-btn-primary a, button.new-btn.web-btn-primary, .new-btn.web-btn-primary{background: #3bc8f5;font-weight: 600;}
.po-wraper.form-cont .form__field:placeholder-shown ~ .form__label{font-size: 15px;}
.po-wraper.form-cont select{font-size: 15px !important;}
.left-sec .panel .panel-heading .panel-title {
    font-size: 1.3em;
}
a.cancel-btn.web-btn-primary, .cancel-btn.web-btn-primary a, button.cancel-btn.web-btn-primary, .cancel-btn.web-btn-primary{background: transparent;color: #333 !important;font-weight: 600;}
.home-imp-cont a{color: #000;text-decoration: underline !important;font-weight: 600;font-size: 22px;}
button.btn.btn-primary._process_payment {
    margin-top: 15px;
}
.mini-stat-info-new p{
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 7px;
}
.mini-stat-info-new h4{
    font-size: 22px;
    font-weight: 600;
}
.bg-counter1 {
    background-color: #6177b0 !important;
    border: 1px solid #6177b0;
    color: white;
    -moz-transition: 0.15s box-shadow ease, 0.15s transform ease;
}
.bg-counter1:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 2.25rem 1.5rem -1.5rem rgba(33,37,41,0.3),0 0 1.5rem 0.5rem rgba(33,37,41,0.05) !important;
    -moz-transition: 0.15s box-shadow ease, 0.15s transform ease;
}
.bg-counter2 {
    background-color: #4bb9f6 !important;
    border: 1px solid #4bb9f6;
    color: white;
    -moz-transition: 0.15s box-shadow ease, 0.15s transform ease;
}
.bg-counter2:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 2.25rem 1.5rem -1.5rem rgba(33,37,41,0.3),0 0 1.5rem 0.5rem rgba(33,37,41,0.05) !important;
    -moz-transition: 0.15s box-shadow ease, 0.15s transform ease;
    cursor: pointer;
}
.bg-counter3 {
    background-color: #e67557 !important;
    border: 1px solid #e67557;
    color: white;
    -moz-transition: 0.15s box-shadow ease, 0.15s transform ease;
}
.bg-counter3:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 2.25rem 1.5rem -1.5rem rgba(33,37,41,0.3),0 0 1.5rem 0.5rem rgba(33,37,41,0.05) !important;
    -moz-transition: 0.15s box-shadow ease, 0.15s transform ease;
}
.bg-counter4 {
    background-color: #848484 !important;
    border: 1px solid #848484;
    color: white;
    -moz-transition: 0.15s box-shadow ease, 0.15s transform ease;
}
.bg-counter4:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 2.25rem 1.5rem -1.5rem rgba(33,37,41,0.3),0 0 1.5rem 0.5rem rgba(33,37,41,0.05) !important;
    -moz-transition: 0.15s box-shadow ease, 0.15s transform ease;
}
.po-wraper.form-cont .form__label{font-size: 15px !important;}
.table-new .table tr td, .table-new .table tr th{font-size: 15px !important;}
.po-wraper.form-cont .form__field{font-size: 17px !important;}
.permit-btns {font-size: 24px !important;}
.send_proposal_again {
    font-size: 18px !important;
    position: relative;
    text-decoration: underline;
    left: 10px;
}
.head-new1 {
    font-weight: normal !important;
}
.arrived-modal h3 {
    color: rgb(0, 0, 0);
    font-weight: 600;
    font-size: 22px !important;
    margin: 30px 0px;
}
.new_card {
    box-shadow: rgba(66, 66, 66, 0.08) 0px 1px 1px 0px, rgba(66, 66, 66, 0.16) 0px 1px 3px 1px;
    margin: 25px;
    padding: 30px;
}
.icon-flex, .icon-wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
}
.icon-flex, .icon-wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
}
.icon-wrapper {
    font-size: 1.5rem;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    background: rgb(0, 0, 0);
    padding: 20px;
}
.icon-wrapper i {
    color: rgb(255, 255, 255);
}
.icon-flex h4 {
    margin-left: 20px;
}
.arrived-modal h4 {
    color: rgb(0, 0, 0);
    font-weight: 600;
    font-size: 18px !important;
}
.pd-upload-pic .panel-heading{border-radius: inherit !important; right: 0 !important; width: auto !important; background-color: #000 !important; border: 0 !important; height: auto !important;}
/*.pd-upload-pic .panel-heading a:hover{border-radius: inherit !important; right: 0 !important; width: auto !important; background-color: #000 !important; border: 0 !important; height: auto !important;}*/
.pd-upload-pic .panel-heading i{color:#fff !important;}
/*.pd-upload-pic .content-pic{border: 0 !important;}*/
.note-in .form__group {
  position: relative;
  padding: 15px 0 0;
  margin-top: 10px;
}
.note-in .form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #9b9b9b;
  outline: 0;
  font-size: 18px;
  color: #000;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  font-weight: normal;
}
.note-in .form__field::placeholder {
  color: transparent;
}
.note-in .form__field:placeholder-shown ~ .form__label {
  font-size: 1.3rem;
  cursor: text;
  top: 20px;
}
.note-in .form__label {
  position: absolute;
  top: -17px;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #9b9b9b;
  font-weight: normal;
}
.note-in .form__field:focus {
  padding-bottom: 6px;
  border-width: 3px;
  border-image: linear-gradient(to right, #000, #000);
  border-image-slice: 1;
  font-weight: normal;
}
.note-in .form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #000;
  font-weight: 700;
}
/* reset input */
.note-in .form__field:required, .form__field:invalid {
  box-shadow: none;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top:0 !important;
}
.pd-upload-pic .panel-heading a{padding-top:0 !important; padding-bottom: 0 !important;}
.left-pro-detail{background-color: #fff;}
.left-pro-detail .adres::before{font-family: FontAwesome; left: -19px; position: absolute; font-size: 20px; content: "\f041";}
.day-counter {
    color: #000;
    margin-bottom: 20px;
    padding: 0px 0px 0 0;
    font-size: 24px;
    font-weight: bold;
    width: 100px;
    margin-left: 35px;
   float:left !important;
   margin-top: 15px;
    left: -20px;
  }
.day-counter span{    
    background-color: #000;
    color: #fff;
    padding: 5px 15px;
}
  .pro-detail-tabs .web-tab{width: 32%;}
  .pro-detail-tabs .projects-media{height: 100% !important;}
  .pro-detail-tabs table th{white-space: nowrap;}
  .pro-detail-tabs .col-md-9{width: 68%;}
  .tab-counter{background-color: black; color: #fff;
    padding: 4px 10px; font-size: 14px; margin-left: 6px; position: absolute;
    right: 7px;}
  .pd-top-right{margin-top:10px; color:#000;}
  .arow-counters i{font-size:30px;}

#btnReloadCompanyHistory i:hover {
    animation: unset !important;
}
.job-history #btnReloadCompanyHistory{padding: 4px 12px 4px 12px !important;}
.pd-chat .head-icons {
    position: absolute;
    top: 50px;
    right: 3px;
    z-index: 1;
}
.pd-chat .head-icons ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: right;
    display: flex;
}
.pd-chat .head-icons ul li {
    display: block;
    margin-right: 3px;
    cursor: pointer;
    transition: all .3s;
    text-align: center;
    line-height: 30px;
    margin-left: 5px;
}
.ch-text span{font-weight: normal;}
.ch-text{font-size: 14px; font-weight: normal; text-align: left; color:#000;}
.ch-date span{font-weight: normal !important;}
.ch-date{font-size: 14px; text-align: right; color:#000;}
.ch-name p{color:#000; font-size: 18px; text-align: left;     margin-bottom: 10px;}
.pd-chat .head-icons ul li i{color:#fff;}
.pd-chat .chat-icon-panel{text-align: left; }
.coment-history{float: left; width: 100%;     margin-top: 40px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;}
.email-date span{font-weight: normal;}
.pro-detail-wraper .form-group{border-bottom: 0 !important;}
.pro-detail-wraper .form-group textarea{width: 100%;}

.pd-tag{background-color: #ccc; border-radius: 4px; font-size: 16px; font-weight: normal; padding: 6px;}
.pd-tag a{color:#444; margin-left: 7px;}
.thumb-pic{text-align: center;}
.thumb-pic img{ width: auto; height: auto;margin: 0 auto;max-height: 100vh;}
.new-fb-modal .thumb-pic{text-align: center;display: flex;justify-content: center;align-items: center;min-height: 100vh;}
.say-something textarea{width: 100%; padding:10px; border:1px solid #ccc;}
.up-pic .modal-title{font-size: 24px; font-weight: 600; text-align: center;}
.email-history{border-bottom: 1px solid #ccc; padding-bottom: 7px;     display: inline-block;
    width: 100%;  padding: 10px 0; }
.pd-chat .message-area{height: 440px;}
.em-wrapper { margin-top: 50px; display: inline-block; width: 100%;}
.email-nam, .email-sub, .email-date{font-size: 16px;}
.pd-chat .header-text{text-align: left !important; width: auto !important;}
.pd-chat .chat_members{text-align: left;padding-bottom: 10px;font-size: 14px;margin-left: 27px;}
.write-text textarea:focus{border: 1px solid #000 !important; }
.write-text textarea{height: 150px;}
.ss-page .col-md-3{z-index: 9;}
.col-md-9 .tab-content{}
.ss-wraper .form__group span{position: absolute;
    margin-right: 53px;
    font-size: 18px;
    top: 38px;
    z-index: 9;
  }
 #notes_info ul li{list-style-type: unset !important;}
.ss-wraper h3{    background-color: #000;
    color: #fff;
    padding: 15px 20px;
    margin-top: 0;}
.ss-wraper .form__group input{padding-left: 20px;}
.ss-wraper .form__group{position: relative;}
.ss-wraper ul li{list-style: none !important; padding-left: 0;}
.close-new i {
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  width: 40px;
  height: 40px;
  float: right;
  position: absolute;
  font-size: 15px;
  padding-top: 13px;
  text-align: center;
  right: 20px;
  top: 10px;
}
/*Three Day Right to Cancel Start*/
.right-to-cancel{background-color: #fff; color:#000; padding: 20px;}
.contents-box hr{margin:2px 0;}
.contents-box p{margin-top: 20px; font-size: 18px; line-height: 30px;}
.contents-box .sign-by{top: -38px;}
.contents-box textarea{width: 100%; margin: 20px 0; padding: 10px; border: 1px solid #ccc; min-height: 200px;}
.cust-nam{font-size: 24px; font-weight: bold; text-align: center;}
.section-border{margin-bottom: 40px; margin-top:40px; clear: both; border-top:1px solid #ccc;}
.right-to-cancel h2{color:#000;line-height:45px;font-weight: 600;border-bottom:1px solid #000;text-align: center;}
.c-date{font-weight: bold; font-size: 20px; clear: both;  width: 100%; display: inline-block;}
.write-sign .web-btn-primary{background-color:#acacac; font-size: 24px; }
.write-sign {height: 220px;justify-content: center;align-items: center;display: flex;}
.form__group {
  position: relative;
  padding: 15px 0 0;
  /*margin-top: 10px;*/
}
.form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #000;
  outline: 0;
  font-size: 18px;
  color: #000;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
}
.form__field::placeholder {
  color: transparent;
}
.form__field:placeholder-shown ~ .form__label {
  font-size: 1.3rem;
  cursor: text;
  top: 20px;
}
.form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #777777 !important;
}
.form__field:focus {
  font-weight: 700;
  border-width: 3px;
  border-image: linear-gradient(to right, #000, #000);
  border-image-slice: 1;
  border-left: 0;
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
}
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #000;
  font-weight: 700;
}
/* reset input */
.form__field:required, .form__field:invalid {box-shadow: none;}
.contents-box .form__group{width: 100%;}
.contents-box ul li{ list-style: square !important; margin-top:10px; font-size: 18px;}
.contents-box .fa-calendar{position: absolute;right: 5px;font-size: 20px;top: 30px;}
.acknow-date p{    text-align: right; margin-top: 30px;}
.acknow-date .form__group{width: 80%;}
/* Contract Change Order Start*/
.logo-sec img{width: 60%;margin-top: 20px;}
.cco-header a{color:#000;}
.cco-project a{color:#000;}
.cco-project a{color:#000;}
.cco-manual p{margin: 10px 0;}
.cco-manual .form__field:focus{padding-bottom: 7px !important;}
.l-line{position: absolute;}
.cco-header ul{padding-left:0px; float: right;}
.cco-header ul li{font-size: 18px; color:#000; line-height: 40px;list-style: none;}
.cco-header ul li i{font-size: 20px; color:#000; margin-right: 7px;}
.cco-header {border-bottom: 1px solid #ccc;  padding: 20px 0;}
.oc-no{font-size: 20px; color:#000;}
.oc-no h3{font-weight: 600;margin-top: 0px;}
.oc-no span{color:#eb0907; font-size: 32px; font-weight: bold;}
.lic-no{color:#000;font-size: 18px;font-weight: 600;text-transform: uppercase;}
.lic-no span{font-size: 24px;}
.cco-heading legend{background-color:#000; text-transform: uppercase; position: relative;top: 26px;z-index: 9;margin-top: 50px;margin-bottom: 50px;padding: 15px 0; font-size: 25px; margin: 0 auto; color:#fff; width: 25%; text-align: center;}
.cco-heading:after{border-bottom: 2px solid #000; content: "";position: absolute;width: 100%; left: 0;}
.cco-heading{ margin-bottom: 65px;margin-top: 20px;}
.cco-project{ font-size: 18px; color:#000;}
.cco-project .col-md-6{margin-bottom: 20px}
.cco-project i{background-color: #000;color: #fff;font-size: 22px;width: 60px;height: 60px;text-align: center;
    padding-top: 20px;margin-right: 10px;font-weight: 600;}
.cco-manual{margin-top: 30px;}
.cco-sign h3{text-align: center; color:#000; margin-top:50px;}
.cco-sign .sig-box{width: 60%;}
.cco-sign .sign-by{font-size: 18px;line-height: 35px; color:#000; top:-13px;}
.cco-manual p{color:#000; font-size: 18px; float: left;}
.cco-btns .bkg-dark-gray{background-color:#acacac !important;}
.cco-manual .form__group{ width: 120px; float: left; margin-top: -9px !important;
padding-top: 0;}
.cco-manual .form__field:placeholder-shown ~ .form__label{top:10px;}
.cco-manual label{font-size: 18px; color:#000;margin-left: 10px;}
.cco-textarea{color:#000;padding-bottom: 40px;/*border-bottom: 2px solid #acacac;*/}
.cco-textarea textarea{height: 160px;margin-top:20px;width: 100%;margin: 0 auto;padding: 20px;border: 1px solid #acacac;}
.cco-txt{font-weight: 600 !important;}
.cco-textarea-new{color:#000;padding-bottom: 40px;border-bottom: 2px solid #acacac;}
.cco-textarea-new textarea{height: 120px;margin-top:20px;width: 100%;margin: 0 auto;padding: 20px;border: 1px solid #acacac;}
.cco-txt{font-weight: 600 !important;}
/* Contract Change Order End*/
#comment_list {
  min-height: auto; /* overrides height and max-height */
  height: auto;
  max-height: 310px;
  overflow-x: auto;
}
#comment_list .action-dropdown {
    margin: 0px;
    position: relative;
    left: 4px;
}
.coment-list ul{padding: 0;}
.coment-list ul li{float:left; margin-right:5px; padding:0px 10px;margin-bottom:5px;color:#fff;font-size:14px;font-weight:700;display:inline-block;}
.up-img {display: block; width: 90px; height: 85px; margin-top: 0px;
    margin-left: 10px; overflow: hidden; border: 3px solid #ccc;}
.up-pic .modal-body{padding:15px 0px !important;}
.new-fb-modal .modal-body{padding:0px !important;}
.delete-check { margin-top: 55px; cursor: pointer; margin-left: 5px; background-color: red;
    width: 24px;  border-radius: 50%;  display: flex; justify-content: center;
    color: #fff;  font-size: 14px;  align-items: center; height: 24px;
}
.cmmnt-head{text-align: left;color: #000;font-weight: 600;font-size: 20px;margin: 15px 0px 0px;}
#comment_list .action-dropdown .dropdown-menu {
    margin-bottom: 0px;
}
.pp-upload .img-overflow{border: 4px solid #ccc;    width: 106px;
    height: 106px;}
.pp-upload{margin: 10px;}
/*Whole House Inspection Start*/
.whp-header p{font-size: 28px; color: #000; margin-top: 20px; font-weight: bold;}
.whp-details{clear: both; margin-top: 70px; display: inline-block; width: 100%;padding: 20px;}
.whp-details .box-show{}
.whp-details .col-md-6 a{color:#000;}
.whp-details .col-md-6 a i{margin-right: 10px;}
.whp-job-detail{margin-top:30px; padding:20px;}
.whp-job-detail h3{margin:0; color:#000;}
.whp-job-detail input{color:#000;}
.whp-job-detail input:focus{padding-bottom: 7px;}
.plumbing-ins .col-md-6{ font-size: 20px; color:#000; }
.plumbing-ins .col-md-6 i{background-color:#000; color:#fff; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; float: left;}
.plumbing-ins h3{color:#000; padding-left: 20px; margin-bottom: 30px; margin-top:50px;}
.plumbing-ins .box-show{padding-left: 65px;}
.box-show a{color:#000;}
.sys-report{clear: both;}
.box-show{font-size:17px; padding: 14px; font-weight: 600;position: relative;box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);}
.box-show-new{display: inline-flex;width:100%;font-size:17px;font-weight: 600;position: relative;box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);}
.pass, .fail {font-size: 28px; color:#000;}
.pass{border-right: 2px solid #000;}
.fail span{color:red;}
.pass span{color:#2aa025;}
.tp-box i {font-size: 60px;color:#000;}
.select-opt h3 { margin: 10px 0 20px; color: #000;}
.select-opt span{color:#000;}
.select-opt{margin-top:30px; padding: 10px;}
.select-opt .col-md-4{padding-left: 0;}
.select-opt .box-show{display: inline-block; width: 100%;     padding: 15px 15px 40px;}
.whp-carousel{ color:#000; margin-top: 40px; margin-bottom: 50px;}
.whp-carousel .carousel{padding: 0 35px;}
.whp-carousel .col-sm-3{text-align: center;margin-bottom: 20px;}
.whp-carousel a.carousel-control{box-shadow: none !important;  background-image: none; color: #000;font-size: 70px; width: 30px; display: flex;align-items: center;}
.water-test {min-height: 215px;}
.water-test .form-group{display: flex; }
.water-test  input.form__field{width: 75%;}
.sys-report{color:#000; display: inline-block; width: 100%;}
.sys-report h3{color:#000; }
.sys-report ul{padding:0; margin-left:25px;}
.sys-report ul li{font-size: 20px;}
.content-center{display: flex; justify-content: center;}
.wh-progress{
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.wh-progress-value b{display: block; text-align: center; margin-top:5px;}
.wh-progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #95a5a5;
    position: absolute;
    top: 0;
    left: 0;
}
.wh-progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.wh-progress .wh-progress-left{
    left: 0;
}
.wh-progress .wh-progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.wh-progress .wh-progress-left .wh-progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.wh-progress .wh-progress-right{
    right: 0;
}
.wh-progress .wh-progress-right .wh-progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 0.2s linear forwards;
}
.wh-progress .wh-progress-value{
    width: 100%;
    height: 100%;
    font-size: 24px;
    color: #333;
    text-align: center;
    position: absolute;
    line-height: 30px;
    top:28%;
}
.wh-progress.blue .wh-progress-bar{
    border-color: green;
}
.wh-progress.blue .wh-progress-left .wh-progress-bar{
    animation: loading-2 1.5s linear forwards 0.2s;
}
.wh-progress.yellow .wh-progress-bar{
    border-color: red;
}
.wh-progress.yellow .wh-progress-left .wh-progress-bar{
    animation: loading-3 1s linear forwards 0.2s;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
.border-bottom{border-bottom:1px solid #ccc;}
.service-result i{font-size: 100px;}
.servname{font-size: 22px; color: #000; margin-bottom: 20px; display: block;
    margin-top: 10px;}
.result-bars h3{font-weight: bold; color:#000;}
/*Whole House Inspection End*/
.plumbing-insp p{font-weight: normal; font-size: 18px; line-height: 30px;
    margin-top: 0;}
.pc-instructions textarea{width: 100%; padding: 15px; min-height: 200px; margin: 20px 0; border: 1px solid #ccc;}
.form-footer {
    padding: 10px;
    background-color: transparent !important;
    border-top: transparent !important;
    margin-top: 20px;
}
.diag_sec p{font-size: 1.2rem;text-align: justify;clear: both;}
.diag_sec a{color: #000;}
.diag_sec i{float: right;}
.txtarea-cmnt .input-error-msg{text-align: left;}
.new-img-sec input[type=file]{
  position: relative;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 23px;
  height: 100%;
  /*width: 100%;*/
  width: 0px;
  direction: ltr;
  cursor: pointer;
}
.image-edit img {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.fake-hidden{/*height: 90px !important;*/height: 100% !important;width: 100%;}
.fake-hidden img {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.new-img-sec .btn-primary {
  background-color: transparent !important;
  border-color: transparent !important;
  color: white;
}
.delete-document span {
  cursor: pointer;
  z-index: 99;
  width: 23px;
  height: 23px;
  font-size: 14px;
  line-height: 26px;
}
.edit-new i {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
#myDocumentUpload .web-btn-primary{
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 20px;
}
#myDocumentUpload .close{float: left;opacity: 1;font-size: 30px;}
#myDocumentView .close{float: left;opacity: 1;font-size: 30px;background: #fff;
    color: #333;font-weight: normal;width: 35px;height: 35px;border-radius: 50px;padding: 0px;}
#myDocumentView .close.download_btn {position: absolute;right: 0px;top: 15px;font-size: 20px;padding: 5px 8px;}
.datepicker table thead tr th{background: #fff !important;color: #000 !important;border-color:#fff !important;}
.datepicker table tbody tr td{background-color: #fff !important;}
.datepicker table tbody tr td.active.active{background: #2D9DF2 !important;padding-top: 5px !important;font-size: 12px !important;}
.datepicker table tbody tr td:first-child{color: #000 !important;font-weight: 600;}
input:focus, textarea:focus {border: 1px solid #000 !important;}
.datepicker table thead tr:first-child:first-child th:hover{background: #fff !important;}
.bootstrap-datetimepicker-widget table td span.active{color: #fff !important;}
.datepicker table thead tr:first-child{background: #fff !important;}
.bootstrap-datetimepicker-widget table thead tr:first-child th{font-weight: 600;}
.btn-theme{ background-color: #000;border-color: #000;}
.datepicker table thead tr th:hover{background: #f7f7f7 !important;}
.bootstrap-datetimepicker-widget table td span{color: #000 !important;}
.right-sec #chat_window{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);margin-bottom: 12px;}
.reason-desc span {
    float: left;
    position: relative;
    font-size: 16px;
    top: 6px;
    padding-right: 10px;
}
#_arrive_submit_button{
  background: #000 !important;
  color: #fff !important;
}
.left-cont-new{background: #000;}
.say-something select:focus {
    border-color: #ccc !important;
}
.say-something select {
    border: 1px solid #ccc !important;
    padding: 0px 10px !important;
}
.action-btn-new h3 {
    font-size: 17px;
}
/*PO tab content start*/
.po-tab-content .panel-heading{height: 95px !important;}
.purchase_order .panel{padding: 5px 0 20px;}
.po-tab-content .panel-title:first-child span{margin-bottom: 10px !important;}
.po-tab-content a.d-arrow{position: absolute; right: 0; width: 50px !important;     height: 25px !important;}
.po-tab-content .col-md-4 span{color:#757575; display: block; margin-right: 3px; padding-bottom: 0px; margin-bottom: 5px;}
.po-tab-content .panel-heading a:focus{background-color:#ebebeb !important;}
.po-tab-content .panel-heading{background-color: #ebebeb !important;  border-radius: 0 !important; border: 1px solid #cccccc; padding-bottom: 5px;}
.po-tab-content .pull-right{ padding: 2px 5px; color: #000; border: 1px solid #e2e8f1 !important;
    background: #b7b7b7 !important; border-radius: 50%;}
.po-tab-content .pull-right i{color:#000 !important; padding-bottom: 0 !important; font-size: 18px !important; margin-right: 0 !important;}
.po-tab-content .col-md-4{color:#000; font-size: 15px; height: 60px;}
.po-tab-content .col-md-12 p{color: #000; line-height: 25px; font-size: 15px;}
.po-tab-content .col-md-12 h3{font-size: 16px; color:#757575; margin: 10px 0 0;}
.po-tab-content .row{margin-right: 5px;}
.po-tab-content .panel-body .row{ border-top: 1px solid #adadad; padding: 10px 0;
}.revenue-score{height: 400px;}
.slect-campaign a.chosen-single{border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 2px solid #000 !important;}
.po-tab-content .panel-body .row:first-child{border-top:0;}
.po-tab-content .panel-heading{padding-bottom: 7px !important;}
.po-tab-content .panel-primary{background-color:#ebebeb !important;}
.po-tab-content .panel-body {padding-top: 0;    padding-left: 25px;}
.po-tab-content .panel-heading a{ display: inline-block !important; font-size: 16px !important;}
/*PO tab content start*/
.chcol-contents{padding: 0px 10px !important;}
.ch-col i{color:#000; font-size: 18px;}
.ch-wraper .div-quantity { border: 1px solid #ccc;  padding: 1px 10px;
    pointer-events: none;}
.ch-wraper .panel-title a i {
    transform: rotate(180deg);
    transition: all 0.5s;
}
.ch-wraper .sig-box .datime{    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;}
.ch-sign .sig-img {
    width: 100%;
    height: 130px;
    margin-top: 20px;
    position: relative;
    top: 55px;
}
.ch-wraper .panel-group > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f106";
    color:#000;
}
.ch-sign .sig-box{width: 85% !important;}
.ch-wraper .panel-group > a.collapsed:before {
    float: right !important;
    content:"\f107";
    color:#000;
}
.ch-wraper .panel-group > a:hover, 
.ch-wraper .panel-group > a:active, 
.ch-wraper .panel-group > a:focus  { text-decoration:none;}
.ch-sign p.hash-key{left: 30% !important; bottom: -15px;}
.ch-sign{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);}
.ch-wraper .card-view-new{border:2px solid #ccc !important;}
.ch-col{float: right; background-color:#ccc; border-radius: 50%; width: 25px;
    height: 25px;  display: flex; justify-content: center; align-items: center;}
.tech-rout { position: absolute; right: 25px; top: -36px;}
.rwo-wraper .rp-btn{padding: 7px 35px;}
.rwo-wraper h3{color:#000; margin-top:30px; font-weight: 600;}
.rwo-selection{padding: 1px 40px 5px 16px !important;}
.colected-no h3{font-weight: 600; font-size: 30px;}
/*Service Fee Start*/
.colected-no h3{font-weight: 600; font-size: 30px;}
.colected-no h3 span{margin-left:5px; font-weight: 600;}
.colected-no button{font-weight: 600;}
.colected-no textarea{height:150px;}
.colected-no .payment-text p span{font-weight: 600 !important;}
.autho-anautho{ font-size: 20px; position: relative;margin-left: 15px;}
.autho-anautho i.fa-close{left: 0; top: 0;}
.autho-anautho a{float: left;margin-top: 15px;color: #fff !important;background: #000;padding: 5px 10px;font-size: 18px;}
.autho-anautho a:hover, .autho-anautho a:focus{background: #8F8F8F !important;}
.colected-no .sig-box{padding: 25px 20px;}
.colected-no .card-view-new{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16); padding-bottom: 45px;}
/*Service Fee End*/
.eh-wraper h3{margin-top:0;}
.eh-wraper .fa-pencil{font-size: 20px; color:#000; margin-right: 5px;}
.eh-wraper .fa-trash-o{font-size: 20px; color:red;}
.eh-wraper .fa:hover{font-size: 20px !important;}
.eh-wraper .table th{font-size: 18px; font-weight: 600;}
.eh-wraper table tr td:last-child{text-align: center !important;}
.pay-list{border-bottom: 1px solid #ccc; padding-bottom: 15px;}
.pay-list .col-md-6{margin: 12px 0;}
.pay-list .col-md-6 a.btn{font-weight: 600; }
._popup_image{cursor: pointer;}
.pay-au-pop .close{text-shadow: none; box-shadow: none; opacity: 10;}
.pay-au-pop .modal-dialog{width: 380px;}
.resend_payment_authorization i{color:#000; font-size: 36px;}
.pay-list .red-color .fa-angle-right{    font-size: 26px;  margin-left: 5px;}
#fee_list .action{position: unset !important;}
.serve-fee input[type="text"]{border: 1px solid #fff;border-bottom: 1px solid #DDD;padding-left: 15px;}
#feeModelBody .close {position: absolute;top: 12px;right: 15px;opacity: 1;font-size: 28px;}
#feeModelBody h5 {color: #000;font-weight: 600;font-size: 18px;}
#cardModal h4 {color: #000;font-weight: 600;}
#cardModal .web-btn-primary {margin: 15px 0 10px;}
#cardModal .close {opacity: 1;font-size: 28px;}
#cardModal .modal-dialog {width: 600px;}
.transiction-list .trans-sec p{font-size: 18px !important;}
.project-chart a{color:#000; margin-left:10px;}
.project-chart .col-md-6{color:#000;}
.pc-popup h3{font-weight: bold; font-size: 32px; color:#000;}
.pc-popup h4{font-size: 22px; font-weight: bold; color:#000;}
.pc-popup .modal-dialog{width: 70% !important;}
.budget-analysis{    width: 98%;  padding: 20px; margin: 0 auto;}
.pro-nam{position: absolute; top: 30px; right: 25px;}
.highcharts-yaxis-labels text{content: "$"; position: absolute;left: 0;}
.chart-section{background-color:#fff; }
.display-scrol{overflow-y: scroll;  height: 97vh;}
.pc-popup .modal-dialog{ background-color: #ccc;}
.pc-popup .modal-content{background-color: #ccc !important; box-shadow: none !important;}
#today_task {margin-top: 8px;}
#next_task {margin-top: 8px;}
.serve-fee-amt{position: absolute;margin-right: 53px;font-size: 21px;color: #333;top: 33px;z-index: 9;}
.project-budget-po a.po-cal{position: absolute; right: 0; top: 15px;}
.project-budget-po .panel-heading { padding: 15px !important;}
.project-budget-po{padding:13px !important;}
.project-budget-po .po-tab-content{border-bottom: 1px solid #cccccc;}
.project-budget-po .panel-heading .panel-title a:hover{background-color: transparent !important;}
.wh-label {margin-top: 6px; margin-right: 10px;}
.checkwith-ff .form__group{width: 100px;}
.cont-new .web-btn-primary .fa-plus{margin-left: 15px;font-size: 22px;}
.card-view-new .green-color i.fa-check{color:#33a752 !important; top: 10px !important;}
.card-view-new .red-color i.fa-close{color:#e50102 !important; top: 10px !important;}
.arrive-popup .doc-details{margin-bottom: 20px;}
.arrive-popup .eta-option-wrap{padding: 1px 5px 5px 5px; margin: 35px 0px 15px;}
.projects-media ._view_popup {width: 100%;height: 100%;object-fit: contain;object-position: center center;cursor:pointer;}
.listing-new-workorder .projects-media{height: 100% !important;}
#accordion .radio-primary input[type="radio"]:checked + label::before {border-color: #000;}
#accordion .radio-primary input[type="radio"]:checked + label::after {background-color: #000;}
.projects-media{height: 100%;}
.dw.android-ics .dwwl{margin:0 !important;padding: 0 !important;}
.hic_no strong{color: #dc0000;}
.cont-change-odr p{font-size: 22px;text-decoration:underline;font-weight: 600;color: #000;}
.cco-view .btn-primary{padding: 6px 14px;font-size: 17px !important;}
.pro-detail-wraper .wo-btns.btn.btn-primary{margin-top: 5px;margin-bottom: 5px;width: 100% !important;font-size: 18px !important;padding: 10px;text-align: left;    font-size: 15px !important;
    font-weight: 500;}
.pro-detail-wraper .wo-btns.btn.btn-primary i{padding-right: 4px;}
.cco-listing{padding: 0px 20px;margin-bottom: 25px;}
.cco-listing-new{padding: 0 10px;}
.cco-cont p{color: #000;}
.cco-cont p {color: #000;font-size: 15px;line-height: 30px;}
.cco-status {color: #30981c;font-size: 16px;margin-bottom: 8px;font-weight: 600;}
.cco-status i{color: #30981c;font-size: 22px;}

.call-listing{padding: 0 10px;border-bottom: 1px solid #ccc;}
.call-cont p{color: #000;}
.call-cont p {color: #000;font-size: 15px;line-height: 30px;}
.call-status {color: #30981c;font-size: 16px;margin-bottom: 8px;font-weight: 600;}
.call-status i{color: #30981c;font-size: 22px;}
.cl-dtls{font-size: 16px !important;text-align: left;color: #000 !important;}
.rght_sec p{text-align: right;}


.cco-un-status{color: #d60000;font-size: 16px;margin-bottom: 8px;font-weight: 600;}
.increase-amt {font-size: 18px !important;margin-top: 6px;}
.para-new{font-weight: 600;text-align: left !important;font-size: 20px;}
.cco-btns .web-btn-primary {padding: 8px 80px;}
.get-sign{padding: 15px;}
.get-sign span i{float: right;font-size: 24px;}
.sign-link{color: #000;}
.serv-txt li {list-style-type: disc !important;color: #000;font-size: 18px;}
.edit-cco i {color: #000;font-size: 22px !important;padding-left: 8px;}
.edit-cco i:hover {color: #000;font-size: 22px;padding-left: 8px;cursor: pointer;}
.cco-info{padding-top: 15px;}
.padd-new{padding-right: 15px;padding-left: 15px;}

.navbar-toolbar .navbar-right .navbar-profile .dropdown-menu li a{padding: 10px !important;}
.navbar-toolbar .navbar-right .navbar-profile .dropdown-menu li:first-child a{margin-top: 0px !important;}
.sig-modal i.fa-close{color:#000 !important;}
.cco-signbox{border: 1px solid #d8d7d7;padding-top: 20px;margin: 0 auto;position: relative;width: 70%;}
.cco-esign{position: absolute;top: -36px;left: 18px;padding: 0 9px;font-size: 17px;background: #fff;font-weight: 600;}
.cco-sign-img{width: 100%;height: auto;}
.sign-pad-new{display: none;}
.sign-manual{display: block;}
.alt-err[type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {border: 1px solid #d60000;}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover{
  background: #000 !important;
  border-color: #000 !important;
}
.section-one{display: flex;}
.plus-new i {
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    width: 45px;
    height: 45px;
    float: right;
    font-size: 18px;
    padding-top: 15px;
    text-align: center;
    margin:15px 0 25px 0;

}
.docs-up .ut-add-btn {
    display: inline-block;
    width: 150px !important;
    height: 150px !important;
    text-align: center;
    background: none;
    border: 3px solid #d5d5d5;
    position: relative;
    cursor: pointer;
    color: #000;
    float: left;
}
.docs-up ul li{padding: 0px !important;}
.cat-new{
  background: rgba(0,0,0,0.6);
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0px;
  color: #fff;
  font-size: 15px;
}
.docs-up .delete-document span {
    position: absolute;
    top: 3px !important;
    right: 4px !important;
}
.po-left-select{margin-top: 15px;}

/*estimator report */

.estimat-report-wraper{padding: 15px;}
.estimat-report-wraper table{width: 100%; /*border: 1px solid #e8e4e4;*/}
.estimat-report-wraper th{background-color: #e8e4e4; color:#000; text-align: center; padding: 10px;     border: 1px solid #CCC;}
.estimat-report-wraper td{border: 1px solid #e8e4e4; color:#000; text-align: center; padding: 10px;}
.estimat-report-wraper td:first-child{text-align: right;}
.estimat-report-wraper td:first-child b{text-align: center; display: block;}
.estimat-report-wraper td span{width: 50%; color:#000; display: inline-block; text-align: center;}
.estimat-report-wraper th span{width: 50%; color:#000; display: inline-block; text-align: center;}
.dark-th th{background-color: #bebcbc; font-weight: normal;}
.dmer-wraper{color:#000;}




.single-border-table{padding: 15px;}
.single-border-table table{width: 100%; /*border: 1px solid #e8e4e4;*/}
.single-border-table th{background-color: #e8e4e4; color:#000; text-align: center; padding: 10px;     border: 1px solid #CCC;}
.single-border-table td{border-left: 1px solid #e8e4e4; color:#000; text-align: center; padding: 10px; font-size: 16px;}
.single-border-table td:first-child{text-align: right;}
.single-border-table td:first-child b{text-align: center; display: block;}
.single-border-table td span{width: 50%; color:#000; display: inline-block; text-align: center;}
.single-border-table th span{width: 50%; color:#000; display: inline-block; text-align: center;}

.dmer-wraper table td{text-align: center;}
.dmer-wraper label{color:#000;}
.estimat-report-wraper table{font-size: 16px; }
.dmer-wraper table td{text-align: center; border: 1px solid #cbc9c9;}
.dmer-wraper td:first-child{text-align: center;}
.dmer-wraper{padding-top: 50px;}
.dmer-wraper tr:nth-child(even) {background: #e8e4e4;}
.dmer-wraper tr:nth-child(odd) {background:#FFF;}
.dark-th{background-color: #b0b0b0;}
.anual-target{font-size: 20px; text-align: right !important;}
.anual-target b{float: right;}

.v-dark-th{background-color: #999999 !important;}
.dmer-form{background-color: #fff; margin:20px; padding: 20px 35px 60px; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);}
.acme-plumbing tr td:first-child{text-align: right;}
.acme-plumbing tr td{border-right:1px solid #999999 !important; padding:8px 10px; font-size: 16px; color:#000; }
.ame-head{text-align: center !important; font-weight: bold;}
.acme-plumbing tr th{text-align: center; color:#000; font-size: 16px; padding:8px 10px;}
.acme-plumbing tr:nth-child(even) {background: #fff !important;}
.acme-plumbing table{width: 100%;}
.acme-plumbing{padding: 20px;}
.acme-plumbing h1, h4{color:#000;}
.acme-plumbing th:first-child{background-color: #ccc;}
.gray-tbl-bg{background-color:#e8e4e4 !important;}
.acme-gray-heading td{background-color: #e8e4e4;}
.acme-smal-table{border: 1px solid #ccc;}
.lite-th{background-color:#e8e4e4 !important; }
.budget-projection th{background-color:#e8e4e4 !important;  }
.acme-plumbing h1{color: #000;}
.acme-plumbing h4{color: #000; line-height: 24px;}
table.acme-full-table{width: 3000px;}
.big-font{font-size: 20px;}
.border-left{border-left: 1px solid #999999;}
.budget-projection h2{color:#000;}
.budget-projection h4{color:#000;}
.gauge-text{width: 120px; margin-top: 10px;}
.guage-counter{background-color: #fff !important;}
#g1{width: 180px; background-color: transparent; position: absolute; top: -55px; right: 15px;}
.permit-wraper .permit-cont{height: auto !important;     margin: 10px 0;}
.slect-campaign i{right: 20px !important; top: 17px !important;}
p.sc-description{display: inline;}
.rb-counters .mini-stat h3{margin-top: 8px;}
.rb-counters .mini-stat h3 span{margin-left: 10px;}
.rbig-counters .mini-stat h3{margin-top: 8px;}
.guage-counter{
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.dolor-gradiant-icon{width: 100%; display: block;}
.dolor-gradiant-icon img{width: 50px; height: 50px;}
.guage-percent{ position: absolute; font-size: 18px; z-index: 999; bottom: 8px;
    margin-left: 16px; font-weight: bold !important; color: #000; left: 46%;}
.highcharts-label tspan:after{content: "%"; color: #000; font-size: 18px;}
.void-po{width: 700px !important; margin: 0 auto; display: block !important;}
.guage-count-wraper{ min-height: auto !important; height: 400px; margin: 0px 0 !important;
    padding: 0 20px !important;  /*overflow: hidden;*/}
h4.panel-title a.btn{margin-top:8px;}
.slect-campaign a{border-bottom: 2px solid #000 !important; border-left: 0 !important; border-top: 0 !important; border-right: 0 !important;}
.dash-gage-counter .row{position: absolute; width: 100%; bottom: 38px;} 
.dash-gage-counter .row .col-md-6{text-align: center; color:#000;}
.dash-gage-counter .row .col-md-6 h4{font-weight: bold; font-size: 30px;}
.dash-gage-counter .row .col-md-6 span, h4{color: #000;}
.dash-gage-counter .row .col-md-6 span i{margin-left: 7px;}
.dash-gage-counter h3{color:#000;}
.guage-count{min-width: 450px; max-width: 450px; height: 330px; margin: 0 auto}
.bubble-notification .col-md-6{color:#000;}
.bubble-notification .job-id{color:#000;}

.notify-heading{border-bottom: 1px solid #ccc; padding: 10px; display: inline-block;
    width: 100%;}
  .notify-heading h4{font-weight: 600;}
  .notify-heading i{margin-right: 5px; font-size:16px;}
  .notify-heading .col-md-6:last-child{font-size: 16px; text-align: right;}
  .notify-heading .time-date{font-size: 16px; color:#000; margin-top: 6px; display: inline-block;}
  .notify-wraper .col-md-8{padding: 5px;}
  .notify-wraper .col-md-6 i{margin-right: 5px; font-size: 20px;}
  .notify-wraper .col-md-6 {font-size: 14px;}

  .bubble-notification{border:0; background-color: #fff;}
  .bubble-notification-main{min-width: 38em; border-radius:10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; background-color: #fff;}

/*.notify-add:after{ font-family: FontAwesome; content: "\f041"; font-size: 18px;
    color: #000;  position: absolute; left: 13px; top: 0;}
.notify-add{ padding-left: 30px;}*/
  .circle_percent {font-size:100px; width:1em; height:1em; position: relative; background: #eee; border-radius:50%; overflow:hidden; display:inline-block; margin:0px;}
}
}
.circle_inner {position: absolute; left: 0; top: 0; width: 1em; height: 1em; clip:rect(0 1em 1em .5em);}
.round_per {position: absolute; left: 0; top: 0; width: 1em; height: 1em; background: #000; clip:rect(0 1em 1em .5em); transform:rotate(180deg); transition:1.05s;}
.percent_more .circle_inner {clip:rect(0 .5em 1em 0em);}
.percent_more:after {position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: #000; content:'';}
.circle_inbox {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; z-index:3; border-radius: 50%;}
.percent_text {position: absolute; font-size:24px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}
.notify-content{display: inline-block; padding: 0 14px;}
.notify-wraper .btn{background-color:#000; border:0;}
.notify-foter .btn:last-child{background-color: #ccc; color:#000;}
/**/
.bubble-notification-main .notify-wraper { float: left; overflow: hidden; width: 100%;  box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;}
/*estimator end */

.job-list {background-color: #f2f4f7; padding: 10px 15px;}
.job-list li{background-color:#ffffff; margin-bottom: 15px; border-bottom: 0; box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%); }
.close-history-wraper{box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%); padding: 20px;}
.close-history-header i{font-size: 18px; float: right; color:#000;}
.rvw-url .btn{background-color: #000; border: 0;}
.pro-details-counter .mini-stat{height:120px;}
.pro-details-counter h4{color:#fff;}
.pro-details-counter span.po-type{font-size: 15px ;}
.close-history-header {display: inline-block; clear: both;    width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 10px;}
.view-map a{font-size: 17px; cursor: pointer; background-color: transparent; color:#02b3ef;  font-weight: 600; color: blue; text-decoration: underline; color:#02b3ef;}
.view-map a:focus{color:#02b3ef; background-color: transparent; }
.view-map a:hover{color:#02b3ef; background-color: transparent !important; }
.view-map a:hover{color:#02b3ef; background-color: transparent !important; }
.get-vw-wraper .col-sm-5 i{margin-right: 10px; position: relative; top: 8px;}
.get-vw-wraper .col-sm-6 i{margin-right: 10px; position: relative; top: 8px;}
.get-vw-wraper .col-sm-1 i.fa-pencil{color: #000;  font-size: 22px !important;}
.get-vw-wraper .col-sm-1 i.fa-trash{color:#e70010; font-size: 22px !important;position: absolute;top: 36px;right: 12px;}
.get-vw-wraper .col-md-12 p{margin-bottom: 10px; font-size: 18px; color:#000;}
.rvw-card-view{display: inline-block; position: relative; padding: 12px 0 20px 45px; margin: 5px 12px;}
#communication_list .rvw-card-view{width: 97%;}
.get-vw-wraper .rvw-card-view{width: 97%;}
.rvw-card-view .col-sm-5{line-break: anywhere; font-size: 18px; color: #000;}
.rvw-card-view .col-sm-8{line-break: anywhere; font-size: 18px; color: #000;}
.rvw-card-view .col-sm-4{line-break: anywhere; font-size: 18px; color: #000;}
.rvw-card-view .col-sm-3{line-break: anywhere; font-size: 18px; color: #000;}
.check-box [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    left: -33px !important;
    top: 4px;
    z-index: 999;
}
.check-box input[type=checkbox] {
    margin-left: 35px;
}
.check-box [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0;
}
.rvw-card-view ul.tree{ position: absolute;
    top: 35px;     left: 0;}
.rvw-card-view ul.tree input{left: 0 !important;}
.lh-text{ justify-content: center; display: flex;}
.legend-heading { width: 80%;  margin: -15px auto 5px;}
.legend-heading h3{background-color: #ffff;  font-weight: 600; position: relative; text-align: center; color:#555555; padding:12px 35px;}
.legend-heading:before{height: 2px; display: inline-block;  content: ""; width: 100%; position: relative; top:40px; background-color: #C5C3C3;}
 .comunication-form .form__field:placeholder-shown ~ .form__label {
    font-size: 18px;
    cursor: text;
    top: 20px;
}


.get-vw-wraper .btn-primary{background-color: #000; font-size: 20px; font-weight: 600; padding: 12px 20px;  border: 0;
}
.comunication-form .btn-primary{background-color: #000; font-size: 20px; font-weight: 600; padding: 8px 20px;  border:1px solid #000;}
.communication-btn .btn:first-child{background-color:#9D9B9B !important;}
.comunication-form .btn-primary:hover{background-color:#000;}
.comunication-form .modal-header{background-color:#000 !important; color:#fff !important;}
.comunication-form .modal-title{color:#fff;}
.comunication-form .close{background-color:#fff; color:#000;}
.rb-po{font-size: 14px; }
.po-tab-list .panel-heading{height: auto !important;}
.po-tab-list .panel-heading{background-color: #fff !important; padding: 15px !important;}
.po-tab-list .panel-primary{background-color: #fff !important; margin-bottom: 15px; box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);}
.po-tab-list .panel-body .row:first-child{border-top:3px solid #eaeaea;}
.po-tab-list .pull-right{background-color: #f4f4f4 !important; border: 1px solid #dcdcdc;}
.wh-list{border-bottom: 1px solid #ccc;}
.wh-wraper table th{font-size: 22px !important; padding: 15px !important; font-weight: 600 !important;}
.wh-wraper table tr td{padding: 15px !important;}
.wh-wraper table th:last-child{text-align: right;}
.wh-wraper table td:last-child{text-align: right !important;}
.wh-wraper table tr:last-child td{background-color: #ccc !important;}

.navbar-notification .media-heading{font-size: 16px;}
.card-view{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16); padding: 15px;}
.rh-tab-content{padding: 0 40px;}
.pay-list{padding: 25px 5px;}
.reviews-list li{width: 98%; margin: 10px;}
.driver-wallet-list ul.list-style li{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
padding: 15px; border: 0; margin: 5px 15px; width: 98%;}
.txtarea-cmnt{background-color: #fff; box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
padding: 15px; margin: 18px; width: 92%;}
.remove-delete-btns{display: flex; justify-content: right; margin-top: 23px;}
.remove-delete-btns a{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color:#fff;}
.remove-delete-btns a i{color: #fff; font-size: 18px;}
.remove-delete-btns .text-right:first-child a:hover{background-color: #000 !important; color:#fff;}
.upload-pic-wraper .card-view{margin: 5px 12px; padding-bottom: 2px; padding-top: 20px;}
.no-boxshadow{box-shadow: none;}
.upload-pic-wraper .heading{color:#000;}
.nearest-technician .box-bg{background-color: #fff !important; border: 0 !important; box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);}
.request-customer-detail .cancle-reasons{padding: 15px; border: 0; margin: 15px;overflow: hidden;}
.notes .form-group{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
padding: 15px; border: 0; margin: 15px;}
.suggest-list-cardview ul li{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
padding: 15px; border: 0;     margin: 15px 15px 0px 10px; width: 98%;}
.suggest-list-cardview ul ul li{box-shadow: none !important; padding: 0; margin: 0;}
.po-wraper .col-md-8 .row{/*padding: 10px 25px;*/border: 0;}
#poForm{/*box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);*/}
.po-wraper .col-md-8 .row:nth-child(7){box-shadow: none !important;}
.po-wraper .descript label{top: 5px !important;}
.vw-schedule ul li{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
padding: 15px; border: 0; margin: 5px 0; }
.vw-schedule{margin: 15px; padding-top: 15px;}
.avp-cardview .form-group{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
padding: 15px; border: 0; margin: 5px 0;}
.avp-cardview .form-group i{top: 37px !important;
    left: 15px;}
.reason-type textarea{padding-left: 0 !important;}
.permit-sign-popup p{font-size: 18px; margin-top:10px; color:#000;}
.permit-sign-popup .modal-footer{ display: flex; justify-content: center; background-color: transparent !important;
    border: 0;}
.permit-sign-popup .modal-header{background-color: #000;}
.permit-sign-popup .close{color:#fff !important; margin-top:3px !important;}
.permit-sign-popup .modal-header h4{color:#fff;  border:0; text-align: left; margin-left: 5px;}
.permit-sign-popup .modal-footer{margin-bottom: 10px;}
.permit-sign-popup .modal-footer .btn{background-color: #000; padding: 10px 0; color:#fff !important; width: 140px; font-size: 18px; font-weight: normal;}
/*.accounting-list ul.suddestion-list li{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
padding: 15px; border: 0; margin: 5px 15px;}*/

/*
#sidebar-left:after{background-color: #ffffff !important;}
.sidebar-menu > li.active{background-color: #f6f9fc;}
.sidebar-menu > li > a > .icon i{color: #038bff; background-color: transparent !important; border: 0 !important;}
.sidebar-menu > li > a > .icon:after{display: none;}


.sidebar-menu > li.active span{color:red !important;}
.sidebar-menu > li.active i{color:red !important;}
.sidebar-menu ul{background-color: #ffffff;}
.sidebar-menu > li:hover a{color:#000;}
.sidebar-menu > li:hover{background-color: #fff !important;}
*/

.cut-text {width : 100px;overflow:hidden;display:block;padding: 5px 0;text-overflow: ellipsis;white-space: nowrap;}
.projects-media ._view_popup {width: 100% !important;}
.updateno-cardview{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
padding: 0 25px 25px !important; border: 0; margin: 15px; background-color: #fff !important;}
.updateno-cardview .intl-tel-input .selected-flag .iti-arrow{top: 25px !important;}
.email-sign .charge-cart h4{color: #fff !important;}
.play_ico {color: rgba(272,77,71,0.7);font-size: 42px;}
.image-edit:hover .play_ico{color: #f24d47;font-size: 46px;}
.delete-document{display: none;}
.image-edit:hover .delete-document{display: inline-block;}
.cl_frm{font-weight: 600;margin-bottom: 3px;}

.client_eva_head{font-size: 22px;font-weight: 600;}
.eva-checklist{background: #fff;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);padding: 15px 20px;position: relative;}
.del_sec i {
    background-color: #FF4141;
    border-radius: 50%;
    color: #fff;
    width: 40px;
    height: 40px;
    float: right;
    position: absolute;
    font-size: 21px;
    padding-top: 8px;
    text-align: center;
    right: 20px;
    top: -20px;
}
.add_new_sec i {
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    width: 40px;
    height: 40px;
    float: right;
    position: absolute;
    font-size: 18px;
    padding-top: 10px;
    text-align: center;
    right: 20px;
    top: 10px;
}
.ans-type{line-height: 22px !important;color: #333 !important;}
.card-view-filters{box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);
padding: 15px; background-color: #fff; margin: 0 15px;}

.gradiant-counters span.lead-total{color: #000 ;}
.gradiant-counters ul li.nav-item:hover span.lead-total{color: #fff;}

.pro-alert{background-color: #fee8e8; border-bottom: 1px solid #f1c0c0; margin: 20px 0; width: 100%; border-left: 8px solid #ff0000; color: #000; padding: 20px 25px;}
.pro-alert i{color: #eebe00; float: left; margin-right: 10px; font-size: 24px;}
.pro-alert p{text-align: left; font-size: 18px;}
.click-here{color:#0072ff; text-decoration: underline;}
.click-here:hover{color:#0072ff; text-decoration: none;}

.container-checkbox {
    display: block !important;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 99999;
    padding-left: 35px ;
    margin-bottom: 12px ;
    cursor: pointer;
    font-size: 22px ;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background: #eee;
    border:2px solid #333 !important;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #000;
    border:unset !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 9px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sel-all {
    text-align: left;
    width: 100%;
    margin-bottom: 6px;
}
.sel-all .web-btn-primary {
    font-size: 18px;
}
.clear-both{clear: both;}
.close-jd p{color: #000; line-height: 30px; font-size: 18px; }

.sr-filters tr:nth-of-type(odd){background-color: #f6f6f6 !important;}

.sr-table .web-btn-primary{font-size: 18px; }
.sr-table .web-btn-primary:last-child{background-color: #0784e4; margin-left: 3px;}
.sr-table tr td:last-child{display: flex; justify-content: center;}

.sr-filters .ut-ad-btn {
    height: 40px;
    position: relative;
    top: 6px;
    left: 12px;
    margin-right: 15px;
    background-color: #000;
}
.sr-filters .filter-icon-row > a.collapsed:before {
    float: right !important;
    content: "\f067";
    font-family: fontAwesome;
}
.sr-filters .filter-icon-row > a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding: 3px 2px;
}
.sr-filters .form__field:placeholder-shown ~ .form__label{top: 23px;}
.sr-filters .nav-link{background-color: #000;}
.srpopup-view .col-md-4{display: flex;}
.srpopup-view .row{display: flex; display: flex;  margin: 0 10px 0 0;}
.sr-description:before{ font-family: FontAwesome;  content: "\f044"; position: absolute; left: 5px;}
.sr-description{padding-left: 30px; line-height: 30px;}
.srpopup-view .modal-header{background-color: #000;}
.srpopup-view .modal-header h4{color: #fff; font-weight: 600;}
.srpopup-view .modal-header .close{color:#fff !important; opacity: 10;}
.srpopup-view .col-md-4 a{display: flex;}
ul.wishlist-view-card li{box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);
    padding: 15px; border: 0; margin: 7px 15px; width: 98%;}

.load-employee-form .card-view h2.fs-title{border: 0; background-color: #000!important;}

.schedule-notify .col-md-6{font-size: 18px; margin: 5px 0; color:#000; line-height: 24px;}
.schedule-notify h4{background-color: #000; font-size: 20px;    white-space: nowrap; width: 100%; color:#fff; padding: 15px; margin:5px 0 0 0;}
.schedule-notify i{margin-right: 5px;}
.schedule-notify .row{background-color: #fff !important;height: auto;padding: 10px 8px;margin: 0 !important;min-height: 145px;}
.schedule-notify .row .btn{font-size: 18px;}
.schedule-notify{margin-bottom: 15px; clear: both; margin-top: 6px;}
.top-section-open-call .item{    width: 630px; padding-bottom: 3px;}
.cr-heading{background-color: #000; color:#fff; margin: 0; padding:15px;}
.cr-wraper{height: auto !important; margin-top: 10px;}
.cr-wraper .timer{top: 55px;}
.cr-wraper .service{margin-top: 10px;}
.cr-wraper{padding-top: 0 !important; margin-top: 6px !important; box-shadow: none !important; border:0 !important;}
.top-section-open-call .owl-carousel{display: flex !important;}
.top-section-open-call .item{margin-right: 5px;}
.cr-wraper .panel-heading{height: 127px !important;}
.top-section-open .panel-group{padding-left: 20px !important;}
.cr-wraper .address{margin-top:10px;}
.customer-req{width: 300px !important;}
.text-ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sn-heading{display: flex;}
.sn-heading .btn{background-color: #fff;color: #000 !important;font-size: 16px;height: 38px;margin: 8px 5px;}
.sn-heading{background-color: #000;}
.schedule-notify .col-md-12{ font-size: 18px; color:#000;}
.schedule-notify .col-md-12 p{ white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.je-description{display: flex;}
.je-description{white-space: nowrap;}
.feedback-card-view{box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);padding: 15px;
    clear: both;display: inline-block;width: 100%;}
.complaint-card-view{display: inline-block; box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);}
.system-set .thumbnail{background-color: transparent !important; border:0;}
.cust-wrnty span{font-size:17px;font-weight: bold;text-decoration: underline;}
.cust-wrnty p{padding: 10px 0;font-weight: 700;}
.edit-wrnty{color: #555 !important;}
.cust-wrnty i{font-size: 18px;}
.add_more_wrnty{float: right;font-size: 16px !important;position: unset !important;margin-top: 6px !important;
    margin-left: 8px;}
.close-wrnty-sec i {color: red;font-size: 32px !important;padding-left: 5px;}
.ut-add-btn .close{opacity: unset !important;}
.prod_up_edit i{color: #333 !important;font-size: 21px !important;margin-right: 6px;}
.prod_up_del i{color: #ED0000 !important;font-size: 21px !important;margin-right: 6px;}
.prod_update_head h4{font-weight: 600;}
.add_prod_up{float: right;}
.add_prod_up a{color: #333;font-weight: 600;}
.add_prod_up i {
    background-color: #000;
    border-radius: 50%;
    color: #fff !important;
    width: 45px;
    height: 45px;
    font-size: 18px !important;
    padding-top: 15px;
    text-align: center;
}
#projectUpdateModel .top-close-btn{background-color: #fff !important;color: #000 !important;}
#MilestoneModel .top-close-btn{background-color: #fff !important;color: #000 !important;}
.lead_info{color: #333;border-bottom: 1px solid #ccc;text-transform: uppercase;font-size: 17px;
    font-weight: 600;}
.lead_info i{float: right;color: #555;}
.status_flwup{color: #6f6f6f;font-size: 16px;line-height: 26px;}
.status_flwup span{color: #000;font-size: 19px;}
.client_sec p{color: #333;font-size: 16px;line-height: 29px;}
.client_sec i{padding-right: 5px;font-size: 17px;text-align: center;}
/***** New 25 oct ******/
.head_icons i{font-size: 15px;color: #828181;padding-left: 6px;}
.right_icons i{font-size: 18px;background-color: #fff;border:1px solid #989696;width: 35px;height: 35px;padding-top: 7px;
    text-align: center;color: #555555;}
.res_person i{ width: 50px;height: 50px;background: #389CE4;padding-top: 15px;padding-left: 5px;color: #fff;
    font-size: 22px; border-radius: 50%;text-align: center;}
/* Tabs panel */
.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  font-weight: 600;
  color: #6b6a6a;
  font-size: 15px;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 3px solid #82C6F8;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 3px solid #389CE4;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
  background-color: transparent;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}    
.primary_po{background:#333;color: #fff;font-weight: 600 !important;padding: 1px 12px;display: inline-block !important;}
.pro_name p{font-size: 19px !important;color: #000;}
.primary_pro{color: #333;position: absolute;left: 20px;font-size: 15px;top: 26px;}
.primary_pro_new{color: #333;position: absolute;left: 20px;font-size: 14px;top: 78px;}
.primary_pro01{color: #333;position: absolute;left: -16px;font-size: 14px !important;top: 6px !important;}
.assigned_txt{position: absolute;right: 15px;top: 10px;font-size: 14px;color: #34AA54;line-height: 26px;}
.assigned_txt_new{position: absolute;right: 15px;top: 18px;font-size: 14px;color: #34AA54;line-height: 26px;}
.hide_assigned{visibility: hidden;}
.submission_sec p{color: #000;font-size: 18px;}
.submission_sec p a{color: #000;}
.submission_sec p i{padding-right: 10px;color: #000;font-size: 20px;}
.change_ownership{font-size: 16.5px !important;}
.app_edit{color: #000;font-size: 21px;}
.app_edit:hover{color: #000;font-size: 21px;}
.app_confirm{color: #000;clear: both;}
.app_confirm i{color: #03B521;font-size: 38px;}
.app_not_confirm{background: #E80101;width: 33px;height: 33px;color: #fff;font-size: 20px;border-radius: 50%;
    padding-top: 7px;text-align: center;}
.no-padd{padding-left: 0px;padding-right: 0px;}
.view_city_permit{font-size: 21px !important;}

.tooltip01 {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip01 .tooltiptext01 {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff !important;
  text-align: center;
  padding: 5px 0;
  font-size: 15px !important;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  top: 38px;
  right: -40px;
}
.tooltip01:hover{cursor: pointer;}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip01:hover .tooltiptext01 {
  visibility: visible;
}

#equipment_listing .tooltip01 {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
#equipment_listing .tooltip01 .tooltiptext01 {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff !important;
  text-align: center;
  padding: 5px 0;
  font-size: 15px !important;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  top: 38px;
  right: -40px;
}
#equipment_listing .tooltip01:hover{cursor: pointer;}
/* Show the tooltip text when you mouse over the tooltip container */
#equipment_listing .tooltip01:hover .tooltiptext01 {
  visibility: visible;
}

.tooltip_esign {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip_esign .tooltip_txt_show {
  visibility: hidden;
  width: 85px;
  background-color: #fff;
  color: #000 !important;
  text-align: center;
  padding: 5px 0;
  font-size: 15px !important;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 35px;
  box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);
}
.tooltip_esign:hover{cursor: pointer;}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip_esign:hover .tooltip_txt_show {
  visibility: visible;
}
._show_terms_and_codition_nearest {
    color: #fff !important;
    padding: 10px;
    font-size: 20px !important;
    font-weight: 600;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 32.7%;
    z-index: 99999;
}
._show_terms_and_codition_nearest:hover{background:#555;}
.assigned_txt .ass_cbox{float: left;top: 1px;padding-right: 15px;}
.code_ref_btn.active{background:#000 !important;}
.code_ref_btn{font-size: 18px !important;background:#6c757d !important;}
.po_sec:hover{background: #ccc !important;}
.panel-title01 .checkbox, .radio{display: unset !important;}
.panel-title01 .radio-primary{position: relative;top: 5px;left: 0;}
.thumb_sec{padding: 0px !important;box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 6px 1px rgba(66, 66, 66, 0.16);}
.thumb_sec h3{font-weight: 600;}
.thumb_sec h4 {font-size: 17px !important;line-height: 26px;}
.panel-title01 .radio-primary input[type="radio"]:checked + label::after{background-color: #000;}
.btn.pmd-btn-fab {
    width: 44px;
    min-width: 44px;
    height: 44px;
    position: absolute;
    top: 134px;
    right: 15px;
    padding: 0;
    font-size: 18px;
    border-radius: 50%;
    line-height: 45px;
}
.btn.pmd-btn-raised {box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);}
.pmd-btn-fab.btn-success{background: #03B521 !important;width: 44px;min-width: 44px;top: 148px;height: 44px;}
.pmd-btn-fab.btn-success i{font-size: 33px;}
.pmd-btn-fab i{font-size: 34px !important !important;}
.added_items {position: absolute;top: 37px;right: 0;color: #03B521;font-size: 15px;}
.thumb_sec img {height: 160px;width: 100%;object-fit: cover;object-position: center center;}
.pricebook-cont h3{color: #000;border-bottom: 1px solid #ccc;padding-bottom: 15px;margin-top: 5px;font-weight: 600;
    font-size: 20px;}
.pricebook-cont h4 span{float: right;text-align: right;}
.code_ref01 label{font-size: 18px !important;color: #333 !important;padding-bottom: 15px;font-weight: 500;}
.new_title h4 i:hover{cursor: pointer;}
.title-edit i:hover{cursor: pointer;}
._edit_description:hover{cursor: pointer;}
.portfolio_img{min-height: 350px !important;height: auto !important;max-height: 350px !important;overflow-x: auto;}
.portfolio_sec p{font-weight: 600;padding-bottom: 8px;}
.title_pf{margin-bottom: 5px !important;background: #fff;text-overflow: ellipsis;overflow: hidden;
    font-size: 18px !important;white-space: nowrap;width: 100%;}
.title_pf a{color: #000;}
.media_count{font-size: 16px;color: #333 !important;}
.pf_publish i{font-size: 20px;}
.pf_publish {color: #0587EB !important;font-size: 16px;}
.pf_unpublish{color: #555 !important;font-size: 16px;}
.action-dropdown.action_pf{position: absolute;right: 15px;bottom: 10px;}
.pf_head{font-size: 22px;font-weight: 600;color: #000;}
.pf_cbox label{font-weight: 600;font-size: 18px;color: #333;}
.action-dropdown.action_pf .dropdown-menu a {
    text-align: left;
    padding: 6px 0 6px 14px;
}
#portfolio_list{margin: 0 15px;}
.title_port_rep{font-size: 19px;color: #000;}
.listing-new-cheque span i {padding-right: 0px;}
#payment_form .modal-body {
    padding: 15px !important;
}
.po-wrp .mini-stat-icon {background: rgba(0,0,0,0.2);}
._redirect_to_history {box-shadow: 0 2px 18px 1px rgb(49 53 72 / 10%);}

/*** New 21 Feb ***/
.follow_head{color: #000;font-weight: 600;font-size: 22px;}
.des_txt{font-size: 15px;}
.des_txt span{font-size: 16px;color: #333;font-weight: 600 !important;}
.item_mplan{font-weight: 600;}
.flwup_sts{font-size: 20px;}
.flwup_sts .app_confirm i {
    font-size: 32px;
    position: relative;
    top: 3px;
}
.user-sec-new p {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
.user-sec-new p i {
    font-size: 20px;
    color: #000;
    padding-right: 15px;
}
.user-sec-new1 p {
    font-size: 15px;
    color: #000;
}
.user-sec-new1 p i {
    font-size: 18px;
    color: #000;
    padding-right: 15px;
}
.flwup_sts:hover{cursor: pointer;}
.flwup_status .btn.btn-secondary{background: #F3F3F3;color: #000;width: 120px;border: 1px solid #dadada;
  font-size: 16px;font-weight: normal;}
.flwup_status .btn.btn-secondary:hover{background: #000;color: #fff;border: 1px solid #000;}
.flwup_status .btn.btn-secondary:active, .flwup_status .btn.btn-secondary:focus,{background: #000000 !important;}
.flwup_status .btn.btn-secondary.active {background: #000;color: #fff;border: 1px solid #000;}

.flwup_pbar{height: 14px;margin-bottom: 10px;}
.flwup_pbar .progress-bar{border:1px solid #ffffff;}
.flwup_pbar .bg-default{background: #e9e9e9;}
.tag_new{ 
    display: inline-block;
    height: 32px;
    padding: 0 12px;
    margin-right: 0.2rem;
    margin-bottom: 1rem;
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    color: rgba(0,0,0,0.7);
    background-color: #eceff1;
    transition: all .3s linear;
}
.tag_new.addtag{background: #333;color: #fff;cursor: pointer;}
.tag_new.addtag:hover{background: #000;color: #fff;}
.comnts_head{font-size: 20px;color: #000;font-weight: 600;}
.top-trans-section span i._edit_request:hover{cursor: pointer;}
.m_plan_btn .btn-primary{background-color: #fff;font-size: 18px !important;font-weight: 600;padding: 10px 35px 10px 18px;color: #000 !important;box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);border:1px solid #fff;float: right;}
.m_plan_btn .btn-primary i{position: absolute;right: 20px;font-size: 15px;top: 17px;}
.m_plan_btn .btn-primary:hover, .m_plan_btn .btn-primary:focus, .m_plan_btn .btn-primary:active{background: #f1f1f1 !important;color: #fff;border:1px solid #f7f7f7;}
.dt_time{font-size: 18px !important;}
.field-icon.new_ico i {color: black;font-size: 21px;background: transparent;position: absolute;right: 20px;
    top: 22px;}
.mplan_title a{font-size: 18px !important;}
.close_flwtag i{color: #8c8b8b;padding-left: 3px;font-weight: normal;}
.close_flwtag i:hover{color: #333;}
.serv_time{color: #333;font-size: 20px;font-weight: 600;}
.Qualifies_mplan {
    color: #000;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    background: #f7f7f7;
    padding: 8px 0px;

}
.pro_prog-sec .progress {
    border-radius: 50px !important;
}
.pro_prog-sec .progress .progress-bar {
    background-color: #000000 !important;
    border-radius: 50px !important;
    font-weight: 700;
    font-size: 14px;
}
.pro_perc h3{
  font-weight: 700;
  color: #000;
}
.img-upload-new>input {
  display: none;
}
.img-upload-new{margin-top: -10px;}
.quantity-dropd ._remove_item{margin: 0 10px;color: #333;font-size: 21px;}
.quantity-dropd ._remove_item:hover{color: #f4645f;}
.quantity-dropd ._help_item{margin: 0 5px;color: #333;font-size: 21px;}
.quantity-dropd ._help_item:hover{color: #f4645f;}

.check-disabled:checked:disabled+label:before {
    border-right: 2px solid #34aa54 !important;
    border-bottom: 2px solid #34aa54 !important;
}
.check-disabled:disabled + label{color: #979797 !important;}
.punch-sec [type="checkbox"]:not(:checked):disabled+label:before {
    border: 1px solid #555;}
.punch-sec .check-disabled:checked:disabled+label:before {
    border-right: 2px solid #0587EB !important;
    border-bottom: 2px solid #0587EB !important;
}
.punch-sec .check-disabled:disabled + label{color: #979797 !important;}
#punch_list .action-dropdown .dropdown-menu a { text-align: left !important; padding: 10px;}
.punch-sec .action-dropdown .dropdown-menu a { text-align: left !important; padding: 10px;}
#punch_list .action-dropdown .dropdown-menu {min-width: 180px !important;}
.punch-sec .action-dropdown .dropdown-menu {min-width: 180px !important;}
.punch-sec .ckbox{margin-top: 20px;}
.punch-sec .ckbox label{width: 98%;}
.calendar_sec{ min-height: auto;height: auto;max-height: 145vh;overflow-x: auto;}
.done_perc{color: #a2a6a8;font-weight: 600 !important;font-size: 19px;position: relative;top: 6px;}
.inspec_tab .active{padding-left: 0px !important;color: #fff !important;border-bottom: unset !important;}
.pro-detail-tabs .inspec_tab .nav-tabs>li.active>a {color: #fff !important;}
.pro-detail-tabs .inspec_tab .nav-tabs>li{border-bottom: unset !important;}
.pro-detail-tabs .inspec_tab .nav-tabs>li>a{font-size: 16px !important;}
.pro-detail-tabs .inspec_tab .nav-tabs {background: unset !important;}

@media (min-width: 2120px) and (max-width: 3840px) {
  .calendar_sec{ min-height: auto;height: auto;max-height: 86vh;overflow-x: auto;}
  .dist_counters {width: 80%;margin: 0 auto;}
  #commonModel .modal-dialog{width:1100px;}
  #item-list .modal-dialog{width:1100px;}
  .btn.rp-btn.capture-btn {right: 0.3% !important;bottom: 3.5% !important;width: 8.3% !important;}

}


.subcat_sec:hover{background: #F2F4F7;cursor: pointer;}
.subcat_ico{text-align: center;}
.subcat_ico i{font-size: 54px;margin-top: 22px;}
.subcat_name{margin-top: 8px;}
.subcat_name a{font-size: 16px;color: #333;font-weight: 600;}
.seye_connect{background: #000;color: #fff;padding: 8px 14px;}
.seye_connect i{color: #03B521;font-size: 10px;position: relative;top: -2px;padding-right: 4px;}
.seye_disconnect{background: #000;color: #fff;padding: 8px 14px;}
.seye_disconnect i{color: #E40613;font-size: 10px;position: relative;top: -2px;padding-right: 4px;}
.seye_info{float: right;font-size: 28px;}
.seye_password p{text-align: center;}
.seye_password h3{color: #333;font-weight: 600;text-align: center;}
.pwrd_by{color: #555;font-size: 18px;}
.pwrd_by span{color: #333;font-size: 22px;font-weight: 600 !important;}
.pass_hint{color: #908E8E;font-size: 15px;margin-top: 10px;}
.seye_disc_status{color: #333;font-weight: 600 !important;font-size: 20px;}
.seye_disc_status i{color: #E40613;font-size: 12px;position: relative;top: -2px;padding-right: 4px;}
.instruction_txt{font-size: 20px;color: #333;}
.inspec_report p{color:#868181;font-size: 17px;margin-top: 15px;}
.inspec_report p span{color:#333;font-size: 17px;font-weight: 600 !important;;}
.inspec_tab .active{padding-left: 0px !important;color: #fff !important;border-bottom: unset !important;}
.pro-detail-tabs .inspec_tab.nav-tabs>li.active>a {color: #fff !important;}
.pro-detail-tabs .inspec_tab.nav-tabs>li{border-bottom: unset !important;}
.pro-detail-tabs .inspec_tab.nav-tabs>li>a{font-size: 16px !important;}
.pro-detail-tabs .inspec_tab.nav-tabs {background: unset !important;}
.report-dd .action-dropdown .dropdown-menu a{text-align: left !important;padding: 10px;font-size: 17px;}
.search_report input::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */color: #555 !important;opacity: 1;font-weight: normal; /* Firefox */}
.inspec_tabs{text-align: center;}
.inspec_tabs a{background: #e1e1e1;color: #333;padding: 10px 32px !important;}
.inspec_tabs a.active{background: #000;color: #fff !important;padding: 10px 32px !important;}
.report_img{width: 100%; height: 100%;object-fit: cover;object-position: center center; aspect-ratio: 1/1.1;box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);}
.report_frm{box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);padding: 0px 15px;position: relative;}
.del_report_img{position: absolute;right: 15px;text-align: center;bottom: 7px;display: none;}
.del_report_img a i {background-color: #fff;border-radius: 50%;color: #D12C2C;width: 38px;height: 38px;font-size: 18px !important; padding-top: 12px;box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);}
.del_report_img a i:hover{background:#F24D47;color: #fff;}
.report_frm:hover .del_report_img{display: block;}
.report_modal .docs-up .ut-add-btn {width: 124px !important;}
.esign_url{background: #fff;padding: 10px;font-weight: 600;}
.esign_url .esign_copy{position: absolute;left: 265px;top: 34px;z-index: 1001;}
.esign_url .esign_copy i{color: #868686;font-size: 24px;}
.esign_frm input{background: #fff;}
.esign_frm input:focus{border:unset !important;}
.esign_frm label{font-weight: 600;color: #333 !important;font-size: 20px;margin-bottom: 0px;}
.esign_frm .form-control[readonly]{background: #fff;border:unset !important;color: #555 !important;font-size:17px !important;opacity: unset;padding-left: 0px;font-weight: 500 !important;}
.remove_more_sec1 i {background-color: #d60000;border-radius: 50%;color: #fff;width: 40px;height: 40px;float: right;clear: both; font-size: 15px; padding-top: 13px;
    text-align: center;box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;z-index: 99999;position: absolute;top: 10px;right: 20px;}
.report-dd{position: absolute;right: 15px;}
.inspec_map{font-size: 17px;color: #333;}
.inspec_map i{font-size: 28px;padding-right: 10px;color: #333;}
.map_add_new{position: relative;}
.map_add_new a{position: absolute;right: 0;top: 6px;}
.map_add_new a i{color: #555;font-size: 22px;}

/***** New CSS Admin side ******/

.cat-icon#picture_display_div img {width: 90px;position: relative;top: -25px;}
#service-cate-container .service-icon{/*position: relative;left: -18px;top: 13px;*/font-size: 17px;}
#service-cate-container .service-image{/*position: relative;right: -95px;top: -12px;*/font-size: 17px;}
#service-cate-container .col-md-8.col-xs-8 {margin-top: -2px !important;}
ul.serv_toggle_new{margin-bottom: 0px;}
ul.serv_toggle_new li{display: inline-flex;}
.recommend_dd .btn-primary.dropdown-toggle.btn-primary{background-color: #000 !important;border-color: #333333 !important;width: 100%;font-size: 18px;font-weight: 400;padding: 8px;}
.recommend_dd .dropdown-menu {width: 100%;font-weight: 400;}
.recommend_dd .dropdown-menu > li > a{padding: 8px;font-size: 18px;}

.owl-carousel .owl-item img{margin: 0 auto !important;}

.eq_chk_out {box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);background: #fff;padding: 20px 12px;display: inline-block;width: 100%;position: relative;}
.eq_chk_out h4{font-size: 21px;color: #333;}
.eq_dtls1 p{font-size: 24px;color: #333;font-weight: 600 !important;}
.eq_dtls p{font-size: 17px;color: #555;}
.eq_dtls p i{padding-right: 10px;font-size: 20px;}
.allchkout_list{color: #333;font-size: 20px;font-weight: 600 !important;}
.allchkout_list span{text-transform: uppercase;color: #000;font-weight: 600 !important;}
.coment-history-new{float: left; width: 100%;margin-top: 15px;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.tab-pane#events_history .table-responsive{min-height: auto;height: auto;max-height: 550px;overflow-x: auto;}
.viewevent_sec h3{color: #333;}
.viewevent_sec p{color: #333;line-height: 26px;}
.viewevent_sec .action-dropdown .dropdown-menu a {text-align: left !important;padding: 4px 14px !important;}
.add_more_item i {background-color: #000;border-radius: 50%;color: #fff;width: 48px;height: 48px;float: right;clear: both;font-size: 18px;padding-top: 17px;text-align: center;margin-top: 10px;
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;}
.modal-lg-new {width: 80%;position: absolute;top: 8%;left: 10%;}
.modal-lg-new .ad-service-charge {max-height: 800px;}
.my_earn{background: #F6F6F6;padding: 10px 20px;}
.my_earn h4{color: #333;font-size: 22px;}
.my_earn h2{color: #333;font-weight: 600;margin-top: 15px;font-size: 34px;}
.cus-check {color: #4ea314;font-size: 27px;position: relative;left: 5px;top: 3px;}
.Vendors_name p{font-size: 19px !important;color: #000;}
.Vendors_name p i{font-size: 17px !important;color: #555555;float: right;margin-top: 11px;}
.perreq_head{color: #000;font-weight: 600;}
.permit_dtls h4{color: #000;font-weight: 600;font-size: 21px !important;}
.permit_dtls p{font-size: 17px;color: #333;}
#requirementModel .modal-lg-new .modal-content{height: 86vh;}

/***** New CSS 14Mar23 ******/
.company-dashtab ul li.active {border-top: 3px solid #000;}
.company-dashtab .tab-content .tab-pane {background: #fff !important;}
._open_booking_popup.btn.btn-inverse {font-size: 16px;font-weight: 600;}
._open_booking_popup.btn.btn-inverse i {font-size: 20px;margin-right: 5px;}
._load_nearest_technician.btn.btn-inverse {font-size: 16px;font-weight: 600;}
._load_nearest_technician.btn.btn-inverse i {font-size: 20px;margin-right: 5px;}
.sidebar-offcanvas .panel-heading.less-padding {background: #fff; border-color: #fff;border-bottom: 1px solid #ccc;}
.sidebar-offcanvas .panel-heading.less-padding h3 span {color: #000;font-weight: 600 !important;}
._technician_route_link i { color: #696464 !important;}
#employee_filter_list li .name {font-size: 18px; color: #333;font-weight: 600 !important;}
.search_emp_list input{padding-left: 40px !important;font-weight: normal !important;}
.search_emp_list input::placeholder{color: #918D8D !important;}
.search_icofont01 {position: absolute;left: 18px;top: 12px;font-size: 17px;}
#assign_form .col-md-2 { background: none !important;}

#commonModelLG2 .modal-dialog {width: 100% !important;height: 100%; margin: 5px auto;}
.new_ttip i{color: #565656;cursor: pointer;margin-top: 25px;}
.add_rdio .rdio label:before{visibility: hidden;}
.add_rdio .rdio label:after{visibility: hidden;}
.add_rdio .rdio label{font-size: 21px;color: #333;font-weight: 600;margin-left: -25px;}
.ref_rdio .rdio label:before{opacity: unset !important;}
.ref_rdio .rdio label:after{opacity: unset !important;}
.ref_rdio .rdio-theme input[type=radio]:checked + label::after {
    border-color: #000;background-color: #000;
}
.ref_rdio{line-height: 26px;}
.popover-content { color: #333;}
.prime_pro_toggle{
  color: #333;
    display: inline-flex;
    padding: 5px;
    font-size: 17px;
    font-weight: 600;}
.prime_pro_toggle li{border-bottom:unset !important;padding: 5px 0 !important;}
.prime_pro_toggle li:first-child{width: 80%;text-align: left;}
.prime_pro_toggle li:last-child{width: 20%;}
.name .primary_po {background: #317cbd;padding:2px 8px;}
.name .primary_po:hover {background: #333;}
.name .primary_po i{font-size: 18px;}
.prime_pro_modal a {position: absolute;right: 20px;top: 5px;color: #676767;font-size: 20px;}
.pagination>li{font-size: 16px !important;}
span.togg_txt {
    position: absolute;
    right: 45px;
    top: -3px;
    display: flex;
    width: 120px;
    font-size: 14px;
    z-index: 0;
}
.sweet-alert{z-index: 99999999 !important;}
.sweet-overlay{z-index: 9999999 !important;}
.add_project_sec .service-equest .col-md-3 {width: 60%;}
.add_project_sec .service-equest .col-md-7 { width: 40%;}
.add_project_sec .service-equest .col-md-4 { width: 92%;}
.serv_fee_coll p {background: #F7F7F7;padding: 9px 0px 9px 20px;text-align: left;color: #333;font-size: 19px;font-weight: 600;}
.serv_fee_coll img{margin-right: 10px;}
.serv_fee_coll p span.serv_amt{font-size: 28px;font-weight: 600 !important;float: right;margin-right: 4%;margin-top: 8px;}
.serv_fee_notcoll p {background: #FEE8E8;padding: 9px 0px 9px 20px;text-align: left;color: #333;font-size: 19px;font-weight: 600;}
.serv_fee_notcoll img{margin-right: 10px;}
.serv_fee_notcoll p span.serv_collnow{font-size: 28px;font-weight: 600 !important;float: right;margin-right: 4%;margin-top: 8px;}
.serv_fee_notcoll p span.serv_collnow a {
    color: #0587EB;
    font-size: 16.5px;
    text-decoration: underline;
    position: relative;
    top: -4px;
}
.paylist_action{display: inline-block;}
.red-bg01 {
    background-color: #FF4141;
    color: #fff;
    margin-top: 10px;
    width: 35px;
    height: 35px;
    font-size: 15px;
    align-items: center;
    justify-content: center;
    border: 0;
    margin-left: 5px;
}
.red-bg01:hover {
    background: #e72b2b;
    color: #fff;
}
.red-bg02 {
    background-color: rgb(238, 238, 238);
    color: #555;
    margin-top: 10px;
    width: 35px;
    height: 35px;
    font-size: 15px;
    align-items: center;
    justify-content: center;
    border: 0;
    margin-left: 5px;
}
.red-bg02:hover {
    background: #333;
    color: #fff;
}
#setting_form_panel .modal-content.pb-wraper.pb-wraper-setting {
    height: auto;
}
.pay_type{font-size: 24px;margin-top: 4px;font-weight: 700 !important;color: #333;}
.pay_type span{float: right;font-size: 36px;color: #333;font-weight: 600 !important;}
.pay_method{font-size: 20px;font-weight: 600 !important;color: #404040;}
.pay_method span{float: right;font-size: 17px;color: #919191;font-weight: 400 !important;}
.trans_details{color: #919191;font-size: 17px;}
.trans_details span{font-size: 17px;color: #646262;font-weight: 600 !important;}
.total_amt{font-size: 23px;margin: 2px 0px;}
.total_amt span{font-size: 35px;color: #262525;font-weight: 600 !important;}
.pay_receive{color: #3DAE23 !important;}
.pay_due{color: #FA454E !important;}
.total_amt.due{color: #FA454E;line-height: 38px;}
.total_amt.receive{color: #3DAE23;line-height: 38px;}
.inspection_reason{font-size: 20px;color: #000;font-weight: 600;margin-bottom: 5px !important;}
#item_selected:checked:disabled+label:before {
    border-right: 2px solid #34aa54;
    border-bottom: 2px solid #34aa54;
}
.add_inspe_modal span{font-size: 20px !important;font-weight: 600 !important;color: #333;}
.add_inspe_modal i{background-color: #000;border-radius: 50%;color: #fff !important;width: 45px;height: 45px;
    font-size: 18px !important;padding-top: 15px;text-align: center;}
.social_option{border: 1.5px solid #ABABAB;padding: 10px;}
.social_option p{font-size: 17px;padding-left: 15px;}

.form_new .plan input, .form_new .payment-plan input, .form_new .payment-type input{
  display: none;
}

.form_new label {
    position: relative;
    color: #333;
    background-color: transparent;
    font-size: 20px;
    text-align: center;
    border: 1.5px solid #ABABAB;
    height: 80px;
    line-height: 78px;
    display: block;
    cursor: pointer;
    /* border: 3px solid transparent; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form_new .plan input:checked + label, .form_new .payment-plan input:checked + label, .form_new .payment-type input:checked + label{
  border: 1.5px solid #333;
}
.search_contact input::placeholder {
 color: #555 !important;
  }
.add_new_cont .form__field{
  padding: 7px 0px !important;font-size: 18px !important;
}
.form-check.set_default_loc label{line-height: 22px;border: 1px solid #d7d7d7;width: 92%;padding: 14px 18px;font-weight: normal;}
.form-check.set_default_loc input:checked + label{border: 1px solid #f4645f;background: #fff8f8;font-weight: 600;}
#contact_list .action-dropdown .dropdown-menu a {
    text-align: left !important;
    padding: 10px;
}
.get-vw-wraper .col-sm-1 {
    position: absolute;
    right: 15px;
}
.awdcertificate_block .listing-new li{margin-bottom: 25px;}
.coupon_title {
    margin-left: 45px;
    color: #000;
    text-transform: capitalize;
}
#collapseThreeThree .check-new input[type="file"] {display: none !important;}
#collapseThreeThree .check-new .fake-hidden {width: 100%;}
.new_rvw_option{background: #F7F7F7;padding: 15px 12px;font-weight: 600;margin-bottom: 25px;}
.points_head{font-size: 21px;margin-top: 4px;font-weight: 600 !important;color: #000;}
.points_shead{font-size: 22px;color: #404040;margin-top: 10px !important;}
.points_shead span {float: right;font-size: 23px;color: #333;font-weight: 700 !important;margin-right: 10px;}
.dark_card{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
    padding: 15px;background:#000 !important;border-radius: 10px;}
.total_points{font-size: 16px;margin: 10px;color: #fff;line-height: 32px}
.total_points span{font-size: 25px;margin-top: 4px !important;font-weight: 600 !important;color: #fff;}
.rev_loc h5{color: #333;font-size: 18px;}
.maint_serv ul li:before {
    /*content: "\f111";*/
    font-size: 10px;
    position: absolute;
    left: 28px;
    color: #333;
    font-family: fontAwesome;
}
.maint_serv ul li{font-size: 17.2px;color: #333;}
.view-map ._change_service{margin-left: 42px;font-size: 15px;}
.card-view.active_mplan{background: #F5FFF7;}
.ckbox.ckbox-success.assign_eqp_cbox{position: absolute;left: -35px;top: 45%;}

#equipment_list .form__field {
    font-family: inherit;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #ccc;
    outline: 0;
    font-size: 20px;
    color: #000;
    padding: 24px 0 0;
    background: transparent;
    transition: border-color 0.4s;
    position: relative;
    z-index: 9;
}
#equipment_list .field-icon i {
    color: black;
    font-size: 24px;
    background: transparent;
    position: absolute;
    right: 25px;
    top: 20px;
}
#equipmentAssignInstalledForm .form__field {
    font-family: inherit;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #ccc;
    outline: 0;
    font-size: 20px;
    color: #000;
    padding: 24px 0 0;
    background: transparent;
    transition: border-color 0.4s;
    position: relative;
    z-index: 9;
}
#equipmentAssignInstalledForm .field-icon i {
    color: black;
    font-size: 24px;
    background: transparent;
    position: absolute;
    right: 25px;
    top: 20px;
}
#assignEqpInstallFormOne .eqp_listing_new{
    min-height: auto;
    height: auto;
    max-height: 390px;
    overflow-x: auto;
}
#project_gallery_panel .upload-pic-new .content-pic{min-height:390px;}
.equip_spec.exi_eqp{background: #0587EB;color: #fff;font-size: 14px;padding: 7px 14px;}
.equip_spec.new_eqp{background: #43D9AC;color: #fff;font-size: 14px;padding: 7px 14px;}
#equipmentAssignInstalledForm .col-md-12.eqp_listing_new{
    min-height: auto;
    height: auto;
    max-height: 550px;
    overflow-x: auto;
}
.member_price1{color: #03AD17;font-size: 18px;line-height: 24px;}
.member_price1 span{font-size: 24px;font-weight: 600 !important;}
.item_img {
    height: 120px;
    width: 100%;
}
.item_img img {    
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center center;
}
.proposal_amt{font-size: 32px;color: #333;}
.proposal_fnlamt{font-size: 35px;color: #333;font-weight: 600 !important;}
.proposal_fnlamt span{font-weight: 700 !important;}
/*.light_bg .caption .btn.pmd-btn-fab.btn-primary.pmd-ripple-effect.check_item {
    background: #51ACFB;font-size: 34px;
}*/
.border_bot {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
#service_charge_list .col-lg-4 .vendor-category-list-box .cat-icon i {font-size: 40px;}
#service_charge_list .col-lg-4 .vendor-category.form-group.card-view:hover{transform:unset;}
#service_charge_list .col-lg-4 .vendor-category.form-group.card-view{padding: 12px !important;cursor: pointer;}
#service_charge_list .col-lg-4 .vendor-category.form-group.card-view .category-title{display: none;}
#service_charge_list .col-lg-4 .vendor-category-list-box{border: unset !important;}
#service_charge_list .col-lg-4 .vendor-category-list-box a{color: #333;font-weight: 600;}
.instr_txt{color: #333;font-size: 16px;margin-top: 12px;}
.new-btn.web-btn-primary.insurance{background: #306bcf;}

.cat_btn_tooltip:hover {
  color: #fff;
  background-color: #027de7;
}

.cat_btn_tooltip + .tooltip > .tooltip-inner {background-color: #000;color: #fff;border: unset;font-size: 13px;border-radius: 5px;padding: 8px 12px;}

.cat_btn_tooltip + .tooltip .tooltip-arrow {border-top: 5px solid #000 !important;}
.emi_light{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);padding: 15px;}
.emi_light p{color: #333 !important;margin-bottom: 20px;font-weight: 600;margin-top: 15px;}
.emi_light span{color: #555;margin-bottom: 5px;font-size: 19px;}
.emi_light h3{color: #333 !important;font-size: 38px !important;margin: 0px !important;}
.emi_light h5{color: #333;margin-bottom: 15px;font-size: 18px;font-weight: 600;margin-top: 5px;}
.emi_dark{box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);padding: 15px;background: #20A0E2;color: #fff;}
.emi_dark p{color: #fff !important;margin-bottom: 20px;font-weight: 600;margin-top: 15px;}
.emi_dark span{color: #fff;margin-bottom: 5px;font-size: 19px;}
.emi_dark h3{color: #fff !important;font-size: 38px !important;margin: 0px !important;}
.emi_dark h5{color: #fff;margin-bottom: 15px;font-size: 18px;font-weight: 600;margin-top: 5px;}
.finance_com{color: #333;font-size: 22px;font-weight: 600;margin-left: 10px;}
.pro_busy .alert.alert-warning{padding: 6px 10px;border-bottom: 1px solid #F2C981;background-color: #FFF0DE !important;font-weight: 600;}
.pro_busy .alert.alert-danger{padding: 14px 10px;border-bottom: 1px solid #fe7575;background-color: #f9cfc8 !important;font-weight: 600;}
.offer_claim .alert.alert-warning{padding: 10px;border-bottom: 1px solid #60E641;background-color: #E6FFEA !important;font-weight: 600;
    color: #3DAE23;line-height: 26px;}
.offer_claim .alert.alert-warning i{font-size: 28px;position: relative;top: 2px;padding-right: 5px;}
#Pro_busystatus {
    position: absolute;
    right: 35px;
    top: 12px !important;
}
#Pro_busystatus.action-dropdown .dropdown-menu a {
    text-align: left !important;
    padding: 10px;
}
#Pro_busystatus.action-dropdown .dropdown-toggle{background: transparent !important;}
#Pro_busystatus.action-dropdown .dropdown-toggle:hover, #Pro_busystatus.action-dropdown .dropdown-toggle:active {
    background-color: rgb(42, 42, 42) !important;
    color: #fff;
}
.esign_frm_new .form-control[readonly] {
    background: #e9ecef;
    border: 1px solid #d2d6da;
    color: #323131 !important;
    font-size: 15.3px !important;
    opacity: unset;
    border-radius: 8px;
    padding: 18px 15px;
    font-weight: 500 !important;
}
.esign_url_new .esign_copy i {
    color: #868686;
    font-size: 24px;
    margin-top: 5px;
}
ul.listing-action 
 .blocked_customer {
    background: #fee8e8;
}
.link_proj{background: #f7f7f7;padding: 12px;}
.link_proj:hover{background: #f1f1f1;padding: 12px;cursor: pointer;}
.link_proj h3{color: #333;font-weight: 600;font-size: 20px;margin-top: 10px;}
.link_proj p{color: #333;font-size: 17px;}
.dispatchTopFix {
    z-index: 100 !important;
}
#body_content_box.dispatch-calendar{
  overflow-x: unset !important;
}
.upload_card {box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);color: #333;}
.upload_card:hover{background: #f7f7f7;}
.upload_card h3 {font-weight: 600;font-size: 19px;}
.upload_card i {font-size: 36px;color: #333;}
/*.dispatch-calendar #content_detail_panel{
    position: relative;
    top: 130px;
}*/
.info-box select.form-control {
    padding: 8px !important;
}

#cboxClose2{
  position: absolute;
  top: 10px;
  right: 25px;
  display: block;
  background: url(../js/colorbox/css/images/close_new.png) no-repeat top center;
  background-size: cover;
  width: 35px;
  height: 34px;
  text-indent: -9999px;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  cursor: pointer;
  right: 15px;
}
#cboxClose2:hover {
  background-position: bottom center;
}
.tabbing-complaint-data .popup-pro-pic {
    width: 220px !important;
    height: auto !important;
}
 
.more_options .dropdown-menu{
  min-width: 240px;
}
.action-dropdown .dropdown-menu a {
    text-align: left;
    padding: 9px 10px;
}
.slidendropd .col-lg-11{width:96%;}
.slidendropd .col-lg-1{width:4%;}
.upload_drag i{
  color: #555555;
  font-size: 32px;
}
.draghere{color: #333333;font-size: 22px !important;margin-bottom: 25px;}
.alert-danger{list-style: none !important;}

.upload_images {
    width: 1px !important;
}
.wo_modal .prop-left.trans-list {
    color: #000;
    font-size: 17px;
    line-height: 26px;
}
.wo_modal .prop-right {
    color: #000;
}

ul.color-grid {
    display: inline-flex;
    margin-left: 12px;
    margin-top: 8px;
    width: 95%;
}
.color-option {
  height: 22px;
  width: 100px;
  list-style: none;
  margin: 0;
  transition: .2s;
  cursor: pointer;
  border:0.2px solid #c7c7c7;
  }

.iphone-x {
    position: relative;
    margin: 40px auto;
    width: 320px;
    height: 630px;
    background-color: #7371ee;
    background-image: linear-gradient(60deg, #7371ee 1%,#a1d9d6 100%);
    border-radius: 40px;
    box-shadow: 0px 0px 0px 11px #1f1f1f, 0px 0px 0px 13px #191919, 0px 0px 0px 20px #111;
    overflow: hidden;
}
  
#app_iframe {
      position: fixed;
      top: 50%;
      width: 100px;
      height: 100px;
      margin-left: 5%;
      transition: all 0.5s ease-in-out;
    }

    #app_iframe.scrolled-1 {
      top: 30px;
    }

    #app_iframe.scrolled-2 {
      top: 50px;
    }

    #app_iframe.scrolled-3 {
      top: 80px;
    }

    #app_iframe.scrolled-4 {
      top: 100px;
    }

    #app_iframe.scrolled-5 {
      top: 120px;
    }
.modal-dialog.modal-theme.model-midsize {
    width: 60%;
}

.container-new {
  padding: 3rem;
}

.row-new {
  columns: 5;
  column-gap: 1.5rem;
}

.coupon-item {
  /*display: block;*/
  break-inside: avoid-column;
  width: 100%;
  margin-bottom: 1.5rem;
}
.coupon-item img {
    width: 100%;
  }
.banner_img .thumb_sec img {
    height: 100%;
    width: 100%;
    object-fit: fill;
    object-position: center center;
}
#solutions_list .richText .richText-editor{font-size: 20px;height: 360px;overflow-y: auto;}
.bubble-cont p{color: #333;font-size: 15px;margin: 5px 0px;}
.bubble-cont p i{color: #333;font-size: 18px;}
.swal2-container .swal2-title#swal2-title {color: #575757;font-size: 34px;}
.swal2-container .swal2-html-container#swal2-html-container{color: #8E8E8E;font-size: 22px;}
.swal2-actions button.swal2-confirm.swal2-styled.swal2-default-outline {background: #DD6B55 !important;font-size: 17px;padding: 10px 22px;}
.swal2-actions button.swal2-cancel.swal2-styled {background: #C1C1C1 !important;font-size: 17px;padding: 10px 22px;}
div:where(.swal2-container).swal2-center > .swal2-popup {width: 26%;}
.swal2-container {z-index: 99999999 !important;}
#report_step_3 .richText .richText-editor {font-size: 20px;height: 320px;overflow-y: auto;}
.scope_section .richText .richText-editor {font-size: 20px;height: 320px;overflow-y: auto;}
.cco_section .richText .richText-editor {font-size: 20px;height: 320px;overflow-y: auto;}
#popup_additional_multi_list .form__field:focus ~ .form__label {top: -10px;}
#popup_additional_multi_list .form__label {line-height: 18px;font-size: 15px;}
.addition_multi_charge_list .pay_type span:nth-child(2) {
    width: 77% !important;
}
#window span._blank_field {right: 0;}
#exact span._blank_field {right: 0;}
.richText .richText-toolbar ul li a{font-size: 18px !important;}