@charset "UTF-8";
* {
  content-visibility: visible;
}

body {
  font-family: Arial;
  font-size: 12px;
}

.row12 {
  margin-left: auto;
  margin-right: auto;
  padding: 0 5px 0 5px;
}

.row12.g5 {
  margin: 0 -5px 0 -5px;
}

.form .row12.g5 {
  margin: 0 -15px 0 -15px;
}

.row12.g5 col, .card-holder .row12.g5 .col {
  padding: 0 5px 0 5px;
}

.form .row12.g5 col, .card-holder .form .row12.g5 .col {
  padding: 0 10px 0 10px;
}

.row12.np {
  padding: 0;
}

.row12.np .col {
  padding: 0;
}

.row12-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.row12:after {
  content: "";
  display: table;
  clear: both;
}

.row12 .col {
  float: left;
  box-sizing: border-box;
  padding: 0;
  min-height: 1px;
  position: relative;
  padding: 5px;
}

.row12-flex .col {
  box-sizing: border-box;
  padding: 0;
  min-height: 1px;
  position: relative;
  float: none;
  margin-left: 0 !important;
}

.row12 .col[class*=push-], .row12 .col[class*=pull-] {
  position: relative;
}

.row12 .col.l1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row12 .col.l2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row12 .col.l3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row12 .col.l4 {
  width: 33.3333333333%;
  left: auto;
  right: auto;
}

.row12 .col.l5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row12 .col.l6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row12 .col.l7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row12 .col.l8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row12 .col.l9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row12 .col.l10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row12 .col.l11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row12 .col.l12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row12-flex .col.l1 {
  flex: 0 0 8.3333333333%;
}

.row12-flex .col.l2 {
  flex: 0 0 16.6666666667%;
}

.row12-flex .col.l3 {
  flex: 0 0 25%;
}

.row12-flex .col.l4 {
  flex: 0 0 33.3333333333%;
}

.row12-flex .col.l5 {
  flex: 0 0 41.6666666667%;
}

.row12-flex .col.l6 {
  flex: 0 0 50%;
}

.row12-flex .col.l7 {
  flex: 0 0 58.3333333333%;
}

.row12-flex .col.l8 {
  flex: 0 0 66.6666666667%;
}

.row12-flex .col.l9 {
  flex: 0 0 75%;
}

.row12-flex .col.l10 {
  flex: 0 0 83.3333333333%;
}

.row12-flex .col.l11 {
  flex: 0 0 91.6666666667%;
}

.row12-flex .col.l12 {
  flex: 0 0 100%;
}

.row12 .col.offset-l1 {
  margin-left: 8.3333333333%;
}

.row12 .col.pull-l1 {
  right: 8.3333333333%;
}

.row12 .col.push-l1 {
  left: 8.3333333333%;
}

.row12 .col.offset-l2 {
  margin-left: 16.6666666667%;
}

.row12 .col.pull-l2 {
  right: 16.6666666667%;
}

.row12 .col.push-l2 {
  left: 16.6666666667%;
}

.row12 .col.offset-l3 {
  margin-left: 25%;
}

.row12 .col.pull-l3 {
  right: 25%;
}

.row12 .col.push-l3 {
  left: 25%;
}

.row12 .col.offset-l4 {
  margin-left: 33.3333333333%;
}

.row12 .col.pull-l4 {
  right: 33.3333333333%;
}

.row12 .col.push-l4 {
  left: 33.3333333333%;
}

.row12 .col.offset-l5 {
  margin-left: 41.6666666667%;
}

.row12 .col.pull-l5 {
  right: 41.6666666667%;
}

.row12 .col.push-l5 {
  left: 41.6666666667%;
}

.row12 .col.offset-l6 {
  margin-left: 50%;
}

.row12 .col.pull-l6 {
  right: 50%;
}

.row12 .col.push-l6 {
  left: 50%;
}

.row12 .col.offset-l7 {
  margin-left: 58.3333333333%;
}

.row12 .col.pull-l7 {
  right: 58.3333333333%;
}

.row12 .col.push-l7 {
  left: 58.3333333333%;
}

.row12 .col.offset-l8 {
  margin-left: 66.6666666667%;
}

.row12 .col.pull-l8 {
  right: 66.6666666667%;
}

.row12 .col.push-l8 {
  left: 66.6666666667%;
}

.row12 .col.offset-l9 {
  margin-left: 75%;
}

.row12 .col.pull-l9 {
  right: 75%;
}

.row12 .col.push-l9 {
  left: 75%;
}

.row12 .col.offset-l10 {
  margin-left: 83.3333333333%;
}

.row12 .col.pull-l10 {
  right: 83.3333333333%;
}

.row12 .col.push-l10 {
  left: 83.3333333333%;
}

.row12 .col.offset-l11 {
  margin-left: 91.6666666667%;
}

.row12 .col.pull-l11 {
  right: 91.6666666667%;
}

.row12 .col.push-l11 {
  left: 91.6666666667%;
}

.row12 .col.offset-l12 {
  margin-left: 100%;
}

.row12 .col.pull-l12 {
  right: 100%;
}

.row12 .col.push-l12 {
  left: 100%;
}

@media only screen and (max-width: 1100px) {
  .row12 .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  .row12 .col.pull-m1 {
    right: 8.3333333333%;
  }
  .row12 .col.push-m1 {
    left: 8.3333333333%;
  }
  .row12 .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  .row12 .col.pull-m2 {
    right: 16.6666666667%;
  }
  .row12 .col.push-m2 {
    left: 16.6666666667%;
  }
  .row12 .col.offset-m3 {
    margin-left: 25%;
  }
  .row12 .col.pull-m3 {
    right: 25%;
  }
  .row12 .col.push-m3 {
    left: 25%;
  }
  .row12 .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  .row12 .col.pull-m4 {
    right: 33.3333333333%;
  }
  .row12 .col.push-m4 {
    left: 33.3333333333%;
  }
  .row12 .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  .row12 .col.pull-m5 {
    right: 41.6666666667%;
  }
  .row12 .col.push-m5 {
    left: 41.6666666667%;
  }
  .row12 .col.offset-m6 {
    margin-left: 50%;
  }
  .row12 .col.pull-m6 {
    right: 50%;
  }
  .row12 .col.push-m6 {
    left: 50%;
  }
  .row12 .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  .row12 .col.pull-m7 {
    right: 58.3333333333%;
  }
  .row12 .col.push-m7 {
    left: 58.3333333333%;
  }
  .row12 .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  .row12 .col.pull-m8 {
    right: 66.6666666667%;
  }
  .row12 .col.push-m8 {
    left: 66.6666666667%;
  }
  .row12 .col.offset-m9 {
    margin-left: 75%;
  }
  .row12 .col.pull-m9 {
    right: 75%;
  }
  .row12 .col.push-m9 {
    left: 75%;
  }
  .row12 .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  .row12 .col.pull-m10 {
    right: 83.3333333333%;
  }
  .row12 .col.push-m10 {
    left: 83.3333333333%;
  }
  .row12 .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  .row12 .col.pull-m11 {
    right: 91.6666666667%;
  }
  .row12 .col.push-m11 {
    left: 91.6666666667%;
  }
  .row12 .col.offset-m12 {
    margin-left: 100%;
  }
  .row12 .col.pull-m12 {
    right: 100%;
  }
  .row12 .col.push-m12 {
    left: 100%;
  }
  .row12-flex .col.m1 {
    flex: 0 0 8.3333333333%;
  }
  .row12-flex .col.m2 {
    flex: 0 0 16.6666666667%;
  }
  .row12-flex .col.m3 {
    flex: 0 0 25%;
  }
  .row12-flex .col.m4 {
    flex: 0 0 33.3333333333%;
  }
  .row12-flex .col.m5 {
    flex: 0 0 41.6666666667%;
  }
  .row12-flex .col.m6 {
    flex: 0 0 50%;
  }
  .row12-flex .col.m7 {
    flex: 0 0 58.3333333333%;
  }
  .row12-flex .col.m8 {
    flex: 0 0 66.6666666667%;
  }
  .row12-flex .col.m9 {
    flex: 0 0 75%;
  }
  .row12-flex .col.m10 {
    flex: 0 0 83.3333333333%;
  }
  .row12-flex .col.m11 {
    flex: 0 0 91.6666666667%;
  }
  .row12-flex .col.m12 {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 900px) {
  .row12 .col.ms1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.ms2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.ms3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.ms4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.ms5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.ms6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.ms7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.ms8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.ms9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.ms10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.ms11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.ms12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12-flex .col.ms1 {
    flex: 0 0 8.3333333333%;
  }
  .row12-flex .col.ms2 {
    flex: 0 0 16.6666666667%;
  }
  .row12-flex .col.ms3 {
    flex: 0 0 25%;
  }
  .row12-flex .col.ms4 {
    flex: 0 0 33.3333333333%;
  }
  .row12-flex .col.ms5 {
    flex: 0 0 41.6666666667%;
  }
  .row12-flex .col.ms6 {
    flex: 0 0 50%;
  }
  .row12-flex .col.ms7 {
    flex: 0 0 58.3333333333%;
  }
  .row12-flex .col.ms8 {
    flex: 0 0 66.6666666667%;
  }
  .row12-flex .col.ms9 {
    flex: 0 0 75%;
  }
  .row12-flex .col.ms10 {
    flex: 0 0 83.3333333333%;
  }
  .row12-flex .col.ms11 {
    flex: 0 0 91.6666666667%;
  }
  .row12-flex .col.ms12 {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 601px) {
  .row12 .col.s1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.s2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.s3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.s4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.s5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.s6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.s7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.s8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.s9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.s10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.s11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.s12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row12 .col.offset-s1 {
    margin-left: 8.3333333333%;
  }
  .row12 .col.pull-s1 {
    right: 8.3333333333%;
  }
  .row12 .col.push-s1 {
    left: 8.3333333333%;
  }
  .row12 .col.offset-s2 {
    margin-left: 16.6666666667%;
  }
  .row12 .col.pull-s2 {
    right: 16.6666666667%;
  }
  .row12 .col.push-s2 {
    left: 16.6666666667%;
  }
  .row12 .col.offset-s3 {
    margin-left: 25%;
  }
  .row12 .col.pull-s3 {
    right: 25%;
  }
  .row12 .col.push-s3 {
    left: 25%;
  }
  .row12 .col.offset-s4 {
    margin-left: 33.3333333333%;
  }
  .row12 .col.pull-s4 {
    right: 33.3333333333%;
  }
  .row12 .col.push-s4 {
    left: 33.3333333333%;
  }
  .row12 .col.offset-s5 {
    margin-left: 41.6666666667%;
  }
  .row12 .col.pull-s5 {
    right: 41.6666666667%;
  }
  .row12 .col.push-s5 {
    left: 41.6666666667%;
  }
  .row12 .col.offset-s6 {
    margin-left: 50%;
  }
  .row12 .col.pull-s6 {
    right: 50%;
  }
  .row12 .col.push-s6 {
    left: 50%;
  }
  .row12 .col.offset-s7 {
    margin-left: 58.3333333333%;
  }
  .row12 .col.pull-s7 {
    right: 58.3333333333%;
  }
  .row12 .col.push-s7 {
    left: 58.3333333333%;
  }
  .row12 .col.offset-s8 {
    margin-left: 66.6666666667%;
  }
  .row12 .col.pull-s8 {
    right: 66.6666666667%;
  }
  .row12 .col.push-s8 {
    left: 66.6666666667%;
  }
  .row12 .col.offset-s9 {
    margin-left: 75%;
  }
  .row12 .col.pull-s9 {
    right: 75%;
  }
  .row12 .col.push-s9 {
    left: 75%;
  }
  .row12 .col.offset-s10 {
    margin-left: 83.3333333333%;
  }
  .row12 .col.pull-s10 {
    right: 83.3333333333%;
  }
  .row12 .col.push-s10 {
    left: 83.3333333333%;
  }
  .row12 .col.offset-s11 {
    margin-left: 91.6666666667%;
  }
  .row12 .col.pull-s11 {
    right: 91.6666666667%;
  }
  .row12 .col.push-s11 {
    left: 91.6666666667%;
  }
  .row12 .col.offset-s12 {
    margin-left: 100%;
  }
  .row12 .col.pull-s12 {
    right: 100%;
  }
  .row12 .col.push-s12 {
    left: 100%;
  }
  .row12-flex .col.s1 {
    flex: 0 0 8.3333333333%;
  }
  .row12-flex .col.s2 {
    flex: 0 0 16.6666666667%;
  }
  .row12-flex .col.s3 {
    flex: 0 0 25%;
  }
  .row12-flex .col.s4 {
    flex: 0 0 33.3333333333%;
  }
  .row12-flex .col.s5 {
    flex: 0 0 41.6666666667%;
  }
  .row12-flex .col.s6 {
    flex: 0 0 50%;
  }
  .row12-flex .col.s7 {
    flex: 0 0 58.3333333333%;
  }
  .row12-flex .col.s8 {
    flex: 0 0 66.6666666667%;
  }
  .row12-flex .col.s9 {
    flex: 0 0 75%;
  }
  .row12-flex .col.s10 {
    flex: 0 0 83.3333333333%;
  }
  .row12-flex .col.s11 {
    flex: 0 0 91.6666666667%;
  }
  .row12-flex .col.s12 {
    flex: 0 0 100%;
  }
}
.row12 .col .variantFk-hidden input[type=text], .row12 .col .variantFk-hidden select, .row12 .col .variantFk-hidden textarea {
  border-color: #eee;
  color: #ccc;
}

a {
  color: #2c94d4;
}

dl dt {
  font: normal normal normal 11px/14px "Figtree", Arial, Helvetica, sans;
}

dl dd {
  font: normal normal normal 13px/16px "Figtree", Arial, Helvetica, sans;
}

.logo.no-bg {
  background: none;
}

.dropButton {
  display: block;
  height: 60px;
  padding: 0 6px 0 6px;
  font-family: "Figtree", Arial, Helvetica, sans;
  font-size: 14px;
  text-indent: -99999px;
  color: #999;
  padding: 0;
  float: left;
  background: #fff;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}

.dropButton:hover {
  background: #f7f7f7;
  transition: 0.3s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}

.dropButton.active {
  background: #f2bd17;
}

.addMailing span {
  display: block;
  height: 60px;
  width: 75px;
  background: url(../images/crm/topIcons.png) no-repeat left top;
}

.addMailing span:hover {
  background-position: left bottom;
}

.addClient span {
  display: block;
  height: 60px;
  width: 75px;
  background: url(../images/crm/topIcons.png) no-repeat -75px top;
}

.addClient span:hover {
  background-position: -75px bottom;
}

.addInvoice span {
  display: block;
  height: 60px;
  width: 75px;
  background: url(../images/crm/topIcons.png) no-repeat right top;
}

.addInvoice span:hover {
  background-position: right bottom;
}

.dropButton.settings {
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  text-indent: 0;
}

.dropButton.settings::after {
  display: block;
  content: "\f013";
  font-size: 16px;
  line-height: 60px;
  font-weight: bold;
  font-family: "Font Awesome 5 Pro";
  color: #777;
  text-align: center;
}

.dropButton.notifications {
  position: relative;
  text-indent: 0;
}

.dropButton.notifications i {
  color: #777;
  line-height: 70px;
  display: block;
  font-size: 26px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  text-indent: 0px;
  text-align: center;
}

.dropButton.notifications em {
  display: none;
  font-style: normal;
  width: 13px;
  height: 13px;
  position: absolute;
  bottom: 18px;
  left: 45px;
  border-radius: 50%;
  line-height: 13px;
  text-align: center;
  font-size: 10px;
  color: #000;
  background-color: #edbb1b;
}

.dropButton.notifications.on em {
  display: block;
}

.topProfileBox {
  height: 70px;
  float: left;
  padding: 0 20px 0 20px;
  border-left: 1px solid #ccc;
  position: relative;
  transition: 0.3s;
}

.topProfileBox:hover {
  background: #f7f7f7;
  transition: 0.3s;
}

.languageBox {
  height: 65px;
  float: left;
  padding: 5px 0 0 0;
  border-left: 1px solid #ccc;
}

.languageBox a {
  display: block;
  width: 33px;
  height: 20px;
  text-align: center;
  font: normal normal normal 10px/20px "Figtree", Arial, Helvetica, sans;
  color: #666;
}

.languageBox a.active {
  color: #edbb1b;
}

.pannel {
  position: fixed;
  z-index: 1000;
  background: #fff;
  transition: 0.5s;
  width: 0px;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  display: block;
  box-shadow: -6px 0px 12px 0px rgba(0, 0, 0, 0.3);
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.pannel.open {
  width: 400px;
  transition: 0.5s;
}

.pannel .innerPanel {
  padding: 0px;
  width: 400px;
  display: block;
  position: relative;
  z-index: 1001;
  height: 100vh;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.pannel .innerPanel .scrollHolder {
  width: 400px;
  padding-bottom: 12px;
  -webkit-transform: translate3d(0px, 0px, 0px);
  height: calc(100vh - 69px) !important;
}

.pannel .innerPanel .tabs {
  height: 69px;
  background: #f7f7f7;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.pannel .innerPanel .pannel-header {
  height: 69px;
  background: #fff;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.pannel .innerPanel .pannel-header h2 {
  font-size: 20px;
  line-height: 29px;
  padding: 15px;
}

.pannel .innerPanel .tabs .tab {
  display: block;
  float: left;
  height: 69px;
  padding: 0 25px 0 25px;
  font: normal normal normal 16px/69px "Figtree", Arial, Helvetica, sans;
  color: #666;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.pannel .innerPanel .tabs .tab.active {
  background: #fff;
}

.pannel .innerPanel .pnl {
  background: #fff;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.pannel a.close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 15px;
  right: 15px;
  color: #999;
  transition: 0.3s;
  text-decoration: none;
}

.pannel a.close::after {
  content: "\f136";
  font-size: 30px;
  font-family: "Material-Design-Iconic-Font";
  line-height: 40px;
  width: 40px;
  text-align: center;
  display: block;
  text-decoration: none;
}

.pannel a.close:hover {
  color: #333;
  transition: 0.3s;
  text-decoration: none;
}

.pannel .innerPanel .pnl input[type=text].searchField {
  margin: 20px;
  box-sizing: border-box;
  width: 360px;
  display: block;
  padding: 10px;
  height: 42px;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.pannel .innerPanel .form {
  padding: 17px 15px 15px 15px;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.pannel .innerPanel .pannel-actions {
  padding: 17px 15px 15px 15px;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.pannel .innerPanel .form label, #activeLead .pannel .innerPanel .form label {
  display: block;
  font: normal normal normal 11px/16px "Figtree", Arial, Helvetica, sans;
  height: 16px;
  color: #999;
  width: 368px;
  padding: 0;
}

.pannel .innerPanel .form input[type=text], .pannel .innerPanel .form select {
  display: block;
  height: 38px;
  box-sizing: border-box;
  padding: 0;
  border-radius: 0;
  border: 1px solid #ccc;
  font: normal normal normal 12px/22px "Figtree", Arial, Helvetica, sans;
  color: #666;
  width: 368px !important;
  margin: 0 0 2px 0 !important;
  padding: 7px;
  border-radius: 3px;
}

.pannel.wide .innerPanel .form input[type=text], .pannel.wide .innerPanel .form select {
  width: 100% !important;
}

.pannel .innerPanel .form .chk {
  margin: 0 0 0 0;
  padding-bottom: 0;
  padding-top: 5px;
  height: 24px;
  line-height: 24px;
  min-height: 24px;
}

.pannel .innerPanel .form .chk input {
  border: 1px solid #ccc;
  width: 16px !important;
  height: 16px;
  float: left;
  margin: 8px 12px 0 0 !important;
}

.pannel .innerPanel .form .chk span {
  display: block;
  font: normal normal normal 11px/16px "Figtree", Arial, Helvetica, sans;
  height: 16px;
  color: #999;
  width: 340px;
  padding: 8px 0 0 0;
}

.pannel .innerPanel .form select {
  width: 370px;
  padding-left: 10px;
  text-indent: 0;
}

.pannel .innerPanel .form .btnGreen {
  float: left;
  font: normal normal normal 14px/37px "Figtree", Arial, Helvetica, sans;
  color: #fff;
  margin: 8px 0 0 0;
  padding: 0 15px 0 15px;
}

.pannel .innerPanel .form label.oneThird, #activeLead .pannel .innerPanel .form label.oneThird {
  width: 100px;
  float: left;
}

.pannel .innerPanel .form input.oneThird {
  width: 98px !important;
  float: left;
}

.pannel .innerPanel .form label.twoThird, #activeLead .pannel .innerPanel .form label.twoThird {
  width: 250px !important;
  float: left;
  margin-left: 10px !important;
}

.pannel .innerPanel .form input.twoThird {
  width: 268px !important;
  float: left;
  margin-left: 2px !important;
}

.pannel.wide .innerPanel .pnl .pnl-header {
  background: #fafafa;
}
.pannel.wide .innerPanel .pnl .searchfield-holder .multi-btns {
  display: none;
}
.pannel.wide .innerPanel .pnl .chk-multi-all {
  display: none;
}
.pannel.wide .innerPanel .pnl .multi-chk {
  display: none;
}
.pannel.wide .innerPanel .pnl.multi .btMulti {
  display: block;
}
.pannel.wide .innerPanel .pnl.multi .btnSelectMulti, .pannel.wide .innerPanel .pnl.multi .btnResetMulti {
  display: none;
}
.pannel.wide .innerPanel .pnl.multi .chk-multi-all {
  display: none;
}
.pannel.wide .innerPanel .pnl.multi .multi-chk {
  display: none;
}
.pannel.wide .innerPanel .pnl.multi .searchfield-holder {
  padding: 20px 152px 20px 20px;
  position: relative;
}
.pannel.wide .innerPanel .pnl.multi .searchfield-holder input[type=text].searchField {
  margin: 0;
  width: 100%;
  padding: 12px 10px;
  height: 46px;
}
.pannel.wide .innerPanel .pnl.multi .searchfield-holder .multi-btns {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 127px;
  display: block;
  box-sizing: border-box;
}
.pannel.wide .innerPanel .pnl.multi .searchfield-holder .multi-btns .btMulti {
  box-sizing: border-box;
  width: 100%;
  height: 46px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .btMulti {
  display: none;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .btnSelectMulti, .pannel.wide .innerPanel .pnl.multi.multi-on .btnResetMulti {
  display: block;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .chk-multi-all {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  text-align: center;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .chk-multi-all input {
  display: none;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .chk-multi-all input + label {
  position: relative;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .chk-multi-all input + label::before {
  margin: 4px auto 0 20px;
  display: block;
  font-family: "Font Awesome 5 Pro";
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid #d5d5d5;
  background: #fff;
  border-radius: 50%;
  line-height: 14px;
  font-size: 10px;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .chk-multi-all input:checked + label::before {
  content: "\f067";
  background: #777;
  border-color: #777;
  color: #fff;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .multi-chk {
  display: block;
  position: absolute;
  top: 50%;
  margin: -12px auto auto 0;
  width: 24px;
  height: 24px;
  color: #ccc;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  left: 20px;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .searchfield-holder .multi-btns {
  padding-right: 52px;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .searchfield-holder .multi-btns .btnResetMulti {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  box-sizing: border-box;
  height: 46px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  font-size: 16px;
  color: #777;
  line-height: 26px;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .searchfield-holder .multi-btns .btnSelectMulti {
  box-sizing: border-box;
  height: 46px;
  width: 100%;
  border: 1px solid #00c981;
  background: #00c981;
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
  line-height: 26px;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  opacity: 0.3;
  transition: 0.3s;
}
.pannel.wide .innerPanel .pnl.multi.multi-on.has-selection .searchfield-holder .multi-btns .btnSelectMulti {
  opacity: 1;
  transition: 0.3s;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .chk-holder {
  position: relative;
  padding-left: 48px;
}
.pannel.wide .innerPanel .pnl.multi.multi-on .chk-holder .chk {
  padding-left: 0;
}
.pannel.wide .innerPanel .pnl.multi.multi-on ul.carList li a {
  padding-left: 170px;
}
.pannel.wide .innerPanel .pnl.multi.multi-on ul.carList li a img {
  left: 48px;
}
.pannel.wide .innerPanel .pnl.multi.multi-on ul.carList li a .status {
  left: 52px;
}
.pannel.wide .innerPanel .pnl.multi.multi-on ul.carList li a.selected .multi-chk i {
  font-weight: bold;
  color: #777;
}

h1 {
  color: #666;
  font-size: 20px;
  font-family: Arial;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

h1 span a {
  color: #eebb00;
  text-decoration: none;
}

.offer {
  display: block;
  margin: 20px 0 0 0px;
  background: #fff;
  border: solid 1px #999;
  width: 800px;
  height: 800px;
}

.button {
  border: solid 1px #666;
  background: #ccc;
  color: #333;
}

ul.customers {
  display: block;
  margin: 0 20px 0 20px;
  padding: 0;
  background: url(../images/crm/dottedline.png) repeat-x top left;
}

ul.customers li {
  margin: 0;
  padding: 7px 0 9px 0;
  list-style: none;
  display: block;
  text-align: left;
  background: url(../images/crm/dottedline.png) repeat-x bottom left;
}

ul.customers li a {
  font: normal normal normal 13px/19px "Figtree", Arial, Helvetica, sans;
  text-decoration: none;
  display: block;
  color: #666;
  position: relative;
  padding-left: 30px;
}

ul.customers li a span {
  display: block;
  color: #999;
  font: normal normal normal 11px/14px "Figtree", Arial, Helvetica, sans;
}

ul.customers li a:hover, ul.customers li a.active {
  color: #eebb00;
  text-decoration: none;
}

ul.customers li a::before {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  content: "\f207";
  font: normal normal normal 20px/1 "Material-Design-Iconic-Font";
}

ul.customers li a.company::before {
  content: "\f128";
}

ul.customers li a.group::before {
  content: "\f0c0";
  font: normal normal normal 16px/1 "Font Awesome 5 Pro";
  font-weight: 900;
  top: 3px;
}

.searchField {
  height: 16px;
  border: solid 1px #dfdfd8;
  width: 355px;
  font-family: Arial;
  font-size: 14px;
  color: #666;
  padding: 10px 0px 11px 10px;
  border-radius: 3px;
}

a.btnClose {
  display: block;
  height: 44px;
  width: 44px;
  top: 5px;
  right: 5px;
  position: absolute;
  background: url(../images/crm/btnClose.png) no-repeat top left;
  text-decoration: none;
}

a.btnClose:hover {
  background: url(../images/crm/btnClose.png) no-repeat bottom left;
}

ul.carList {
  width: 365px;
  display: block;
  margin: 0 0 0 20px;
  padding: 0;
  background: url(../images/crm/dottedline.png) repeat-x top left;
}

ul.carList li {
  margin: 0;
  padding: 1px 0 0 0;
  list-style: none;
  display: block;
  width: 365px;
  text-align: left;
  background: url(../images/crm/dottedline.png) repeat-x bottom left;
}

ul.carList li a {
  font-size: 14px;
  font-family: Arial;
  text-decoration: none;
  width: 365px;
  display: block;
  color: #666;
  position: relative;
  transition: 0.3s;
}

ul.carList li a::after {
  content: "";
  float: none;
  clear: both;
  display: block;
}

ul.carList li a img {
  display: block;
  max-width: 110px;
  height: 73px;
  float: left;
  border: none;
}

ul.carList li a span.details {
  float: left;
  width: 155px;
  padding: 0 0 0 10px;
  font: normal normal normal 11px/15px "Figtree", Arial, Helvetica, sans;
}

ul.carList li a span.details span.sold {
  display: none;
  color: #00c981;
  text-transform: uppercase;
}

ul.carList li a span.details span.sold.on {
  display: inline;
}

ul.carList li a span.price {
  float: right;
  text-align: right;
  width: 90px;
  font-size: 16px;
  padding-right: 10px;
  box-sizing: border-box;
}

ul.carList li a:hover, ul.customers li a.active {
  background: #fafafa;
  transition: 0.3s;
}

ul.carList li a .status {
  position: absolute;
  bottom: 4px;
  left: 24px;
  line-height: 16px;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background: #ff0000;
  border-radius: 4px;
  padding: 0 4px 0 4px;
}

.pannel.wide.open {
  width: 570px;
}
.pannel.wide .innerPanel {
  width: 570px;
}
.pannel.wide .innerPanel .pnl input[type=text].searchField {
  width: 530px;
}
.pannel.wide .innerPanel .scrollHolder {
  width: 570px;
}
.pannel.wide ul.carList {
  width: 100%;
  background: none;
  border-top: 1px solid #e0e0e0;
  margin: 0;
}
.pannel.wide ul.carList li {
  padding: 0;
  width: 100%;
}
.pannel.wide ul.carList li a {
  padding-left: 142px;
  padding-right: 20px;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  box-sizing: border-box;
  min-height: 72px;
}
.pannel.wide ul.carList li a img {
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  width: 100%;
  max-width: 110px;
  height: 72px;
  border: none;
}
.pannel.wide ul.carList li a .details {
  width: 70%;
  padding: 0;
  line-height: 13px;
  padding-top: 6px;
}
.pannel.wide ul.carList li a .details .specs {
  font-size: 11px;
  padding-bottom: 6px;
  display: block;
}
.pannel.wide ul.carList li a .details .specs .make-model {
  font-size: 11px;
  font-weight: 500;
  display: block;
}
.pannel.wide ul.carList li a .details-right {
  width: 30%;
  text-align: right;
  display: block;
  float: right;
  font-size: 11px;
  line-height: 13px;
  padding-top: 6px;
}
.pannel.wide ul.carList li a .details-right .price {
  position: relative;
  top: auto;
  right: auto;
  font-size: 11px;
  line-height: 13px;
  padding-bottom: 20px;
  float: none;
  text-align: right;
  bottom: auto;
  display: block;
  width: 100%;
  padding-right: 0;
}
.pannel.wide ul.carList li a::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.innerPanel .chk {
  padding-left: 20px;
  margin-top: -10px;
  padding-bottom: 5px;
}

.innerPanel .chk.npl {
  padding-left: 0;
}

.innerPanel .chk input[type=checkbox] {
  display: none;
}

.innerPanel .chk input[type=checkbox] + label {
  color: #777;
  font: normal normal normal 13px/18px "Figtree", Arial, Helvetica, sans;
  min-height: 19px;
  overflow: hidden;
  cursor: pointer;
  padding: 3px 0 0 0;
}

.innerPanel .chk input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 8px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  border-radius: 3px;
  margin-top: -3px;
}

.innerPanel .chk input[type=checkbox]:checked + label::before {
  content: "\f26b";
  color: #fff !important;
  border: 1px solid #00c981;
  background-color: #00c981;
  text-align: center;
  font-family: "Material-Design-Iconic-Font";
}

.offer {
  display: block;
  margin: 20px 0 0 0px;
  background: #fff;
  border: solid 1px #999;
  width: 680px;
  height: 800px;
  color: #666;
  font-size: 12px;
  font-family: Arial;
}

.offer .left {
  float: left;
  height: auto;
  min-height: 0px;
  background: none;
}

.offer .logo {
  float: left;
  display: block;
  margin: 28px 0px 0px 17px;
  width: 121px;
  height: 64px;
  background: url(../images/crm/offerLogo.jpg) repeat-x top left;
}

.offer .customer {
  float: right;
  display: block;
  margin: 28px 10px 0px 0px;
  width: 190px;
  height: 130px;
}

.offer .qcars {
  float: left;
  display: block;
  margin: 25px 0px 0px 17px;
  width: 160px;
  height: 40px;
}

.offer .box {
  width: 626px;
  border: solid 1px #ddd;
  margin-left: 17px;
  padding: 10px;
}

.offer .box a {
  display: block;
  font-size: 14px;
  color: #666;
  text-decoration: none;
  padding-bottom: 4px;
}

.offer .rightBox {
  width: 180px;
  border: solid 1px #ddd;
  float: right;
  margin: 10px 15px 10px 0;
  padding-left: 10px;
}

.offer .offerNr {
  margin: 50px 0px 10px 17px;
}

.offer .carDetails td.left {
  font-weight: bold;
  width: 100px;
}

.todoTable {
  padding: 20px;
}

h3 {
  display: inline-block !important;
  font-family: "Figtree", Arial, Helvetica, sans;
  font-size: 16px;
  line-height: 18px;
  padding: 4px 10px 10px 0;
}

dd h3 {
  padding: 10px 0 5px 0;
  text-transform: none;
}

.clear {
  clear: both;
  font-size: 0px;
  margin: 0;
  padding: 0;
  line-height: 0px;
}

.floatRight {
  float: right !important;
  margin-right: 15px;
}

.floatRightNM {
  float: right !important;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

li {
  list-style-type: none;
}

hr {
  display: none;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

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

.ir {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.tl {
  text-align: left !important;
}

.tr {
  text-align: right !important;
}

.tc {
  text-align: center !important;
}

.ttop {
  vertical-align: top !important;
}

.hand {
  cursor: pointer;
}

.a-hidden {
  position: absolute;
  top: -10000em;
}

.first {
  border-left: 0 !important;
}

.last {
  border-right: 0 !important;
}

.msg {
  border: none;
  margin: 0;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 150px;
  z-index: 2000;
  padding: 20px;
  font: normal normal 500 14px/20px "Figtree", Arial, Helvetica, sans;
  background: #fff;
  border: 1px solid #ccc;
  color: #777;
  border-radius: 5px;
}

.msg p {
  display: block;
  margin: 0 0 0 0;
  padding: 0;
  font: normal normal 500 14px/20px "Figtree", Arial, Helvetica, sans;
}

.msg-ok {
  border-color: #00c981;
  color: #00c981;
}
.msg-ok::before {
  background: #00c981;
  color: #fff;
  display: block;
  position: absolute;
  left: -25px;
  top: -25px;
  line-height: 40px;
  font-size: 20px;
  font-family: "Font Awesome 5 Pro";
  border-radius: 50%;
  width: 40px;
  height: 40px;
  z-index: 2001;
  text-align: center;
  content: "\f00c";
}

.msg-error {
  border-color: #ff0000;
  color: #ff0000;
}
.msg-error::before {
  background: #ff0000;
  color: #fff;
  display: block;
  position: absolute;
  left: -25px;
  top: -25px;
  line-height: 40px;
  font-size: 20px;
  font-family: "Font Awesome 5 Pro";
  border-radius: 50%;
  width: 40px;
  height: 40px;
  z-index: 2001;
  text-align: center;
  content: "\f00d";
}

.msg-warn {
  border-color: #f2bd17;
  color: #f2bd17;
}

.msg-info {
  border-color: #c3e6ff;
  color: #c3e6ff;
}

.error {
  color: #b81607;
}

div.plain {
  padding: 0;
}

div.plain fieldset {
  border: 0 !important;
  padding: 0 !important;
}

div.basic {
  max-width: 920px;
  width: 100%;
  float: none;
  padding: 20px 0 20px 0;
}

div.basic.npt {
  padding-top: 0;
}

div.basic.npb {
  padding-bottom: 0;
}

div.basic.p20 {
  padding: 20px;
}

div.basic.p10, div.basic .inner-form.description, .p10 div.basic.p10, .p10 div.basic .inner-form.description, .p10 div.basic .inner-form.settings {
  padding: 10px;
}

div.basic.p18, div.basic .inner-form.description, .p18 div.basic.p18, .p18 div.basic .inner-form.description, .p18 div.basic .inner-form.settings, .p18 {
  padding: 18px;
}

div.basic.half {
  max-width: 460px;
  width: 100%;
  float: left;
}

div.basic.twoThird {
  max-width: 550px;
  width: 100%;
}

div.basic dl {
  max-width: 920px;
  width: 100%;
  overflow: hidden;
}

.p10 div.basic.p20 {
  padding: 20px;
  box-sizing: border-box;
}

div.basic dl dt,
div.basic dl dd {
  display: block;
  float: left;
}

div.basic dl dt {
  padding: 10px 10px 0 0;
  max-width: 140px;
  width: 15.8%;
  text-align: right;
  min-height: 24px;
  box-sizing: border-box;
}

div.basic dl dt label {
  color: #999;
}

div.basic dl dd {
  min-height: 32px;
  padding: 0 0 2px 0;
  max-width: 780px;
  width: 84.2%;
  color: #333;
  line-height: 32px;
}

div.basic dl dd a {
  font: normal normal normal 13px/20px "Figtree", Arial, Helvetica, sans;
}

div.basic dl dd.ml {
  padding: 8px 0 2px 0;
  line-height: 16px;
}

div.basic.half dl dt {
  width: 30%;
}

div.basic.half dl dd {
  width: 70%;
}

div.basic.floating-box {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 320px;
  padding: 0;
  border: 1px solid #ccc;
}

div.basic.floating-box dl {
  width: 100%;
}

div.basic.floating-box dl dt {
  width: 40%;
  box-sizing: border-box;
}

div.basic.floating-box dl dd {
  width: 60%;
  box-sizing: border-box;
}

.card-table td.c1 {
  width: 40px;
}

.card-table td.c2 {
  width: 24px;
}

.card-table td.c3 {
  width: 100%;
}

.todo-remarks {
  display: none;
}

div.basic.half dl {
  max-width: 460px;
  width: 100%;
  overflow: hidden;
}

div.basic.twoThird dl {
  max-width: 550px;
  width: 100%;
  overflow: hidden;
}

div.basic.half dl dd {
  max-width: 320px;
  width: 100%;
}

div.basic.twoThird dl dd {
  max-width: 410px;
  width: 100%;
}

.txt {
  -webkit-appearance: none;
  padding: 7px 0 7px 10px;
  font: normal normal normal 14px/20px "Figtree", Arial, Helvetica, sans;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin: 0;
  min-height: 38px;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
}
.txt.date, .txt.add {
  padding-right: 50px;
}

dd .control-holder.w2 {
  max-width: 150px;
}
dd .control-holder.w6 {
  max-width: 420px;
}

div.basic dl dd .txt {
  width: 100%;
}
div.basic dl dd .txt.w2 {
  max-width: 150px;
}
div.basic dl dd .txt.w6 {
  max-width: 420px;
}

.txt.disabled, div.basic dl dd .txt.disabled, .disabled input, .disabled label {
  opacity: 0.4;
}

div.basic dl dd .txt.hl {
  width: 49.5%;
  float: left;
}

div.basic dl dd .txt.hr {
  width: 49.5%;
  float: right;
}

div.basic dl dd .txt.hl.nb {
  width: 50%;
  float: left;
  border-right: none;
}

div.basic dl dd .txt.hr.nb {
  width: 50%;
  float: right;
  border-left: none;
}

div.basic dl dd .txt.dhh {
  width: 59.1%;
  float: left;
}

div.basic dl dd .txt.w33 {
  width: 33%;
  float: left;
  margin-right: 2px;
}

div.basic dl dd .txt.w33.last {
  width: 32.5%;
  float: right;
  margin-right: 0px;
  border-right: 1px solid #ccc !important;
}

div.basic dl dd label.txt {
  line-height: 30px;
  text-align: right;
  padding-right: 16px;
  box-sizing: border-box;
  width: 100% !important;
}

#activeLead.readonly .txt, #activeLead.readonly .btnMinPlus, #activeLead.readonly .ui-datepicker-trigger, #activeLead.readonly .control-holder {
  display: none;
}

#activeLead.readonly dd label, #activeLead.readonly dd #lblCar, #activeLead.readonly dd #lblCustomer {
  display: block;
}

#activeLead dd label, #activeLead dd #lblCar, #activeLead dd #lblCustomer {
  display: none;
}

#activeLead.readonly dd #lblCar, #activeLead.readonly dd #lblCustomer {
  font: normal normal normal 12px/16px "Figtree", Arial, Helvetica, sans;
  color: #333;
  padding: 8px 10px 0 0;
}

div.basic dl dd textarea.txt {
  padding: 10px;
  font: normal normal normal 13px/16px "Figtree", Arial, Helvetica, sans;
  color: #333;
  height: 100px;
}

div.basic.twoThird dl dd .txt {
  width: 410px;
}

div.basic.half dl dd select.txt.hl {
  width: 49.5%;
  float: left;
}

div.basic.half dl dd select.txt.hr {
  width: 49.5%;
  float: right;
}

div.basic.half dl dd .txt.hhr {
  width: 29%;
  float: left;
  margin-right: 3px;
}

div.basic.half dl dd .txt.hhl {
  width: 29%;
  float: left;
}

div.basic.half dl dd .txt.hh {
  width: 29%;
  float: right;
}

div.basic.half dl dd .txtLbl.hh {
  width: 11%;
  display: block;
  float: left;
  font: normal normal 300 12px/32px "Figtree", Arial, Helvetica, sans;
  color: #999;
  box-sizing: border-box;
  padding-left: 15px;
}

div.basic.twoThird dl dd select.txt {
  width: 410px;
}

div.basic.half dl dd textarea.txt {
  width: 100%;
  height: 100px;
}

div.basic.twoThird dl dd textarea.txt {
  width: 410px;
  height: 100px;
}

div.basic dl dd select.txt.datePart {
  width: 33.33%;
}
div.basic dl dd select.txt.datePart.day {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
div.basic dl dd select.txt.datePart.month {
  border-radius: 0;
  border-right: none;
  border-left: none;
}
div.basic dl dd select.txt.datePart.year {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

.dateSpace {
  display: inline-block;
  width: 33.33%;
}

div.basic dl dd select.txt.datePartYear {
  width: 33.33%;
}

div.basic.twoThird dl dd select.txt.datePartYear {
  width: 194px;
}

.txt.e, div.basic dl dd .txt.e, div.basic.half dl dd .txt.e {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgEuro.png) no-repeat right center;
}

.col input[type=text].txt.e {
  padding-right: 24px;
  background: #fff url(../images/crm/txtBgEuro.png) no-repeat right center;
}

.txt.s, div.basic dl dd .txt.s, div.basic.half dl dd .txt.s {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgs.png) no-repeat right center;
}

.txt.kg, div.basic dl dd .txt.kg, div.basic.half dl dd .txt.kg {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgKg.png) no-repeat right center;
}

.txt.mm, div.basic dl dd .txt.mm, div.basic.half dl dd .txt.mm {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgMm.png) no-repeat right center;
}

.txt.cm, div.basic dl dd .txt.cm, div.basic.half dl dd .txt.cm {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgCm.png) no-repeat right center;
}

.txt.km, div.basic dl dd .txt.km, div.basic.half dl dd .txt.km {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgKm.png) no-repeat right center;
}

.txt.kmh, div.basic dl dd .txt.kmh, div.basic.half dl dd .txt.kmh {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgKmh.png) no-repeat right center;
}

.txt.nm, div.basic dl dd .txt.nm, div.basic.half dl dd .txt.nm {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgNm.png) no-repeat right center;
}

.txt.cx, div.basic dl dd .txt.cx, div.basic.half dl dd .txt.cx {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgCx.png) no-repeat right center;
}

.txt.lkm, div.basic dl dd .txt.lkm, div.basic.half dl dd .txt.lkm {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgl100Km.png) no-repeat right center;
}

.txt.l, div.basic dl dd .txt.l, div.basic.half dl dd .txt.l {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgl.png) no-repeat right center;
}

.txt.db, div.basic dl dd .txt.db, div.basic.half dl dd .txt.db {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgDb.png) no-repeat right center;
}

.txt.kw, div.basic dl dd .txt.kw, div.basic.half dl dd .txt.kw {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgKw.png) no-repeat right center;
}

.txt.cc, div.basic dl dd .txt.cc, div.basic.half dl dd .txt.cc {
  padding-right: 16px;
  background: url(../images/crm/txtBgCC.png) no-repeat right center;
}

.txt.h, div.basic dl dd .txt.h, div.basic.half dl dd .txt.h {
  padding-right: 16px;
  background: url(../images/crm/txtBgh.png) no-repeat right center;
}

.txt.m, div.basic dl dd .txt.m, div.basic.half dl dd .txt.m {
  padding-right: 16px;
  background: url(../images/crm/txtBgm.png) no-repeat right center;
}

.txt.kwpkm, div.basic dl dd .txt.kwpkm, div.basic.half dl dd .txt.kwpkm {
  padding-right: 32px;
  background: url(../images/crm/txtBgKwpkm.png) no-repeat right center;
}

.txt.perc, div.basic dl dd .txt.perc, div.basic.half dl dd .txt.perc {
  padding-right: 16px;
  background: url(../images/crm/txtBgPerc.png) no-repeat right center;
}

.txt.co2, div.basic dl dd .txt.co2, div.basic.half dl dd .txt.co2 {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgCO2.png) no-repeat right center;
}

.txt.co2WLTP, div.basic dl dd .txt.co2WLTP, div.basic.half dl dd .txt.co2WLTP {
  padding-right: 60px;
  background: #fff url(../images/crm/txtBgCO2WLTP.png) no-repeat right center;
}

.txt.co2NEDC, div.basic dl dd .txt.co2NEDC, div.basic.half dl dd .txt.co2NEDC {
  padding-right: 60px;
  background: #fff url(../images/crm/txtBgCO2NEDC.png) no-repeat right center;
}

.txt.hp, div.basic dl dd .txt.hp, div.basic.half dl dd .txt.hp {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgHp.png) no-repeat right center;
}

div.basic.twoThird dl dd .txt.e {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgEuro.png) no-repeat right center;
}

div.basic.twoThird dl dd .txt.hp {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgKg.png) no-repeat right center;
}

div.basic.twoThird dl dd .txt.hp {
  padding-right: 16px;
  background: url(../images/crm/txtBgCC.png) no-repeat right center;
}

div.basic.twoThird dl dd .txt.perc {
  padding-right: 16px;
  background: url(../images/crm/txtBgPerc.png) no-repeat right center;
}

div.basic.twoThird dl dd .txt.co2 {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgCO2.png) no-repeat right center;
}

div.basic.twoThird dl dd .txt.hp {
  padding-right: 16px;
  background: #fff url(../images/crm/txtBgHp.png) no-repeat right center;
}

span.note, div.basic span.note {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font: normal normal normal 10px/30px Arial;
  color: #999;
  border-left: none;
}

dd span.note::before, div.basic dd span.note::before {
  content: "€";
  padding-right: 6px;
}

em.note, div.basic em.note {
  display: block;
  font: normal normal normal 10px/13px Arial;
  color: #999;
}

.display-group em.note {
  display: inline-block;
  padding-left: 8px;
}

span.profit, div.basic span.profit {
  font: normal normal normal 11px/30px "Figtree", Arial, Helvetica, sans;
  text-align: right;
  color: #00c981;
  position: absolute;
  right: 80px;
  top: 49%;
  transform: translateY(-50%);
}

span.profit.red, div.basic span.profit.red {
  color: #ff0000;
}

span.lblProfit {
  display: inline-block;
  padding-left: 10px;
}

.chk {
  display: block;
  min-height: 32px;
}

.chk label, .chk input, .chkList label, div.basic dl dd label {
  float: left;
  display: block;
  height: 16px;
}

.chkList span {
  display: block;
  min-height: 24px;
}

.chk label, .chkList label, div.basic dl dd label {
  padding: 8px 10px 0 0;
  font: normal normal normal 13px/16px "Figtree", Arial, Helvetica, sans;
  color: #333;
  float: none;
}

.chk.dark label {
  color: #333;
}

.chk input {
  width: 16px;
  margin: 6px 10px 0 0;
  padding: 0;
}

div.basic dl dd input[type=checkbox], div.basic dl dd input[type=radio] {
  float: left;
  display: block;
  height: 16px;
  width: 16px;
  margin: 7px 10px 0 0;
  padding: 0;
}

div.basic dl dd a.btnMinPlus {
  background: none;
  display: block;
  width: 38px;
  height: 36px;
  border-left: 1px solid #ccc;
  position: absolute;
  top: 1px;
  right: 1px;
  background: #f7f7f7;
  margin: 0;
  box-sizing: border-box;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  transition: 0.3s;
  color: #ccc;
}
div.basic dl dd a.btnMinPlus:hover span {
  color: #444;
  transition: 0.3s;
}

div.basic dl dd a.btnMinPlus span {
  position: absolute;
  background: none;
  transition: 0.3s;
  display: block;
  width: 100%;
  height: auto;
  display: block;
  top: 50%;
  left: 0px;
  right: 0px;
  text-align: center;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 20px;
  color: #ccc;
}

div.basic dl dd a.btnMinPlus.search span::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f002";
  font-weight: 400;
  font-size: 14px;
  color: #777;
}

div.basic dl dd a.btnMinPlus.add span::after, div.basic dl dd a.btnMinPlus.plus span::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f055";
  font-weight: bold;
}

div.basic dl dd a.btnMinPlus.min span {
  background-position: center -60px;
}

div.basic dl dd a.btnMinPlus.date span {
  background-position: center -90px;
}

.ui-trigger, .ui-datepicker-trigger {
  display: block;
  position: absolute;
  margin: 0;
  width: 32px;
  height: 36px;
  border: none;
  border-left: none;
  background: none;
  text-align: center;
  cursor: pointer;
  top: 1px;
  right: 1px;
}

.ui-datepicker-trigger img {
  visibility: hidden;
}

.ui-trigger::after, .ui-datepicker-trigger::after {
  content: "\f783";
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  color: #999;
  font-size: 20px;
  line-height: 30px;
  position: absolute;
  top: 2px;
  right: 8px;
}

div.basic dl dd a.btnMinPlus.refresh span {
  background-position: center -120px;
}

a.btnGrey, .pagination a.btnGrey {
  position: relative;
  display: inline-block;
  height: 30px;
  background: #eaeaea;
  border: 1px solid #ccc;
  padding: 0 14px 0 0;
  font: normal normal normal 13px/30px "Figtree", Arial, Helvetica, sans !important;
  color: #666 !important;
}

a.btnGrey.previous {
  display: block;
  border: none;
  margin: 0 10px 0 0;
  float: left;
  height: 35px;
  background: #ccc url(/assets/images/crm/arrowPrev.png) no-repeat left center;
  padding: 2px 20px 0 45px;
  font: normal normal normal 13px/35px "Figtree", Arial, Helvetica, sans;
  text-transform: uppercase;
  color: #666 !important;
  text-decoration: none;
}

a.btnGrey23 {
  display: block;
  min-height: 21px;
  background: #f4f4f4;
  float: right;
  margin: 0px 7px 0 0;
  border: 1px solid #ccc;
  padding: 0 5px 0 5px;
  line-height: 23px;
  color: #666 !important;
}

a.btnGrey span {
  display: block;
  padding-left: 40px;
  background: url(../images/crm/footerActions.png) no-repeat left top;
  font: normal normal normal 13px/30px "Figtree", Arial, Helvetica, sans;
  color: #666;
}

a.btnGrey.archive span {
  background-position: left -30px;
}

a.btnGrey.unarchive span {
  background-position: left -60px;
}

a.btnGrey.sort span {
  background-image: none;
}

a.btnGrey.sort span::before {
  content: "\f1c3";
  font-family: "Material-Design-Iconic-Font";
  display: block;
  top: 0px;
  left: 0px;
  width: 40px;
  text-align: center;
  position: absolute;
  font-size: 22px;
  line-height: 30px;
  color: #999;
}

a.btnGrey.delete span {
  display: block;
  padding-left: 0px;
  background: none;
}

a.btnGrey.delete {
  margin-top: 5px;
  padding-left: 40px;
  background: url(../images/crm/footerActions.png) no-repeat left top;
  font: normal normal normal 13px/30px "Figtree", Arial, Helvetica, sans;
  color: #666;
}

a.btnGrey.import span {
  background-position: left -90px;
}

a.btnGrey.export span {
  background-position: left -120px;
}

a.btnGrey.next span {
  background-position: left -150px;
}

a.btnGrey.search span {
  background-position: left -180px;
}

a.btnGrey35 {
  display: inline-block;
  height: 35px;
  background: #ccc;
  padding: 0 10px 0 10px;
  font: normal normal normal 13px/35px "Figtree", Arial, Helvetica, sans;
  color: #fff;
  transition: 0.4s;
}

a.btnGrey35:hover {
  background-color: #666;
  transition: 0.4s;
}

a.btnGrey35.add {
  padding: 0 10px 0 30px;
  background-image: url(/assets/images/crm/iconPlusWhite.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}

div.basic dl dd .cke_chrome {
  background: #f7f7f7;
  background-image: none;
  box-shadow: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}

div.basic dl dd .cke_top {
  background: #f7f7f7;
  background-image: none;
  box-shadow: none;
  border-bottom: 1px solid #ccc;
}

div.basic dl dd .cke_bottom {
  display: none;
  background: #f7f7f7;
  background-image: none;
  box-shadow: none;
  border-top: 1px solid #ccc;
}

div.basic dl dd .cke_toolgroup, div.basic dl dd .cke_combo_button {
  border-radius: 0;
  background: #eaeaea;
  color: #666;
  background-image: none;
  box-shadow: none;
  border: 1px solid #ccc;
  height: auto;
  line-height: 20px;
  margin: 0 3px 3px 3px;
  border-radius: 4px;
}

.btnNext {
  display: block;
  width: 38px;
  height: 21px;
  float: right;
  background: url("//static.yourdailydrive.com/assets/images/nextIcon.png") no-repeat center center;
}

.btnPrevious {
  display: block;
  width: 38px;
  height: 21px;
  float: right;
  background: url("//static.yourdailydrive.com/assets/images/previousIcon.png") no-repeat center center;
}

label.check,
label.radio {
  margin-right: 5px;
}

form small {
  color: #999;
}

form {
  overflow: hidden;
}

textarea, textarea.txt {
  background: #fff;
  padding: 10px;
  padding-right: 0;
  font-family: Arial;
  font-size: 12px;
  -webkit-appearance: none;
}

select.txt {
  background: #fff url(/assets/images/crm/ddl.png) no-repeat right center;
  -webkit-appearance: menulist;
}

.txt.warning {
  border: 1px solid #f2bd17 !important;
}

div.basic span {
  color: #333;
}

input.error,
select.error,
textarea.error, input.warning.error, select.warning.error, div.basic dl dd .txt.error, div.basic dl dd textarea.txt.error, div.basic dl dd select.txt.error {
  border-color: #b81607;
  background-color: #f8e7e6;
}

span.loading {
  background: url("../images/crm/upload.gif") 0 50% no-repeat;
  padding: 3px 0 3px 20px;
}

ul.actions {
  margin: 0;
}

ul.actions li {
  display: inline;
  margin-right: 5px;
}

.box {
  float: none;
  width: 100%;
  margin-bottom: 20px;
}

.boxin {
  background: #fff;
}
.boxin.dark {
  background: #f5f5f5;
}

.box .header {
  background: #cccccc;
  height: 50px;
}

.box .header h3 {
  position: relative;
  display: inline;
  color: #333;
  font: normal normal normal 20px/50px "Figtree", Arial, Helvetica, sans;
  padding: 0 0 0 16px;
}

.box .header .button {
  margin-left: 15px;
}

.tabs {
  height: 35px;
  background: #444;
}

.tabs ul {
  display: block;
  float: left;
  margin: 0;
  height: 35px;
}

.tabs ul li {
  display: block;
  float: left;
  margin-top: 0;
  height: 35px;
}

.tabs ul a {
  display: block;
  padding: 0 14px 0 14px;
  font: normal normal bold 10px/35px "Figtree", Arial, Helvetica, sans;
  color: #fff;
  text-transform: uppercase;
  position: relative;
}

.tabs.tab-progress ul a {
  color: #ccc;
}

.tabs.tab-progress ul a.aspNetDisabled {
  color: #999;
}

.tabs.tab-progress ul a:hover {
  background: #444;
  color: #ccc;
}

.tabs.tab-progress ul a.complete {
  color: #fff;
}

.tabs.tab-progress ul a.complete:hover {
  background: #444;
  color: #fff;
}

.tabs.tab-progress ul a.active:hover {
  background: #f7f7f7;
  color: #666;
}

.tabs ul a.active,
.tabs ul a:hover,
.tabs ul a:focus,
.tabs ul a:active {
  background: #f7f7f7;
  color: #666;
}

.box table .header {
  background: #f7f7f7;
  height: 30px;
  border-bottom: 1px solid #dedede;
}

.box .stats table .header {
  background: #f7f7f7;
  height: 40px;
  border-bottom: 1px solid #ccc;
}

.box .stats .content table tr.header td {
  background: #f7f7f7;
  height: 40px;
  border-bottom: 1px solid #ccc;
}

.box .content table {
  width: 100%;
  font-size: 11px;
}

.box .content table th {
  padding: 10px 10px 8px 10px;
}

.box .content table td img {
  display: block;
}

.box .content table td {
  padding: 0px 10px 0px 10px;
  vertical-align: middle;
  height: 39px;
  font-size: 12px;
  color: #333;
  border-bottom: 1px solid #f0f0f0;
  font-family: "Figtree", Arial, Helvetica, sans;
}

.box .content table td a, .box .content table td a span {
  font-size: 12px;
}

.box .content table tr.totals-row td {
  font-weight: bolder;
}

.box .content table td.light {
  color: #999;
  font-size: 11px;
}

.box .content table td em {
  color: #333;
  display: block;
  font-style: normal;
  font-size: 12px;
}

.box .content table tr.narrow td {
  height: 20px;
}

.box .content table th {
  text-align: left;
  font-weight: normal;
}

.box .content table th.first,
.box .content table td.first {
  padding-left: 20px;
}

.box .content table thead th, .box .content table thead td, .box .content table tr.header td, .box .content table tr.header td a, tr.header td a {
  height: 30px;
  font: normal normal normal 10px/12px "Figtree", Arial, Helvetica, sans;
  color: #666;
  vertical-align: middle;
}

.box .content table tr.header td a.active, tr.header td a.active {
  font-weight: 700;
  color: #333;
}

.box .content table tbody tr.first th,
.box .content table tbody tr.first td {
  border-top: 1px solid #bbb;
}

.box .content table tr.summary td {
  background: #fff;
  border-top: 1px solid #bbb;
  font-weight: bold;
}

.box .content table tr.detail td {
  height: 20px;
  color: #666;
}

.box .content table a.ico-comms {
  border: 0;
  background: url("../images/crm/ico-tablecomms.gif") 50% 60% no-repeat;
  padding: 10px;
  color: #fff !important;
}

.box .content table tfoot th,
.box .content table tfoot td {
  border-top: 1px solid #ccc;
  background: #fff url("../images/crm/tfoot.gif") repeat-x;
}

.box .content ul.simple li {
  clear: both;
  padding: 10px 20px 8px 20px;
  overflow: hidden;
}

.box .content table tr.even th,
.box .content ul.simple li.even {
  background: #f5f5f5;
}

.box .content ul.simple strong {
  float: left;
  font-weight: normal;
}

.box .content ul.simple span {
  float: right;
}

.pagination {
  border-top: 1px solid #b2b2b2;
  background: #f7f7f7;
  text-align: center;
  color: #333 !important;
  padding: 0px 10px 5px 10px;
  min-height: 39px;
}

.pagination::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.pagination ul {
  position: relative;
  top: -1px;
  padding: 12px 10px 6px;
}

.pagination ul li {
  display: inline;
}

.pagination a {
  border: 0;
  background: #ebebeb;
  margin: 0 5px;
  padding: 6px 10px;
  color: #333 !important;
}

.pagination strong {
  padding: 15px 10px 8px;
}

.searchBox {
  margin: 15px 15px 0 0;
  display: block;
  height: 37px;
  width: 350px;
  font-family: Arial;
  font-size: 12px;
  float: right;
  color: #999;
  background: #3c3c3c;
  padding: 0px 2px 0 5px;
  text-transform: uppercase;
  border-radius: 3px;
  -moz-border-radius: 3px;
}

.searchBox span.search {
  background: none;
  border: none;
  line-height: 37px;
  font-family: Arial;
  font-size: 12px;
  color: #999;
  text-transform: none;
}

.searchBox a.search {
  display: block;
  float: right;
  background: #00c981;
  height: 31px;
}

.searchBox a.search span {
  display: block;
  height: 31px;
  width: 36px;
  background: url(../images/crm/magnifier.png) no-repeat 45% 50%;
}

.msg-error ul {
  display: none;
  visibility: hidden;
}

small.red {
  color: #ff3333;
}

.small {
  font-size: 10px !important;
}

td.small {
  width: 36px;
}

.subSection {
  height: 40px;
  background: #f7f7f7;
  border-bottom: solid 1px #ccc;
  font: normal normal normal 16px/40px "Figtree", Arial, Helvetica, sans;
  color: #666;
  padding-left: 11px;
}
.subSection.pl20 {
  padding-left: 20px;
}

.subSectionLight {
  height: 40px;
  background: #fcfcfc;
  border-bottom: solid 1px #ccc;
  font: normal normal normal 16px/40px "Figtree", Arial, Helvetica, sans;
  color: #666;
  padding-left: 11px;
}

.subSection a {
  margin-top: 5px !important;
}

.subSection a.weekPrevious, .subSection a.weekNext {
  margin-top: 1px !important;
}

.subSection a.btnMinPlus {
  display: block;
  width: 40px;
  height: 40px;
  background: none;
  margin: 0 !important;
}

.subSection a.btnMinPlus span {
  width: 40px;
  height: 40px;
  background: url("//static.yourdailydrive.com/assets/images/crm/actionIcons40.png") no-repeat right -200px;
}

.subSection a.btnMinPlus.min.plus span, .subSection a.btnMinPlus.plus span {
  width: 40px;
  height: 40px;
  background: url("//static.yourdailydrive.com/assets/images/crm/actionIcons40.png") no-repeat right -200px;
}

.subSection a.btnMinPlus.min span {
  width: 40px;
  height: 40px;
  background: url("//static.yourdailydrive.com/assets/images/crm/actionIcons40.png") no-repeat right -160px;
}

.subSection a.btnMinPlus.search {
  display: block;
  width: 40px;
  height: 40px;
  background: none;
  margin: 0 !important;
}

.subSection a.btnMinPlus.search span {
  width: 40px;
  height: 40px;
  background: url("//static.yourdailydrive.com/assets/images/crm/actionIcons40.png") no-repeat right top;
}

.subSection a.btnMinPlus.view span {
  width: 40px;
  height: 40px;
  background: url("//static.yourdailydrive.com/assets/images/crm/actionIcons40.png") no-repeat left -80px;
}

.subSection.white {
  background: #fff;
}

a.btnMinPlus {
  display: block;
  height: auto;
  background: #00c981;
  float: right;
  margin: 4px 7px 0 0;
}

a.btnMinPlus.min span {
  display: block;
  height: 20px;
  width: 20px;
  background: url(../images/crm/fieldactions.png) no-repeat center -55px;
}

a.btnMinPlus.plus span {
  display: block;
  height: 20px;
  width: 20px;
  background: url(../images/crm/fieldactions.png) no-repeat center -29px;
}

td a.btnMinPlus.plus span {
  display: block;
  height: 32px;
  width: 32px;
  background: url(../images/crm/actionIcons.png) no-repeat center -259px;
}

a.btnMinPlus.add span {
  display: block;
  height: 26px;
  width: 26px;
  background: url(../images/crm/fieldactions.png) no-repeat center -26px;
}

a.btnMinPlus.export span {
  display: block;
  height: 20px;
  padding-left: 20px;
  background: url(../images/crm/exportIcon.png) no-repeat left center;
}

a.btnMinPlus.search span {
  display: block;
  height: 30px;
  width: 30px;
  background: url(../images/crm/fieldactions.png) no-repeat center top;
}

a.btnMinPlus.refresh span {
  display: block;
  height: 26px;
  width: 26px;
  background: url(../images/crm/fieldactions.png) no-repeat center -104px;
}

.subTitle {
  display: block;
  padding-top: 8px;
  padding-bottom: 5px;
  width: 100%;
  font-size: 14px;
  color: #666;
}

.smaller {
  width: 50% !important;
}

.msgContent dl dd a.btnMinPlus {
  margin: 0px;
  width: 31px;
  height: 30px;
  border: 1px solid #ccc;
  border-left: none;
  background: #fff;
}

.msgContent dl dd a.btnMinPlus span {
  display: block;
  height: 30px;
  width: 30px;
  background: url(../images/crm/fieldactions.png) no-repeat center top;
}

.msgContent dl dd a.btnMinPlus.add span, div.basic dl dd a.btnMinPlus.plus span {
  background-position: center -30px;
}

.msgContent dl dd a.btnMinPlus.min span {
  background-position: center -60px;
}

.msgContent dl dd a.btnMinPlus.date span {
  background-position: center -90px;
}

.msgContent dl dd textarea {
  width: 100%;
  height: 40px;
}
.msgContent dl dd textarea.high {
  height: 300px;
}

.header a.link {
  padding-top: 5px;
  text-decoration: underline;
  color: #999;
}

.overlayLight {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  min-height: 100%;
  min-width: 100%;
  bottom: 0px;
  z-index: 11;
  overflow-y: auto;
  overflow-x: hidden;
}

.popUp {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -240px;
  margin-top: -120px;
}

.hdrBtn {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
}

.tabs .hdrBtn, td.header .hdrBtn {
  display: block;
  float: left;
  width: 35px;
  height: 35px;
}

tr.header .hdrBtn {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
}

.widgetbox .header .hdrBtn, .subSection .hdrBtn, .pagination .hdrBtn {
  padding: 0;
  display: block;
  float: left;
  width: 45px;
  height: 47px;
  line-height: 47px;
  text-align: center;
}

.widgetbox .header .hdrBtn, .subSection .hdrBtn, .pagination .hdrBtn.add {
  color: #00c981;
}

.pagination .hdrButtons {
  margin-top: -5px;
  margin-right: -6px;
}

.subSection a.hdrBtn {
  margin: 0 !important;
}

.hdrBtn.add {
  background: #00c981;
  position: relative;
}

.hdrBtn.add::before {
  display: block;
  position: absolute;
  left: 50%;
  top: 10px;
  width: 1px;
  bottom: 10px;
  background: #fff;
  content: "";
  transition: 0.3s;
}

.hdrBtn.add::after {
  position: absolute;
  display: block;
  content: "";
  background: #fff;
  top: 50%;
  left: 10px;
  right: 10px;
  height: 1px;
  transition: 0.3s;
}

.hdrBtn.add:hover::after {
  left: 5px;
  right: 5px;
  transition: 0.1s;
}

.hdrBtn.add:hover::before {
  top: 5px;
  bottom: 5px;
  transition: 0.1s;
}

.floatNone, .hdrBtn.add.floatNone {
  float: none;
  display: inline-block;
}

.hdrBtn {
  text-align: center;
}

.hdrBtn:after {
  font-size: 20px;
  line-height: 50px;
  font-family: "Material-Design-Iconic-Font";
  color: #777;
}

.hdrBtn.cancel {
  background: none;
}

.hdrBtn.cancel::after {
  content: "\f136";
}

.hdrBtn.save {
  background: none;
}

.hdrBtn.save::after {
  content: "\f0c7";
  font-family: "FontAwesome";
}

.hdrBtn.import {
  background: none;
}

.hdrBtn.import::after {
  content: "\f220";
}

.hdrBtn.export {
  background: none;
}

.hdrBtn.export::after {
  content: "\f22a";
}

.hdrBtn.archive {
  background: none;
}

.hdrBtn.archive::after {
  content: "\f187";
  font-family: "FontAwesome";
}

.hdrBtn.undo {
  background: none;
}

.hdrBtn.undo::after {
  content: "\f0e2";
  font-family: "FontAwesome";
}

.hdrBtn.search {
  background: none;
}

.hdrBtn.search::after {
  content: "\f1c3";
}

.hdrBtn.print, .hdrBtn.pdf {
  background: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

.hdrBtn.print::after, .hdrBtn.pdf::after {
  content: "\f1c1";
  font-family: "FontAwesome";
}

.hdrBtn.printlabel::after, .hdrBtn.printlabel::after {
  content: "\f02b";
  font-family: "FontAwesome";
}

.hdrBtn.more {
  background: none;
}

.hdrBtn.more::after {
  content: "\f32f";
}

.hdrBtn.todo {
  background: none;
}

.hdrBtn.todo::after {
  content: "\f110";
}

.hdrBtn.detail {
  background: url(../images/crm/actionIcons.png) no-repeat center -500px;
}

.hdrBtn.detail {
  background: none;
}

.hdrBtn.detail::after {
  content: "\f1ee";
}

.hdrBtn.done {
  background: none;
}

.hdrBtn.done::after {
  content: "\f26b";
}

.hdrBtn.followUp {
  background: none;
}

.hdrBtn.followUp::after {
  content: "\f3b2";
}

.hdrBtn.email {
  background: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

.hdrBtn.email::after {
  content: "\f003";
  font-family: "FontAwesome";
}

.hdrBtn.payment {
  background: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

.hdrBtn.payment::after {
  content: "\f19a";
  font: normal normal normal 18px/20px "Material-Design-Iconic-Font";
  color: #777;
  width: 20px;
  border: 2px solid #777;
  border-radius: 30px;
  display: inline-block;
  margin-top: 13px;
}

.hdrBtn.reminder {
  background: none;
}

.hdrBtn.reminder::after {
  content: "\f337";
}

.hdrBtn.transfer {
  background: url(../images/crm/actionIcons.png) no-repeat center -800px;
}

.hdrBtn.refresh {
  background: none;
}

.hdrBtn.refresh::after {
  content: "\f1b9";
}

.hdrBtn.delete {
  background: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

.hdrBtn.delete::after {
  content: "\f014";
  font-family: "FontAwesome";
}

.hdrBtn.invoice {
  background: none;
  position: relative;
}

.hdrBtn.invoice::after {
  content: "\f198";
  font-size: 25px;
}

.hdrBtn.order {
  background: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

.hdrBtn.order::after {
  content: "\f0f6";
  font-family: "FontAwesome";
}

.hdrBtn.copycar {
  background: none;
}

.hdrBtn.copycar::after {
  content: "\f237";
}

.hdrBtn.previous {
  background: none;
}

.hdrBtn.previous::after {
  content: "\f2fa";
}

.hdrBtn.next {
  background: none;
}

.hdrBtn.next::after {
  content: "\f2fb";
}

.hdrBtn.edit {
  background: none;
}

.hdrBtn.edit::after {
  content: "\f158";
}

.hdrBtn::after {
  transition: 0.2s;
}

.hdrBtn:hover::after {
  color: #333;
  transition: 0.3s;
}

.hdrBtn.payment:hover::after {
  border-color: #333;
}

.widgetbox .header .hdrBtn, .subSection .hdrBtn, .pagination .hdrBtn {
  background: none;
}

.widgetbox .header .hdrBtn.add, .subSection .hdrBtn.add, .pagination .hdrBtn.add {
  background: #00c981;
}

.widgetbox .header .hdrBtn::after, .subSection .hdrBtn::after, .pagination .hdrBtn::after {
  line-height: 47px;
}

.subSection .hdrDevider {
  width: 1px;
  height: 47px;
  background: #cccccc;
}

.hdrDevider {
  display: block;
  float: left;
  width: 0px;
}

.hdrButtons {
  float: right;
}

.header select, .header input {
  margin-top: 4px !important;
}

.header .ui-datepicker-trigger {
  margin-top: 4px !important;
}

.floatLeft {
  float: left !important;
}

.logoSmall {
  display: block;
  height: 50px;
  width: 230px;
  padding-bottom: 10px;
  background: url(../images/crm/logoSmall.png) no-repeat;
}

.offerDate span {
  padding-top: 3px;
  float: left;
  font-size: 18px;
}

div.basic INPUT.txt.offerDateSelect {
  float: left;
  margin-left: 17px;
  width: 138px !important;
}

div.basic dt label {
  white-space: nowrap;
}

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

.smallFont {
  font-size: 11px;
  color: #666;
}

a.btnGreen {
  display: block;
  height: 37px;
  background: #00c981;
  float: right;
  margin: 4px 7px 0 0;
  padding: 0px;
}

a.btnGreen.next {
  margin: 0;
  float: left;
  background: #00c981 url(/assets/images/crm/arrowNextWhite.png) no-repeat right center;
  height: 35px;
  padding: 2px 45px 0 20px;
  font: normal normal normal 13px/35px "Figtree", Arial, Helvetica, sans;
  text-transform: uppercase;
  color: #fff !important;
  text-decoration: none;
}

.btnGreen span.iconMail {
  height: 37px;
  padding: 0px 20px 0 25px;
  display: inline-block;
  margin: 0px 0 0 17px;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: normal;
  font: normal normal normal 13px/37px "Figtree", Arial, Helvetica, sans;
}

a.btnRed {
  position: absolute;
  right: 10px;
  top: 30px;
  display: block;
  color: #ee394d;
  text-transform: uppercase;
  text-decoration: underline;
}

a.btnRed span {
  display: block;
  line-height: 20px;
  padding: 0 10px 0 10px;
  color: #eebb00;
  text-transform: uppercase;
  text-decoration: underline;
}

a.btnGreen span {
  display: block;
  line-height: 37px;
  padding: 0 10px 0 10px;
  color: #fff;
  text-transform: uppercase;
}

a.btnGreen.iconSaveWhite span, a.btnGreen span.iconSaveWhite {
  display: block;
  height: 37px;
  width: 40px;
  background: url(../images/crm/iconSaveWhite.png) no-repeat center center;
}

a.btnGreen27, div.btnGreen27, div.basic dl dd a.btnGreen27 {
  display: inline-block;
  height: 37px;
  background: #08c880;
  margin: 0px 7px 0 0;
  border-radius: 3px;
  padding: 0px 20px 0 20px;
  line-height: 37px;
  color: #fff !important;
  font: normal normal 400 13px/37px "Figtree", Arial, Helvetica, sans;
}

a.btnGreen27 span, div.btnGreen27 span {
  color: #fff;
  font: normal normal 400 14px/27px "Figtree", Arial, Helvetica, sans;
}

a.btnGreen23 {
  display: block;
  min-height: 23px;
  background: #00c981;
  float: right;
  margin: 0px 7px 0 0;
  padding: 0px;
  line-height: 23px;
  color: #fff !important;
}

a.btnGreen23 span {
  padding: 0px 5px 0 5px;
  font-weight: bold;
}

a.btnGreen23.iconPlus span {
  padding: 0px;
  display: block;
  height: 23px;
  width: 25px;
  background: url(../images/crm/plus.png) no-repeat center center;
}

a.btnRed27 {
  display: block;
  height: 37px;
  background: #ee394d;
  float: right;
  border-radius: 3px;
  margin: 0px 7px 0 0;
  padding: 0px 20px 0 20px;
  line-height: 37px;
  color: #fff !important;
  font: normal normal 400 13px/37px "Figtree", Arial, Helvetica, sans;
}

a.btnNoBg27 {
  display: block;
  height: 35px;
  background: none;
  float: right;
  border-radius: 3px;
  margin: 0px 7px 0 0;
  padding: 0px 19px 0 19px;
  border: 1px solid #777;
  line-height: 35px;
  color: #777 !important;
  font: normal normal 400 13px/35px "Figtree", Arial, Helvetica, sans;
}

a.btnNoBg27.align-left {
  display: inline-block;
  float: none;
  margin-top: 5px;
}

a.btnNoBg27.blue {
  border: 1px solid #01a8dc;
  line-height: 35px;
  color: #01a8dc !important;
  display: inline-block;
  float: none;
  margin-top: 5px;
}

a.btnNoBg27.blue:hover, a.btnNoBg27.align-left {
  text-decoration: none;
}

a.btnGreen27.full, a.btnGrey27.full {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

a.btnRed27.tc100, a.btnGreen27.tc100, a.btnNoBg27.tc100 {
  min-width: 60px;
  display: inline-block;
  float: none;
}

a.btnRed27 span {
  padding: 0px 5px 0 5px;
  font-weight: bold;
}

a.btnRed27:hover, .pagination a.btnRed27:hover {
  color: #fff !important;
}

a.btnGrey27, div.btnGrey27, div.basic dl dd a.btnGrey27 {
  display: inline-block;
  text-transform: uppercase;
  height: 37px;
  background: #f7f7f7;
  margin: 0px 7px 0 0;
  border-radius: 3px;
  border: 1px solid #d5d5d5;
  padding: 0px 20px 0 20px;
  line-height: 37px;
  color: #444 !important;
  font: normal normal 400 13px/37px "Figtree", Arial, Helvetica, sans;
}

a.btnGrey27.tc100 {
  min-width: 60px;
  display: inline-block;
  float: none;
}

a.btnGrey27 span {
  padding: 0px 5px 0 5px;
  font-weight: normal;
}

a.btnGrey27:hover {
  color: #000 !important;
}

a.btnGreen27:hover, .pagination a.btnGreen27:hover {
  color: #fff !important;
}

a.btnGreen27.iconSaveWhite span, a.btnGreen.iconSaveWhite span {
  padding: 0px;
  display: block;
  height: 50px;
  width: 50px;
  background: #00c981;
}

a.btnGreen27.iconPlus, a.btnGreen27.iconSearch, a.btnGreen27.iconRefresh, a.btnGreen27.iconNext, a.btnRed27.iconPrevious, a.btnGreen27.iconSaveWhite, a.btnGreen.iconSaveWhite {
  border-radius: 0px;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  background: #00c981;
}

a.btnGreen27.iconPlus span {
  padding: 0px;
  display: block;
  height: 50px;
  width: 50px;
  position: relative;
}

a.btnGreen27.iconPlus span::before {
  display: block;
  position: absolute;
  left: 50%;
  top: 15px;
  width: 1px;
  bottom: 15px;
  background: #fff;
  content: "";
  transition: 0.3s;
}

.header td a.btnGreen27.iconPlus span::before {
  top: 5px;
  bottom: 5px;
}

a.btnGreen27.iconPlus span::after {
  position: absolute;
  display: block;
  content: "";
  background: #fff;
  top: 50%;
  left: 15px;
  right: 15px;
  height: 1px;
  transition: 0.3s;
}

.header td a.btnGreen27.iconPlus span::after {
  left: 5px;
  right: 5px;
}

a.btnGreen27.iconPlus span:hover::after {
  left: 10px;
  right: 10px;
  transition: 0.1s;
}

a.btnGreen27.iconPlus span:hover::before {
  top: 10px;
  bottom: 10px;
  transition: 0.1s;
}

.header td a.btnGreen27.iconPlus span:hover::after {
  left: 3px;
  right: 3px;
}

.header td a.btnGreen27.iconPlus span:hover::before {
  top: 3px;
  bottom: 3px;
}

.header td a.btnGreen27.iconPlus {
  width: 30px;
  height: 30px;
}

.header td a.btnGreen27.iconPlus span {
  width: 30px;
  height: 30px;
}

a.btnGreen27.iconRefresh span {
  padding: 0px;
  display: block;
  height: 50px;
  width: 50px;
  background: url(../images/crm/refresh.png) no-repeat center center;
}

a.btnGreen27.iconSearch span {
  padding: 0px;
  display: block;
  height: 50px;
  width: 50px;
  background: url(../images/crm/magnifierWhite.png) no-repeat center center;
}

a.btnGreen27.iconNext span {
  padding: 0px;
  display: block;
  height: 50px;
  width: 50px;
  background: url(../images/crm/arrowRightWhite.png) no-repeat center center;
}

a.btnRed27.iconPrevious span {
  padding: 0px;
  display: block;
  height: 50px;
  width: 50px;
  background: url(../images/crm/arrowLeftWhite.png) no-repeat center center;
}

.twoCol td {
  width: 40%;
  color: #666;
  padding-bottom: 15px;
}

.twoCol td.label {
  width: 10%;
  color: #999;
  vertical-align: top;
  text-align: right;
  padding-right: 5px;
}

.box .content table td.noPadding {
  padding: 0px 0px 0px 0px !important;
}

span#btnCancel a {
  float: left !important;
  margin-left: 0;
  clear: both !important;
}

a.btnDeleteImg {
  float: right;
  background: url(../images/crm/delete.png);
  display: block;
  width: 16px;
  height: 16px;
  text-decoration: none;
  margin: 2px 2px 0 0;
}

a.btnEditImg {
  float: left;
  background: url(../images/crm/iconEditGreen.png);
  display: block;
  width: 16px;
  height: 16px;
  text-decoration: none;
  margin: 2px 0 0 2px;
}

table.AddImgHolder {
  border: solid 1px #FFF;
  width: 138px !important;
  height: 138px;
  background-color: #F0F0F0;
  margin: 2px;
  float: left;
}

table.AddImgHolder td {
  padding: 0px !important;
}

table.AddImgHolder img {
  display: block;
  margin: auto;
}

table.AddImgHolder label {
  position: relative;
  top: 0;
  padding-left: 3px;
  font-size: 10px;
}

.AjaxUploaderQueueTable {
  margin-top: 40px;
}

.profile {
  float: left;
  margin-top: 1px;
  display: block;
  width: 37px;
  height: 35px;
  border-left: 1px solid #333;
  background: url(../images/topIcons.png) no-repeat top left;
}

.adminA {
  float: left;
  margin-top: 1px;
  display: block;
  width: 63px;
  height: 35px;
  background: url(../images/crm/admin.png) no-repeat 50% 50%;
}

.admin {
  float: left;
  margin-top: 1px;
  display: block;
  width: 63px;
  height: 35px;
  background: url(../images/crm/adminOff.png) no-repeat 50% 50%;
}

table.stats {
  background: #fff;
  width: 100%;
}

.widgetbox .wboxin table.stats tr.header, .widgetbox .wboxin table.mostviewed tr.header, .widgetbox .wboxin table.offeredcar tr.header {
  height: 32px;
}

table.stats tr.header td, .mostviewed tr.header td, .offeredcar tr.header td {
  height: 29px;
  background: #f7f7f7;
  font: normal normal normal 10px/29px "Figtree", Arial, Helvetica, sans;
  color: #666;
  border-left: 1px solid #dedede;
  text-align: center;
  padding: 0 10px 0 10px;
  white-space: nowrap;
}

table.stats tr.header td.first {
  padding-left: 15px;
  border-left: none;
  text-align: left;
  width: 90%;
  white-space: nowrap;
}

.mostviewed tbody tr td.first {
  padding: 9px 10px 0 10px;
}

.w66 .mostviewed tbody tr, .w66 .offeredcar tbody tr {
  height: 30px;
}

.w66 .mostviewed tbody tr td, .w66 .offeredcar tbody tr td {
  height: 29px;
  padding: 0 10px 0 10px;
  vertical-align: middle;
}

.w66 .mostviewed tbody tr td.first, .w66 .offeredcar tbody tr td.first {
  height: 26px;
  padding: 0 10px 0 10px;
  vertical-align: middle;
  line-height: 0;
  font-size: 0;
}

table.stats tbody td {
  padding: 0px 0px 0px 0px;
  height: 38px;
  font: normal normal normal 12px/38px "Figtree", Arial, Helvetica, sans;
  color: #666;
  border-top: 1px solid #dedede;
  white-space: nowrap;
}

table.stats tbody td.first {
  vertical-align: middle;
  padding-left: 8px;
}

table.stats tbody td img {
  margin-left: 15px;
}

table.stats td.first span {
  display: block;
  min-height: 38px;
  font: normal normal normal 12px/38px "Figtree", Arial, Helvetica, sans;
  color: #666;
  padding: 0 0 0 37px;
  background: url("//static.yourdailydrive.com/assets/images/crm/iconCarsOnline.png") no-repeat left center;
}

table.stats td.first span.ttCarsViewed {
  background: url("//static.yourdailydrive.com/assets/images/crm/iconSearchPlus.png") no-repeat left center;
}

table.stats td.first span.ttVisitors {
  background: url("//static.yourdailydrive.com/assets/images/crm/iconOnline.png") no-repeat left center;
}

table.stats td.first span.tt1 {
  background: url("//static.yourdailydrive.com/assets/images/crm/TaskType1.png") no-repeat left center;
}

table.stats td.first span.tt2 {
  background: url("//static.yourdailydrive.com/assets/images/crm/TaskType2.png") no-repeat left center;
}

table.stats td.first span.tt10 {
  background: url("//static.yourdailydrive.com/assets/images/crm/TaskType10.png") no-repeat left center;
}

table.stats td.first span.ttNotSold {
  background: url("//static.yourdailydrive.com/assets/images/crm/iconSales.png") no-repeat left center;
}

.small {
  font-size: 11px;
}

.subSection select {
  margin-top: 2px;
}

.red {
  color: #eebb00;
}

.ui-sortable {
  background: none;
}

.frmOption .ui-state-default {
  height: 20px;
  width: 340px;
  font-size: 11px;
  float: left;
  margin-left: 20px;
  margin-right: 10px;
  line-height: 20px;
  background: url(../images/crm/optionsHover.png) top left;
  border-bottom: 1px solid #ebebeb;
}

.ui-state-default {
  height: 20px;
  font: normal normal normal 12px/20px Arial, Helvetica, sans;
  padding: 0 0 0 10px;
}

.frmOption dt {
  display: block;
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
}

.frmOption dt label {
  display: block;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  color: #666;
}

.frmOption dd {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}

.frmOption select.txt {
  width: 100%;
}

.frmOption input.txt {
  padding-left: 10px;
  width: 100%;
}

.frmOption .control-holder input.txt {
  padding-right: 50px;
  border: none;
}

.frmOption input.txt.flu {
  height: 20px;
}

.boxOption {
  position: relative;
  margin: 100px auto 10px auto;
  width: 95%;
  max-width: 500px;
  height: auto;
  background: #fff;
  font-size: 11px;
  color: #333;
  box-shadow: #333 0 0 10px;
  border-radius: 3px;
}

.boxOption hr {
  display: block;
  margin: 10px -25px 10px -25px;
  border: none;
  border: none;
  width: 500px;
  height: 1px;
  background: #eee;
}

.boxOption .msgFooter {
  display: block;
  text-align: center;
  position: relative;
  height: 38px;
  border-top: 1px solid #e0e0e0;
  padding: 16px 20px 20px 20px;
  background: #fafafa;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.tblStats {
  width: 100%;
}

.box .content table td.statsLeft, .box .content table td.cmsLeft {
  background: #f7f7f7;
  padding: 0 0 20px 0;
  width: 200px;
  vertical-align: top;
}

.box .content table td.statsLeft .basic {
  width: 164px;
}

.box .content table td.statsRight {
  vertical-align: top;
  width: auto;
  padding: 0;
}

.cms, .stats {
  background: #fff;
}

.graph .overlay {
  position: inherit;
  background: none;
  z-index: initial;
}

table.sold dl dt {
  width: 15%;
}

td.top {
  vertical-align: top;
}

#progress {
  background-color: #CF4342;
  color: #fff;
  top: 0px;
  right: 0px;
  position: fixed;
}

#progress img {
  vertical-align: middle;
  margin: 2px;
}

.statsLeft td.statsHeader {
  height: 35px;
  font-size: 14px;
  line-height: 35px;
  border-bottom: 1px solid #ccc;
}

.statsLeft tr.header td {
  border-bottom: 1px solid #ccc;
}

.statsLeft table tbody td {
  border-bottom: 1px solid #fff;
}

span.hTime {
  display: block;
  height: 30px;
  background: url("../images/crm/timeIcon.png") no-repeat left center;
  line-height: 30px;
  padding-left: 30px;
}

span.hStats {
  display: block;
  height: 30px;
  background: url("../images/crm/statsIcon.png") no-repeat left center;
  line-height: 30px;
  padding-left: 30px;
}

span.hSales {
  display: block;
  height: 30px;
  background: url("../images/crm/salesIcon.png") no-repeat left center;
  padding-left: 30px;
  line-height: 30px;
}

span.hCars {
  display: block;
  height: 30px;
  background: url("../images/crm/carIcon.png") no-repeat left center;
  padding-left: 30px;
  line-height: 30px;
}

span.hPeople {
  display: block;
  height: 30px;
  background: url("../images/crm/peopleIcon.png") no-repeat left center;
  padding-left: 30px;
  line-height: 30px;
}

span.legend {
  display: block;
  padding-left: 30px;
  font-size: 11px;
  padding: 0 0 0 11px;
  margin: 6px 0 10px 0;
  float: left;
}

span.space {
  padding-right: 10px;
}

span.legend.red {
  background: url("../images/crm/bulletRed.png") no-repeat left center;
}

span.legend.green {
  background: url("../images/crm/bulletGreen.png") no-repeat left center;
}

span.legend.blue {
  background: url("../images/crm/bulletBlue.png") no-repeat left center;
}

img.btnDivider {
  float: left;
}

.subscribe {
  display: inline-block;
  width: 20px;
  height: 39px;
  background: url("//static.yourdailydrive.com/assets/images/crm/mailStatus.png") no-repeat center top;
}

span.subscribe.active {
  display: inline-block;
  width: 20px;
  height: 39px;
  background: url("//static.yourdailydrive.com/assets/images/crm/mailStatus.png") no-repeat center top;
  background-position: center -39px;
  border-radius: 0;
}

.subscribe.unsubscribe {
  background-position: center -78px;
}

.pnl.margin {
  padding-left: 10px;
}

.fixed .pnl {
  padding-bottom: 50px;
}

.fixed .pagination {
  position: fixed;
  bottom: 0;
  left: 50px;
  right: 0;
  z-index: 1;
  padding-bottom: 10px;
}

table.mailer tr td.SearchBox div, div.SearchBox {
  background: #888;
  position: relative;
  height: 40px;
  padding: 4px 4px 4px 4px;
  margin: 0px;
}

table.mailer tr td.SearchBox div input, div.SearchBox input {
  background: #fff;
  border: none;
  font-size: 12px;
  color: #666;
  height: 40px;
  line-height: 16px;
  padding: 0 30px 0 5px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  float: right;
  display: block;
  width: 270px;
}

div.SearchBox input {
  background: #fff;
  border: none;
  font-size: 12px;
  color: #666;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 10px;
  border-radius: 0px;
  float: left;
  display: block;
  width: 244px;
  margin-right: 4px;
}

.SearchBox select, .SearchBox .control-holder {
  box-sizing: border-box;
  background-color: #fff;
  border: none;
  font-size: 12px;
  color: #666;
  height: 40px;
  line-height: 17px;
  margin: 0 5px 0 0;
  padding: 10px 5px 11px 5px;
  border-radius: 0px;
  float: left;
  display: block;
  width: 155px;
}

div.SearchBox a.btnResetBox {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 40px;
  height: 40px;
  background: url(../images/crm/actionIcons40.png) no-repeat left -40px;
}

div.SearchBox a.btnSearchBox {
  display: block;
  position: absolute;
  top: 4px;
  right: 48px;
  width: 40px;
  height: 40px;
  background: url(../images/crm/actionIcons40.png) no-repeat left top;
}

div.SearchBox.new a.btnSearchBox {
  top: 1px;
  right: 1px;
  width: 32px;
  height: 32px;
  text-align: center;
  background: none;
  color: #666;
  z-index: 1;
}

div.SearchBox.new a.btnResetBox {
  top: 0;
  background: none;
  text-align: center;
  color: #f7f7f7;
}

div.SearchBox.new a.btnSearchBox::after {
  content: "\f1c3";
  font-family: Material-Design-Iconic-Font;
  font-size: 20px;
  line-height: 32px;
}

div.SearchBox.new a.btnResetBox::after {
  content: "\f136";
  font-family: Material-Design-Iconic-Font;
  font-size: 20px;
  line-height: 40px;
}

div.SearchBox.new.inline a.btnSearchBox {
  height: 34px;
}

div.SearchBox.new.inline a.btnSearchBox::after {
  line-height: 34px;
}

div.SearchBox.new.inline .input-holder {
  border-color: #ccc;
}

.subSectionLight.has-search {
  height: auto;
}

div.SearchBox.new.inline {
  background: none;
  padding: 10px 50px 10px 0;
}

div.SearchBox.new.inline a.btnResetBox {
  top: 9px;
  right: 15px;
  width: 34px;
  height: 34px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #e5e5e5;
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e5e5e5",GradientType=0 );
  text-align: center;
  font-size: 20px;
  line-height: 34px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
  text-align: center;
}

div.SearchBox.new.inline a.btnResetBox::after {
  display: none;
}

div.SearchBox.new.inline a.btnResetBox:hover {
  background: #e5e5e5;
  transition: 0.3s;
}

div.SearchBox.new.inline .select2-container {
  margin-right: 5px;
  display: block;
  float: left;
}

div.SearchBox.new.inline select, div.SearchBox.new.inline .input-holder {
  width: auto !important;
  float: left;
  min-width: 200px;
}

div.SearchBox .searchBox-holder a.btnSearchBox, div.SearchBox .searchBox-holder a.btnResetBox {
  top: auto;
  right: auto;
  position: relative;
  float: left;
}

table.tablesorter tr td {
  border-bottom: 1px dotted #f4f4f4;
  height: 28px !important;
  padding: 0 !important;
}

div.dropdown {
  position: relative;
  display: block;
  width: 145px;
  height: 40px;
  float: left;
  padding-left: 10px;
  padding-right: 15px;
  line-height: 40px;
  font-size: 12px;
  color: #fff;
  text-transform: capitalize;
  background: url(../images/crm/searchddlBg.png) no-repeat top right;
  border-radius: 3px;
  -moz-border-radius: 3px;
}

.ddlBox {
  position: absolute;
  display: block;
  z-index: 2000;
  top: 37px;
  left: 0px;
  height: auto;
  width: 170px;
  margin: 0;
  list-style: none;
  background: #191919;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ddlBox a.item {
  float: none;
  list-style: none;
  height: 24px;
  padding: 0;
  margin: 0;
  display: block;
  width: 150px;
  line-height: 24px;
  border: none;
  padding: 0 10px 0 10px;
  margin: 0;
  color: #9b9b9b;
  background: #191919 none;
  text-transform: capitalize;
}

.ddlBox a.item:hover {
  background: #2b2b2b;
}

div.SearchBox {
  background: #888;
  position: relative;
  height: auto;
  padding: 2px;
  margin: 0px;
  position: relative;
  padding-right: 92px;
}

div.SearchBox.new {
  padding-right: 46px;
}

div.SearchBox::after {
  content: "";
  display: block;
  clear: both;
  float: none;
}

div.SearchBox input, div.SearchBox select, div.SearchBox .control-holder {
  border: 2px solid #888;
  width: 25% !important;
  margin: 0;
  box-sizing: border-box;
}

div.SearchBox .control-holder {
  background: #fff;
  padding: 0 40px 0 0;
  position: relative;
}

div.SearchBox .control-holder input {
  line-height: 36px;
  height: 36px;
  width: 100% !important;
  border: none;
  margin: 0;
}

div.SearchBox .control-holder a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  line-height: 40px;
  font-size: 20px;
  color: #333;
  text-decoration: none;
  text-align: center;
}

div.SearchBox .input-holder {
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

div.SearchBox .ddl-col {
  width: 25%;
  float: left;
  padding: 1px;
  box-sizing: border-box;
}

div.SearchBox.col5 .ddl-col {
  width: 20%;
}

div.SearchBox.col6 .ddl-col {
  width: 16.66%;
}

div.SearchBox .input-holder input, div.SearchBox .ddl-col select {
  width: 100% !important;
  float: none;
}

div.SearchBox .input-holder input {
  border: none;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
}

div.SearchBox.multiCol select, div.SearchBox.multiCol input {
  width: 20% !important;
}

div.SearchBox.multiCol.col6 select, div.SearchBox.multiCol.col6 input {
  width: 16.66% !important;
}

@media all and (max-width: 700px) {
  div.SearchBox input, div.SearchBox select, div.SearchBox.multiCol select, div.SearchBox.multiCol input {
    width: 50% !important;
  }
  div.SearchBox.multiCol.col6 select, div.SearchBox.multiCol.col6 input {
    width: 33.33% !important;
  }
}
@media all and (max-width: 400px) {
  div.SearchBox input, div.SearchBox select, div.SearchBox.multiCol select, div.SearchBox.multiCol input, div.SearchBox.multiCol.col6 select, div.SearchBox.multiCol.col6 input {
    width: 100% !important;
  }
}
.ddlHolder {
  position: relative;
  display: block;
  height: auto;
  width: 170px;
  float: left;
  margin-right: 5px;
}

.hand, .hand td {
  cursor: pointer;
  background: #ddd !important;
}

handCur, .handCur td, .hover tr td {
  cursor: pointer;
}

tr.header.hand, tr.header.hand td {
  cursor: pointer;
  background: #666 url(../images/crm/tableHeaderBg.png) no-repeat right bottom !important;
}

.carSearchBox {
  width: 688px;
  border: 1px solid #999;
  border-radius: 3px;
  -moz-border-radius: 3px;
  margin-top: 15px;
}

.sHeader {
  background: #3d3d3d;
  margin: -1px -1px 0px -1px;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  height: 34px;
}

.sContent {
  padding-bottom: 10px;
}

.sHeader h3 {
  margin: 4px 0 0 10px;
  color: #fff;
}

.textfieldTrefwoord {
  display: block;
  height: 29px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 3px 3px 3px 10px;
  border: 1px solid #ccc;
  background: url(../images/crm/carSearchInputBg.png) repeat-x;
  margin: 10px;
  width: 653px;
}

.content table td.tdBig {
  padding: 0 37px 3px 10px;
  width: 310px;
}

.content table td.tdSmall {
  padding: 0 2px 3px 0;
  width: 160px;
}

.content table td.tdBig .dropdown, .content table td.tdSmall .dropdown {
  padding: 3px;
  border: 1px solid #ccc;
  background: #fff;
}

.content table td.tdBig .dropdown {
  width: 310px;
}

.content table td.tdSmall .dropdown {
  width: 160px;
}

.content table td.tdButtons {
  padding: 0px;
}

.positionSearchButton {
  float: right;
}

.positionSearchButton a {
  height: 27px;
  line-height: 27px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  display: block;
  float: left;
  padding: 0;
  margin: 0px;
  width: 75px;
  text-align: center;
}

.positionSearchButton a.btnReset {
  border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  background: url(../images/crm/searchResetBg.png) repeat-x;
}

.positionSearchButton a.btnSearch {
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  background: url(../images/crm/carSearchBg.png) repeat-x;
}

.box .content table.carResult td {
  padding: 0px;
}

.conflict td {
  color: #ff0000 !important;
}

.periodSearch {
  margin-top: 10px;
  margin-right: 10px;
  float: left;
}

.weekPrevious {
  display: block;
  float: left;
  height: 28px;
  width: 29px;
  border: 1px solid #999;
  border-right: none;
  background: url(../images/crm/btnLeft.png) no-repeat;
}

.weekNext {
  display: block;
  float: left;
  height: 28px;
  width: 29px;
  border: 1px solid #999;
  border-left: none;
  background: url(../images/crm/btnRight.png) no-repeat;
}

.weekPeriod {
  display: block;
  float: left;
  height: 28px;
  width: 150px;
  border: 1px solid #999;
  background: #fff;
  line-height: 28px;
  padding-top: 0px;
  font-size: 12px;
  text-align: center;
}

dl.checkList dd {
  padding-top: 5px !important;
}

.panelHolder {
  position: relative;
  height: 0px;
}

.vatPanel {
  display: block;
  position: absolute;
  top: 0px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 40px;
}

.vatPanel .boxClose {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 19px;
  width: 19px;
  background: url(../images/crm/iconRemove.png) no-repeat;
}

.vatPanel.ok {
  background: #fff url(../images/accept.png) no-repeat 10px 10px;
  width: 150px;
}

.vatPanel.err {
  background: #fff url(../images/exclamation.png) no-repeat 10px 10px;
  width: 150px;
}

.cropPopUp {
  position: fixed;
  z-index: 10000;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: url(../images/blackOpacity80.png);
}

.cropPopUp .cropImage {
  position: absolute;
  width: 1200px;
  left: 50%;
  margin-left: -600px;
  top: 50px;
}

div.basic .settings span {
  font-size: 12px;
  color: #666;
}

span.fielddescription, div.fielddescription {
  line-height: 20px;
  display: block;
}
span.fielddescription p, div.fielddescription p {
  font-size: 13px;
}
span.fielddescription a, div.fielddescription a {
  color: #2c94d4;
}

.invoice h2 {
  display: block;
  padding: 0;
  margin: 20px 0 10px 20px;
  font: normal normal normal 20px/22px Arial;
  color: #333;
}

hr {
  padding: 0;
  margin: 0 20px 0 20px;
  display: block;
  height: 1px;
  border: none;
  background: #C2C7CD;
}

.invoice table.invoiceLines {
  margin: 0 20px 20px 20px;
  width: 708px;
}

.invoice table.invoiceLines .linesHeader td {
  border-top: 1px solid #C2C7CD;
}

.invoice table.invoiceLines td.f {
  border-left: 1px solid #C2C7CD;
}

.invoice table.invoiceLines td {
  border-bottom: 1px solid #C2C7CD;
  border-right: 1px solid #C2C7CD;
}

.invoice table.invoiceLines .linesHeader td {
  color: #666;
}

.invoice table.invoiceLines .subtotal td {
  border: none;
  height: 20px;
}

.invoice table.invoiceLines .subtotal td.gt {
  padding-top: 7px;
  font-size: 14px;
}

.state {
  display: inline-block;
  margin-top: 5px;
  padding: 2px 5px 2px 4px;
  line-height: 14px;
  border: 1px solid #666;
  text-transform: uppercase;
  font-size: 14px;
}

.state.green {
  color: #1db000;
  border: 1px solid #1db000;
}

.state.red {
  color: #ff0000;
  border: 1px solid #ff0000;
}

.invTable td .inv-status, .card-table td .inv-status, h1 .inv-status, .card-content .inv-status, .lbl-status {
  display: inline-block;
  line-height: 22px;
  padding: 0 5px 0 5px;
  min-width: 45px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 11px;
  color: #fff;
  font-weight: 500;
  font-size: 12px !important;
  background: #ebbe1c;
}

.lbl-status.consignation {
  background-color: #3243e0;
  padding: 0 15px;
}

.invTable td .inv-status.Late, .card-table td .inv-status.Late, h1 .inv-status.Late, .invTable td .inv-status.late, .card-table td .inv-status.late, h1 .inv-status.late, .card-content .inv-status.late, .card-content .inv-status.Late {
  background: #ff0000;
}

.invTable td .inv-status.Sent, .card-table td .inv-status.Sent, h1 .inv-status.Sent, .invTable td .inv-status.won, .card-table td .inv-status.won, h1 .inv-status.won, .card-content .inv-status.won, .card-content .inv-status.Sent {
  background: #2dabed;
}

.invTable td .inv-status.Paid, .card-table td .inv-status.Paid, h1 .inv-status.Paid, .invTable td .inv-status.paid, .card-table td .inv-status.paid, h1 .inv-status.paid, .invTable td .inv-status.closed, .card-table td .inv-status.closed, h1 .inv-status.closed, .card-content .inv-status.Paid, .card-content .inv-status.paid, .card-content .inv-status.closed {
  background: #08c880;
}

.invTable td .inv-status.lost, .card-table td .inv-status.lost, h1 .inv-status.lost, .card-content .inv-status.lost {
  background: #999;
}

h1 .inv-status {
  transform: translateY(-7px);
}

div.basic .txt.calc {
  display: block;
  float: left;
  height: 14px;
  border-right: none;
  width: 215px;
}

div.basic .btnCalc {
  display: block;
  float: left;
  border: 1px solid #ccc;
  border-left: none;
  background: url(../images/crm/recalcBg.png) no-repeat right center;
  height: 24px;
  width: 28px;
}

.checkinput a {
  display: block;
  float: left;
  width: 23px;
  height: 30px;
  border: 1px solid #ccc;
  border-right: none;
  background: url(../images/crm/unchecked.png) no-repeat right center;
}

.checkinput a.checked {
  background: url(../images/crm/checked.png) no-repeat right center;
}

.checkinput .e.txt, div.basic dl dd .checkinput .e.txt, div.half.basic dl dd .checkinput .e.txt, .checkinput input.txt {
  display: block;
  float: left;
  border-left: none;
  width: 268px;
}

div.basic .checkinput .txt.e {
  width: 225px;
  padding-right: 12px;
  background: #fff url(../images/crm/txtBgEuro.png) no-repeat right center;
}

.cardetailOverview dl dt, .cardetailOverview dl dd {
  display: block;
  height: 20px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.cardetailOverview dl dt {
  color: #999;
}

.publish, .unpublish {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.publish.facebook {
  background: url(../images/crm/export_FB.png) no-repeat center center;
}

.unpublish.facebook {
  background: url(../images/crm/exportA_FB.png) no-repeat center center;
}

.publish.twitter {
  background: url(../images/crm/export_TW.png) no-repeat center center;
}

.unpublish.twitter {
  background: url(../images/crm/exportA_TW.png) no-repeat center center;
}

.phone {
  display: block;
  line-height: 20px;
  margin-bottom: 10px;
  padding-left: 30px;
  background: url(../images/crm/newIconPhone.png) no-repeat left center;
}

.email {
  display: block;
  line-height: 20px;
  margin-bottom: 10px;
  padding-left: 30px;
  background: url(../images/crm/newIconMail.png) no-repeat left center;
}

.siteLogo {
  display: block;
  margin: 0px 0 12px 0;
  float: left;
  max-height: 40px;
}

.damageCar {
  margin: auto;
  width: 100%;
  position: relative;
  width: 186px;
}

.damageCar img {
  display: block;
  position: relative;
}

.damageCar img.damageMap {
  z-index: 10;
}

.damageCar .damages-img-stack, .damageCar .damages-img-stack img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.damageCar .damages-img-stack img.z1 {
  z-index: 1;
}

.damageCar .damages-img-stack img.z2 {
  z-index: 2;
}

.damageCar .damages-img-stack img.z3 {
  z-index: 3;
}

.damageCar .damages-img-stack img.z4 {
  z-index: 4;
}

.damageCar a {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #f3f3f3;
  border: 1px solid #999;
  border-radius: 10px;
  font: normal normal bold 11px/20px Arial, sans !important;
  color: #333;
  text-align: center;
}

.damageCar a.dark {
  background: #666;
  border: 1px solid #666;
  color: #fff;
}

.damageCar a.active, .damageCar a.dark.active {
  background: #ff7c2d;
  border: 0;
  color: #fff;
}

#damagesext .dr, #damagesint .dr {
  box-sizing: border-box;
  height: auto;
  width: 100%;
  background: #fff;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  padding: 0px 50px 0 0;
  position: relative;
  margin-bottom: 10px;
  border-radius: 5px;
}
#damagesext .dr::after, #damagesint .dr::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
#damagesext .dr .damage-content, #damagesint .dr .damage-content {
  box-sizing: border-box;
  float: left;
  width: calc(100% - 160px);
  padding-left: 17px;
}
#damagesext .dr .damage-content .damage-title, #damagesint .dr .damage-content .damage-title {
  display: block;
  padding: 17px 0 10px 0;
  font: normal normal normal 16px/22px Arial;
  color: #444;
  box-sizing: border-box;
}
#damagesext .dr .damage-content select, #damagesint .dr .damage-content select {
  display: block;
  width: 100%;
  max-width: 217px;
}
#damagesext .dr a.remove-btn, #damagesint .dr a.remove-btn {
  display: block;
  position: absolute;
  top: 17px;
  right: 0;
  width: 50px;
  height: 22px;
  font-size: 16px;
  line-height: 22px;
  color: #999;
  text-decoration: none;
  text-align: center;
}
#damagesext .dr .fileinput-button, #damagesint .dr .fileinput-button {
  box-sizing: border-box;
  float: left;
  width: 160px;
  overflow: hidden;
  position: relative;
  float: left;
  height: 120px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #f5f5f5;
  margin: 0;
}
#damagesext .dr .fileinput-button .upload-btn, #damagesint .dr .fileinput-button .upload-btn {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fafafa;
  color: #777;
  font-size: 14px;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 3px;
  white-space: nowrap;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}
#damagesext .dr .fileinput-button .remove-img, #damagesint .dr .fileinput-button .remove-img {
  display: none;
  position: absolute;
  top: 7px;
  right: 7px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 12px;
  z-index: 1;
}
#damagesext .dr .fileinput-button .damage-img, #damagesint .dr .fileinput-button .damage-img {
  display: none;
  width: 100%;
  height: 100%;
  position: relative;
}
#damagesext .dr .fileinput-button.img .damage-img, #damagesint .dr .fileinput-button.img .damage-img {
  display: block;
}
#damagesext .dr .fileinput-button.img .upload-btn, #damagesint .dr .fileinput-button.img .upload-btn {
  display: none;
}
#damagesext .dr .fileinput-button.img input, #damagesint .dr .fileinput-button.img input {
  display: none;
}
#damagesext .dr .fileinput-button.img .remove-img, #damagesint .dr .fileinput-button.img .remove-img {
  display: block;
}

.fixed-medium {
  box-sizing: border-box;
  padding-left: 10px;
  width: 314px;
  float: left;
}
@media all and (max-width: 1180px) and (min-width: 901px) {
  .fixed-medium {
    float: none;
  }
}
@media all and (max-width: 780px) {
  .fixed-medium {
    float: none;
  }
}

.rest-medium {
  box-sizing: border-box;
  padding-right: 10px;
  width: calc(100% - 314px);
  float: left;
}
@media all and (max-width: 1180px) and (min-width: 901px) {
  .rest-medium {
    float: none;
    width: 100%;
  }
}
@media all and (max-width: 780px) {
  .rest-medium {
    float: none;
    width: 100%;
  }
}

.basic .inner-form dt.full, .basic .inner-form dd.full {
  display: block;
  float: none;
  width: 407px;
  padding-left: 0;
}

.basic .inner-form dt.full {
  text-align: left;
}

.basic .inner-form dd.full textarea {
  width: 401px;
}

.fileinput-button {
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
  width: 50px;
  height: 34px;
  margin: 7px 4px 0 16px;
  background: url("//static.yourdailydrive.com/assets/images/crm/nopic.png") no-repeat center center;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}

.verr, .verr p {
  display: block;
  font: normal normal normal 12px/15px "Figtree", Arial, Helvetica, sans;
  color: #666;
}

.verr {
  padding: 5px;
  max-height: 20px;
  overflow: hidden;
}

.wToDo, .mostviewed, .offeredcar {
  width: 100%;
}

.wToDo tr, .wToDo td {
  height: 46px;
}

.offeredcar td.last {
  padding-right: 10px;
}

.wToDo td, .mostviewed td, .offeredcar td {
  border-bottom: 1px solid #dedede;
  font: normal normal normal 12px/16px "Figtree", Arial, Helvetica, sans;
  color: #999;
  padding: 12px 0 0 15px;
}

.wToDo td em, .mostviewed td em, .offeredcar td em {
  font: normal normal normal 12px/16px "Figtree", Arial, Helvetica, sans;
  color: #666;
  display: block;
}

.wToDo td.date, .offeredcar td.date {
  padding: 10px 0 2px 15px;
  font: normal normal normal 16px/20px "Figtree", Arial, Helvetica, sans;
  width: 46px;
}

.wToDo td.date em, .offeredcar td.date em {
  font: normal normal normal 16px/20px "Figtree", Arial, Helvetica, sans;
  color: #666;
}

.wToDo td.img {
  padding: 0;
  width: 20px;
  text-align: center;
  vertical-align: middle;
}

.wToDo td.date {
  width: 30px;
}

.wToDo td.tl {
  padding-left: 10px;
}

.wToDo td.l {
  width: 10px;
  padding: 0;
}

.wboxin .content {
  position: relative;
  height: 345px;
}

.wboxin .content.small {
  position: relative;
  height: 310px;
}

.widgetWait {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("//static.yourdailydrive.com/assets/images/crm/widgetWait.gif") no-repeat center center;
}

.wboxin .innerContent {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

td a.action {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("//static.yourdailydrive.com/assets/images/crm/iconStats.png") no-repeat center center;
}

td a.action.s {
  background: url("//static.yourdailydrive.com/assets/images/crm/iconStats.png") no-repeat center center;
}

td a.action.p {
  background: url("//static.yourdailydrive.com/assets/images/crm/iconPrint.png") no-repeat center center;
}

td a.action.o {
  background: url("//static.yourdailydrive.com/assets/images/crm/iconOffer.png") no-repeat center center;
}

td a.action.o {
  background: url("//static.yourdailydrive.com/assets/images/crm/iconOffer.png") no-repeat center center;
}

td.nw {
  white-space: nowrap;
}

#tooltip {
  position: absolute;
  display: none;
  padding: 5px 10px;
  border: 1px solid #e1e1e1;
  z-index: 99000;
}

.rating:after {
  display: block;
  content: "";
  float: none;
  clear: both;
}
.rating a {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  border: 1px solid #777;
  border-radius: 3px;
  text-align: center;
  font-size: 11px;
  line-height: 18px;
  color: #777 !important;
  margin: 0 3px 0 3px;
}
.rating a.active {
  background: #00c981 !important;
  border-color: #00c981;
  color: #fff !important;
}

.items {
  position: relative;
  width: 100%;
}

.itemsHeader {
  position: relative;
  width: 100%;
  height: 41px;
}

.items .wToDo td {
  height: 46px;
  position: relative;
}

.itemsHeader .list, .SearchBox .list {
  position: absolute;
  top: 0px;
  left: 0;
  width: 360px;
  bottom: 0;
  overflow: hidden;
  border-right: 1px solid #ccc;
  height: 41px;
  box-sizing: border-box;
}

.SearchBox .list {
  border-color: #7a7a7a;
}

.itemsHeader .detail {
  position: absolute;
  top: 0px;
  left: 360px;
  right: 0;
  bottom: 0;
}

.SearchBox .detail {
  padding-left: 360px;
}

.items .list {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  width: 360px;
  background: #f7f7f7;
  overflow: hidden;
}

.items .list .scrollHolder {
  width: 377px;
  overflow-y: visible;
}

.items .detail {
  position: absolute;
  top: 0px;
  left: 360px;
  right: 0;
  bottom: 0;
}

.items .detail.dark {
  background: #e5e5e5;
}

.wToDo a.tItem {
  height: 59px;
  background: #f7f7f7;
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  color: #999;
  border-bottom: 1px solid #ccc;
  font: normal normal normal 12px/16px "Figtree", Arial, Helvetica, sans;
}
.wToDo a.tItem div {
  float: left;
}
.wToDo a.tItem .date {
  padding: 0 0 0 15px;
  font: normal normal normal 16px/20px "Figtree", Arial, Helvetica, sans;
  width: 30px;
}
.wToDo a.tItem .date em {
  font: normal normal normal 16px/20px "Figtree", Arial, Helvetica, sans;
  color: #666;
  display: block;
}
.wToDo a.tItem .img {
  padding: 0;
  width: 20px;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  display: flex;
  align-items: center;
}
.wToDo a.tItem .tl {
  padding-left: 10px;
}
.wToDo a.tItem .tl em {
  font: normal normal normal 12px/16px "Figtree", Arial, Helvetica, sans;
  color: #666;
  display: block;
}
.wToDo a.tItem .l {
  border-right: 1px solid #ccc;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.wToDo a.tItem .icon-status {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  display: none;
  align-items: center;
  color: #777;
}
.wToDo a.tItem .icon-status i {
  color: #777;
}
.wToDo a.tItem .icon-status.on {
  display: flex;
}
.wToDo a.tItem.active {
  background: #e5e5e5;
}
.wToDo a.tItem.active .l {
  border-right: 1px solid #e5e5e5;
}
.wToDo a.tItem.active .bottom-line::after {
  display: none;
}
.wToDo a.tItem .bottom-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  display: none;
}
.wToDo a.tItem .bottom-line::after {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 10px;
  border-color: transparent;
}
.wToDo a.tItem.a .bottom-line {
  display: block;
  background: #00c981;
  height: 1px;
}
.wToDo a.tItem.a .bottom-line::after {
  border-bottom-color: #00c981;
}
.wToDo a.tItem.lt .bottom-line {
  display: block;
  background: #ee2618;
}
.wToDo a.tItem.lt .bottom-line::after {
  border-bottom-color: #ee2618;
}

.items .list .wToDo {
  height: 100%;
  margin-right: 0px;
  background: none;
  width: 360px;
}

.items .list .wToDo td {
  background: #f7f7f7;
}

.items .list .wToDo td.l {
  border-right: 1px solid #ccc;
}

.items .list .wToDo tr.a td.tl, .items .list .wToDo tr.a.active td.tl {
  background-image: url("//static.yourdailydrive.com/assets/images/crm/done.png");
  background-position: right center;
  background-repeat: no-repeat;
}

.items .list .wToDo tr.active td {
  background: #eee;
}

.items .list .wToDo tr.active td.l {
  border-right: 1px solid #eee;
  background: #eee;
}

.items .list table {
  width: 360px;
}

.items .list li {
  display: block;
  min-height: 38px;
}

.items .list li a {
  width: 350px;
  display: block;
  font: normal normal normal 13px/38px "Figtree", Arial, Helvetica, sans;
  color: #666;
  border-bottom: 1px solid #ccc;
  padding: 0 0 0 10px;
}

.items .list li a.active {
  background: #fff;
}

.smallCol .itemsHeader .list {
  width: 240px;
}

.smallCol .itemsHeader .detail {
  left: 240px;
}

.smallCol .items .list {
  width: 240px;
  background: #f7f7f7 url("//static.yourdailydrive.com/assets/images/crm/dotCCC.png") repeat-y 239px top;
}

.smallCol .items .list .scrollHolder {
  width: 240px;
}

.smallCol .items .detail {
  left: 240px;
}

.items .list.tree li.haschildren a.sort {
  position: absolute;
  top: 0px;
  right: 10px;
}

.smallCol .items .list li a {
  width: 230px;
}

.box.fullNoMargin {
  margin: 0;
  height: 100%;
}

.box.fullNoMargin .boxin {
  height: 100%;
  background: none;
}

.wToDo tr.heightFill, .heightFill td, .items .wToDo .heightFill td {
  height: 100%;
  position: relative;
}

.heightFill td {
  background: #00c981;
}

.bgWhite {
  background: #fff;
}

.autocomplete-suggestions {
  background: #fff;
  border: 1px solid #ccc;
}

.autocomplete-suggestion {
  padding: 5px;
  font-size: 10px;
  color: #999;
}

.autocomplete-suggestion strong {
  display: block;
  font-weight: normal;
  font-size: 12px;
  color: #333;
}

.autocomplete-suggestion em {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  color: #333;
}

.autocomplete-suggestion:hover {
  background: #dedede;
}

span.mail {
  display: block;
  width: 15px;
  height: 11px;
  background: url("//static.yourdailydrive.com/assets/images/crm/mail.png") no-repeat center top;
}

span.mail.active {
  background-position: center bottom;
}

.nodata {
  display: block;
  padding: 15px;
}

.lines li {
  display: block;
  font: normal normal normal 13px/39px "Figtree", Arial, Helvetica, sans;
  color: #666;
  border-bottom: 1px solid #e9e9e9;
  padding: 0 0 0 19px;
  height: 39px;
}

.lines li label {
  display: inline-block;
  font: normal normal normal 11px/39px "Figtree", Arial, Helvetica, sans;
  width: 70px;
}

.box .content table tr.vAllignTop td {
  vertical-align: top;
  line-height: 39px;
}

.makeContent #detailViews td {
  line-height: 22px;
  height: 22px;
}

.makeContent #detailViews {
  display: none;
}

.templates a {
  box-sizing: border-box;
  display: block;
  background: #f6f6f6;
  margin: 10px 0;
  padding: 11px 11px 11px 40px;
  position: relative;
  text-decoration: none;
  border-radius: 9px;
}
.templates a:hover {
  text-decoration: none;
}
.templates a::before {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -7px;
}
.templates a span.content {
  display: block;
}
.templates a span.content strong {
  font: normal normal normal 15px/20px "Figtree", Arial, Helvetica, sans;
  font-weight: 500;
  color: #333;
  text-decoration: none;
}
.templates a span.content p {
  padding: 0;
  font: normal italic normal 13px/17px "Figtree", Arial, Helvetica, sans;
  color: #333;
  text-decoration: none;
}
.templates a.dis span.content strong, .templates a.dis span.content p {
  color: #ccc;
}
.templates a.selected {
  background: #cbf5e5;
}
.templates a.selected::before {
  display: block;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #08c880;
  color: #cbf5e5;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -7px;
}

.thumbs a {
  display: block;
  box-sizing: border-box;
  float: left;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  width: 20%;
  position: relative;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 3/2;
}
@media all and (max-width: 950px) {
  .thumbs a {
    width: 25%;
  }
}
@media all and (max-width: 700px) {
  .thumbs a {
    width: 33.33%;
  }
}
@media all and (max-width: 500px) {
  .thumbs a {
    width: 50%;
  }
}
@media all and (max-width: 370px) {
  .thumbs a {
    width: 100%;
  }
}

.thumbs.items-1 a {
  width: 100%;
}
.thumbs.items-2 a {
  width: 50%;
}
@media all and (max-width: 370px) {
  .thumbs.items-2 a {
    width: 100%;
  }
}
.thumbs.items-3 {
  margin: 0 -0.5px;
}
.thumbs.items-3 a {
  width: 33.33%;
}
@media all and (max-width: 420px) {
  .thumbs.items-3 a {
    width: 50%;
  }
}
@media all and (max-width: 370px) {
  .thumbs.items-3 a {
    width: 100%;
  }
}
.thumbs.items-4 a {
  width: 25%;
}
@media all and (max-width: 700px) {
  .thumbs.items-4 a {
    width: 33.33%;
  }
}
@media all and (max-width: 420px) {
  .thumbs.items-4 a {
    width: 50%;
  }
}
@media all and (max-width: 370px) {
  .thumbs.items-4 a {
    width: 100%;
  }
}
.thumbs.items-6 {
  margin: 0 -1px;
}
.thumbs.items-6 a {
  width: 16.66%;
}
@media all and (max-width: 950px) {
  .thumbs.items-6 a {
    width: 20%;
  }
}
@media all and (max-width: 700px) {
  .thumbs.items-6 a {
    width: 25%;
  }
}
@media all and (max-width: 500px) {
  .thumbs.items-6 a {
    width: 33.33%;
  }
}
@media all and (max-width: 420px) {
  .thumbs.items-6 a {
    width: 50%;
  }
}
@media all and (max-width: 370px) {
  .thumbs.items-6 a {
    width: 100%;
  }
}
.thumbs.items-7 {
  margin: 0 -0.5px;
}
.thumbs.items-7 a {
  width: 14.28%;
}
@media all and (max-width: 950px) {
  .thumbs.items-7 a {
    width: 20%;
  }
}
@media all and (max-width: 700px) {
  .thumbs.items-7 a {
    width: 25%;
  }
}
@media all and (max-width: 500px) {
  .thumbs.items-7 a {
    width: 33.33%;
  }
}
@media all and (max-width: 420px) {
  .thumbs.items-7 a {
    width: 50%;
  }
}
@media all and (max-width: 370px) {
  .thumbs.items-7 a {
    width: 100%;
  }
}
.thumbs.items-8 a {
  width: 12.5%;
}
@media all and (max-width: 950px) {
  .thumbs.items-8 a {
    width: 20%;
  }
}
@media all and (max-width: 700px) {
  .thumbs.items-8 a {
    width: 25%;
  }
}
@media all and (max-width: 500px) {
  .thumbs.items-8 a {
    width: 33.33%;
  }
}
@media all and (max-width: 420px) {
  .thumbs.items-8 a {
    width: 50%;
  }
}
@media all and (max-width: 370px) {
  .thumbs.items-8 a {
    width: 100%;
  }
}

.btnGreen27.fileinput-button {
  width: auto;
  min-width: 100px;
  padding: 0 20px 0 20px;
  overflow: hidden;
  text-align: center;
  height: 46px;
  margin: 2px 0 20px 0;
}

div.btnGreen27.fileinput-button span {
  display: inline-block;
  height: 46px;
  font: normal normal normal 14px/46px "Figtree", Arial, Helvetica, sans;
  text-transform: uppercase;
}
div.btnGreen27.fileinput-button span i {
  padding-right: 8px;
}

.btnGreen27 input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}

.progress {
  height: 20px;
  width: 300px;
  background: #f7f7f7;
  border: 1px solid #ccc;
}

.progress .progress-bar {
  display: block;
  height: 20px;
  background: #00c981;
}

.thumbs a .delete {
  display: block;
  position: absolute;
  right: 3px;
  top: 3px;
  height: 24px;
  width: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  text-align: center;
}
.thumbs a .delete::after {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  font-size: 12px;
  line-height: 24px;
}

.thumbs a .previous {
  display: block;
  position: absolute;
  left: 3px;
  bottom: 3px;
  height: 24px;
  width: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  text-align: center;
  z-index: 10;
}
.thumbs a .previous::after {
  content: "\f060";
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  font-size: 12px;
  line-height: 24px;
}

.thumbs a .next {
  display: block;
  position: absolute;
  right: 3px;
  bottom: 3px;
  height: 24px;
  width: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  text-align: center;
  z-index: 10;
}
.thumbs a .next::after {
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  font-size: 12px;
  line-height: 24px;
}

.progressBox {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 300px;
  padding: 10px;
  margin: -50px 0 0 -165px;
  font: normal normal 300 13px/18px Arial, sans-serif;
  color: #666;
  border: 1px solid #666;
  z-index: 10000;
  background: #fff;
  min-height: 50px;
}

.scrollHolder {
  overflow-y: scroll;
  overflow-x: auto;
  top: 0;
  bottom: 0;
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
}

.scrollHolder .content {
  position: relative;
}

.dropdownMenuHolder {
  position: relative;
  float: left;
  height: 70px;
}

.dropdownMenu {
  position: absolute;
  display: block;
  top: 70px;
  right: -1px;
  z-index: 1000;
  background: #f7f7f7;
  overflow: hidden;
  max-height: 0;
  border: 1px solid rgb(204, 204, 204);
  border-top: none;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity ease 0.1s;
  transition: max-height ease 0.1s;
}

.dropdownMenu .submenu {
  position: relative;
  display: block;
}

.dropdownMenu ul.submenu li {
  padding: 3px 0 3px 0;
}

.dropdownMenuHolder:hover .dropdownMenu {
  opacity: 1;
  max-height: 600px;
  transition: opacity ease 0.1s;
  transition: max-height ease 0.3s;
}

body.loginPage {
  background: #fff;
}

body.loginPage .logo {
  display: block;
  float: left;
}

body.loginPage .forgotlink {
  display: block;
  float: right;
  margin: 30px 30px 0 0;
  padding: 0 20px 0 20px;
  background: #fff;
  font: normal normal normal 16px/40px "Figtree", Arial, Helvetica, sans;
  color: #777;
  height: 40px;
  position: relative;
  border: 1px solid #777;
  z-index: 1;
  border-radius: 3px;
}

.v-box.inline-box {
  max-width: 360px;
  text-align: left;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.inline-box h1 {
  font: normal normal normal 30px/37px "Figtree", Arial, Helvetica, sans;
  color: #444;
  padding: 0 0 10px 0;
  text-align: left;
}

.inline-box .txt {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #fff;
  height: 32px;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 5px 5px 10px;
  margin-bottom: 9px;
  box-sizing: border-box;
}

.inline-box label {
  display: block;
  color: #444;
  padding: 0 0 3px 0;
  font: normal normal normal 13px/14px "Figtree", Arial, Helvetica, sans;
}

.inline-box span.input-note {
  display: block;
  font: normal normal normal 13px/18px "Figtree", Arial, Helvetica, sans;
  color: #444;
  padding: 0;
  float: none;
  border: none;
  width: auto;
}

.inline-box .chk {
  margin-bottom: 19px;
  min-height: 0;
}

.inline-box input[type=checkbox] {
  display: none;
}

.inline-box input[type=checkbox] + label {
  color: #444;
  font: normal normal normal 13px/18px "Figtree", Arial, Helvetica, sans;
  min-height: 19px;
  overflow: hidden;
  cursor: pointer;
  padding: 3px 0 0 0;
}

.inline-box input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 8px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #ccc !important;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  border-radius: 3px;
  margin-top: -3px;
}

.inline-box input[type=checkbox]:checked + label::before {
  content: "\f26b";
  color: #fff !important;
  border: 1px solid #08c880;
  background-color: #08c880;
  text-align: center;
  font-family: "Material-Design-Iconic-Font";
}

.yellowButton {
  display: inline-block;
  background: #08c880;
  font: normal normal 500 16px/38px "Figtree", Arial, Helvetica, sans !important;
  color: #fff;
  padding: 0 20px 0 20px;
  text-transform: uppercase;
  border-radius: 3px;
  height: 38px;
  border: 1px solid #08c880;
}

.yellowButton span {
  font: normal normal 500 16px/38px "Figtree", Arial, Helvetica, sans;
  color: #fff;
}

.yellowButton::before {
  content: "\f13e";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 20px;
  color: #fff;
  padding-right: 7px;
}

.yellowButton.mail {
  display: block;
  float: left;
  margin-right: 10px;
  padding: 0 15px 0 15px;
  text-align: center;
}

.yellowButton.reset {
  background: #fff;
  padding-left: 20px;
  border: 1px solid #777;
  color: #777;
}

.yellowButton.mail::before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 20px;
  color: #fff;
  padding-right: 7px;
}

.yellowButton.reset::before {
  content: "\f021";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 20px;
  color: #fff;
  padding-right: 7px;
}

.blackButton {
  display: block;
  float: left;
  background: #fff;
  font: normal normal 500 16px/38px "Figtree", Arial, Helvetica, sans !important;
  color: #777;
  padding: 0 20px 0 20px;
  text-align: center;
  border-radius: 3px;
  box-sizing: border-box;
  text-transform: uppercase;
  border: 1px solid #777;
  height: 40px;
}

.blackButton span {
  font: normal normal 500 16px/38px "Figtree", Arial, Helvetica, sans !important;
  color: #777;
}

.inline-box .blackButton::before {
  content: "\f136";
  font-family: Material-Design-Iconic-Font;
  font-size: 20px;
  color: #777;
  padding-right: 7px;
  line-height: 38px;
}

.loginError {
  display: block;
  padding: 0 0 5px 0px;
  font: normal normal normal 13px/16px "Figtree", Arial, Helvetica, sans;
  color: #b70b0b;
}

.optionDiv {
  min-height: 30px;
  font-size: 11px;
  line-height: 30px;
  overflow: hidden;
}

.optionDiv input[type=radio], .optionDiv input[type=checkbox] {
  display: none;
}

.optionDiv input[type=checkbox] + label, .card .card .row12 .optionDiv input[type=checkbox] + label {
  color: #444;
  font: normal normal normal 13px/20px "Figtree", Arial, Helvetica, sans;
  padding: 5px 0 5px 35px;
  display: block;
  cursor: pointer;
  position: relative;
  text-align: left;
}

.optionDiv input[type=checkbox] + label::before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 8px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #ccc !important;
  text-align: center;
  line-height: 16px;
  font-size: 14px;
  margin-left: 10px;
  border-radius: 3px;
  top: 5px;
  left: 0px;
}

.optionDiv input[type=checkbox]:checked + label::before {
  content: "\f26b";
  color: #fff !important;
  border: 1px solid #00c981;
  background-color: #00c981;
  text-align: center;
  font-family: "Material-Design-Iconic-Font";
}

ul.cols li {
  background: #fff;
  width: 349px;
  display: block;
  font: normal normal normal 13px/38px "Figtree", Arial, Helvetica, sans;
  color: #666;
  border-bottom: 1px solid #ccc;
  padding: 0 0 0 10px;
}

ul.cols li.ttl {
  background: #f7f7f7;
  height: 31px;
  overflow: hidden;
}

ul.cols li span.c1, ul.cols li span.c2, ul.cols li span.c3 {
  display: block;
  float: left;
  height: 39px;
  font: normal normal normal 12px/38px "Figtree", Arial, Helvetica, sans;
  padding: 0 0 0 10px;
}

ul.cols li.ttl span.c1, ul.cols li.ttl span.c2, ul.cols li.ttl span.c3 {
  height: 31px;
  font: normal normal normal 11px/31px "Figtree", Arial, Helvetica, sans;
  border-right: 1px solid #ccc;
}

ul.cols li.ttl span.c1 {
  padding: 0;
  width: 42px;
}

ul.cols li span.c1 {
  padding: 0;
  width: 43px;
  text-align: center;
}

ul.cols li span.c2 {
  width: 238px;
}

ul.cols li.ttl span.c2 {
  width: 237px;
}

ul.cols li span.c3 {
  width: 45px;
  text-align: center;
}

ul.cols li.ttl span.c3 {
  border-right: none;
  width: 44px;
}

.rel {
  position: relative;
}

.historyHolder, .card-table .historyHolder {
  position: absolute;
  top: 0px;
  right: 20px;
  height: 59px;
  width: 350px;
  z-index: 9900;
  display: none;
  padding: 0;
}
.historyHolder .innerHolder, .card-table .historyHolder .innerHolder {
  display: block;
  position: absolute;
  box-shadow: 0px 0px 11px 0px rgba(0, 0,0, 0.5);
  right: 70px;
  top: -29px;
  width: 320px;
  background: #fff;
  z-index: 9900;
  border-radius: 4px;
}
.historyHolder .innerHolder .shade, .card-table .historyHolder .innerHolder .shade {
  display: none;
  position: absolute;
  height: 59px;
  right: -10px;
  top: 29px;
  width: 9px;
  background: #fff;
  border-left: 1px solid #f0f0f0;
}
.historyHolder li, .card-table .historyHolder li {
  width: 320px;
  border-bottom: 1px solid #f0f0f0;
  height: auto;
  padding: 0;
}
.historyHolder li::after, .card-table .historyHolder li::after {
  content: "";
  float: none;
  clear: both;
}
.historyHolder li em, .card-table .historyHolder li em {
  display: block;
  float: left;
  width: 100px;
  padding: 0 0 0 20px;
  font: normal normal normal 14px/49px "Figtree", Arial, Helvetica, sans !important;
  text-align: left;
  color: #444 !important;
}
.historyHolder li span, .card-table .historyHolder li span {
  display: block;
  float: left;
  padding: 0 20px 0 0;
  width: 100px;
  height: 49px;
  text-align: left;
  font: normal normal normal 14px/49px "Figtree", Arial, Helvetica, sans !important;
  text-align: right;
  color: #444 !important;
}
.historyHolder li span.colspan, .card-table .historyHolder li span.colspan {
  width: 200px;
}
.historyHolder li.ttl, .card-table .historyHolder li.ttl {
  border-bottom: none;
  background: #f5f5f5;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.historyHolder li.ttl em, .historyHolder li.ttl span, .card-table .historyHolder li.ttl em, .card-table .historyHolder li.ttl span {
  font: normal normal normal 11px/29px "Figtree", Arial, Helvetica, sans !important;
  color: #666 !important;
  height: 29px;
}
.historyHolder .history-footer, .card-table .historyHolder .history-footer {
  padding: 15px;
  text-align: center;
  background: #f9f9f9;
  border-top: 1px solid #e0e0e0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.historyHolder .history-footer .btnNoBg27, .card-table .historyHolder .history-footer .btnNoBg27 {
  display: inline-block;
  float: none;
  cursor: pointer;
}
.historyHolder .history-footer .btnGreen27, .card-table .historyHolder .history-footer .btnGreen27 {
  cursor: pointer;
}

.historyHolder li.b em, .historyHolder li.b span {
  color: #333 !important;
}

.historyHolder li.profit span.green {
  font: normal normal bold 11px/29px "Figtree", Arial, Helvetica, sans !important;
  color: #00c981 !important;
}

.historyHolder li.profit span.red {
  font: normal normal bold 11px/29px "Figtree", Arial, Helvetica, sans !important;
  color: #ff0000 !important;
}

.historyHolder a.cta {
  display: block;
  text-align: center;
  font: normal normal normal 13px/35px "Figtree", Arial, Helvetica, sans !important;
  color: #fff;
  height: 35px;
  background: #00c981;
  margin: 16px 20px 15px 140px;
  cursor: pointer;
  padding: 0;
}

#link-table tr.nohover, #link-table tr.nohover td {
  background: #fff !important;
}

.linesHeader {
  height: 30px;
  background: #f7f7f7;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 12px 0 12px;
}

.linesHeader .row-col {
  height: 30px;
  float: left;
  font: normal normal normal 10px/30px "Figtree", Arial, Helvetica, sans;
  color: #666;
}

.linesHeader .row-col span {
  font: normal normal normal 10px/30px "Figtree", Arial, Helvetica, sans;
  color: #666;
}

.row, .doc-row {
  padding: 13px 12px 7px 12px;
  min-height: 70px;
  font: normal normal normal 11px/32px "Figtree", Arial, Helvetica, sans;
  color: #666;
  border-bottom: 1px solid #e4e4e4;
  width: 920px;
}
.row::after, .doc-row::after {
  display: block;
  content: "";
  float: none;
  clear: both;
}

.doc-row {
  padding: 13px 73px 7px 30px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.doc-row.linesHeader {
  min-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

#rules .line-group {
  padding: 10px;
}
#rules .line-group .lines {
  border-radius: 5px;
  border: 1px solid #e4e4e4;
}
#rules .sign-and {
  display: block;
  width: 60px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
  background: #fafafa;
  margin-left: 10px;
}
#rules .row {
  min-height: 32px;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 90px 10px 20px;
  position: relative;
}
#rules .row .col {
  width: 33%;
  float: left;
  max-width: 150px;
}
#rules .row .col.remove {
  width: 32px;
  position: absolute;
  top: 15px;
  right: 10px;
  opacity: 0;
  transition: 0.3s;
  text-align: center;
}
#rules .row .col.or {
  width: 80px;
  position: absolute;
  top: 10px;
  right: 42px;
  text-align: center;
}
#rules .row:hover .col.remove {
  opacity: 1;
  transition: 0.3s;
}
#rules .row .cta.or.disabled {
  background: #fafafa;
  color: #d2d2d2;
}
#rules .row .cta.or.disabled i {
  display: none;
}

.row .col {
  float: left;
  min-height: 32px;
}

.col.remove {
  width: 30px;
}

.col.removeWide {
  width: 50px;
  text-align: right;
}

.col.removeWide a.remove {
  float: right;
}

.col.field {
  width: 300px;
  margin-right: 10px;
}

.col.operator {
  width: 100px;
  margin-right: 10px;
}

.col.values input[type=text] {
  width: 190px;
}

.col.field select, .col.operator select {
  width: 100%;
}

.col.type {
  width: 110px;
}

.col.type select {
  width: 100px;
  height: 32px;
  border: 1px solid #ccc;
  font: normal normal normal 11px/18px "Figtree", Arial, Helvetica, sans;
  color: #666;
  padding: 6px;
}

.col.type select.error {
  border-color: #b81607;
  background-color: #f8e7e6;
}

.col.descr {
  width: 470px;
}

.col.descr textarea {
  width: 446px;
  height: 56px;
  border: 1px solid #ccc;
  font: normal normal normal 11px/18px "Figtree", Arial, Helvetica, sans;
  color: #666;
  padding: 6px;
  background: #fff;
}

.col input[type=text] {
  width: 50px;
  height: 18px;
  border: 1px solid #ccc;
  font: normal normal normal 11px/18px "Figtree", Arial, Helvetica, sans;
  color: #666;
  padding: 6px 8px 6px 0;
  text-align: right;
  background-color: #fff;
}

#rules .row .col input[type=text] {
  font: normal normal normal 13px/18px "Figtree", Arial, Helvetica, sans;
}

.col select {
  width: 200px;
  height: 32px;
  border: 1px solid #ccc;
  font: normal normal normal 13px/18px "Figtree", Arial, Helvetica, sans;
  color: #666;
  padding: 6px 8px 6px 8px;
  text-align: right;
  background: #fff url(/assets/images/crm/ddl.png) no-repeat right center;
}

.col select.add, .col select.date {
  background-position: right 36px center;
}

.col input[type=text].error {
  border-color: #b81607;
  background-color: #f8e7e6;
}

.col.quantity {
  width: 60px;
  text-align: right;
  padding: 0 10px 0 0;
}

.col.price {
  width: 90px;
  text-align: right;
}

.col.price input[type=text] {
  width: 80px;
}

.col.total {
  width: 100px;
  text-align: right;
}

.col.vat1, .col.vat2 {
  width: 25px;
  text-align: right;
}

.row .add {
  float: left;
  width: 170px;
  padding: 9px 0 0 30px;
}

.row .tcol {
  float: left;
  width: 670px;
  text-align: left;
  padding-right: 50px;
  line-height: 1px;
}

.row .tcol .total {
  display: block;
  text-align: right;
}

.row .tcol .total span, .row .tcol .total label, .generaltotal span, .generaltotal label, .paymentLine span, .paymentLine label, .balanceLine span, .balanceLine label {
  display: inline-block;
  text-align: right;
  font: normal normal normal 11px/32px "Figtree", Arial, Helvetica, sans;
  color: #666;
  width: 100px;
}

.row .tcol .total label em {
  font: normal normal normal 11px/32px "Figtree", Arial, Helvetica, sans;
  color: #666;
}

.doc-row .row-col {
  float: left;
  min-height: 32px;
  padding: 0 3px 0 3px;
  box-sizing: border-box;
  font-size: 13px !important;
}

.row-col.remove {
  position: absolute;
  top: 13px;
  left: 9px;
  width: 30px;
  text-align: left;
}

.row-col.type {
  width: 13%;
  float: left;
  padding: 0 3px 0 3px;
  box-sizing: border-box;
}

.row-col.type select {
  width: 100%;
  height: 32px;
  border: 1px solid #ccc;
  font: normal normal normal 11px/18px "Figtree", Arial, Helvetica, sans;
  color: #666;
  padding: 6px;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 13px !important;
}

.row-col.type select.error {
  border-color: #b81607;
  background-color: #f8e7e6;
}

.row-col.descr {
  width: 57%;
}

.row-col.descr textarea {
  width: 100%;
  min-height: 56px !important;
  border: 1px solid #ccc;
  font: normal normal normal 11px/18px "Figtree", Arial, Helvetica, sans;
  color: #666;
  padding: 6px;
  background: #fff;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 13px !important;
}

.row-col input[type=text] {
  width: 100%;
  height: 18px;
  border: 1px solid #ccc;
  font: normal normal normal 11px/18px "Figtree", Arial, Helvetica, sans;
  color: #666;
  padding: 6px 8px 6px 0;
  text-align: right;
  background: #fff;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 13px !important;
}

.row-col select {
  width: 100%;
  height: 32px;
  border: 1px solid #ccc;
  font: normal normal normal 13px/18px "Figtree", Arial, Helvetica, sans;
  color: #666;
  padding: 6px 8px 6px 8px;
  text-align: right;
  background: #fff url(/assets/images/crm/ddl.png) no-repeat right center;
  box-sizing: border-box;
  font-size: 13px !important;
}

.row-col select.add, .col select.date {
  background-position: right 36px center;
}

.row-col input[type=text].error {
  border-color: #b81607;
  background-color: #f8e7e6;
}

.row-col.quantity {
  width: 8%;
  text-align: right;
}

.row-col.price {
  width: 11%;
  text-align: right;
}

.row-col.price input[type=text] {
  width: 100%;
}

.row-col.total {
  width: 11%;
  text-align: right;
}

.linesHeader .row-col.quantity, .linesHeader .row-col.price {
  text-align: left;
}

.row-col.vat1, .row-col.vat2 {
  width: 25px;
  text-align: right;
  position: absolute;
  top: 13px;
  right: 9px;
}

.linesHeader .row-col.vat1, .linesHeader .row-col.vat2 {
  top: 0px;
}

.row-col.vat1 {
  right: 41px;
}

.doc-row .add {
  position: absolute;
  top: 20px;
  left: 30px;
  padding: 0 3px 0 3px;
}

.doc-row .tcol {
  width: 100%;
  float: left;
  padding: 0 3px 0 3px;
  box-sizing: border-box;
  text-align: left;
  line-height: 1px;
}

#totals .doc-row {
  min-height: 0;
}

.doc-row .tcol .total {
  display: block;
  text-align: right;
}

.doc-row .tcol .total span, .doc-row .tcol .total label, .generaltotal span, .generaltotal label, .paymentLine span, .paymentLine label, .balanceLine span, .balanceLine label, .shippingLine span, .shippingLine label {
  display: inline-block;
  text-align: right;
  font: normal normal normal 14px/30px "Figtree", Arial, Helvetica, sans;
  color: #444;
  width: 11%;
  padding: 0 3px 0 3px;
  box-sizing: border-box;
}

.doc-row .tcol .total label, .generaltotal label, .paymentLine label, .balanceLine label, .shippingLine label {
  width: 89%;
  padding: 0 3px 0 3px;
  box-sizing: border-box;
}

.doc-row .tcol .total label em {
  font: normal normal normal 14px/30px "Figtree", Arial, Helvetica, sans;
  color: #444;
}

.doc-row i {
  color: #777;
}

.generaltotal span, .generaltotal label, .paymentLine span, .paymentLine label, .balanceLine span, .balanceLine label, .shippingLine span, .shippingLine label {
  font: normal normal normal 14px/30px "Figtree", Arial, Helvetica, sans;
  color: #666;
}

.generaltotal span, .generaltotal label {
  font-weight: 500;
  color: #444;
}

.generaltotal, .paymentLine, .balanceLine, .shippingLine {
  width: 100%;
  display: block;
  text-align: right;
  font: normal normal normal 14px/30px "Figtree", Arial, Helvetica, sans;
  color: #333;
  box-sizing: border-box;
}

.paymentLine, .balanceLine {
  display: none;
}

a.info {
  display: block;
  width: 38px;
  height: 38px;
  float: left;
  margin-left: 3px;
  background: #ccc;
  color: #fff !important;
  border-radius: 3px;
  text-align: center;
}
a.info:hover {
  text-decoration: none !important;
}
a.info::after {
  content: "\f129";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-size: 16px;
  line-height: 38px;
}
a.info.incomplete {
  background: #f2bd17;
  color: #222 !important;
}
a.info.incomplete::after {
  font-size: 18px;
  content: "!";
}

.full-width a.info {
  height: 40px;
}
.full-width a.info::after {
  line-height: 40px;
}

.clientHolder {
  width: 279px;
  float: left;
}

div.half.basic dl dd .clientHolder input.txt.date.clientDescbox {
  width: 253px;
}

.txtBox {
  width: 308px;
  height: 32px;
  border: 1px solid #ccc;
  padding: 0 0 0 10px;
}

.txtBox.error {
  border-color: #b81607;
  background-color: #f8e7e6;
}

.txtBox input {
  float: left;
}

.txtBox input[type=checkbox] {
  float: left;
}

div.half.basic dl dd .txtBox .txt {
  width: 278px;
  border: none;
  padding: 0;
}

a.remove {
  display: inline-block;
  width: 30px;
  height: 32px;
  background: url(/assets/images/crm/crossSmall.png) no-repeat center center;
}

.frmOption input.txt.zip {
  width: calc(30% - 2px);
  margin-right: 2px;
}

.frmOption input.txt.city {
  width: 70%;
}

div.half.basic dl dd .txt.w30 {
  width: 50px;
}

span.active {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #00c981;
  border-radius: 5px;
}

select {
  background: url(/assets/images/crm/ddl.png) no-repeat right center;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    -webkit-appearance: none !important;
  }
}
.grpIcon {
  display: block;
  float: right;
  width: 20px;
  height: 17px;
}

.grpIcon.preferences {
  background: url(/assets/images/crm/iconSliders.png) no-repeat center center;
}

.grpIcon.smartgroup {
  background: url(/assets/images/crm/iconFilter.png) no-repeat center center;
}

.ItemCarThumb {
  width: 100px;
  margin-left: 0px;
  float: left;
}

.ItemCarThumb img {
  width: 90px !important;
  height: 68px !important;
  float: left;
}

div.basic dl dt.lblHelp label span, .smallFields div.basic dl dt label span {
  color: #999;
  font-size: 11px;
}

em.help, .smallFields div.basic dl dt em.help {
  float: right;
  display: block;
  width: 17px;
  height: 15px;
  min-height: 15px;
  margin: 0 0 0 10px;
  background: url(/assets/images/crm/help.png) no-repeat left center;
  z-index: 1;
  padding: 0;
  position: relative;
}

div.basic dl dt, div.basic dl dd {
  position: relative;
}

em.help div {
  display: none;
  position: absolute;
  top: 0px;
  left: 20px;
  width: 120px;
  padding: 5px;
  background: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 2px;
  font: normal normal normal 11px/14px "Figtree", Arial, Helvetica, sans;
  color: #333;
  box-shadow: 1px 1px 3px 0px rgba(0,0,0, 0.2);
  text-decoration: none;
}

em.help div span {
  display: block;
  position: absolute;
  right: -6px;
  top: 50%;
  margin-top: -6px;
  width: 6px;
  height: 12px;
}

/* DIV classes */
.smallFields div.basic dl dt {
  width: 180px;
  padding: 10px 0 0 0;
  max-height: 22px;
}

.smallFields div.basic dl dd {
  max-width: 280px;
  width: 100%;
}

.smallFields div.basic dl dt em {
  padding-left: 15px;
  width: 29px;
  float: left;
  text-align: left;
  font-style: normal;
  color: #999;
  min-height: 12px;
}

.smallFields div.basic dl dt label {
  float: left;
}

.smallFields div.basic dl dd select, .smallFields div.basic dl dd input.txt, .smallFields div.basic dl dd select.txt {
  box-sizing: border-box;
  width: 100%;
  height: 32px;
}

.smallFields div.basic dl dd select.txt.d, .smallFields div.basic dl dd select.txt.m, .smallFields div.basic dl dd select.txt.y {
  width: 91px;
}

.smallFields div.basic dl dd select.txt.m {
  width: 90px;
}

.smallFields div.basic dl dd select.txt.half {
  width: 139px;
  float: left;
}

.smallFields div.basic dl dd select.txt.half.r {
  float: right;
}

.smallFields div.basic dl dd textarea, .smallFields div.basic dl dd textarea.txt {
  box-sizing: border-box;
  width: 100%;
  height: 132px;
}

.smallFields .ui-trigger, .smallFields .ui-datepicker-trigger {
  width: 11.4%;
}

.smallFields div.basic dl dd input.date, .smallFields div.basic dl dd select.date, .smallFields div.basic dl dd input.txt.date, .smallFields div.basic dl dd select.txt.date {
  width: 88.5%;
}

.axle2, .axle3, .axle4, .axle5,
div.basic dl dd label.axle2, div.basic dl dd label.axle3, div.basic dl dd label.axle4, div.basic dl dd label.axle5,
div.basic dl dt.axle2, div.basic dl dd.axle2, div.basic dl dt.axle3, div.basic dl dd.axle3, div.basic dl dt.axle4, div.basic dl dd.axle4, div.basic dl dt.axle5, div.basic dl dd.axle5 {
  display: none;
}

.lblinside, div.basic dl dd label.lblinside {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  font: normal normal normal 10px/16px "Figtree", Arial, Helvetica, sans;
  top: 11px;
}

.carstatus {
  display: inline-block;
  font: normal normal normal 16px/40px "Figtree", Arial, Helvetica, sans;
  color: #f2bd17;
  text-transform: uppercase;
  padding-left: 20px;
}

.statusbox {
  display: none;
  position: absolute;
  width: 170px;
  font: normal normal normal 12px/30px "Figtree", Arial, Helvetica, sans;
  background: #fff;
  border: 1px solid #efefef;
  border-bottom: none;
}

.statusbox div {
  border-bottom: 1px solid #efefef;
}

.statusbox a {
  padding: 0 10px 0 40px;
  font: normal normal normal 12px/30px "Figtree", Arial, Helvetica, sans;
  display: block;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 10px center;
}

.statusbox a:hover {
  background-color: #efefef;
}

.statusbox a.stock {
  background-image: url(/assets/images/crm/iconStock.png);
}

.statusbox a.expected {
  background-image: url(/assets/images/crm/iconExpected.png);
}

.statusbox a.inoption {
  background-image: url(/assets/images/crm/iconOption.png);
}

.statusbox a.ordered {
  background-image: url(/assets/images/crm/iconOrder.png);
}

.statusbox a.sold {
  background-image: url(/assets/images/crm/iconSold.png);
}

.statusbox a.delivered {
  background-image: url(/assets/images/crm/iconDelivered.png);
}

.pie-holder::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.pieChart {
  float: left;
  padding: 20px 30px 20px 20px;
}

.pieChart canvas {
  width: 180px;
  height: 180px;
}

.pieLegent {
  float: left;
  padding-top: 70px;
}

.legentImg {
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-top: 6px;
}

.legentImg.opens {
  background: #50b432;
}

.legentImg.clicks {
  background: #058dc7;
}

.legentImg.not-opened {
  background: #c9c9c9;
}

.legentItem span {
  font-size: 18px;
  color: #000;
  padding-left: 0px;
  display: inline-block;
  width: 20px;
  text-align: right;
}

.legentItem {
  float: left;
  display: block;
  font-size: 14px;
  color: #555;
  padding-left: 7px;
  width: 150px;
}

.legentItem a {
  font-size: 14px;
  color: #555;
  padding-left: 7px;
  width: 150px;
}

.mailIcons {
  margin-top: 0px;
}

.iconStock {
  display: block;
  width: 19px;
  height: 35px;
  margin: 0 10px 0 10px;
  background: url(../images/crm/iconStock.png) no-repeat center center;
  float: left;
}

.iconTextOnly {
  display: block;
  width: 19px;
  height: 35px;
  margin: 0 10px 0 10px;
  background: url(../images/crm/iconTextOnly.png) no-repeat center center;
  float: left;
}

.iconPeople {
  display: block;
  padding-left: 32px;
  height: 35px;
  margin: 0px 10px 0 10px;
  background: url(../images/crm/iconPeople.png) no-repeat left center;
  font: normal normal normal 20px/35px Arial, Verdana, sans;
  float: left;
  color: #999;
}

.iconCars {
  display: block;
  padding-left: 30px;
  height: 35px;
  margin: 0px 10px 0 10px;
  background: url(../images/crm/icon_stock_grey.png) no-repeat left center;
  font: normal normal normal 20px/35px Arial, Verdana, sans;
  float: left;
  color: #999;
}

.vies {
  display: inline-block;
  padding-left: 35px;
  background: url(/assets/images/crm/viesGrey.png) no-repeat left center;
  white-space: nowrap;
}

.vatHolder {
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 0 35px 0 10px;
  box-shadow: 0px 0px 7px 0px #ccc;
  z-index: 1;
}

.client-specs .vatHolder {
  top: -15px;
}

.vatHolder .close {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 36px;
  width: 33px;
  background: url(../images/crm/iconRemove.png) no-repeat center center;
}

.vatLine {
  height: 38px;
  line-height: 38px;
  display: block;
  padding-left: 35px;
  background: url(/assets/images/crm/viesGreen.png) no-repeat left center;
  color: #08c880;
  white-space: nowrap;
}

.vatLine.invalid {
  background: url(/assets/images/crm/viesRed.png) no-repeat left center;
  color: #ff1919;
}

.vatHolder .data {
  padding-left: 35px;
  font: normal normal normal 11px/16px "Figtree", Arial, Helvetica, sans;
  color: #666;
}

.vatHolder .link {
  display: block;
  text-decoration: underline;
  padding: 4px 0 10px 35px;
  font: normal normal normal 11px/16px "Figtree", Arial, Helvetica, sans;
  color: #999;
}

.box .content table.subTable td {
  padding: 0;
}

.box .content table.subTable td {
  padding: 0;
  min-width: 80px;
}

.box .content table.subTable td.first {
  padding: 0;
  min-width: 40px;
}

.box .content table.subTable td.last {
  padding: 0;
  width: 95%;
}

.smallFields div.basic dl dd input.txt.unit {
  width: 79%;
  border-right: none;
}

.smallFields div.basic dl dd select.txt.unit {
  width: 21%;
  padding: 0;
  border-left: none;
  font-size: 11px;
  float: right;
  color: #999;
}

.subSection input.txt-hidden {
  border: none;
  background: transparent;
  font: normal normal normal 16px/40px "Figtree", Arial, Helvetica, sans;
  color: #666;
}

.toggleAll {
  display: block;
  margin: 0;
  margin-right: 5px;
  position: absolute;
  top: 5px;
  left: 0px;
}

.box .content table.nowrap thead td {
  padding-left: 17px;
  position: relative;
}

.box .content table.nowrap thead td a {
  white-space: nowrap;
}

.colgroup {
  border-bottom: 1px solid #aaa;
  padding: 20px 10px 10px 10px;
  font-size: 16px;
  font-family: "Figtree", Arial, Helvetica, sans;
  border-top: 1px solid #ebebeb;
  margin-top: -1px;
}

.banners .banner-holder {
  display: block;
  box-sizing: border-box;
  float: left;
  width: 20%;
  padding: 5px;
}

.banners .banner-holder .banner {
  position: relative;
}

.banners .banner-holder .banner img {
  position: relative;
  display: block;
  width: 100%;
}

.banners .banner-holder .banner:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  content: "\f2f0";
  text-align: center;
  color: #fff;
  z-index: 1;
  font-size: 20px;
  line-height: 50px;
  font-family: "Material-Design-Iconic-Font";
  opacity: 0;
  transition: 0.3s;
}

.banners .banner-holder .banner:hover:after {
  opacity: 1;
  transition: 0.3s;
}

.banners .banner-holder .banner a.btn {
  display: block;
  position: absolute;
  z-index: 2;
  width: 34px;
  height: 34px;
  border-radius: 34px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: 0.3s;
  text-align: center;
  box-sizing: border-box;
}

.banners .banner-holder .banner:hover a.btn {
  opacity: 1;
  transition: 0.5s;
}

.banners .banner-holder .banner a.btn:after {
  display: block;
  content: " ";
  position: absolute;
  top: -2px;
  left: -2px;
  width: 34px;
  height: 34px;
  border-radius: 34px;
  border: 2px solid #fff;
  transition: 0.3s;
  opacity: 0;
}

.banners .banner-holder .banner a.btn:hover:after {
  opacity: 1;
  transition: 0.3s;
}

.banners .banner-holder .banner a.btn i {
  font-size: 20px;
  line-height: 34px;
}

.banners .banner-holder .banner a.btn.edit {
  bottom: 10px;
  right: 50%;
  margin-right: -40px;
}

.banners .banner-holder .banner a.btn.delete {
  bottom: 10px;
  left: 50%;
  margin-left: -40px;
}

.slim-btn {
  font-size: 20px !important;
  background-image: none !important;
}

a.btnGreen27.mleft, a.btnRed27.mleft {
  float: left;
  margin: 10px;
}

a.btnGreen27.inline, a.btnRed27.inline {
  float: none;
  display: inline-block;
}

a.isActive {
  position: relative;
}

a.isActive::after {
  content: "\f269";
  font: normal normal normal 14px/38px "Material-Design-Iconic-Font";
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  color: #00c981;
}

@media all and (max-width: 1100px) {
  .banners .banner-holder {
    width: 25%;
  }
}
@media all and (max-width: 850px) {
  .banners .banner-holder {
    width: 33.33%;
  }
}
@media all and (max-width: 500px) {
  .banners .banner-holder {
    width: 50%;
  }
}
@media all and (max-width: 380px) {
  .banners .banner-holder {
    width: 100%;
  }
}
.box .content table tbody.trModelViews td {
  height: 24px;
}

.box .content table tbody.trModelViews td.spacer {
  border: none;
}

.box .content table tbody.trModelViews tr:last-child td.spacer {
  border-bottom: 1px solid #f0f0f0;
}

.box .content table tr.header td a, tr.header td a {
  height: initial;
  position: relative;
  padding-right: 10px;
  display: inline-block;
}
.box .content table tr.header td a.btnGreen27, tr.header td a.btnGreen27 {
  padding-right: 0;
}

tr.header td a::after {
  content: "\f312";
  font: normal normal normal 10px/12px "Material-Design-Iconic-Font";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
}

tr.header td a.btnGreen27::after {
  display: none;
}

.slim {
  overflow: hidden;
}

.control-holder {
  display: block;
  border: 1px solid #ccc;
  height: 38px;
  position: relative;
  border-radius: 3px;
}

dd .control-holder {
  height: auto;
  min-height: 38px;
  box-sizing: border-box;
  border-radius: 3px;
}

dd .control-holder input.clientDescbox {
  border: none !important;
}

.control-holder.error {
  border-color: #b81607;
  background-color: #f8e7e6;
}

.control-holder.error input.txt {
  background-color: #f8e7e6;
}

.subSection .control-holder, .card-header .control-holder {
  float: right;
  border: none;
  margin-right: 0;
}

.tools .control-holder {
  float: left;
  min-width: 40px;
  border: none;
  height: auto;
}

.tools .fillbox.reset {
  display: none !important;
}

.tools .fillbox.search {
  margin: 0;
  margin-left: 6px;
  background: #00c981;
  border: 1px solid #00c981;
  border-radius: 5px;
  display: block;
  padding: 9px 12px 9px 12px;
  font: normal normal normal 13px/20px "Figtree", Arial, Helvetica, sans;
  color: #fff;
  text-transform: uppercase;
  transition: 0.3s;
  min-width: 40px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  width: auto;
}

.tools .fillbox.search i {
  display: none;
}

.tools .fillbox.search::after {
  content: "\f067";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.subSection .fillbox.reset, .card-header .fillbox.reset {
  display: none !important;
}

.subSection .fillbox.search {
  margin: 0 !important;
  background: #00c981;
  width: 40px;
  height: 40px;
}

.card-header .fillbox.search {
  background: #00c981;
  width: 24px;
  height: 24px;
  min-width: 24px;
  line-height: 24px;
  font-size: 15px;
  margin: 15px 15px 0 0 !important;
  border-radius: 3px;
  text-align: center;
}

.card-header .fillbox.search::before {
  position: relative;
  left: unset;
  top: unset;
  width: unset;
  bottom: unset;
  background: none;
  color: #fff;
  line-height: 22px;
  font-size: 23.2px;
  content: "+";
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
}

.card-header .fillbox.search::after {
  display: none;
}

.hdrButtons .fillbox.search {
  width: 50px;
  height: 50px;
}

.subSection .fillbox.search i, .card-header .fillbox.search i {
  display: none;
}

.subSection .fillbox.search::after {
  position: absolute;
  display: block;
  content: "";
  background: #fff;
  top: 50%;
  left: 10px;
  right: 10px;
  height: 1px;
  transition: 0.3s;
}

.subSection .fillbox.search::before {
  display: block;
  position: absolute;
  left: 50%;
  top: 10px;
  width: 1px;
  bottom: 10px;
  background: #fff;
  content: "";
  transition: 0.3s;
}

.control-holder.auto-height {
  height: auto;
}

.input-holder .control-holder.auto-height, .frmOption .control-holder.auto-height {
  border: 1px solid #ccc;
  min-height: 30px;
}

.control-holder.small {
  max-width: 210px;
}

.control-holder input.txt.date, .control-holder input.txt.clientDescboxNew {
  display: block;
  border: none !important;
  width: 100% !important;
  padding-right: 60px !important;
  height: 30px !important;
  box-sizing: border-box;
  min-height: 36px;
}

.control-holder .ui-trigger, .control-holder .ui-datepicker-trigger {
  position: absolute;
  top: 0;
  right: 0;
  height: 36px;
  border: none;
}

a.fillbox {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  bottom: 0px;
  text-decoration: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

a.fillbox i {
  width: 100%;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #777;
  font-weight: normal !important;
}

a.fillbox.reset {
  right: 36px;
  display: none;
  border-right: none;
}

a.fillbox.search {
  border-left: 1px solid #ccc;
  background: #f7f7f7;
}

.c_beige, .hand td.c_beige {
  background: #dbb67f !important;
}

.c_blue, .hand td.c_blue {
  background: #376edb !important;
}

.c_brown, .hand td.c_brown {
  background: #663300 !important;
}

.c_bronze, .hand td.c_bronze {
  background-color: #CD7F32 !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#CD7F32, endColorstr=#804000) !important;
  background-image: -moz-linear-gradient(right bottom, #CD7F32 5%, #804000 49%, #CD7F32 100%) !important;
  background-image: linear-gradient(right bottom, #CD7F32 5%, #804000 49%, #CD7F32 100%) !important;
  background-image: -webkit-linear-gradient(right bottom, #CD7F32 5%, #804000 49%, #CD7F32 100%) !important;
  background-image: -o-linear-gradient(right bottom, #CD7F32 5%, #804000 49%, #CD7F32 100%) !important;
  background-image: -ms-linear-gradient(right bottom, #CD7F32 5%, #804000 49%, #CD7F32 100%) !important;
  background-image: -webkit-gradient(linear, right bottom, left top, color-stop(5%, #CD7F32), color-stop(49%, #804000), color-stop(100%, #CD7F32)) !important;
}

.c_yellow, .hand td.c_yellow {
  background: #f5d300 !important;
}

.c_grey, .hand td.c_grey {
  background: #ababab !important;
}

.c_green, .hand td.c_green {
  background: #7eba30 !important;
}

.c_red, .hand td.c_red {
  background: #ff4040 !important;
}

.c_black, .hand td.c_black {
  background: #000000 !important;
}

.c_silver, .hand td.c_silver {
  background-color: #d2d2d2 !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#d2d2d2, endColorstr=#f3f3f3) !important;
  background-image: -moz-linear-gradient(right bottom, #d2d2d2 5%, #f3f3f3 49%, #d2d2d2 100%) !important;
  background-image: linear-gradient(right bottom, #d2d2d2 5%, #f3f3f3 49%, #d2d2d2 100%) !important;
  background-image: -webkit-linear-gradient(right bottom, #d2d2d2 5%, #f3f3f3 49%, #d2d2d2 100%) !important;
  background-image: -o-linear-gradient(right bottom, #d2d2d2 5%, #f3f3f3 49%, #d2d2d2 100%) !important;
  background-image: -ms-linear-gradient(right bottom, #d2d2d2 5%, #f3f3f3 49%, #d2d2d2 100%) !important;
  background-image: -webkit-gradient(linear, right bottom, left top, color-stop(5%, #d2d2d2), color-stop(49%, #f3f3f3), color-stop(100%, #d2d2d2)) !important;
}

.c_violet, .hand td.c_violet {
  background: #7F00FF !important;
}

.c_white, .hand td.c_white {
  background: #ffffff !important;
}

.c_orange, .hand td.c_orange {
  background: #ff7f23 !important;
}

.c_gold, .hand td.c_gold {
  background-color: #d9a410;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#d9a410, endColorstr=#f4d008) !important;
  background-image: -moz-linear-gradient(right bottom, #d9a410 5%, #f4d008 49%, #d9a410 100%) !important;
  background-image: linear-gradient(right bottom, #d9a410 5%, #f4d008 49%, #d9a410 100%) !important;
  background-image: -webkit-linear-gradient(right bottom, #d9a410 5%, #f4d008 49%, #d9a410 100%) !important;
  background-image: -o-linear-gradient(right bottom, #d9a410 5%, #f4d008 49%, #d9a410 100%) !important;
  background-image: -ms-linear-gradient(right bottom, #d9a410 5%, #f4d008 49%, #d9a410 100%) !important;
  background-image: -webkit-gradient(linear, right bottom, left top, color-stop(5%, #d9a410), color-stop(49%, #f4d008), color-stop(100%, #d9a410)) !important;
}

.bg_color {
  width: 12px;
  padding: 0 !important;
  background: #f0f0f0;
}

.period {
  display: inline-block;
  width: 34px;
  line-height: 32px;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: rgb(230, 230, 230);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(230, 230, 230) 100%);
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(230, 230, 230) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(230, 230, 230) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e6e6e6",GradientType=0 );
}

.period.prev {
  border-right: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.period.next {
  border-left: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.search-panel {
  padding: 15px 20px 40px 20px;
  background: #888;
  z-index: 10;
  display: none;
}

.search-panel .controls::after {
  content: "";
  display: block;
  height: 0;
  float: none;
  clear: both;
}

.search-panel .close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  transition: 0.2s;
}

.search-panel .close:hover {
  font-size: 23px;
  transition: 0.3s;
}

.search-panel h2 {
  font: normal normal normal 20px/29px "Figtree", Arial, Helvetica, sans;
  color: #fff;
  padding: 0 0 24px 0;
  margin: 0;
}

div.SearchBox .search-panel select, div.SearchBox .search-panel .control-holder {
  float: left;
  width: 25% !important;
  margin-bottom: 1px;
}

div.SearchBox.np {
  padding: 0;
  min-height: 44px;
}

.SearchBox .more {
  float: right;
  font-size: 20px;
  line-height: 44px;
  width: 48px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  transition: 0.2s;
}

.SearchBox .more:hover {
  font-size: 23px;
  transition: 0.3s;
}

.i-hdr-btns {
  float: right;
}

.i-hdr-btns a.i-hdr-btn {
  margin: 0 !important;
}

.edit-show, .i-hdr-btn.edit-show {
  display: none;
}

.i-hdr-btn {
  display: block;
  float: left;
  width: 45px;
  line-height: 46px;
  font-size: 24px;
  color: #777;
  transition: 0.3s;
  text-align: center;
}

.i-hdr-btn:hover {
  color: #333;
  transition: 0.3s;
}

.i-hdr-btn i {
  line-height: 48px;
  font-size: 24px;
}

.i-hdr-btn i.fa-small {
  font-size: 16px;
  line-height: 40px;
}

.i-hdr-btn i.fa-med {
  font-size: 18px;
  line-height: 40px;
}

.wToDo i {
  display: block;
  width: 20px;
  line-height: 24px;
  font-size: 18px;
  color: #777;
}

i.icon::after {
  font: normal normal normal 24px/24px "Material-Design-Iconic-Font";
}

/* Showroom visit */
i.icon.tt1::after {
  content: "\f1d4";
}

/* Phone call */
i.icon.tt2::after {
  content: "\f2be";
}

/* Offer */
i.icon.tt3::after {
  content: "\f198";
}

/* Email */
i.icon.tt4::after {
  content: "\f15a";
}

/* Other */
i.icon.tt5::after {
  content: "\f1f9";
}

/* Contact request */
i.icon.tt6::after {
  content: "\f266";
}

/* Car request */
i.icon.tt7::after {
  content: "\f125";
}

/* Sale */
i.icon.tt8::after {
  content: "\f19a";
}

/* Newsletter */
i.icon.tt10::after {
  content: "\f173";
}

/* Follow up */
i.icon.tt11::after {
  content: "\f307";
}

/* Purchase */
i.icon.tt12::after {
  content: "\f19a";
}

/* Price reduction */
i.icon.tt13::after {
  content: "\f187";
}

/* POffered car */
i.icon.tt14::after {
  content: "\f125";
}

.search-summary {
  float: right;
  color: #fff;
  text-transform: uppercase;
  line-height: 44px;
  font-size: 11px;
  font-weight: 500;
}

.card {
  box-sizing: border-box;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  background: #fff;
  transition: 0.3s;
  display: block;
  border-radius: 5px;
}
.card.no-shade {
  box-shadow: none;
}

.card.pageheader {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 2;
}

a.card:hover {
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
  box-shadow: 0px 8px 9px 0px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}

.card-header {
  color: #444;
  background: #fafafa;
  border-bottom: 1px solid #ddd;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.card-header.white {
  background: none;
  padding: 15px;
}
.card-header .tools-menu-btn {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0;
}
.card-header .tools-menu-btn.icon {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  padding: 0;
  display: inline-block;
  min-width: 30px;
  margin-top: 5px;
  margin-left: 12px;
}
.card-header .tools-menu-btn.icon i {
  line-height: 30px;
}
.card-header .tools-menu-btn.green-bg {
  margin-top: 0;
  border: none;
  padding: 0;
  min-width: 24px;
  margin-top: 8px;
  line-height: 24px;
  font-size: 15px;
}
.card-header .tools-menu-btn.green-bg i {
  line-height: 24px;
  font-size: 15px;
  display: block;
}
.card-header h2 {
  padding: 10px 0;
  color: #444;
  margin: 0;
  font-size: 20px;
  line-height: 33px;
}
.card-header h3 {
  padding: 10px 14px 10px 14px;
  color: #444;
  margin: 0;
  font-size: 20px;
  line-height: 33px;
}
.card-header h3 a i {
  padding-left: 10px;
  color: #666;
}
.card-header h4 {
  padding: 10px 14px 10px 60px;
  color: #444;
  margin: 0;
  font-size: 16px;
  line-height: 25px;
}
.card-header.small h3 {
  padding: 5px 14px 5px 14px;
  color: #444;
  margin: 0;
  font-size: 18px;
  line-height: 34px;
}
.card-header.small .tools {
  top: 6px;
  right: 10px;
}
.card-header.small .tools .tools-menu-btn {
  margin-left: 6px;
  background: #fafafa;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  display: block;
  float: left;
  padding: 4px 0 4px 0;
  font: normal normal normal 13px/20px "Figtree", Arial, Helvetica, sans;
  color: #777;
  text-transform: uppercase;
  transition: 0.3s;
  min-width: 30px;
  text-align: center;
  box-sizing: border-box;
  display: block;
  float: left;
}
.card-header.small .tools .tools-menu-btn i {
  line-height: 20px;
  font-size: 16px;
}
.card-header.small .tools .tools-menu-btn:hover {
  color: #444;
  transition: 0.3s;
}
.card-header.small .tools .tools-menu-btn.green {
  color: #08c880;
  background: #fff;
  padding: 3px 0 3px 0;
  border: 2px solid #08c880;
}
.card-header.small .tools .tools-menu-btn.green i {
  color: #08c880;
}
.card-header.small .tools .tools-menu-btn.green-bg {
  margin-top: 4px;
  color: #fff;
  background: #08c880;
  padding: 0;
  min-width: 24px;
  border: none;
  line-height: 24px;
  font-size: 15px;
}
.card-header.small .tools .tools-menu-btn.green-bg i {
  line-height: 24px;
  font-size: 15px;
}
.card-header .card-ddl-holder .card-ddl-active, .card-header .card-ddl-holder .card-ddl-active.icon {
  padding: 0;
  padding-right: 5px;
  text-align: right;
  border: none;
}
.card-header .card-ddl-holder .card-ddl-items {
  right: -17px;
  top: 38px;
}

.card-footer {
  color: #444;
  background: #fafafa;
  border-top: 1px solid #ddd;
  position: relative;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.card.fixed-footer {
  position: relative;
  padding-bottom: 68px;
}
.card.fixed-footer .card-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: none;
  padding: 15px;
}

.card-ddl-holder .card-ddl-active.dark::after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  padding-left: 5px;
}

.card .row12 .col {
  padding: 1px;
}
.card .subSection {
  background: #fff;
  border-bottom: none;
  border-top: 1px solid #ddd;
}
.card .subSection.nb {
  border: none;
}
.card .subSection.line-bottom {
  border-bottom: 1px solid #ddd;
}

.card .card .row12 label, .card .row12 span.text, .card .row12 .input-holder a.no-edit-show {
  display: block;
  text-align: right;
  padding: 7px 15px 7px 0;
  font-size: 11px;
  font-weight: normal;
  line-height: 17px;
  color: #999;
}

.card .row12 .input-holder label, .card .row12 .input-holder a.no-edit-show, .card .row12 span.text {
  text-align: left;
  display: none;
  font-size: 13px;
  color: #333;
}

.card .readonly#activeLead .row12 .input-holder label, .card .readonly#activeLead .row12 .input-holder a, .card .row12 span.text {
  display: block;
}

.row12 .col input[type=text], .row12 .col select, .row12 .col textarea, .row12-flex .col input[type=text], .row12-flex .col select, .row12-flex .col textarea {
  box-sizing: border-box;
  border: 1px solid #ccc;
  height: 32px;
  width: 100%;
  padding: 5px 5px 5px 10px;
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  color: #444;
  margin: 0;
  text-indent: 0;
}

.row12 .col .fin select {
  width: 120px;
}

.row12 .col div.basic dl dd label.txt {
  box-sizing: border-box;
  border: 1px solid #ccc;
  height: 32px;
  width: 100%;
  padding: 5px 19px 5px 10px;
  font-size: 14px;
  line-height: 22px;
  color: #444;
  margin: 0;
  text-indent: 0;
}

.row12 .col input[type=text].error, .row12 .col select.error, .row12 .col textarea.error {
  border-color: #ff0000;
}

.row12 .col textarea {
  min-height: 120px;
}

.ui-sortable-placeholder {
  opacity: 0.6;
  background-color: #fafafa;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.card-table {
  width: 100%;
  max-width: 100%;
}
.card-table.border-top {
  border-top: 1px solid #e4e4e4;
}
.card-table.border-top tr td:first-child {
  padding-left: 20px;
}
.card-table.high .header td.col-1px {
  width: 1px;
  padding: 0;
}
.card-table.high td {
  /* height:49px;*/
}
.card-table.high td.hight-holder {
  height: 49px;
  width: 1px;
  padding: 0px;
}
.card-table.high td.hight-holder::after {
  content: "";
  display: inline-block;
  height: 29px;
}
.card-table.padding-xl td {
  padding: 16px 10px;
}
@media all and (max-width: 500px) {
  .card-table.padding-xl td {
    padding: 5px;
  }
}
.card-table ul li::before {
  display: none !important;
}
.card-table li {
  display: block;
  float: none;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
  width: 100%;
  padding: 0 10px 0 10px;
  box-sizing: border-box;
}
.card-table li.ui-sortable-helper, .card-table li.ui-sortable-helper:hover {
  transition: 0 !important;
}
.card-table li:last-child {
  border-bottom: none;
}
.card-table li:after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
.card-table li.p-right-s {
  padding-right: 40px;
}
.card-table li:hover {
  background: #f7f7f7;
}
.card-table li .handCur {
  cursor: n-resize;
}
.card-table li a {
  z-index: 1;
}
.card-table li span, .card-table li a {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  line-height: 20px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #444;
  display: block;
}
.card-table li span::after, .card-table li a::after {
  display: block;
  height: 0;
  float: none;
  clear: both;
}
.card-table li span.w60, .card-table li a.w60 {
  width: 60%;
  float: left;
}
.card-table li span.w40, .card-table li a.w40 {
  width: 40%;
  float: left;
}
.card-table li span.w45, .card-table li a.w45 {
  width: 45px;
  text-align: center;
  position: relative;
}
.card-table li span.w100p, .card-table li a.w100p {
  width: 100%;
  box-sizing: border-box;
}
.card-table li span.w70p, .card-table li a.w70p {
  width: 70%;
  float: left;
  box-sizing: border-box;
}
.card-table li span.w30p, .card-table li a.w30p {
  width: 30%;
  float: left;
  box-sizing: border-box;
}
.card-table li span.first, .card-table li a.first {
  position: absolute;
  top: 0;
  left: 0;
}
.card-table li span.last, .card-table li a.last {
  position: absolute;
  top: 0;
  right: 0;
}
.card-table li span.r45, .card-table li a.r45 {
  position: absolute;
  top: 0;
  right: 45px;
}
.card-table li span.r90, .card-table li a.r90 {
  position: absolute;
  top: 0;
  right: 90px;
}
.card-table li span.r135, .card-table li a.r135 {
  position: absolute;
  top: 0;
  right: 135px;
}
.card-table li span.r180, .card-table li a.r180 {
  position: absolute;
  top: 0;
  right: 180px;
}
.card-table li span.pl45, .card-table li a.pl45 {
  padding-left: 45px;
}
.card-table li span.pr90, .card-table li a.pr90 {
  padding-right: 90px;
}
.card-table li span.pr135, .card-table li a.pr135 {
  padding-right: 135px;
}
.card-table li span.pr180, .card-table li a.pr180 {
  padding-right: 180px;
}
.card-table li span.pr225, .card-table li a.pr225 {
  padding-right: 225px;
}
.card-table li span.sort-handle, .card-table li a.sort-handle {
  display: none;
}
.card-table li span.fixed-xs, .card-table li a.fixed-xs {
  width: 20px;
  min-width: 20px;
}
.card-table li span.fixed-s, .card-table li a.fixed-s {
  width: 30px;
  min-width: 30px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
.card-table li span.fixed-s.abs-left, .card-table li a.fixed-s.abs-left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}
.card-table li span.fixed-s.abs-right, .card-table li a.fixed-s.abs-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.card-table li span.fixed-m, .card-table li a.fixed-m {
  width: 60px;
  min-width: 60px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
.card-table li span.fixed-m.abs-left, .card-table li a.fixed-m.abs-left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}
.card-table li span.fixed-m.abs-right, .card-table li a.fixed-m.abs-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.card-table li span.fixed-m a, .card-table li a.fixed-m a {
  float: right;
  padding: 10px 0;
  width: 50%;
}
.card-table li span.tm, .card-table li a.tm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.card-table li span.p-right-m, .card-table li a.p-right-m {
  padding-left: 50px;
  min-height: 50px;
  position: relative;
}
.card-table li span.p-right-m .fixed-m, .card-table li a.p-right-m .fixed-m {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  bottom: 0px;
}
.card-table li span .img-rounded, .card-table li a .img-rounded {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 5px;
}
.card-table li span .sub-col, .card-table li a .sub-col {
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 0 10px;
}
.card-table li span .sub-col.w50, .card-table li a .sub-col.w50 {
  width: 50%;
  flex: 1 1 50%;
}
@media all and (max-width: 500px) {
  .card-table li span .sub-col.w50, .card-table li a .sub-col.w50 {
    width: 100%;
    flex: 1 1 100%;
  }
}
.card-table li span i, .card-table li a i {
  font-size: 16px;
  line-height: 20px;
  color: #666;
}
.card-table li span i.chk, .card-table li a i.chk {
  width: 17px;
  height: 17px;
  border: 1px solid #08c880;
  background: #08c880;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  line-height: 15px;
  min-height: 0;
  margin: 4px auto auto auto;
  display: block;
}
.card-table li span i.chk-unchecked, .card-table li a i.chk-unchecked {
  width: 17px;
  height: 17px;
  border: 1px solid #777;
  background: #f9f9f9;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  line-height: 15px;
  margin: 4px auto auto auto;
  display: block;
}
.card-table li.table-header {
  border-bottom: none;
  padding: 6px 0 6px 0;
  background: #f2f2f2;
  font: normal normal normal 10px/17px "Figtree", Arial, Helvetica, sans;
  color: #444;
}
.card-table li.table-header .r90, .card-table li.table-header .r45, .card-table li.table-header .last, .card-table li.table-header .first, .card-table li.table-header .r135, .card-table li.table-header .r180 {
  top: 6px;
}
.card-table li.table-header span, .card-table li.table-header a {
  font: normal normal normal 10px/17px "Figtree", Arial, Helvetica, sans;
  color: #444;
  padding-top: 0;
  padding-bottom: 0;
}
.card-table .no-hover li:hover {
  background-color: #fff;
  transition: 0;
}
.card-table.sortable li.p-sort-handle {
  padding-left: 40px;
}
.card-table.sortable li.p-sort-handle span.sort-handle, .card-table.sortable li.p-sort-handle a.sort-handle {
  display: block;
}
.card-table.high thead td, .card-table thead td {
  min-height: 30px;
  background: #f5f5f5;
  font-size: 11px;
  color: #666;
  border-bottom-color: #d5d5d5;
}
.card-table.high thead td a, .card-table thead td a {
  font-size: 11px;
  color: #666;
}
.card-table.high thead td a::after, .card-table thead td a::after {
  content: "\f0dc";
  font: normal normal bold 10px/12px "Font Awesome 5 Pro";
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -6px;
}
.card-table.high thead td a.asc::after, .card-table thead td a.asc::after {
  content: "\f0de";
}
.card-table.high thead td a.desc::after, .card-table thead td a.desc::after {
  content: "\f0dd";
}
.card-table.no-sort thead td a::after {
  display: none;
}
.card-table td {
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #444;
}
.card-table td.border-left {
  border-left: 1px solid #e0e0e0;
}
.card-table td.nowrap {
  white-space: nowrap;
}
.card-table td.overflow {
  overflow: visible;
}
.card-table td.first {
  padding-left: 15px !important;
}
.card-table td em {
  display: block;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  color: #777;
}
.card-table td em.inline-nowrap {
  display: inline-block;
}
.card-table td em.tag {
  display: inline-block;
  background: #08c880;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
  padding: 0 10px 0 10px;
  border-radius: 11px;
  margin-left: 10px;
  color: #fff;
}
.card-table td.fixed-xs {
  width: 12px;
  min-width: 12px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
.card-table td .fixed-s {
  width: 30px;
  min-width: 30px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
.card-table td .fixed-s.abs {
  position: absolute;
  top: 0;
  right: 0;
}
.card-table td .fixed-s.first {
  padding-left: 15px !important;
}
.card-table td.fixed-ms {
  width: 56px;
  min-width: 56px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
.card-table td.fixed-ms.last {
  padding-right: 10px !important;
}
.card-table td.fixed-m {
  width: 75px;
  min-width: 75px;
  padding: 0 !important;
}
.card-table td.fixed-m img {
  display: block;
  width: 75px;
  height: 49px;
}
.card-table td.fixed-xl {
  width: 200px;
  min-width: 200px;
}
.card-table td.w25 {
  width: 25%;
}
.card-table td.w50 {
  width: 50%;
}
.card-table td.w75 {
  width: 50%;
}
.card-table td.status-na em.inline-nowrap {
  display: none;
}
.card-table td input[type=checkbox] {
  display: none;
}
.card-table td input[type=checkbox] + label {
  color: #444;
  font-size: 14px;
  min-height: 14px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  padding-left: 16px;
}
.card-table td input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #ccc !important;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.card-table td input[type=checkbox]:checked + label::before {
  content: "\f26b";
  color: #fff !important;
  border: 1px solid #10b376;
  background-color: #10b376;
  text-align: center;
  font-family: "Material-Design-Iconic-Font";
}
.card-table.text-s td {
  font-size: 13px;
}
.card-table.high tr.totals-row td {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: none;
}
.card-table.high tr.totals-row.bold td {
  padding-top: 20px;
  font-weight: bold;
}
.card-table.high tr.totals-row.light td {
  height: auto;
  font-weight: normal;
}
.card-table.high tr.totals-row.pb td {
  padding-bottom: 20px;
}
.card-table i {
  font-size: 15px;
  color: #999;
}
.card-table i.sup {
  font-size: 11px;
  padding-left: 6px;
  transform: translateY(-5px);
}
.card-table i.fa-pen {
  font-size: 12px;
}
.card-table i.green {
  color: #08c880;
}
.card-table i.light-grey {
  color: #ccc;
}
.card-table i.orange {
  color: #ff8e00;
}
.card-table i.red {
  color: #ee394d;
}
.card-table thead td.fixed-m {
  padding-left: 5px;
}
.card-table tr:hover td {
  background: #f7f7f7;
  cursor: pointer;
}
.card-table tr.nohover:hover td {
  background: #fff;
}
.card-table td {
  /* Tooltip styling */
  /* Dynamic horizontal centering */
  /* Dynamic vertical centering */
  /* Tooltip arrow styling/placement */
  /* Dynamic horizontal centering for the tooltip */
  /* Dynamic vertical centering for the tooltip */
  /* Show the tooltip when hovering */
}
.card-table td [data-tooltip] {
  display: inline-block;
  position: relative;
  padding: 4px;
}
.card-table td [data-tooltip]:before {
  content: attr(data-tooltip);
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  color: #666;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 1.4;
  min-width: 100px;
  text-align: center;
  border-radius: 4px;
}
.card-table td [data-tooltip-position=top]:before,
.card-table td [data-tooltip-position=bottom]:before {
  left: 50%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.card-table td [data-tooltip-position=right]:before,
.card-table td [data-tooltip-position=left]:before {
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.card-table td [data-tooltip-position=top]:before {
  bottom: 100%;
  margin-bottom: 6px;
}
.card-table td [data-tooltip-position=right]:before {
  left: 100%;
  margin-left: 6px;
}
.card-table td [data-tooltip-position=bottom]:before {
  top: 100%;
  margin-top: 6px;
}
.card-table td [data-tooltip-position=left]:before {
  right: 100%;
  margin-right: 6px;
}
.card-table td [data-tooltip]:after {
  content: "";
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.card-table td [data-tooltip-position=top]:after,
.card-table td [data-tooltip-position=bottom]:after {
  left: 50%;
  margin-left: -6px;
}
.card-table td [data-tooltip-position=right]:after,
.card-table td [data-tooltip-position=left]:after {
  top: 50%;
  margin-top: -6px;
}
.card-table td [data-tooltip-position=top]:after {
  bottom: 100%;
  border-width: 6px 6px 0;
  border-top-color: #ccc;
}
.card-table td [data-tooltip-position=right]:after {
  left: 100%;
  border-width: 6px 6px 6px 0;
  border-right-color: #ccc;
}
.card-table td [data-tooltip-position=bottom]:after {
  top: 100%;
  border-width: 0 6px 6px;
  border-bottom-color: #ccc;
}
.card-table td [data-tooltip-position=left]:after {
  right: 100%;
  border-width: 6px 0 6px 6px;
  border-left-color: #ccc;
}
.card-table td [data-tooltip]:hover:before,
.card-table td [data-tooltip]:hover:after {
  display: block;
  z-index: 50;
}

.card-table i.icon {
  color: #777;
}

.card-content {
  padding: 20px;
}

.card-content strong {
  display: inline-block;
  padding-bottom: 10px;
}

.small .card-container .card {
  min-height: 0;
}

.card-holder .row12 .col {
  padding: 0px;
}

.p10 {
  padding: 10px;
}

.p20 {
  padding: 20px;
}
.p20.pt0 {
  padding-top: 0px;
}

.p7 {
  padding: 7px;
}

.display-group {
  padding-bottom: 9px;
  position: relative;
}
.display-group.price-extra {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  margin-top: -5px;
}

.display-group label, .display-group span {
  display: block;
}

.display-group label, .card .row12 .display-group label, .input-group label, .card .row12 .input-group label {
  font-size: 10px;
  line-height: 12px;
  color: #999;
  text-align: left;
  padding: 0;
  font-weight: normal;
  text-transform: uppercase;
  display: inline-block;
  min-height: 17px;
}

.display-group em {
  font-style: normal;
  display: block;
  padding-left: 24px;
  color: #888;
}
.display-group em ul, .display-group em li {
  list-style: disc;
}
.display-group span, .display-group p {
  font-size: 14px;
  line-height: 20px;
  color: #444;
}
.display-group p {
  padding-bottom: 18px;
}
.display-group p + ul {
  margin-top: -10px;
}
.display-group ul {
  padding-bottom: 18px;
}
.display-group.price span {
  font-size: 26px;
  line-height: 32px;
}
.display-group.price span .lblProfit, .display-group.price span .lblLoss {
  display: block;
  float: right;
  border: 2px solid #08c880;
  border-radius: 4px;
  padding: 0 4px 0 4px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  color: #08c880;
}
.display-group.price span .lblLoss {
  border-color: #ee394d;
  color: #ee394d;
}
.display-group.icon {
  padding: 0px;
  line-height: 30px;
}
.display-group.icon i {
  padding-right: 20px;
  font-size: 20px;
  line-height: 30px;
}
.display-group.icon span {
  line-height: 30px;
}
.display-group.icon.green i {
  color: #08c880;
}
.display-group.icon.big {
  position: relative;
  padding: 15px 10px 15px 10px;
}
.display-group.icon.big label, .display-group.icon.big span {
  padding-left: 44px;
}
.display-group.icon.big i {
  position: absolute;
  top: 15px;
  left: 10px;
  font-size: 24px;
}
.display-group.icon.big span {
  font-size: 22px;
  line-height: 26px;
}

.card-body .display-group ul {
  padding-bottom: 18px;
}

.card .card {
  border: 1px solid #e5e5e5;
  position: relative;
  box-shadow: none;
}

.perso-holder::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.cc {
  max-width: 1400px;
}

.cc.small {
  max-width: 1035px;
}

.cc.extra-small {
  max-width: 820px;
}

.dark {
  background: #e5e5e5;
}

.card-header .tools, .subSection .tools, .card-body .tools {
  position: absolute;
  top: 7px;
  right: 15px;
  font-size: 16px;
  line-height: 31px;
  color: #777;
  display: block;
}
.card-header .tools .white i, .subSection .tools .white i, .card-body .tools .white i {
  color: #fff;
  z-index: 1;
}
.card-header .tools .grey i, .subSection .tools .grey i, .card-body .tools .grey i {
  color: #777;
}
.card-header .tools a, .subSection .tools a, .card-body .tools a {
  margin-left: 15px;
}

.card .card-body .display-group .tools {
  top: 0;
  right: 0;
}
.card .card-body .display-group .tools i {
  color: #777;
}

.card-header .tools i, .subSection .tools i, .card-body .tools i {
  font-size: 16px;
  line-height: 26px;
  color: #777;
  transition: 0.5s;
}
.card-header .tools i.sm, .card-header .tools i.fa-pen, .subSection .tools i.sm, .subSection .tools i.fa-pen, .card-body .tools i.sm, .card-body .tools i.fa-pen {
  font-size: 12px;
}

.card-header.big .tools i {
  font-size: 20px;
  padding-left: 20px;
  color: rgba(0, 0, 0, 0.7);
}
.card-header.big .tools .icon i {
  padding-left: 0;
  min-width: 25px;
  text-align: center;
}

.card-header .tools a:hover i .subSection .tools a:hover i {
  color: #000;
  transition: 0.5s;
}

.card-header.big .tools a:hover i {
  color: #edbb1b;
  transition: 0.5s;
}

.card-header.big {
  background: #fff;
  border-bottom: none;
  padding: 15px 15px 0 15px;
}

.card-header h1 {
  font: normal normal normal 26px/36px "Figtree", Arial, Helvetica, sans;
  color: #444;
  margin: 0;
  padding: 0;
}

.card-tabs::after {
  display: block;
  content: "";
  float: none;
  clear: both;
  height: 0;
}

.card-tabs li {
  padding: 15px 0 0 20px;
  display: block;
  float: left;
}

.card-tabs li a {
  display: block;
  font: normal normal 500 13px/40px "Figtree", Arial, Helvetica, sans;
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 3px solid transparent;
  text-transform: uppercase;
  transition: 0.5s;
}

.card-tabs li a:hover {
  color: rgb(0, 0, 0);
  transition: 0.5s;
}

.card-tabs li a.active {
  color: #edbb1b;
  border-color: #edbb1b;
}

.tools-menu-btn {
  padding-left: 10px;
}

.card-body hr {
  margin: 0;
  border: none;
  height: 1px;
  padding: 0;
  background: #f7f7f7;
}
.card-body a {
  color: #2c94d4;
}
.card-body h4 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #444;
  padding: 8px 0 2px 0;
}
.card-body ul {
  padding: 0;
  margin: 0;
}
.card-body ul li {
  font-size: 14px;
  line-height: 24px;
  color: #444;
  padding: 0px 0 0px 17px;
  position: relative;
}
.card-body ul li::before {
  display: block;
  content: "\f00c";
  position: absolute;
  top: 1px;
  left: 0;
  line-height: 24px;
  font-size: 14px;
  font-family: "Font Awesome 5 Pro";
}

.card-table a {
  color: #333;
}

.card-section {
  border-bottom: 1px solid #ddd;
}
.card-section:last-child {
  border-bottom: none;
}
.card-section p {
  font-size: 13px;
}

.card-section-header {
  padding: 12px 0 4px 20px;
  line-height: 24px;
  font-size: 18px;
  color: #444;
}

.card-section-header + .card-content {
  padding-top: 0;
}

.nobg-pageheader {
  background: #f5f5f5;
}

.card-search {
  background: #fafafa;
  padding: 15px 64px 15px 9px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.card-search::after {
  display: block;
  content: "";
  float: none;
  clear: both;
}
.card-search.col7 .ddl-col {
  width: 14.28%;
  flex: 0 0 14.28%;
}
.card-search.col6 .ddl-col {
  width: 16.66%;
  flex: 0 0 16.66%;
}
.card-search.col4 .ddl-col {
  width: 25% !important;
  flex: 0 0 25% !important;
}
.card-search.col3 .ddl-col {
  width: 33.33%;
  flex: 0 0 33.33%;
}
.card-search.col1 .ddl-col {
  width: 100%;
  flex: 0 0 100%;
}
.card-search .ddl-col {
  box-sizing: border-box;
  padding: 3px;
  width: 20%;
  flex: 0 0 20%;
  float: left;
  position: relative;
}
.card-search .ddl-col .select2-container--classic .select2-selection--single {
  height: 46px;
  border-color: #d5d5d5;
}
.card-search .ddl-col .select2-container--classic .select2-selection--single .select2-selection__rendered {
  line-height: 44px;
}
.card-search .ddl-col .select2-container--classic .select2-selection--single .select2-selection__arrow {
  height: 44px;
  line-height: 44px;
}
.card-search .ddl-col .select2-container--classic .select2-selection--single .select2-selection__arrow::before {
  line-height: 44px;
}
.card-search .ddl-col .toggle-search {
  display: none;
  position: absolute;
  top: 3px;
  right: 3px;
  border: 1px solid #d5d5d5;
  line-height: 44px;
  width: 42px;
  text-align: center;
  color: #777;
  border-radius: 5px;
}
.card-search .ddl-col .toggle-search i {
  line-height: 44px;
  font-size: 16px;
}
.card-search .ddl-col .input-holder {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #d5d5d5;
  padding: 5px 45px 5px 11px;
  position: relative;
  min-height: 46px;
  box-sizing: border-box;
}
.card-search .ddl-col .input-holder input {
  border: none;
  height: 34px;
  line-height: 34px;
  width: 100%;
  padding: 0;
}
.card-search .ddl-col .input-holder input::-ms-clear {
  display: none;
}
.card-search .ddl-col .input-holder .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  background: #fafafa;
  border-left: 1px solid #d5d5d5;
  line-height: 43px;
  width: 44px;
  text-align: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #777;
  text-decoration: none;
}
.card-search .ddl-col .input-holder .btn-search i {
  line-height: 42px;
  font-size: 16px;
}
.card-search .card-search-actions {
  position: absolute;
  top: 18px;
  right: 12px;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  width: 50px;
  box-sizing: border-box;
  overflow: hidden;
}
.card-search .card-search-actions a {
  display: block;
  text-align: center;
  line-height: 42px;
  box-sizing: border-box;
  transition: 0.3s;
  color: #777;
}
.card-search .card-search-actions a i {
  line-height: 42px;
  font-size: 16px;
}
.card-search .card-search-actions a span {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  padding-left: 9px;
  display: none;
}
.card-search .card-search-actions a:hover {
  background: #fff;
  transition: 0.3s;
  color: #444;
}

.line-after {
  display: block;
  position: relative;
}
.line-after::after {
  display: block;
  content: "";
  position: absolute;
  left: -17px;
  right: -17px;
  height: 1px;
  background: #d5d5d5;
  bottom: -10px;
}

.card .pagination {
  border-top: none;
  background: #fff;
  padding: 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.card .pagination.line-top {
  border-top: 1px solid #e0e0e0;
}
.card .pagination ul {
  position: relative;
  display: inline-block;
  border: 1px solid #d5d5d5;
  background: #fafafa;
  padding: 0;
  top: initial;
  border-radius: 5px;
  overflow: hidden;
}
.card .pagination ul::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
.card .pagination ul li {
  box-sizing: border-box;
  min-width: 39px;
  min-height: 38px;
  background: none;
  display: block;
  float: left;
  border-right: 1px solid #d5d5d5;
  position: relative;
  padding: 0;
  margin: 0;
  overflow: hidden;
  line-height: 38px;
}
.card .pagination ul li:last-child {
  border-right: none;
}
.card .pagination ul li a {
  background: none;
  box-sizing: border-box;
  display: block;
  margin: 0;
  min-width: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #777 !important;
  padding: 0 5px 0 5px;
  transition: 0.3s;
}
.card .pagination ul li a:hover {
  color: #333 !important;
  transition: 0.3s;
}
.card .pagination ul li strong {
  box-sizing: border-box;
  display: block;
  margin: 0;
  min-width: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #08c880;
  padding: 0 5px 0 5px;
}

.select2-results__options {
  padding: 5px 0 5px 0 !important;
}

.select2-container--classic .select2-results__option {
  padding: 10px 12px 10px 12px !important;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 3px;
}

.card-view {
  margin: 5px -5px 0 -5px;
}
.card-view .p5 {
  height: 100%;
  box-sizing: border-box;
}
.card-view .p5 .card {
  height: 100%;
  box-sizing: border-box;
}
.card-view .card {
  overflow: hidden;
  border: none;
}
.card-view .card .card-img img {
  display: block;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.card-view .card .card-content {
  padding: 12px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
  position: relative;
}
.card-view .card .card-content.margin-l {
  padding-top: 25px;
}
.card-view .card .card-content .car-status {
  position: absolute;
  top: -18px;
  right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 0 3px 0 3px;
}
.card-view .card .card-content .car-status.force-left {
  right: auto;
  left: 0;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.card-view .card .card-content .car-status i {
  color: #999;
  font-size: 16px;
  line-height: 20px;
  padding: 8px 6px 8px 6px;
}
.card-view .card .card-content .car-status i.zmdi {
  font-size: 20px;
}
.card-view .card .card-content .car-status i.green {
  color: #08c880;
}
.card-view .card .card-content .car-status i.orange {
  color: #ff8e00;
}
.card-view .card .card-content .car-status i.red {
  color: #ee394d;
}
.card-view .card .card-content .car-status .rating {
  padding: 8px 6px 8px 6px;
}
.card-view .card .card-content .client-status {
  position: absolute;
  top: 2px;
  right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #fff;
  padding: 0 3px 0 3px;
}
.card-view .card .card-content .client-status.force-left {
  right: auto;
  left: 0;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.card-view .card .card-content .client-status i {
  color: #ddd;
  font-size: 16px;
  line-height: 20px;
  padding: 8px 6px 8px 6px;
}
.card-view .card .card-content .client-status i.zmdi {
  font-size: 20px;
}
.card-view .card .card-content .client-status i.green {
  color: #08c880;
}
.card-view .card .card-content .client-status i.orange {
  color: #ff8e00;
}
.card-view .card .card-content .client-status i.red {
  color: #ee394d;
}
.card-view .card .card-content .client-status .rating {
  padding: 8px 6px 8px 6px;
}
.card-view .card .card-content strong {
  color: #444;
  font-style: normal;
  display: block;
  padding: 0;
}
.card-view .card .card-content strong.inline {
  display: inline-block;
  padding-right: 5px;
}
.card-view .card .card-content hr {
  background: #fafafa;
  margin: 8px -12px 8px -12px;
}
.card-view .card .card-content .car-specs:after, .card-view .card .card-content .client-specs:after {
  display: block;
  content: "";
  float: none;
  clear: both;
}
.card-view .card .card-content .car-specs dl, .card-view .card .card-content .client-specs dl {
  display: block;
  float: left;
  width: 33.33%;
}
.card-view .card .card-content .car-specs dl dt, .card-view .card .card-content .client-specs dl dt {
  display: block;
  font-size: 10px;
  line-height: 14px;
  color: #999;
  text-transform: uppercase;
}
.card-view .card .card-content .car-specs dl dd, .card-view .card .card-content .client-specs dl dd {
  position: relative;
  display: block;
  font-size: 13px;
  line-height: 16px;
  color: #444;
  padding-bottom: 10px;
}
.card-view .card .card-content .car-specs dl dd em, .card-view .card .card-content .client-specs dl dd em {
  display: inline-block;
  font-style: normal;
  font-size: 11px;
  color: #777;
  padding-left: 5px;
}
.card-view .card .card-content .car-specs dl dd.price, .card-view .card .card-content .client-specs dl dd.price {
  white-space: nowrap;
}
.card-view .card .card-content .car-specs dl dd.price em, .card-view .card .card-content .client-specs dl dd.price em {
  white-space: normal;
}
.card-view .card .card-content .client-specs dl {
  display: block;
  float: left;
  width: 100%;
}
.card-view .card .card-content .client-specs.w50 dl {
  width: 50%;
}

.card-body .row12 label, .card-body .row12 span.text, .card-body .row12 .input-holder a.no-edit-show {
  display: block;
  text-align: right;
  padding: 7px 15px 7px 0;
  font-size: 11px;
  font-weight: normal;
  line-height: 17px;
  color: #999;
}

.card-body .row12 .input-holder label, .card-body .row12 .input-holder a.no-edit-show, .card-body .row12 span.text {
  text-align: left;
  display: none;
  font-size: 13px;
  color: #333;
}

.card-body .readonly#activeLead .row12 .input-holder label, .card-body .readonly#activeLead .row12 .input-holder a, .card-body .row12 span.text {
  display: block;
}

.readonly#activeLead .txt, .readonly#activeLead .btnMinPlus, .readonly#activeLead .ui-datepicker-trigger, .readonly#activeLead .control-holder {
  display: none;
}

.card-list {
  padding: 5px 0 5px 0;
  overflow-y: scroll;
}
.card-list::-webkit-scrollbar {
  display: block;
  width: 16px;
}
.card-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.card-list::-webkit-scrollbar-thumb {
  background-color: #f0f0f0;
  border-radius: 20px;
  border: 4px solid transparent;
  background-clip: content-box;
}
.card-list::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}
.card-list li {
  position: relative;
  margin: 0 5px 0 5px;
}
.card-list li a {
  display: block;
  padding: 10px 12px 10px 12px;
  font: normal normal normal 13px/20px "Figtree", Arial, Helvetica, sans;
  color: #444;
  transition: 0.3s;
  border-radius: 3px;
}
.card-list li a:hover, .card-list li a.active {
  background: #efefef;
  transition: 0.3s;
}
.card-list li a i {
  padding-right: 7px;
  color: #ccc;
}
.card-list li a i.fa-pen {
  font-size: 12px;
}
.card-list li a i.green {
  color: #08c880;
}
.card-list li.has-children li a {
  padding-left: 32px;
}
.card-list li.has-children li ul li a {
  padding-left: 39px;
}
.card-list li a.action.abs-right {
  position: absolute;
  right: 0;
  top: 0;
}
.card-list li a.action.abs-right:hover {
  background: none;
}
.card-list li a.action.abs-right:hover i {
  color: #444;
}
.card-list li a + a.ddl-arrow {
  display: none;
}
.card-list li a.has-children + a.ddl-arrow {
  background: none;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  padding: 0;
  text-align: center;
  line-height: 40px;
}
.card-list li a.has-children + a.ddl-arrow i {
  padding: 0;
  color: #777;
  font-size: 20px;
}
.card-list li ul {
  display: none;
  transition: 0.3s;
}
.card-list li.open {
  background: #fafafa;
}
.card-list li.open a.has-children + a.ddl-arrow {
  background: none;
  transform: rotate(180deg);
}
.card-list li.open ul {
  display: block;
  transition: 0.3s;
}
.card-list li.open ul li a {
  padding-left: 50px;
}
.card-list.expandable-items li a {
  padding-left: 25px;
}
.card-list.expandable-items li a.plus {
  display: block;
  padding: 0;
  position: absolute;
  top: 11px;
  right: 5px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #666;
  box-sizing: border-box;
  transition: 0.3s;
}
.card-list.expandable-items li a.plus i {
  padding: 0;
  color: #666;
}
.card-list.expandable-items li a.plus.open {
  transform: rotate(180deg);
  transition: 0.3s;
}
.card-list.expandable-items li a.sort {
  display: block;
  padding: 0;
  position: absolute;
  top: 11px;
  left: 2px;
  width: 20px;
  height: 20px;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  color: #666;
  box-sizing: border-box;
}
.card-list.expandable-items li a.sort i {
  padding: 0;
  color: #666;
}
.card-list.expandable-items.new li {
  margin-right: 0;
}
.card-list.expandable-items.new li a.plus {
  pointer-events: none;
  right: 0;
}
.card-list.expandable-items .fa-globe {
  margin-left: -15px;
}
.card-list .list-item {
  position: relative;
  padding: 0px 40px 0px 15px;
  font: normal normal normal 14px/24px "Figtree", Arial, Helvetica, sans;
  color: #444;
  border-bottom: 1px solid #d5d5d5;
  transition: 0.5s;
}
.card-list .list-item a {
  display: block;
  padding: 10px 0 10px 0;
  font-size: 14px;
}
.card-list .list-item.active {
  background: #f2f2f2;
  font-weight: 500;
}
.card-list .card-list-search {
  padding: 0 5px 5px 5px;
}
.card-list .list-item .pull-right.small {
  float: right;
  margin-right: -25px;
  font-size: 10px;
}

.card-body {
  position: relative;
}

.p10 div.basic {
  padding: 0;
}

.p15 {
  padding: 15px;
}

.card-header-img {
  padding: 10px;
}
.card-header-img img {
  display: block;
}

.card-label {
  display: block;
  padding-top: 6px;
  font: normal normal normal 14px/20px "Figtree", Arial, Helvetica, sans;
  color: #444;
}

.card-detail {
  display: block;
  font: normal normal normal 24px/34px "Figtree", Arial, Helvetica, sans;
  color: #444;
}

.card-tabs-outside {
  z-index: 1;
}
.card-tabs-outside + .card {
  border-top-left-radius: 0;
  z-index: 1;
}
.card-tabs-outside + .card .card-search-holder {
  border-top-left-radius: 0;
}
.card-tabs-outside::after {
  content: "";
  display: block;
  clear: both;
  float: none;
}
.card-tabs-outside ul {
  display: block;
  margin: 0;
  padding: 0;
}
.card-tabs-outside ul li {
  display: block;
  float: left;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 1px;
}
.card-tabs-outside ul li a {
  position: relative;
  display: block;
  box-sizing: border-box;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 8px 20px 8px 20px;
  line-height: 23px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  min-width: 100px;
  text-transform: uppercase;
  text-align: center;
  color: #999;
  background: rgb(245, 245, 245);
  background: -moz-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 95%, rgb(221, 221, 221) 100%);
  background: -webkit-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 95%, rgb(221, 221, 221) 100%);
  background: linear-gradient(to bottom, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 95%, rgb(221, 221, 221) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f5f5f5", endColorstr="#dddddd",GradientType=0 );
}
.card-tabs-outside ul li a.active {
  box-shadow: none;
  z-index: 10;
  color: #444;
  background: #fafafa;
}
.card-tabs-outside ul li a.active::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 6px;
  background: #f5f5f5;
  background: #fafafa;
  box-shadow: none;
}

.card-search-holder {
  display: block;
  position: relative;
  background: #fafafa;
  padding: 12px 9px 12px 9px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.card-search-holder .card-search {
  padding: 0 46px 0 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card-search-holder .card-search .ddl-col {
  box-sizing: border-box;
  padding: 3px;
  width: 20%;
  flex: 0 0 20%;
  float: left;
  position: relative;
}
.card-search-holder .card-search .ddl-col .select2-container--classic .select2-selection--single {
  height: 40px;
  border-color: #d5d5d5;
}
.card-search-holder .card-search .ddl-col .select2-container--classic .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}
.card-search-holder .card-search .ddl-col .select2-container--classic .select2-selection--single .select2-selection__arrow {
  height: 38px;
  line-height: 38px;
}
.card-search-holder .card-search .ddl-col .select2-container--classic .select2-selection--single .select2-selection__arrow::before {
  line-height: 38px;
}
.card-search-holder .card-search .ddl-col .toggle-search {
  display: none;
  position: absolute;
  top: 3px;
  right: 3px;
  border: 1px solid #d5d5d5;
  line-height: 38px;
  width: 40px;
  text-align: center;
  color: #777;
  border-radius: 5px;
}
.card-search-holder .card-search .ddl-col .toggle-search i {
  line-height: 38px;
  font-size: 16px;
}
.card-search-holder .card-search .ddl-col .input-holder {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #d5d5d5;
  padding: 5px 41px 5px 11px;
  position: relative;
  min-height: 40px;
  box-sizing: border-box;
}
.card-search-holder .card-search .ddl-col .input-holder input {
  border: none;
  height: 28px;
  line-height: 28px;
  width: 100%;
  padding: 0;
}
.card-search-holder .card-search .ddl-col .input-holder input::-ms-clear {
  display: none;
}
.card-search-holder .card-search .ddl-col .input-holder .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  background: #fafafa;
  border-left: 1px solid #d5d5d5;
  line-height: 36px;
  width: 40px;
  text-align: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #777;
  text-decoration: none;
}
.card-search-holder .card-search .ddl-col .input-holder .btn-search i {
  line-height: 36px;
  font-size: 16px;
}
.card-search-holder .card-search .card-search-actions {
  top: 3px;
  right: 3px;
  width: 40px;
}
.card-search-holder .card-search .card-search-actions a {
  line-height: 37px;
}
.card-search-holder .card-search .card-search-actions a i {
  line-height: 37px;
}
.card-search-holder.has-timeframe {
  padding-right: 357px;
}
.card-search-holder .timeframe-holder {
  position: absolute;
  top: 12px;
  right: 12px;
}
.card-search-holder .timeframe-holder .select2-container--classic .select2-selection--single {
  height: 40px;
  border-color: #d5d5d5;
}
.card-search-holder .timeframe-holder .select2-container--classic .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}
.card-search-holder .timeframe-holder .select2-container--classic .select2-selection--single .select2-selection__arrow {
  height: 38px;
  line-height: 38px;
}
.card-search-holder .timeframe-holder .select2-container--classic .select2-selection--single .select2-selection__arrow::before {
  line-height: 38px;
}
.card-search-holder .timeframe-holder .timeframe {
  padding-right: 6px;
}
.card-search-holder .timeframe-holder .timeframe a {
  height: 38px;
}
.card-search-holder .timeframe-holder .timeframe a i {
  line-height: 38px;
}
.card-search-holder .timeframe-holder h5 {
  line-height: 38px !important;
  font-weight: normal !important;
}
.card-search-holder .tools {
  position: absolute;
  top: 15px;
  right: 15px;
}
.card-search-holder .tools .card-ddl-holder .card-ddl-active {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e8e8e8",GradientType=0 );
}

.has-info .clientHolder {
  width: 100%;
  padding-right: 42px;
  box-sizing: border-box;
}
.has-info .info {
  position: absolute;
  top: 0px;
  right: 0px;
}

.full-width .clientHolder {
  width: 100%;
  box-sizing: border-box;
  float: none;
  margin-bottom: -2px;
}

.card.full div.basic, .card.full div.basic dl, .card.full div.basic dl dd {
  max-width: 100%;
}

.card-info {
  position: relative;
}
.card-info .card-info-nr {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 84px;
  display: flex;
  align-items: center;
  background: #fafafa;
  color: #777;
  text-align: center;
  justify-content: center;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.card-info .card-info-nr div {
  line-height: 28px;
  font-size: 20px;
  font-weight: bold;
}
.card-info .card-info-nr em {
  font-size: 12px;
  line-height: 12px;
  display: block;
  font-weight: normal;
  font-style: normal;
}
.card-info.open .card-info-nr {
  background: #ebbe1c;
  color: #fff;
}
.card-info.inprogress .card-info-nr {
  background: #2dabed;
  color: #fff;
}
.card-info.done .card-info-nr {
  background: #08c880;
  color: #fff;
}
.card-info .card-info-text {
  padding: 20px 0 20px 100px;
}
.card-info .card-info-text label.card-label {
  padding-top: 0;
  display: block;
  color: #777;
  font-size: 14px;
  line-height: 19px;
}
.card-info .card-info-text div.card-detail {
  color: #444;
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
}
.card-info .card-info-text div.card-detail .time-selection {
  position: absolute;
  top: 14px;
  right: 12px;
  width: 110px;
}
.card-info .card-info-text div.card-detail .time-selection select {
  width: 100%;
  border: none;
}
.card-info .card-info-text div.card-detail .time-selection .select2-container--classic .select2-selection--single {
  border: none;
  background: none;
}
.card-info .card-info-text div.card-detail .time-selection .select2-container--classic .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  font-weight: normal;
  color: #777;
  text-align: right;
}
.card-info .card-info-row {
  padding: 20px 20px 10px 20px;
}
.card-info .card-info-row label.card-label {
  padding-top: 0;
  display: block;
  color: #777;
  font-size: 14px;
  line-height: 19px;
}
.card-info .card-info-row .card-detail-row {
  margin: 0 0 0 -10px;
}
.card-info .card-info-row .card-detail-row::after {
  display: block;
  float: none;
  clear: both;
  content: "";
}
.card-info .card-info-row .card-detail-row .card-detail-cell {
  float: left;
  width: 100%;
  position: relative;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
  padding: 0px 10px 0 10px;
  margin-bottom: 5px;
  margin-top: 10px;
}
.card-info .card-info-row .card-detail-row .card-detail-cell:last-child {
  border-right: none;
}
.card-info .card-info-row .card-detail-row .card-detail-cell label {
  display: block;
  font-size: 12px;
  color: #999;
  padding-bottom: 10px;
}
.card-info .card-info-row .card-detail-row .card-detail-cell span {
  display: block;
  color: #444;
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
}
.card-info .card-info-row .card-detail-row .card-detail-cell em {
  display: block;
  position: absolute;
  bottom: 0px;
  right: 10px;
  color: #999;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
  text-align: right;
}
.card-info .card-info-row .card-detail-row.cell2 .card-detail-cell {
  width: 50%;
}
.card-info .card-info-row .card-detail-row.cell5 .card-detail-cell {
  width: 20%;
}

.title-info {
  line-height: 23px;
  font-size: 13px;
  color: #444;
}
.title-info a {
  line-height: 23px;
  font-size: 13px;
  color: #444;
  font-weight: 500;
  text-decoration: none;
}

.title-sub-info {
  line-height: 17px;
  font-size: 13px;
  color: #444;
}
.title-sub-info a {
  line-height: 17px;
  font-size: 13px;
  text-decoration: underline;
}

.calendar-holder {
  /*event in day or week view*/
}
.calendar-holder .dhx_cal_navline, .calendar-holder .dhx_cal_scale_placeholder, .calendar-holder .dhx_cal_header, .calendar-holder .dhx_scale_bar {
  background: #fafafa;
}
.calendar-holder .dhx_cal_container {
  border-radius: 5px;
}
.calendar-holder .dhx_cal_navline {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.calendar-holder .dhx_cal_scale_placeholder {
  border-bottom: 1px solid #ddd;
}
.calendar-holder .dhx_cal_header {
  margin-top: -1px;
}
.calendar-holder .dhx_cal_navline .dhx_cal_date {
  color: #444;
}
.calendar-holder .dhx_cal_tab {
  border-color: #d5d5d5;
  font-size: 14px;
  color: #777;
}
.calendar-holder .dhx_cal_tab.active, .calendar-holder .dhx_cal_tab.active:hover {
  background: #fff;
  color: #444;
  transition: 0.3s;
  border-color: #d5d5d5;
}
.calendar-holder .dhx_cal_prev_button, .calendar-holder .dhx_cal_today_button, .calendar-holder .dhx_cal_next_button {
  border-color: #d5d5d5;
  font-size: 14px;
  color: #777;
  background: #fff;
  line-height: 32px;
}
.calendar-holder .dhx_cal_today_button {
  right: 47px;
}
.calendar-holder .dhx_cal_prev_button {
  right: 128px;
  background-image: none;
  text-align: center;
}
.calendar-holder .dhx_cal_prev_button::after {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  line-height: 32px;
}
.calendar-holder .dhx_cal_next_button {
  background-image: none;
  text-align: center;
}
.calendar-holder .dhx_cal_next_button::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  line-height: 32px;
}
.calendar-holder .dhx_cal_navline .dhx_cal_prev_button:hover {
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #e5e5e5;
}
.calendar-holder .dhx_cal_navline .dhx_cal_next_button:hover {
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #e5e5e5;
}
.calendar-holder .dhx_scale_holder_now {
  background-color: #fafafa;
}
.calendar-holder .dhx_cal_data div .dhx_cal_event {
  border-radius: 3px;
  padding: 1px;
}
.calendar-holder .dhx_cal_data div .dhx_cal_event .dhx_title {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 2px 0 0 8px;
  font-size: 13px;
  line-height: 19px;
  font-weight: normal;
  height: 21px;
  border: none;
}
.calendar-holder .dhx_cal_data div .dhx_cal_event .dhx_body {
  padding: 0 0 0 8px;
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
  font-weight: 300;
  min-height: 17px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border: none;
}
.calendar-holder .dhx_cal_event .dhx_footer {
  background-color: transparent !important;
}
.calendar-holder #scheduler_here table {
  border: none;
  border-collapse: collapse;
}
.calendar-holder #scheduler_here table td {
  padding: 0;
  border: none;
}
.calendar-holder #scheduler_here table th {
  padding: 0;
}
.calendar-holder .dhx_cal_event.public_event div, .calendar-holder .dhx_cal_event_line.public_event {
  background-color: #ccc !important;
  color: #444;
}
.calendar-holder .dhx_cal_event.public_event div.dhx_footer {
  background-color: transparent !important;
}
.calendar-holder .dhx_cal_event.public_event::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "\f0c0";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  padding: 0 5px 0 5px;
  color: #777;
}
.calendar-holder .dhx_cal_event_clear {
  border-radius: 5px;
  background-color: transparent !important;
  color: #444;
  padding-left: 20px;
  position: relative;
  box-sizing: border-box;
  padding-top: 0;
  line-height: 19px;
}
.calendar-holder .dhx_cal_event_clear .date {
  font-weight: 300;
  line-height: 19px;
}
.calendar-holder .dhx_cal_event_clear .bullet {
  display: block;
  position: absolute;
  top: 5px;
  left: 3px;
  height: 10px;
  width: 10px;
  border-radius: 5px;
}
.calendar-holder .dhx_cal_event_line {
  border-radius: 5px;
}

.card .inline .ui-datepicker {
  width: 99%;
  padding: 0;
}
.card .inline .ui-datepicker td a {
  text-align: center;
  border-radius: 5px;
}
.card .inline .ui-datepicker .ui-state-highlight, .card .inline .ui-datepicker .ui-widget-content .ui-state-highlight {
  border: none;
  background: none;
  font-weight: normal;
  color: #444;
}
.card .inline .ui-datepicker .ui-state-active, .card .inline .ui-datepicker .ui-widget-content .ui-state-active td a, .card .inline .ui-datepicker .ui-state-active.ui-state-highlight, .card .inline .ui-datepicker .ui-widget-content .ui-state-active.ui-state-highlight td a {
  border: 1px solid #cef4e6;
  background: #cef4e6;
  font-weight: normal;
  color: #444;
}
.card .inline .ui-datepicker .busy a, .card .inline .ui-datepicker .busy a.ui-state-active, .card .inline .ui-datepicker .busy a.ui-state-active.ui-state-highlight.busy {
  border: 1px solid #08c880;
  background: #08c880;
  font-weight: normal;
  color: #fff;
}
.card .inline .ui-datepicker .ui-datepicker-title {
  margin: 0 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
}
.card .inline .ui-datepicker .ui-datepicker-title span {
  font-size: 20px;
}
.card .inline .ui-datepicker .ui-datepicker-prev, .card .inline .ui-datepicker .ui-datepicker-next {
  width: 40px;
  height: 40px;
}
.card .inline .ui-datepicker .ui-datepicker-prev span, .card .inline .ui-datepicker .ui-datepicker-next span {
  background: none;
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
  margin: 0;
}
.card .inline .ui-datepicker .ui-datepicker-prev span::after, .card .inline .ui-datepicker .ui-datepicker-next span::after {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  line-height: 40px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  text-align: center;
  text-indent: 0;
}
.card .inline .ui-datepicker .ui-datepicker-next span::after {
  content: "\f105";
}

body .dhx_cal_light {
  border-radius: 5px;
  background: #fafafa;
}
body .dhx_cal_light .dhx_cal_larea {
  margin-bottom: 18px;
  border-bottom: 1px solid #e0e0e0;
}
body .dhx_cal_light .dhx_cal_ltitle {
  background: #fff;
  border-bottom: #fff;
  height: 69px;
  line-height: 69px;
  margin-bottom: 0;
  padding: 0 25px 0 25px;
  border-radius: 5px 5px 0 0;
}
body .dhx_cal_light .dhx_cal_ltitle .dhx_time, body .dhx_cal_light .dhx_cal_ltitle .dhx_title {
  color: #444;
  font-size: 20px;
  line-height: 69px;
  text-transform: none;
}
body .dhx_cal_light .dhx_wrap_section {
  padding: 0 25px 0 25px;
  position: relative;
}
body .dhx_cal_light .dhx_wrap_section .dhx_cal_lsection {
  width: 100%;
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase;
  color: #999;
  text-align: left;
  margin-left: 0;
  padding-top: 0;
  min-height: 18px !important;
  float: none;
}
body .dhx_cal_light .dhx_wrap_section .dhx_cal_lsection.dhx_cal_checkbox {
  padding-left: 25px;
  font-size: 13px;
  color: #444;
  text-transform: none;
  font-weight: normal;
  min-height: 32px !important;
  line-height: 32px;
}
body .dhx_cal_light .dhx_wrap_section .dhx_cal_ltext {
  margin: 0;
  padding: 0;
}
body .dhx_cal_light .dhx_wrap_section .dhx_cal_ltext textarea {
  border-color: #ccc;
  border-radius: 3px;
}
body .dhx_cal_light .dhx_wrap_section .dhx_section_time {
  padding: 5px 0 0 0 !important;
}
body .dhx_cal_light .dhx_wrap_section .dhx_section_time select.dhx_lightbox_time_select {
  margin-left: 0;
  border-color: #ccc;
  border-radius: 3px;
}
body .dhx_cal_light .dhx_wrap_section .dhx_section_time select.dhx_lightbox_day_select, body .dhx_cal_light .dhx_wrap_section .dhx_section_time select.dhx_lightbox_month_select, body .dhx_cal_light .dhx_wrap_section .dhx_section_time select.dhx_lightbox_year_select {
  border-color: #ccc;
  border-radius: 3px;
}
body .dhx_cal_light .dhx_wrap_section .dhx_cal_wide_checkbox {
  position: absolute;
  top: 0;
  left: 25px;
  min-height: 20px;
  width: 25px;
}
body .dhx_cal_light .dhx_wrap_section .dhx_cal_wide_checkbox input[type=checkbox] {
  margin: 0;
}
body .dhx_cal_light .dhx_wrap_section .dhx_cal_block input[type=text] {
  border-color: #ccc;
  border-radius: 3px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  height: 32px;
  line-height: 20px;
  padding: 6px 0 6px 8px;
  color: #444;
}
body .dhx_cal_light .dhx_save_btn_set {
  background: none;
  border: none;
  border-radius: 3px;
  padding: 0px;
  font-size: 13px;
  float: left !important;
  margin-left: 25px;
}
body .dhx_cal_light .dhx_save_btn_set div {
  font-size: 13px;
  line-height: 35px;
  height: 37px;
  padding: 0 20px 0 20px;
  border: 1px solid #08c880;
  background: #08c880;
  box-sizing: border-box;
  min-width: 80px;
  text-align: center;
  border-radius: 3px;
}
body .dhx_cal_light .dhx_cancel_btn_set {
  background: none;
  border: none;
  border-radius: 3px;
  padding: 0px;
  font-size: 13px;
  float: left !important;
}
body .dhx_cal_light .dhx_cancel_btn_set div {
  font-size: 13px;
  line-height: 35px;
  height: 37px;
  padding: 0 20px 0 20px;
  border: 1px solid #777;
  color: #777;
  background: transparent;
  box-sizing: border-box;
  min-width: 80px;
  text-align: center;
  border-radius: 3px;
}
body .dhx_cal_light .dhx_delete_btn_set {
  background: none;
  border: none;
  border-radius: 3px;
  padding: 0px;
  font-size: 13px;
  float: right !important;
  margin-right: 25px;
}
body .dhx_cal_light .dhx_delete_btn_set div {
  font-size: 13px;
  line-height: 35px;
  height: 37px;
  padding: 0 20px 0 20px;
  border: 1px solid #ff0000;
  color: #ff0000;
  background: transparent;
  box-sizing: border-box;
  min-width: 80px;
  text-align: center;
  border-radius: 3px;
}
body .dhx_cal_quick_info {
  border: none !important;
  width: 320px;
}
body .dhx_cal_quick_info .dhx_cal_qi_title {
  background: #fff;
  border-bottom: #fff;
  margin-bottom: 0;
  padding: 10px 10px 10px 10px;
  border-radius: 5px 5px 0 0;
  position: relative;
}
body .dhx_cal_quick_info .dhx_cal_qi_title .dhx_cal_qi_tcontent {
  color: #444;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  text-transform: none;
  padding-right: 110px;
}
body .dhx_cal_quick_info .dhx_cal_qi_title .dhx_cal_qi_tcontent .btns {
  position: absolute;
  top: 7px;
  right: 0;
}
body .dhx_cal_quick_info .dhx_cal_qi_title .dhx_cal_qi_tcontent .btns div, body .dhx_cal_quick_info .dhx_cal_qi_title .dhx_cal_qi_tcontent .btns a {
  float: left;
  width: 40px;
  height: 40px;
  min-width: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  border: none;
  font-size: 16px;
  color: #444;
  line-height: 40px;
  border-radius: 50%;
}
body .dhx_cal_quick_info .dhx_cal_qi_title .dhx_cal_qi_tcontent .btns div i, body .dhx_cal_quick_info .dhx_cal_qi_title .dhx_cal_qi_tcontent .btns a i {
  font-size: 16px;
  line-height: 40px;
  font-weight: 300;
}
body .dhx_cal_quick_info .dhx_cal_qi_title .dhx_cal_qi_tcontent .btns div:hover, body .dhx_cal_quick_info .dhx_cal_qi_title .dhx_cal_qi_tcontent .btns a:hover {
  background: #eee;
}
body .dhx_cal_quick_info .dhx_cal_qi_title .dhx_cal_qi_tdate {
  color: #444;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-transform: none;
  margin-top: 0;
}
body .dhx_cal_quick_info .dhx_cal_qi_content {
  padding: 10px 10px 10px 10px;
  margin: 0;
  width: auto;
}
body .dhx_cal_quick_info .dhx_cal_qi_content .quick-info-section {
  padding-left: 25px;
  font-size: 14px;
  position: relative;
  padding-bottom: 10px;
}
body .dhx_cal_quick_info .dhx_cal_qi_content .quick-info-section i {
  position: absolute;
  top: 4px;
  left: 0;
  font-size: 16px;
}
body .dhx_cal_quick_info .dhx_cal_qi_controls {
  display: none;
}

@media all and (min-width: 900px) {
  .card-view, .mobile-s-show {
    display: none;
  }
}
@media all and (max-width: 900px) {
  .p10.mt-neg20 {
    padding-left: 0;
    padding-right: 0;
  }
  .p10.np-lr {
    padding-left: 0;
    padding-right: 0;
  }
  .mobile-style-clear {
    box-shadow: none;
    border: none;
    background: none;
  }
  .card-search {
    border-radius: 5px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    padding: 9px;
  }
  .card-search .ddl-col, .card-search.col6 .ddl-col, .card-search.col4 .ddl-col, .card-search.col7 .ddl-col {
    flex: 0 0 100% !important;
    width: 100% !important;
  }
  .card-search .ddl-col.mob-order-1, .card-search.col6 .ddl-col.mob-order-1, .card-search.col4 .ddl-col.mob-order-1, .card-search.col7 .ddl-col.mob-order-1 {
    order: 1;
    padding-right: 52px;
  }
  .card-search .ddl-col.mob-order-2, .card-search.col6 .ddl-col.mob-order-2, .card-search.col4 .ddl-col.mob-order-2, .card-search.col7 .ddl-col.mob-order-2 {
    order: 2;
  }
  .card-search .ddl-col.mob-order-3, .card-search.col6 .ddl-col.mob-order-3, .card-search.col4 .ddl-col.mob-order-3, .card-search.col7 .ddl-col.mob-order-3 {
    order: 3;
  }
  .card-search .ddl-col.mob-order-4, .card-search.col6 .ddl-col.mob-order-4, .card-search.col4 .ddl-col.mob-order-4, .card-search.col7 .ddl-col.mob-order-4 {
    order: 4;
  }
  .card-search .ddl-col.mob-order-5, .card-search.col6 .ddl-col.mob-order-5, .card-search.col4 .ddl-col.mob-order-5, .card-search.col7 .ddl-col.mob-order-5 {
    order: 5;
  }
  .card-search .ddl-col.mob-order-6, .card-search.col6 .ddl-col.mob-order-6, .card-search.col4 .ddl-col.mob-order-6, .card-search.col7 .ddl-col.mob-order-6 {
    order: 6;
  }
  .card-search .ddl-col.mob-order-7, .card-search.col6 .ddl-col.mob-order-7, .card-search.col4 .ddl-col.mob-order-7, .card-search.col7 .ddl-col.mob-order-7 {
    order: 7;
  }
  .card-search .ddl-col .toggle-search, .card-search.col6 .ddl-col .toggle-search, .card-search.col4 .ddl-col .toggle-search, .card-search.col7 .ddl-col .toggle-search {
    display: block;
  }
  .card-search .card-search-actions {
    order: 7;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 3px;
    width: 100%;
    text-align: center;
  }
  .card-search .card-search-actions a span {
    display: inline-block;
  }
  .card-search .mob-default-hide {
    display: none;
    transition: 0.3s;
  }
  .card .pagination {
    background: none;
  }
  .card-search-holder::after {
    content: "";
    display: block;
    float: none;
    clear: both;
  }
  .card-search-holder.has-timeframe {
    padding-right: 90px;
  }
  .card-search-holder .card-search {
    padding-right: 0px;
    box-shadow: none;
  }
  .card-search-holder .card-search .ddl-col {
    width: 100%;
    flex: 0 0 100%;
  }
  .card-search-holder .card-search .ddl-col.mob-order-1 {
    padding-right: 52px;
  }
  .card-search-holder .card-search .ddl-col .toggle-search {
    display: block;
  }
  .card-search-holder .card-search .card-search-actions {
    top: 0;
    right: 0;
    width: 100%;
  }
  .card-search-holder .timeframe-holder {
    position: relative;
    top: 6px;
    right: 0px;
    left: auto;
    float: right;
    padding-right: 3px;
  }
  .card-search-holder .timeframe-holder.mob-default-hide {
    display: none;
    transition: 0.3s;
  }
  .card-search.open .ddl-col.mob-default-hide, .card-search.open .card-search-actions.mob-default-hide,
  .card-search-holder.open .card-search .ddl-col.mob-default-hide, .card-search-holder.open .card-search .card-search-actions.mob-default-hide,
  .card-search-holder.open .timeframe-holder.mob-default-hide {
    display: block;
    transition: 0.3s;
  }
}
@media all and (max-width: 1150px) {
  .mobile-hide {
    display: none !important;
  }
  .mobile-show {
    display: block !important;
  }
  .card-table.high td {
    padding: 5px;
  }
}
@media all and (max-width: 600px) {
  .card div.basic dl {
    padding: 0;
  }
  .card div.basic dl dt, .card div.basic dl dd {
    width: 100% !important;
  }
}
.col .card.label-block div.basic dl dt, .col .card.label-block div.basic dl dd {
  float: none;
  width: 100% !important;
  min-height: 0;
  text-align: left;
}

.col .card.label-block div.basic dl dt label {
  float: none;
  width: 100%;
  line-height: 14px;
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 16px;
}

.card-list.questions {
  padding: 0;
  overflow-y: unset;
}

.card-list-item {
  border-bottom: 1px solid #eee;
  position: relative;
}
.card-list-item .question {
  padding: 12px 150px 12px 49px;
  line-height: 25px;
  font-size: 14px;
  color: #444;
}
.card-list-item .question-status {
  position: absolute;
  top: 0;
  left: 0;
  width: 49px;
  height: 49px;
  text-align: center;
  color: #ccc;
  font-size: 14px;
  line-height: 49px;
}
.card-list-item .question-status::after {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
}
.card-list-item .question-status.ok {
  color: #08c880;
}
.card-list-item .question-status.ok::after {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.card-list-item .question-status.oknok {
  color: #f7941d;
}
.card-list-item .question-status.oknok::after {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.card-list-item .question-status.nok {
  color: #ed1c24;
}
.card-list-item .question-status.nok::after {
  content: "\f057";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.answers {
  position: absolute;
  top: 0;
  right: 0;
}
.answers .answer {
  display: block;
  float: left;
  width: 49px;
  height: 49px;
  border-left: 1px solid #eee;
  background: #fafafa;
  color: #ccc;
  font-size: 14px;
  line-height: 49px;
  text-align: center;
}
.answers .answer.a1.active, .answers .answer.a4.active {
  background: #08c880;
  color: #fff;
}
.answers .answer.a2.active {
  background: #f7941d;
  color: #fff;
}
.answers .answer.a3.active, .answers .answer.a5.active {
  background: #ed1c24;
  color: #fff;
}
.answers .answer.a1::after, .answers .answer.a4::after {
  content: "\f164";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.answers .answer.a2::after {
  content: "\f071";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.answers .answer.a3::after {
  content: "\f0ad";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.answers .answer.a5::after {
  content: "\f165";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.answers.header {
  top: 0px;
  bottom: 0;
  background: none;
  height: auto;
}
.answers.header .answer {
  border: 1px solid #e7f1f5;
  color: #999;
  background: #fdfdfd;
  border-radius: 9px;
  line-height: 36px;
  width: 41px;
  margin: 8px 4px 0px 4px;
  height: 38px;
  font-size: 10px;
  cursor: pointer;
}
.answers.header .answer:hover {
  cursor: pointer;
}
.answers.header .answer::after {
  padding-left: 5px;
}

.card-header h3 .questions-count {
  display: inline-block;
  padding-left: 9px;
  color: #999;
  font-size: 14px;
}
.card-header h3 .questions-count em {
  font-size: 14px;
  font-style: normal;
}

.card-body .row12 .checklist-count label {
  font-size: 13px;
  line-height: 24px;
  text-align: left;
  color: #777;
  text-transform: uppercase;
  text-align: left;
}

.checklist-count {
  padding: 5px 0;
}
.checklist-count label {
  font-size: 13px;
  line-height: 24px;
  text-align: left;
  color: #777;
  text-transform: uppercase;
}
.checklist-count .count {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
}
.checklist-count .count span {
  font-size: 22px;
  line-height: 30px;
}
.checklist-count.ok {
  color: #08c880;
}
.checklist-count.ok .count {
  color: #08c880;
}
.checklist-count.oknok {
  color: #f49401;
}
.checklist-count.oknok .count {
  color: #f49401;
}
.checklist-count.nok {
  color: #ee394d;
}
.checklist-count.nok .count {
  color: #ee394d;
}

.cards-list .cards-list-item .card {
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
}
.cards-list .cards-list-item .card .perso-holder {
  padding: 10px;
}
.cards-list .cards-list-item .card .perso-holder .profile-data .profile-contact {
  padding-top: 10px;
  line-height: 24px;
}
.cards-list .cards-list-item .card .perso-holder .profile-data .profile-contact .icon-row {
  line-height: 24px;
}
.cards-list .cards-list-item:last-child .card {
  border-bottom: none;
}

.card-list .list-child-items {
  display: none;
}
.card-list .list-child-items .list-item {
  padding-left: 25px;
  transition: 0.5s;
}
.card-list .list-child-items .list-child-items .list-item {
  padding-left: 35px;
}

.card-list .list-item .list-item-tools {
  position: absolute;
  top: 10px;
  right: 0px;
  font-size: 16px;
  line-height: 24px;
  color: #777;
  padding: 0;
  width: 40px;
  text-align: center;
}
.card-list .list-item .list-item-tools i {
  font-size: 16px;
  line-height: 30px;
  color: #777;
}
.card-list .list-item .list-item-tools i.zmdi-chevron-up {
  display: none;
}
.card-list .list-item .list-item-tools.open i.zmdi-chevron-up {
  display: block;
}
.card-list .list-item .list-item-tools.open i.zmdi-chevron-down {
  display: none;
}
.card-list .list-item.active {
  background: #f2f2f2;
  font-weight: 500;
}

.card-header .card-ddl-holder {
  padding-top: 7px;
}

.card-table td input[type=checkbox] + label {
  padding: 0 0 0 16px;
}

.card-table td.globe input[type=checkbox] + label {
  height: 22px;
  max-height: 22px;
}

.card-table td.globe input[type=checkbox] + label::before {
  font-family: "Font Awesome 5 Pro";
  border: none;
  color: #ccc !important;
  font-weight: 400;
  content: "\f111";
  background: none;
  font-size: 15px;
  line-height: 22px;
}

.card-table td.disabled input[type=checkbox]:checked + label::before {
  background: #ccc !important;
  border-color: #ccc;
  font-weight: 700;
}

.card-table td.globe input[type=checkbox]:checked + label::before {
  content: "\f0ac";
  color: #08c880 !important;
}

.card-table td i.fa-grey {
  color: #ccc;
}

.pull-left {
  float: left;
}

.card-header .card-ddl-holder.btn {
  padding-top: 4px;
}
.card-header .card-ddl-holder.btn .card-ddl-active.icon {
  border: 1px solid #ddd;
  padding: 0;
  width: 32px;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  text-align: center;
}
.card-header .card-ddl-holder.btn .card-ddl-active.icon::after {
  display: none;
}

.col .card-header select {
  text-align: left;
}

.fieldsTable td.fixed-s {
  width: 30px;
  min-width: 30px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
.fieldsTable td.fixed-s.abs {
  position: absolute;
  top: 0;
  right: 0;
}
.fieldsTable td.fixed-s.first {
  padding-left: 15px !important;
}

.card-table tr.current td {
  background: #f7f7f7;
}

.card-breadcrumb {
  padding: 10px 0;
  line-height: 24px;
  font-size: 14px !important;
  border-bottom: 1px solid #d5d5d5;
  margin: 0 10px;
  font-weight: 500;
}
.card-breadcrumb a {
  font-size: 14px;
  text-decoration: underline;
  font-weight: normal;
}
.card-breadcrumb .level-up {
  float: right;
  color: #777;
}

.card-list.slide .list-item {
  margin: 0 10px;
  border-bottom: none;
  padding: 0;
  position: relative;
}
.card-list.slide .list-item .list-count {
  font-size: 12px;
  color: #777;
  line-height: 24px;
  padding: 10px 0;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.card-list.slide .list-item a {
  padding-left: 17px;
  display: block;
}
.card-list.slide .list-item a.active {
  background: #f2f2f2;
  border-radius: 5px;
  font-weight: 500;
}

.card-list-search {
  padding: 5px 10px;
}

.card-list.slide .list-item .pull-right.small {
  margin-right: 0;
  padding-right: 15px;
}

.card-list.slide.wide .list-item a {
  padding-left: 4px;
  padding-right: 4px;
}

.card-table li a.clicker {
  position: absolute;
  padding: 0;
  width: auto;
  top: 0;
  bottom: 0;
  left: 45px;
  right: 0;
}

.card hr {
  margin: 10px 0;
}

.card-table td.fixed-s {
  width: 30px;
}

.card-header.img-header {
  background: none;
  border-bottom: none;
  padding: 30px 20px 5px 20px;
}

.card-header.img-header img {
  display: block;
  height: 30px;
}

.form .form-status {
  height: 0;
  overflow: hidden;
}
.form .card-footer {
  margin: 10px 20px 0 20px;
  background: none;
  padding: 20px 0;
}
.form a.cta {
  text-transform: none;
  padding: 7px 15px;
  margin-right: 12px;
}
.form a.cta.dark {
  color: #444;
  border-color: #444;
}
.form a.cta.cancel {
  margin-right: 0;
  float: right;
  color: #ff0000;
  border-color: #ff0000;
}
.form .display-form, .form .display-actions {
  display: none;
}
.form .display-intro {
  display: none;
}
.form a.btnNoBg27.align-left, .form a.btnGreen27.align-left {
  margin-top: 5px;
}
.form a.btnNoBg27.align-left:hover, .form a.btnGreen27.align-left:hover {
  text-decoration: none;
}
.form.read-only .display-form, .form.read-only .display-actions {
  display: block;
}
.form.read-only .edit-form, .form.read-only .edit-actions {
  display: none;
}
.form.read-only .display-intro {
  display: block;
}
.form.read-only .edit-intro {
  display: none;
}
.form.read-only .btn-activate {
  display: none;
}
.form.read-only .btn-change {
  display: inline-block;
}
.form.frm-hidden .edit-form, .form.frm-hidden .display-form {
  display: none;
}
.form.frm-hidden .btn-activate {
  display: inline-block;
}
.form.frm-hidden .btn-change {
  display: none;
}

.col .card.label-block .form div.basic dl dt {
  min-height: 0;
  padding-top: 5px;
}

.col .card.label-block div.basic dl dd {
  min-height: 0;
  padding-top: 0;
  line-height: 20px;
}

.card-fixed-footer .p10 {
  box-sizing: border-box;
  height: 100%;
}
.card-fixed-footer .card {
  height: 100%;
  padding-bottom: 91px;
  position: relative;
}
.card-fixed-footer .card .card-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.card-linker {
  position: relative;
  height: 30px;
}
.card-linker::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  width: 1px;
  border-right: 2px dotted #9c9c9c;
}

.card.card-dynamic {
  display: inline-block;
}

.card-linked {
  padding-left: 17px;
}
.card-linked i {
  font-size: 16px;
  color: #7f7f7f;
  padding-right: 30px;
}

@media all and (max-width: 1500px) {
  .hide-1500 {
    display: none;
  }
}
@media all and (max-width: 1400px) {
  .hide-1400 {
    display: none;
  }
}
@media all and (max-width: 1300px) {
  .hide-1300 {
    display: none;
  }
}
@media all and (max-width: 1100px) {
  .hide-1100 {
    display: none;
  }
}
.errNote {
  display: block;
  padding: 10px 0 10px 0;
  color: #ff0000;
}

table td a i.zmdi {
  color: #999;
  font-size: 20px;
}

#history i.zmdi {
  margin-left: 15px;
  color: #fff;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #ccc;
  text-align: center;
  line-height: 24px;
  transition: 0.3s;
}

#history a:hover i.zmdi {
  color: #666;
  transition: 0.3s;
}

p {
  font-size: 12px;
}

p.intro {
  font-size: 13px;
  line-height: 20px;
}
p.intro a {
  text-decoration: underline;
  color: #2c94d4;
}

p {
  font-size: 18px;
}

.chart-holder {
  background: #eee;
}

.border-box {
  margin: 10px;
  background: #fff;
  border: 1px solid #dedede;
  box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.2);
  padding: 20px;
}

.border-box hr {
  border: none;
  height: 1px;
  margin: 0 -20px 0 -20px;
  background: #dedede;
}

.graph-legend {
  display: block;
  padding: 10px 20px 10px 20px;
}
.graph-legend.tools {
  padding: 0;
}

/*media all*/
.graph-legend li {
  display: inline-block;
  font-size: 13px;
  margin-right: 10px;
  line-height: 33px;
}

/*media all*/
.graph-legend .key {
  border-radius: 2px;
  display: inline-block;
  height: 14px;
  margin-right: 5px;
  position: relative;
  top: 3px;
  width: 14px;
}

.graph-legend li .key-open {
  background: #83e3bf;
}

.graph-legend li .key-paid {
  background: #08c880;
}

.pull-right::after {
  content: "";
  float: none;
  display: block;
  clear: both;
  height: 0;
}

.pull-right h5 {
  padding: 0;
  margin: 0;
  display: block;
  font-size: 14px;
  line-height: 36px;
  float: left;
}

.card-header .timeframe-holder, .card-search-holder .timeframe-holder, .with-timeframe .timeframe-holder {
  padding-top: 3px;
}
.card-header .timeframe-holder h5, .card-search-holder .timeframe-holder h5, .with-timeframe .timeframe-holder h5 {
  float: left;
  line-height: 33px;
  font-weight: 500;
}
.card-header .timeframe, .card-search-holder .timeframe, .with-timeframe .timeframe {
  display: block;
  float: left;
  position: relative;
  padding-left: 10px;
  padding-right: 14px;
  height: 34px;
}
.card-header .timeframe::after, .card-search-holder .timeframe::after, .with-timeframe .timeframe::after {
  content: "";
  display: block;
  float: none;
  clear: both;
  height: 0;
}
.card-header .timeframe a, .card-search-holder .timeframe a, .with-timeframe .timeframe a {
  position: relative;
  display: block;
  float: left;
  height: 32px;
  border: 1px solid #d5d5d5;
  padding: 0 5px 0 5px;
  font: normal normal normal 14px/32px "Figtree", Arial, Helvetica, sans;
  color: #777;
  text-align: center;
  background-color: #fff;
  min-width: 24px;
  transition: 0.3s;
}
.card-header .timeframe a i, .card-search-holder .timeframe a i, .with-timeframe .timeframe a i {
  font-size: 14px;
  line-height: 32px;
}
.card-header .timeframe a:hover, .card-search-holder .timeframe a:hover, .with-timeframe .timeframe a:hover {
  background: #e5e5e5;
  transition: 0.3s;
}
.card-header .timeframe a.current, .card-search-holder .timeframe a.current, .with-timeframe .timeframe a.current {
  font-size: 14px;
  border-left: none;
  border-right: none;
}
.card-header .timeframe a.prev, .card-search-holder .timeframe a.prev, .with-timeframe .timeframe a.prev {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.card-header .timeframe a.next, .card-search-holder .timeframe a.next, .with-timeframe .timeframe a.next {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.items .list.tree li {
  padding-left: 10px;
  border-bottom: 1px solid #ccc;
}

.items .list.tree li a {
  padding: 0;
  width: auto;
  border: none;
  padding-left: 15px;
}

.items .list.tree li a.active {
  background: none;
  color: #f2bd17;
}

.items .list.tree .haschildren.tree ul {
  padding-left: 15px;
}

.items .list.tree li.haschildren ul {
  display: none;
}

.items .list.tree li.haschildren a {
  display: inline-block;
}

.items .list.tree li.haschildren {
  position: relative;
}

.items .list.tree li.haschildren a.plus {
  position: absolute;
  top: 12px;
  left: 6px;
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0;
}

.items .list.tree li.haschildren a.plus::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 8px;
  margin-top: -4px;
  background: #ccc;
}

.items .list.tree li.haschildren a.plus::after {
  content: "";
  display: block;
  background: #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 1px;
  margin-left: -4px;
}

.items .list.tree li.haschildren a.plus.on::before {
  display: none;
}

.items .list.tree li.haschildren ul li {
  border: none;
}

.detail p {
  font-size: 12px;
}

td {
  position: relative;
}

td a.clicker {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  min-height: 40px;
}

.perso-holder {
  padding: 20px;
  padding-right: 35px;
}

.perso-holder::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.perso-holder .profile-img {
  float: left;
  width: 20%;
}

.perso-holder .profile-img img {
  width: 100%;
  display: block;
  border-radius: 100%;
}

.perso-holder .profile-data {
  float: left;
  width: 80%;
  box-sizing: border-box;
  padding: 20px 0 0 20px;
  font: normal normal normal 13px/20px "Figtree", Arial, Helvetica, sans;
  color: rgba(0, 0, 0, 0.8);
}

.perso-holder .profile-data .profile-contact {
  padding-top: 20px;
  line-height: 30px;
}

.child {
  padding: 0 90px 5px 0;
  position: relative;
}

.child.noaction {
  padding-right: 74px;
  padding-bottom: 0;
}

.child::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

div.basic dl dd .child .child-c1 {
  width: 60%;
  float: left;
}

div.basic dl dd .child .child-c1 .txt, div.basic dl dd .child .child-c2 .txt {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

div.basic dl dd .child .child-c2 {
  width: 40%;
  float: left;
  border-left: none;
}

div.basic dl dd .child .child-c3 {
  display: block;
  position: absolute;
  top: 0;
  right: 32px;
}

div.basic dl dd .child.noaction .child-c3 {
  right: 0;
}

.child .btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 36px;
  font-size: 20px;
  line-height: 36px;
  text-decoration: none;
  text-align: center;
  color: #666;
}

div.basic dl dd label.switch {
  padding: 0;
  position: relative;
  display: inline-block;
  width: 74px;
  height: 38px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #fafafa;
}

.switch input, div.basic dl dd .switch input[type=checkbox] {
  display: none;
}

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

.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.switch input + .slider::before {
  Content: "\f182";
  font-family: FontAwesome;
  font-weight: bold;
  position: absolute;
  line-height: 36px;
  top: 0;
  left: 0;
  width: 36px;
  background: #fff;
  text-align: center;
  z-index: 1;
  font-size: 16px;
  color: #08c880;
}
.switch input + .slider::after {
  Content: "\f183";
  font-family: FontAwesome;
  position: absolute;
  line-height: 36px;
  top: 0;
  right: 0px;
  width: 36px;
  text-align: center;
  z-index: 1;
  font-size: 16px;
  color: #ccc;
}

.switch input:checked + .slider::before {
  background: none;
  color: #ccc;
}
.switch input:checked + .slider::after {
  background: #fff;
  color: #666;
}

.full-map {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 10px solid #fff;
  z-index: 10000;
}

.full-map #map_canvas {
  width: 100%;
  height: 100%;
}

.full-map a.close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #fff;
  color: #666;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  z-index: 100;
}

div.basic dl dd.small {
  padding-top: 6px;
  line-height: 20px;
}

div.basic dl dd.small a {
  line-height: 20px;
}

.basic a:hover {
  text-decoration: underline;
}

.control-group .w50 {
  width: 50%;
  float: left;
  box-sizing: border-box;
  height: auto;
}

.control-group .w50:first-child {
  padding-right: 5px;
}

.control-group .w50:last-child {
  padding-left: 5px;
}

.control-group::after {
  content: "";
  float: none;
  clear: both;
  display: block;
}

.addvalue, div.basic dl dd a.addvalue {
  background: none;
  display: block;
  width: 38px;
  height: 36px;
  border-left: 1px solid #ccc;
  position: absolute;
  top: 1px;
  right: 1px;
  background: #f7f7f7;
  margin: 0;
  box-sizing: border-box;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  transition: 0.3s;
  color: #ccc;
  font-size: 16px;
  text-decoration: none;
}
.addvalue:hover, div.basic dl dd a.addvalue:hover {
  color: #444;
}

.addvalue::before, div.basic dl dd a.addvalue::before {
  text-decoration: none;
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  text-align: center;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  content: "\f055";
  font-weight: bold;
}

div.basic dl dd.closer, div.basic dl dd.closer a {
  font: normal normal normal 13px/22px "Figtree", Arial, Helvetica, sans;
  padding-top: 6px;
  color: rgba(0, 0, 0, 0.8);
}

.icon-row {
  display: block;
  font: normal normal normal 13px/30px "Figtree", Arial, Helvetica, sans;
  color: rgba(0, 0, 0, 0.8);
}

.icon-row i {
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.6);
}

.cards-holder {
  padding: 10px;
}

.card-container.l4 {
  width: 33.33%;
  float: left;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
}

@media all and (max-width: 1200px) {
  .card-container.m6 {
    width: 50%;
  }
}
.card-container .card {
  display: block;
  min-height: 200px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.card .perso-holder .profile-data {
  padding-top: 0;
}

.card-controls {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  border-top-right-radius: 4px;
  z-index: 1;
  width: 30px;
  height: 30px;
}

.card-controls a {
  display: block;
  font-size: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.5);
}
.card-controls a i.sm, .card-controls a i.fa-pen {
  font-size: 12px;
}

.card-controls .card-controls-ddl {
  position: absolute;
  top: 26px;
  right: 5px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  background: #fff;
  display: none;
  padding: 7px 15px 7px 15px;
}

.card-controls .card-controls-ddl a {
  display: block;
  width: auto;
  height: auto;
  font: normal normal normal 13px/22px "Figtree", Arial, Helvetica, sans;
  color: rgba(0, 0, 0, 0.9);
  padding: 8px 0 8px 0;
  white-space: nowrap;
  text-align: left;
}

.card-controls .card-controls-ddl a i {
  font-size: 16px;
  padding-right: 11px;
  color: rgba(0, 0, 0, 0.5);
}
.card-controls .card-controls-ddl a i.fa-pen {
  font-size: 12px;
}

div.basic dl dd.closer strong a {
  font-weight: normal;
}

.note-box {
  margin: 20px;
  border: 1px solid #ccc;
  padding: 15px 10px 0 15px;
}

.note-box::after {
  display: block;
  content: "";
  float: none;
  clear: both;
}

.note-box strong {
  display: block;
  padding-bottom: 6px;
}

.info::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.info .btnGrey {
  margin-bottom: 5px;
}

.btnGrey.convert, .btnGrey.add2company, .btnGrey.dismiss {
  line-height: 30px;
  display: block;
  float: right;
  margin-left: 5px;
}

.btnGrey.add2company, .btnGrey.dismiss {
  background: #fafafa;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  padding: 0 12px;
  font: normal normal normal 13px/20px "Figtree", Arial, Helvetica, sans;
  color: #777;
  text-transform: uppercase;
}

.basic a.btnGrey.convert:hover, .basic a.btnGrey.add2company:hover, .basic a.btnGrey.dismiss:hover {
  text-decoration: none;
}

.btnGrey.convert::before {
  content: "\f1b9";
  font-family: Material-Design-Iconic-Font;
  font-size: 16px;
  line-height: 30px;
  padding-right: 10px;
  padding-left: 10px;
}

.btnGrey.add2company::before {
  content: "\f0c1";
  font-family: FontAwesome;
  font-size: 16px;
  line-height: 30px;
  padding-right: 10px;
  padding-left: 10px;
}

.btnGrey.dismiss::before {
  content: "\f127";
  font-family: FontAwesome;
  font-size: 16px;
  line-height: 30px;
  padding-right: 10px;
  padding-left: 10px;
}

.basic a {
  color: #2c94d4;
}

.zmdi.company-icon {
  display: block;
  position: absolute;
  top: 11px;
  left: 3px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
}

.links td a.action {
  display: block;
}

.msgFooter a.btnGreen {
  line-height: 37px;
  color: #fff;
  text-transform: uppercase;
  width: 120px;
  float: none;
  margin: auto;
}

.chkList br {
  display: none;
}

.inner-form.description p {
  font-size: 13px;
}

.hidden .control-holder {
  display: none;
}

.highlight-links a {
  color: #2c94d4;
  transition: 0.3s;
}

.highlight-links a:hover {
  text-decoration: underline;
  transition: 0.3s;
}

.scrollHolder::after {
  content: "";
  display: block;
  height: 50px;
}

.scrollHolder.no-after::after {
  display: none;
}

.box .header h3 span {
  font: normal normal normal 20px/50px "Figtree", Arial, Helvetica, sans;
}

.msgBox a.btnRed27, .msgBox a.btnNoBg27, .boxOption a.btnRed27, .boxOption a.btnNoBg27 {
  width: auto !important;
  min-width: 80px;
  display: inline-block;
  float: none;
}

.msgBox a.btnRed27.nbg {
  border: 1px solid #999;
  background: none;
  color: #999 !important;
  line-height: 35px;
  height: 35px;
}

.msgBox a.btnGreen27, .boxOption a.btnGreen27 {
  width: auto !important;
  min-width: 80px;
  display: inline-block;
  float: none;
}

.msgBox a.btnGrey27, .boxOption a.btnGrey27 {
  width: auto !important;
  min-width: 80px;
  display: inline-block;
  float: none;
  height: 37px;
  background: #777;
  margin: 0 7px 0 0;
  border-radius: 3px;
  padding: 0 20px 0 20px;
  line-height: 37px;
  color: #fff !important;
  text-transform: none;
  border: none;
  font: normal normal 400 13px/37px "Figtree", Arial, Helvetica, sans;
}

.msgBox .chk, .msgBox .chk.dark {
  background: none;
  position: relative;
  padding-left: 22px;
}

.msgBox .chk input {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
}

.SearchBox.np.light {
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
  height: auto;
  min-height: 54px;
  z-index: 2;
}

.SearchBox.light .list {
  height: auto;
  min-height: 54px;
}

.period-nav {
  padding: 10px 5px 10px 15px;
  float: left;
}

.period-select {
  padding: 10px 5px 10px 0px;
  float: left;
}

.SearchBox.light .list {
  border-color: #ccc;
}

div.SearchBox.light select, div.SearchBox.light .control-holder {
  width: auto;
  min-width: 80px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 18px;
  height: 34px;
}

div.SearchBox.light .control-holder {
  padding: 0 35px 0 5px;
}

div.SearchBox.light .control-holder input {
  height: 32px;
  line-height: 32px;
}

div.SearchBox .control-holder a {
  height: 32px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.4);
}

.detail .controls {
  padding: 10px 5px 10px 0px;
  text-align: right;
}

.detail .controls select, .detail .controls .control-holder {
  margin-right: 5px;
  float: right;
}

.switch.view {
  display: block;
  position: relative;
  border: 1px solid #ccc;
  background: #eee;
  border-radius: 3px;
  width: 64px;
  height: 32px;
  box-sizing: border-box;
}

.switch.view .slider {
  background: none;
}

.switch.view input + .slider::after {
  content: "\f127";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: #00c981;
  position: absolute;
  display: block;
  height: 28px;
  width: 28px;
  right: 1px;
  bottom: 1px;
  top: 1px;
  border-radius: 3px;
  background-color: white;
  line-height: 28px;
}
.switch.view input + .slider::before {
  content: "\f0c1";
  font-weight: 300;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  position: absolute;
  display: block;
  height: 28px;
  width: 28px;
  left: 1px;
  bottom: 1px;
  top: 1px;
  color: #ccc;
  border-radius: 3px;
  background-color: transparent;
  line-height: 28px;
}

.switch.view input:checked + .slider::after {
  color: #ccc;
  background-color: transparent;
}
.switch.view input:checked + .slider::before {
  color: #00c981;
  background-color: white;
}

.itemsHeader.viewtoggle {
  height: auto;
  min-height: 49px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.itemsHeader.viewtoggle .list {
  min-height: 49px;
  height: auto;
  box-sizing: border-box;
  padding: 8px 9px 8px 15px;
  line-height: 32px;
}

.itemsHeader.viewtoggle .list span {
  line-height: 32px;
}

.itemsHeader.viewtoggle .detail {
  height: auto;
  min-height: 49px;
  box-sizing: border-box;
}

.nwr {
  white-space: nowrap;
}

#tblToDo.fadein {
  opacity: 0;
  -webkit-transition: 0.7s ease-in;
  -moz-transition: 0.7s ease-in;
  -o-transition: 0.7s ease-in;
  transition: 0.7s ease-in;
}

#tblToDo.fadein.done {
  opacity: 1;
  transform: translateY(0);
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.i-hdr-btn i.green {
  color: #00c981;
}

div.SearchBox.light select, div.SearchBox.light .control-holder {
  width: 20% !important;
}

.row12 .col .input-group {
  margin-bottom: 10px;
}
.row12 .col .input-group .input-control {
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100%;
  min-height: 38px;
  box-sizing: border-box;
  position: relative;
}
.row12 .col .input-group .input-control.error {
  border-color: #b81607;
  background-color: #f8e7e6;
}
.row12 .col .input-group .input-control select, .row12 .col .input-group .input-control input[type=text] {
  border: none;
  width: 100%;
  height: 36px;
  line-height: 20px;
  padding: 8px;
  min-height: 36px;
}
.row12 .col .input-group .input-control select.d, .row12 .col .input-group .input-control select.m, .row12 .col .input-group .input-control select.y, .row12 .col .input-group .input-control input[type=text].d, .row12 .col .input-group .input-control input[type=text].m, .row12 .col .input-group .input-control input[type=text].y {
  width: 33%;
  float: left;
}
.row12 .col .input-group .input-control select.half, .row12 .col .input-group .input-control input[type=text].half {
  width: 50%;
  float: left;
}
.row12 .col .input-group .input-control select.unit, .row12 .col .input-group .input-control input[type=text].unit {
  padding-right: 80px;
}
.row12 .col .input-group .input-control select.unit {
  padding-right: 5px;
  font-size: 10px;
  width: 70px;
  color: #999;
  position: absolute;
  top: 0px;
  right: 0px;
}
.row12 .col .input-group .input-control.icon {
  padding-right: 30px;
  position: relative;
}
.row12 .col .input-group .input-control.icon a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  color: #777;
  background: #f7f7f7;
  border-left: 1px solid #ccc;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.row12 .col .input-group div select, .row12 .col .input-group div input[type=text] {
  width: 100%;
  height: 38px;
  line-height: 20px;
  padding: 8px;
}
.row12 .col .input-group .input-checkbox input[type=checkbox] {
  display: none;
}
.row12 .col .input-group .input-checkbox input[type=checkbox] + label {
  color: #444;
  font-size: 14px;
  min-height: 20px;
  cursor: pointer;
  float: none;
  display: block;
  position: relative;
  padding-left: 30px;
  padding-bottom: 3px;
  padding-top: 3px;
  line-height: 20px;
  text-transform: none;
}
.row12 .col .input-group .input-checkbox input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #ccc !important;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  position: absolute;
  top: 3px;
  left: 0px;
}
.row12 .col .input-group .input-checkbox input[type=checkbox]:checked + label::before {
  content: "\f26b";
  color: #fff !important;
  border: 1px solid #10b376;
  background-color: #10b376;
  text-align: center;
  font-family: "Material-Design-Iconic-Font";
}

.input-group label em {
  font-style: normal;
  padding-right: 5px;
  font-size: 11px;
}

.input-group label span {
  font-size: 10px;
}

input.vin {
  text-transform: uppercase;
}

.pagination a.cta {
  margin-top: 10px;
}

.subSection a.cta {
  margin-top: 1px !important;
}

.forgotMsg p {
  color: #666;
  font-size: 13px;
}

.v-wrap {
  height: 100%;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.v-wrap:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  margin-right: -0.25em; /*might want to tweak this. .25em for extra white space */
  height: 100%;
}

.v-box {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

.pagination a.btnGreen.next, .pagination a.btnGrey.previous {
  margin-top: 10px;
}

.sortBox li {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: -1px;
  background: #fff;
  padding: 5px 5px 5px 0;
  cursor: n-resize;
}

.sortBox li::before {
  font-family: "FontAwesome";
  content: "\f0dc";
  font-weight: 400;
  color: #e5e5e5;
  padding-right: 7px;
}

.img-holder a {
  display: block;
}

.img-holder img {
  width: 100%;
  display: block;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 34px;
  outline: 0;
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #ccc;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 32px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #fff;
  border: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  height: 32px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  line-height: 32px;
  text-align: center;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow::before {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  line-height: 32px;
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-container--classic .select2-results__option {
  padding: 7px 15px 7px 15px;
  line-height: 20px;
}
.select2-container--classic .select2-search--dropdown {
  padding: 9px;
  border-bottom: 1px solid #ccc;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #ccc;
  border-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  background: #e4e4e4;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow::before {
  content: "\f077";
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #ccc;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #ccc;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: none;
  border-left: none;
  border-right: none;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #ccc;
  outline: 0;
  background: #fff;
  border-radius: 5px;
  line-height: 24px;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.select2-container--classic .select2-dropdown--below {
  position: relative;
}
.select2-container--classic .select2-dropdown--below::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: 12px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
}
.select2-container--classic .select2-dropdown--below::after {
  content: "";
  display: block;
  position: absolute;
  top: -9px;
  left: 14px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 9px solid #fff;
}
.select2-container--classic .select2-dropdown--above {
  position: relative;
  margin-top: -5px !important;
}
.select2-container--classic .select2-dropdown--above::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 12px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ccc;
}
.select2-container--classic .select2-dropdown--above::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -9px;
  left: 14px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #fff;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #efefef;
  color: rgba(0, 0, 0, 0.8);
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #ccc;
  margin-top: 3px;
}

@media all and (max-width: 1100px) {
  .card-tabs li {
    padding: 0px 0 0 15px !important;
  }
}
.cc.center {
  margin: auto;
}

.light-dark {
  background: #f5f5f5;
  margin-top: -5px;
  padding-top: 5px;
}
.light-dark.np {
  margin: 0;
  padding: 0;
}

.nobg-pageheader {
  position: relative;
  background: none;
  display: flex;
  z-index: 10;
  transition: 0.3s;
  background: #fafafa;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0;
  min-height: 80px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  transition-property: padding-left;
  transition-duration: 0.5s;
}
.nobg-pageheader.shift-right {
  padding-left: 70px;
  transition-property: padding-left;
  transition-duration: 0.5s;
}
.nobg-pageheader.shadow {
  background: #fff;
  border-bottom-color: #fff;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}
.nobg-pageheader .p20 {
  padding: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.nobg-pageheader h1 {
  font-size: 26px;
  line-height: 30px;
  color: #444;
  font-family: "Figtree", Arial, Helvetica, sans;
  position: relative;
  min-height: 30px;
  padding: 5px 0;
}
.nobg-pageheader h1 .h1-size {
  font-size: 26px;
  line-height: 30px;
  color: #444;
  padding: 2.5px 0 2.5px;
  display: block;
}
.nobg-pageheader h1 span {
  font-size: 26px;
}
.nobg-pageheader h1 .small {
  font-size: 18px !important;
  line-height: 22px;
  display: block;
}
.nobg-pageheader .tools {
  display: block;
  float: right;
  margin-top: 0px;
  top: 20px;
  position: absolute;
  right: 20px;
  flex-direction: row;
  align-items: center;
}
.nobg-pageheader .tools::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
@media all and (max-width: 450px) {
  .nobg-pageheader .tools {
    float: none;
    position: relative;
    top: 0;
    padding-left: 14px;
    padding-bottom: 10px;
  }
}
.nobg-pageheader .btn-back {
  display: block;
  box-sizing: border-box;
  width: 26px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
}

.tools-menu-btn {
  margin-left: 6px;
  background: #fafafa;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  display: block;
  float: left;
  padding: 9px 12px 9px 12px;
  font: normal normal normal 13px/20px "Figtree", Arial, Helvetica, sans;
  color: #777;
  text-transform: uppercase;
  transition: 0.3s;
  min-width: 40px;
  text-align: center;
  box-sizing: border-box;
}
.tools-menu-btn:hover {
  color: #444;
  transition: 0.3s;
}
.tools-menu-btn.green {
  color: #00c981;
  background: #fff;
  border: 1px solid #00c981;
}
.tools-menu-btn.green i {
  color: #00c981;
}
.tools-menu-btn.green-bg {
  color: #fff;
  background: #00c981;
  border: 1px solid #00c981;
  padding: 7px 10px;
  min-width: 40px;
  text-align: center;
}
.tools-menu-btn.green-bg i {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  padding-left: 0;
  display: block;
}

.card-body .tag {
  display: block;
  background: #08c880;
  color: #fff;
  padding: 12px 15px 12px 15px;
  font: normal normal 500 20px/26px "Figtree", Arial, Helvetica, sans;
  text-transform: uppercase;
}
.card-body .tag::before {
  content: "\f125";
  font-family: "Material-Design-Iconic-Font";
  padding-right: 15px;
}
.card-body .tag.expected {
  background: #999;
}
.card-body .tag.expected::before {
  content: "\f0f4";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}
.card-body .tag.inprogress {
  background: #1f5192;
}
.card-body .tag.inprogress::before {
  content: "\f0ad";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}
.card-body .tag.inoption, .card-body .tag.ordered {
  background: #ff8e00;
}
.card-body .tag.ordered::before {
  content: "\f07a";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}
.card-body .tag.sold {
  background: #ee394d;
}
.card-body .tag.sold::before {
  content: "\f2e8";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}
.card-body .tag.stock {
  background: #124de0;
}
.card-body .tag.stock::before {
  content: "\f1b9";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  background: #fff;
  color: #124de0;
  font-size: 13px;
  line-height: 22px;
  display: inline-block;
  padding-right: 0;
  width: 22px;
  text-align: center;
  margin-right: 15px;
  border-radius: 50%;
  transform: translateY(-3px);
}
.card-body .tag.tradeinprogress {
  background: #e4b644;
}
.card-body .tag.tradeinprogress::before {
  content: "\f657";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}
.card-body .tag.accepted {
  background: #08c880;
}
.card-body .tag.accepted::before {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}
.card-body .tag.declined {
  background: #ee394d;
}
.card-body .tag.declined::before {
  content: "\f057";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}
.card-body .tag.new {
  background: #38a8ed;
}
.card-body .tag.new::before {
  content: "\f762";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.tag-online, .nobg-pageheader h1 span.tag-online {
  display: inline-block;
  border: 1px solid #00c981;
  color: #00c981;
  background: #fff;
  border-radius: 5px;
  line-height: 28px;
  padding: 0 7px 0 7px;
  transform: translateY(-3px);
  font-size: 16px;
}

.tag-offline, .nobg-pageheader h1 span.tag-offline {
  display: inline-block;
  border: 1px solid #ddd;
  color: #bbb;
  background: #fff;
  border-radius: 5px;
  line-height: 28px;
  padding: 0 7px 0 7px;
  transform: translateY(-3px);
  font-size: 16px;
}

.scrollHolder {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.scrollHolder::-webkit-scrollbar {
  display: none;
}

.mt-neg15 {
  margin-top: -15px;
}

.mt-neg20 {
  margin-top: -20px;
}

.mobile-s-show {
  display: none;
}

/*mobile classes*/
@media all and (max-width: 900px) {
  .mobile-s-show {
    display: inherit;
  }
  tr.mobile-s-show {
    display: table-row;
  }
  .mobile-s-hide {
    display: none !important;
  }
  .mob-s-20 {
    width: 20% !important;
  }
  .mob-s-25 {
    width: 25% !important;
  }
  .mob-s-30 {
    width: 30% !important;
  }
  .nobg-pageheader.p20, .p20, .nobg-pageheader .p20 {
    padding: 10px;
  }
  .p5 {
    padding: 5px;
  }
  .widgetbox, .widgetbox.w66 {
    width: 100%;
  }
  #box {
    display: none;
  }
}
@media all and (max-width: 700px) {
  .nobg-pageheader {
    display: block;
  }
  .nobg-pageheader .tools.mobile-newline {
    float: none;
    position: relative;
    top: auto;
    right: 0;
    text-align: right;
    padding-bottom: 12px;
  }
  .nobg-pageheader .tools.mobile-newline .card-ddl-holder.mobile-right .card-ddl-items {
    right: auto;
    left: 7px;
  }
  .nobg-pageheader .tools.mobile-newline .card-ddl-holder.mobile-right .card-ddl-items::after {
    right: auto;
    left: 14px;
  }
  .nobg-pageheader .tools.mobile-newline .card-ddl-holder.mobile-right .card-ddl-items::before {
    right: auto;
    left: 12px;
  }
  .nobg-pageheader .tools.mobile-newline .tools-menu-btn, .nobg-pageheader .tools.mobile-newline .card-ddl-holder {
    float: none;
    display: inline-block;
  }
}
@media all and (max-width: 600px) {
  div.basic dl {
    box-sizing: border-box;
    padding: 0 10px 0 10px;
  }
  div.basic dl dt, div.basic.half dl dd, div.basic dl dd {
    max-width: 100%;
    width: 100%;
    float: none;
    text-align: left;
  }
}
@media all and (max-width: 500px) {
  table.stats tr.header td {
    padding: 0 3px !important;
  }
}
.list .pull-right {
  float: right;
}

.chk-styled input[type=checkbox], div.basic dl dd.chk-styled input[type=checkbox],
.chk-styled input[type=radio], div.basic dl dd.chk-styled input[type=radio] {
  display: none;
}

.chk-styled input[type=checkbox] + label, div.basic dl dd.chk-styled input[type=checkbox] + label,
.chk-styled input[type=radio] + label, div.basic dl dd.chk-styled input[type=radio] + label,
.pannel .innerPanel .form .chk-styled input[type=checkbox] + label {
  color: #777;
  font: normal normal normal 14px/20px "Figtree", Arial, Helvetica, sans;
  padding: 5px 0 5px 25px;
  display: block;
  cursor: pointer;
  position: relative;
  text-transform: none;
  text-align: left;
}

.pannel .innerPanel .form .chk-styled input[type=checkbox] + label {
  font-size: 13px;
  padding-bottom: 12px;
}

.pannel .innerPanel .form .chk-styled input[type=checkbox] + label::before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 8px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #ccc !important;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  border-radius: 3px;
  top: 5px;
  left: 0px;
}

.chk-styled::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.chk-styled.inline input[type=checkbox] + label, div.basic dl dd.chk-styled.inline input[type=checkbox] + label,
.chk-styled.inline input[type=radio] + label, div.basic dl dd.chk-styled.inline input[type=radio] + label {
  display: block;
  float: left;
  padding-right: 20px;
}

.chk-styled input[type=checkbox] + label::before, div.basic dl dd.chk-styled input[type=checkbox] + label::before,
.chk-styled input[type=radio] + label::before, div.basic dl dd.chk-styled input[type=radio] + label::before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 8px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #ccc !important;
  text-align: center;
  line-height: 16px;
  font-size: 14px;
  border-radius: 3px;
  top: 5px;
  left: 0px;
}

.chk-styled input[type=radio] + label::before, div.basic dl dd.chk-styled input[type=radio] + label::before {
  border-radius: 9px;
}

.chk-styled input[type=checkbox]:checked + label::before, div.basic dl dd.chk-styled input[type=checkbox]:checked + label::before,
.chk-styled input[type=radio]:checked + label::before, div.basic dl dd.chk-styled input[type=radio]:checked + label::before,
.pannel .innerPanel .form .chk-styled input[type=checkbox]:checked + label::before {
  content: "\f00c";
  color: #fff !important;
  border: 1px solid #00c981;
  background-color: #00c981;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
}

.chk-styled.error {
  border: none;
}
.chk-styled.error.inline input[type=checkbox] + label, .chk-styled.error.inline input[type=radio] + label {
  color: #ff0000;
}

.chk-info {
  display: block;
  padding-left: 25px;
  font-size: 12px;
  color: #777;
  line-height: 16px;
  padding-bottom: 10px;
}
.chk-info label {
  display: block;
  color: #444;
  padding-top: 10px;
  padding-bottom: 5px;
}

.sub-chk-list {
  padding-left: 20px;
  padding-bottom: 10px;
}

.lblInside, div.basic dl dd label.lblInside {
  position: absolute;
  top: 10px;
  right: 5px;
  padding: 0;
  font-size: 10px;
  color: #999;
  text-align: right;
}

.row12.options a {
  display: block;
  padding: 10px 12px 10px 12px;
  font: normal normal normal 13px/20px "Figtree", Arial, Helvetica, sans;
  color: #444;
  transition: 0.3s;
  border-radius: 3px;
}
.row12.options a i {
  font-size: 16px;
  color: #999;
}
.row12.options a i.sup {
  font-size: 9px;
  padding-left: 4px;
  transform: translateY(-5px);
}
.row12.options a:hover, .row12.options a.inactive:hover {
  background: #efefef;
  color: #444;
}
.row12.options a:hover i, .row12.options a.inactive:hover i {
  color: #999;
}
.row12.options a.inactive {
  color: #ccc;
}
.row12.options a.inactive i {
  color: #ccc;
}

.popup-sortable {
  border-top: 1px solid #e5e5e5;
  margin: 0 -25px;
}
.popup-sortable li {
  cursor: pointer;
  display: block;
  padding: 10px 20px 10px 20px;
  line-height: 20px;
  border-bottom: 1px solid #e5e5e5;
}

.card-table tr.text-no-single-line td input[type=checkbox] + label {
  display: block;
  margin-left: 50%;
  transform: translateX(-8px);
}

tr.text-no-single-line td a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}

.col.l12 div.basic dl dt, .col.l12 div.basic dl dt {
  width: 12.2%;
}

.col.l12 div.basic dl dd, .col.l12 div.basic dl dd {
  width: 87.8%;
}

.col.l12 div.basic.half dl dt, .col.l12 div.basic.half dl dt {
  width: 30%;
}

.col.l12 div.basic.half dl dd, .col.l12 div.basic.half dl dd {
  width: 70%;
}

.col.l6 div.basic dl dt, .col.l4 div.basic dl dt {
  width: 25%;
}

.col.l6 div.basic dl dd, .col.l4 div.basic dl dd {
  width: 75%;
}

.row12 .col div.basic dl.label-block dt, .row12 .col div.basic dl.label-block dd {
  max-width: 100%;
  width: 100%;
  float: none;
  text-align: left;
  padding-bottom: 10px;
}

.rslides {
  max-height: 100%;
  overflow: -moz-scrollbars-none;
  overflow-y: auto;
  z-index: 1;
  display: block;
  position: relative;
  -ms-overflow-style: none;
}
.rslides::-webkit-scrollbar {
  width: 0 !important;
}

.tabs-holder {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.rslides_nav {
  display: block;
  position: absolute;
  top: 50%;
  width: 50px;
  background: #fff;
  height: 50px;
  left: -70px;
  border-radius: 50%;
  margin-top: -25px;
  text-decoration: none;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.rslides_nav i {
  line-height: 50px;
  font-size: 30px;
  display: block;
  text-align: center;
  color: #777;
}

.rslides_nav.next {
  left: auto;
  right: -70px;
}

.rslides_tabs {
  position: absolute;
  bottom: 20px;
  left: 0px;
  right: 0px;
  text-align: center;
}
.rslides_tabs li {
  display: inline-block;
  overflow: hidden;
  padding: 0 5px 0 5px;
}
.rslides_tabs li a {
  display: block;
  text-indent: -99px;
  border: 1px solid #b9b9b9;
  border-radius: 50%;
  font-size: 0px;
  line-height: 0px;
  width: 8px;
  height: 8px;
}
.rslides_tabs li.rslides_here a {
  border-color: #ebbe1c;
  background: #ebbe1c;
}

.client-hide {
  display: none !important;
}
.client-hide.show {
  display: block !important;
}

#viewToggle .fa-minus {
  display: none;
}

#viewToggle.shown .fa-minus {
  display: inline-block;
}

#viewToggle.shown .fa-plus {
  display: none;
}

.card .card-body .display-group .tools #viewToggle i {
  padding-right: 5px;
  color: #ccc;
}

.input-control.copy {
  position: relative;
}
.input-control.copy a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  text-align: center;
  height: 38px;
  line-height: 38px;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  background: #00c981;
  color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.input-control.copy .copy-confirm {
  position: absolute;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.6);
  top: 3px;
  bottom: 3px;
  right: 53px;
  left: 3px;
  text-align: center;
  color: #fff;
  line-height: 32px;
  display: none;
}

.basic.small.pull-right {
  position: absolute;
  top: -5px;
  right: 0px;
  max-width: 200px;
  text-align: right;
}
.basic.small.pull-right .display-view {
  display: inline-block;
  font-size: 14px;
  color: #444;
  line-height: 38px;
}
.basic.small.pull-right .display-view label {
  font-size: 14px;
  color: #444;
  line-height: 38px;
}
.basic.small.pull-right .display-view a {
  font-size: 12px;
  color: #777;
  line-height: 38px;
}
.basic.small.pull-right .display-view a i {
  font-size: 10px;
  color: #777;
  line-height: 38px;
}
.basic.small.pull-right .edit-view {
  display: none;
}
.basic.small.pull-right.edit .display-view {
  display: none;
}
.basic.small.pull-right.edit .edit-view {
  display: inline-block;
}

div.basic dl dd.chk-styled label a {
  line-height: 20px;
}

.subSection.no-bg {
  background: none;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
}

.row12 .col dd .euro, .row12 .col dd .percent {
  position: relative;
}
.row12 .col dd .euro input[type=text], .row12 .col dd .euro label.txt, .row12 .col dd .percent input[type=text], .row12 .col dd .percent label.txt {
  background: #fff;
  padding-right: 20px;
  text-align: right;
}
.row12 .col dd .euro::after, .row12 .col dd .percent::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  bottom: 0;
  line-height: 38px;
  content: "€";
  color: #999;
  font-size: 12px;
  text-align: center;
}

.row12 .col dd .percent::after {
  content: "%";
}

.fixed-100 {
  width: 100px;
}

.msgContent strong {
  font-size: 14px;
}

.msgContent .small {
  display: block;
  font-size: 12px !important;
}

.msgContent .txt-alert {
  display: block;
  font-size: 12px !important;
  position: relative;
  padding-left: 22px;
  padding-top: 10px;
}
.msgContent .txt-alert:before {
  content: "\f071";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-size: 13px;
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  color: #ebbe1c;
}

.control-holder-datetime {
  margin-bottom: 3px;
}
.control-holder-datetime::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
.control-holder-datetime div {
  float: left;
}
.control-holder-datetime select {
  border-radius: 3px;
  width: 100%;
  padding: 8px 0 8px 10px;
  line-height: 20px;
  font-size: 14px;
  color: #444;
  height: 36px;
  font-family: "Figtree", Arial, Helvetica, sans;
}
.control-holder-datetime .control-holder-date {
  width: 150px;
  margin: 0 3px 0 0;
  position: relative;
}
.control-holder-datetime .control-holder-date .ui-datepicker-trigger::after {
  top: 4px;
}
.control-holder-datetime .control-holder-time {
  border: 1px solid #ccc;
  width: 100px;
  border-radius: 3px;
  position: relative;
}
.control-holder-datetime .control-holder-time.error {
  border-color: #b81607;
  background-color: #f8e7e6;
}
.control-holder-datetime .control-holder-time::before {
  position: absolute;
  height: 36px;
  width: 25px;
  text-align: center;
  content: "\f017";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  line-height: 36px;
  top: 0;
  left: 0;
  color: #777;
}
.control-holder-datetime .control-holder-time select {
  border: none;
  background-color: transparent;
  padding-left: 30px;
  text-align: right;
}

.hide-btn {
  width: 0;
  height: 0;
  overflow: hidden;
}

.card-image {
  position: relative;
  width: 100%;
  min-height: 300px;
  background: #fafafa;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.card-image .custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}
.card-image .custom-file-upload {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
}
.card-image .file-upload-input {
  display: none;
}
.card-image .error .file-upload-input {
  border-color: #c23625;
}
.card-image .file-upload-button {
  position: absolute;
  top: 50%;
  cursor: pointer;
  display: inline-block;
  padding: 9px 20px 9px 20px;
  text-align: center;
  border: 1px solid #d5d5d5;
  background-color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  font: normal normal normal 14px/20px "Figtree", Arial, Helvetica, sans;
  color: #444;
  margin-top: -20px;
  border-radius: 3px;
  z-index: 9;
  left: 50%;
  transform: translateX(-50%);
}
.card-image .file-upload-button.top-right {
  display: none;
  transform: none;
  top: 24px;
  right: 24px;
  margin: 0;
  border: none;
  width: 24px;
  text-align: center;
  line-height: 24px;
  padding: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  left: auto;
}
.card-image.rounded .file-upload-button {
  border-radius: 50%;
  height: 200px;
  width: 200px;
  transform: translate(-50%, -50%);
  margin-top: 0;
}
.card-image.rounded .file-upload-button i {
  display: block;
}
.card-image.rounded .file-upload-button.top-right {
  display: none;
  transform: none;
  top: 24px;
  right: 24px;
  margin: 0;
  border: none;
  width: 24px;
  text-align: center;
  line-height: 24px;
  padding: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  left: auto;
  height: 24px;
  border-radius: 0;
}
.card-image .has-image .file-upload-button {
  display: none;
}
.card-image .has-image .file-upload-button.top-right {
  display: block;
}
.card-image .file-upload-button:hover {
  background-color: rgb(255, 255, 255);
}
.card-image .file-upload-button.has-image:hover {
  background-color: rgb(0, 0, 0);
}
.card-image .uploadImg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.card-image.rounded .uploadImg {
  border-width: 0px;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.row12 .col input[type=text].border-bottom {
  padding: 0;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  outline: none;
}
.row12 .col input[type=text].border-bottom.focus {
  border: none;
}
.row12 .col input[type=text].border-bottom.focus:focus {
  border-bottom: 1px solid #ccc;
}

.row12 .col .inline-input {
  display: block;
  padding-left: 10px;
  position: relative;
}
.row12 .col .inline-input i {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 33px;
}
.row12 .col .inline-input input[type=text] {
  border: none;
  background: transparent;
  display: inline-block;
  width: 100%;
  max-width: 200px;
  font-size: 20px;
}
.row12 .col .inline-input input[type=text]:focus {
  outline: none;
}

.row12-flex.fill-height .p10, .row12-flex.fill-height .p10 .card {
  height: 100%;
  box-sizing: border-box;
}

.app .logo {
  float: none;
  margin: 15px auto 20px auto;
}
.app .main-holder {
  box-sizing: border-box;
  max-width: 320px;
  margin: auto;
  padding: 10px;
}
.app .main-holder h1 {
  text-align: center;
}
.app .main-holder .mobile-btns {
  padding-top: 20px;
}
.app .main-holder .mobile-btn {
  padding: 20px;
  display: block;
  margin-bottom: 20px;
  background: #08c880;
  border-radius: 5px;
  font-size: 30px;
  line-height: 50px;
}
.app .main-holder .mobile-btn span {
  font-size: 20px;
  line-height: 50px;
  color: #fff;
}
.app .main-holder .mobile-btn i {
  font-size: 30px;
  line-height: 50px;
  color: #fff;
  padding-right: 10px;
}
.app #camera, .app #camera--view, .app #camera--sensor {
  position: fixed;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.app #camera {
  display: none;
}
.app #camera--trigger {
  width: 60px;
  height: 60px;
  background-color: black;
  color: white;
  font-size: 20px;
  border-radius: 60px;
  border: none;
  text-align: center;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 30px;
  left: calc(50% - 30px);
  z-index: 2;
}
.app #camera--close {
  width: 60px;
  height: 60px;
  background-color: black;
  color: white;
  font-size: 20px;
  border-radius: 60px;
  border: none;
  text-align: center;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}
.app .thumb-template {
  display: none;
}
.app .output {
  position: absolute;
  top: 20px;
  left: 20px;
}
.app .output .thumb {
  position: relative;
  width: 20%;
  float: left;
  margin-right: 5px;
  border: 1px solid #fff;
}
.app .output .thumb img {
  display: block;
  width: 100%;
}
.app .output .thumb .wait, .app .output .thumb .result {
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
.app .output .thumb .result {
  display: none;
}
.app .output .thumb.success .wait {
  display: none;
}
.app .output .thumb.success .result {
  display: block;
}

.btns-row {
  padding-top: 15px;
}

.display-block {
  display: block;
}

.profile-item {
  position: relative;
  padding-left: 116px;
  min-height: 95px;
}
.profile-item .profile-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 98px;
  height: 98px;
}
.profile-item .profile-img img {
  display: block;
  width: 100%;
  border-radius: 50%;
}
.profile-item .profile-data {
  font-size: 14px;
  line-height: 24px;
}
.profile-item .profile-data strong {
  font-size: 16px;
  font-weight: 500;
  line-height: 35px;
  display: block;
}
.profile-item .profile-data a {
  font-size: 14px;
  color: #2c94d4;
}
.profile-item .profile-data em {
  display: block;
  font-style: normal;
  margin-top: -10px;
}
.profile-item .profile-contact {
  font-size: 14px;
  line-height: 24px;
}
.profile-item .profile-contact a {
  font-size: 14px;
  color: #444;
}
.profile-item .profile-contact em {
  display: inline;
  margin-top: 0;
  font-size: 11px;
  color: #999;
  font-style: normal;
}

.social {
  text-align: center;
}
.social a {
  display: inline-block;
  margin: 0 20px;
  font-size: 20px;
  color: #777;
}

i.blue {
  color: #2c94d4;
}

a.no-highlight, div.basic dl dd a.no-highlight {
  display: block;
  color: #444;
  line-height: 20px;
  font-size: 13px;
}
a.no-highlight:hover, div.basic dl dd a.no-highlight:hover {
  text-decoration: none;
}

.perso-item {
  padding-left: 35px;
  position: relative;
  line-height: 38px;
}
.perso-item i {
  font-size: 12px;
  color: #999;
  line-height: 38px;
}
.perso-item .abs {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
}
.perso-item .actions {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.perso-item .actions a {
  display: inline-block;
}
.perso-item .actions i {
  margin-left: 5px;
  min-width: 15px;
}
.perso-item .display-view, .perso-item .edit-view {
  position: relative;
  padding-right: 55px;
}
.perso-item .edit-view {
  display: none;
}

h4 {
  padding: 0 0 9px 0;
  line-height: 22px;
  font-size: 16px;
}

.fa-envelope-filter {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: relative;
}
.fa-envelope-filter::before {
  content: "\f0e0";
  color: #ddd;
}
.fa-envelope-filter::after {
  display: block;
  content: "\f0b0";
  position: absolute;
  top: -1px;
  right: -2px;
  font-size: 12px;
  text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
.fa-envelope-filter.red::before {
  color: #ee394d;
}
.fa-envelope-filter.red::after {
  color: #2c94d4;
}
.fa-envelope-filter.green::before {
  color: #08c880;
}
.fa-envelope-filter.green::after {
  color: #2c94d4;
}
.fa-envelope-filter.blue::after {
  color: #2c94d4;
}

.fa-small {
  font-size: 16px;
  color: #777;
}

.fa-med {
  font-size: 16px;
  color: #777;
}

.txt-link, .basic a.txt-link {
  display: inline-block;
  padding: 0 0 10px 0;
  font-size: 14px;
  text-decoration: underline;
  color: #777;
  transition: 0.3s;
}
.txt-link:hover, .basic a.txt-link:hover {
  color: #333;
  transition: 0.3s;
}

p.info {
  font-size: 11px;
  line-height: 16px;
  color: #666;
  padding-bottom: 16px;
}

.upload-btn-only .file-upload-button {
  border: none;
  background: #00c981;
  color: #fff;
  padding: 10px 24px;
  font-size: 14px;
  line-height: 26px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 3px;
}
.upload-btn-only .file-upload-button i {
  padding-right: 8px;
}

.center-frame {
  position: absolute;
  top: 5%;
  left: 5%;
  right: 5%;
  bottom: 5%;
}
.center-frame #int360container {
  width: 100%;
  height: 100%;
}
.center-frame .spinner-360 {
  display: block;
  width: 100%;
  max-width: 800px;
  margin: auto;
}

.fancybox-toolbar.displayed {
  opacity: 1;
  visibility: visible;
}

.flt-chk {
  position: relative;
  float: left;
  padding: 10px 0 0 20px;
}

.hidden {
  height: 0px;
  overflow: hidden;
}

.box .content table.list-table td {
  padding: 5px !important;
}

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

.chk-sub-list {
  padding-left: 20px;
}

div.subSection + div.p20 {
  padding-top: 0;
}

.tab-progress li {
  display: block;
  border-bottom: 1px solid #eee;
}
.tab-progress li a {
  display: block;
  padding: 12px 18px;
  font-size: 14px;
  line-height: 25px;
  color: #ccc;
  position: relative;
}
.tab-progress li a i {
  display: block;
  position: absolute;
  line-height: 25px;
  font-size: 14px;
  top: 12px;
  right: 18px;
}
.tab-progress li a i.icon-bigger {
  font-size: 20px;
}
.tab-progress li a .tag {
  margin-left: 10px;
  background: #3691d4;
  line-height: 16px;
  font-size: 11px;
  color: #fff;
  padding: 0 8px;
  border-radius: 8px;
  display: none;
}
.tab-progress li a.complete {
  color: #333;
}
.tab-progress li a.complete .tag {
  display: inline-block;
}
.tab-progress li a.complete i {
  color: #00c981;
}
.tab-progress li a.complete.active i {
  color: #00c981;
}
.tab-progress li a.active {
  color: #333;
  background: #f5f5f5;
}
.tab-progress li a.active i {
  color: #ccc;
}
.tab-progress li a.active.complete i {
  color: #00c981;
}

.basic .inner-form dd.status-label {
  line-height: 20px;
}

.select2-container em {
  display: inline-block;
  color: #999;
  font-style: normal;
  font-size: 10px;
  float: right;
}

.overlay .tools {
  float: right;
  margin-top: 15px;
}

.overlay .tools-menu-holder {
  position: relative;
}
.overlay .tools-menu-holder .tools-menu {
  position: absolute;
  z-index: 10;
  top: 35px;
  right: -15px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: none;
}
.overlay .tools-menu-holder .tools-menu a {
  display: block;
  position: relative;
  border-bottom: 1px solid #ccc;
  padding: 10px 15px 10px 45px;
  min-width: 190px;
  box-sizing: border-box;
  font: normal normal normal 14px/24px "Figtree", Arial, Helvetica, sans;
}
.overlay .tools-menu-holder .tools-menu a i {
  display: block;
  position: absolute;
  top: 10px;
  left: 18px;
  line-height: 24px;
}
.overlay .tools-menu-holder .tools-menu a:last-child {
  border-bottom: none;
}
.overlay .tools-menu-holder .tools-menu::after {
  content: "";
  display: block;
  position: absolute;
  top: -9px;
  right: 12px;
  width: 0;
  height: 0;
  border-bottom: 9px solid #fff;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}
.overlay .tools-menu-holder .tools-menu::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: 11px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.upload-field {
  padding-right: 40px;
  position: relative;
}

div.basic.half dl dd .upload-field select.txt {
  width: 100%;
}

.upload-field .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.upload-field .upload-btn-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 38px;
  height: 38px;
}

.upload-field .btn, .upload-field .removeFile {
  color: #777;
  background-color: #f7f7f7;
  border-radius: 3px;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #ccc;
  width: 38px;
  box-sizing: border-box;
}

.upload-field .removeFile {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 38px;
  color: #777;
  background-color: #f7f7f7;
  border-radius: 3px;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #ccc;
}

.upload-field .upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.weborders .row-col.descr {
  width: 52%;
}
.weborders .row-col.link {
  width: 5%;
  text-align: right;
}
.weborders .doc-row {
  padding-right: 30px;
}
.weborders .doc-row.totals {
  margin-right: 30px;
  padding-right: 5%;
  width: auto;
}
.weborders .doc-row.totals.small {
  border-bottom: none;
  min-height: 0;
  padding-bottom: 0;
}
.weborders .linesHeader .row-col.price {
  text-align: right;
}

.tools a.bg-circle {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background: rgba(0, 0, 0, 0.5);
  line-height: 26px;
  text-align: center;
}

.car-imgs .img-holder img {
  width: auto;
  max-width: 100%;
  max-height: 450px;
  margin: auto;
}

.basic.p20.full-width {
  max-width: 100%;
}

.card-table tr.footer td {
  font-weight: bold;
}

.card-header h3 a.icon-left i {
  padding-left: 0;
  padding-right: 10px;
}

#stockLines .c1 {
  display: inline-block;
  width: 80%;
}
#stockLines .c2 {
  display: inline-block;
  width: 20%;
  text-align: right;
}

.card-search-holder.has-timeframe.btns-hidden {
  padding-right: 120px;
}

.upload-error {
  display: none;
  color: #b81607;
  line-height: 20px;
  padding-top: 5px;
  font-size: 13px;
}

.has-error .upload-error {
  display: block;
}

.img-upload {
  position: relative;
  min-height: 42px;
  overflow: hidden;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fcfcfc;
  width: auto;
}
.img-upload .img-upload-text {
  color: #777;
  font-size: 13px;
  font-weight: 500;
  padding-right: 25px;
  text-transform: uppercase;
  cursor: pointer;
  line-height: 42px;
  padding-left: 42px;
  display: block;
  z-index: 1;
  position: relative;
}
.img-upload .file-name {
  display: none;
}
.img-upload .upload-icon {
  display: block;
  line-height: 42px;
  font-size: 14px;
  color: #777;
  width: 42px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.img-upload .upload-tech-fields input {
  display: none;
}
.img-upload .img-upload-control {
  position: absolute;
  left: -99999px;
}
.img-upload .img-upload-remove {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  border-top-right-radius: 3px;
  border-bottom-left-radius: 5px;
}
.img-upload img {
  display: none;
}
.img-upload.has-content.image {
  width: auto;
  max-width: 300px;
}
.img-upload.has-content.image .img-upload-remove {
  display: block;
}
.img-upload.has-content.image .upload-icon, .img-upload.has-content.image .img-upload-text {
  display: none;
}
.img-upload.has-content.image img {
  display: block;
  max-width: 300px;
  max-height: 300px;
  min-width: 200px;
}
.img-upload.has-content.movie, .img-upload.has-content.doc {
  width: auto;
  max-width: 400px;
  padding-right: 60px;
}
.img-upload.has-content.movie .img-upload-remove, .img-upload.has-content.doc .img-upload-remove {
  display: block;
}
.img-upload.has-content.movie .img-upload-text, .img-upload.has-content.doc .img-upload-text {
  display: none;
}
.img-upload.has-content.movie .file-name, .img-upload.has-content.doc .file-name {
  display: inline-block;
  max-width: 400px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
  text-decoration: underline;
  padding-left: 40px;
  padding-top: 11px;
}
.img-upload.has-content.movie .img-upload-remove, .img-upload.has-content.doc .img-upload-remove {
  border-radius: 3px;
}

.form .input-group .select2-container--classic .select2-selection--single {
  border-radius: 3px;
  height: 38px;
}

.form .input-group .select2-container--classic .select2-selection--single .select2-selection__rendered, .form .input-group .select2-container--classic .select2-selection--single .select2-selection__arrow::before {
  line-height: 36px;
}

.form .input-group .select2-container--classic .select2-selection--single .select2-selection__arrow {
  height: 36px;
}

.card-intro {
  padding-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.card-intro p {
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.card-intro p a {
  font-size: 14px;
  line-height: 20px;
  color: #3691d4;
  text-decoration: underline;
}
.card-intro a {
  font-size: 14px;
  line-height: 20px;
  color: #3691d4;
  text-decoration: underline;
}

td.icon-light i {
  color: #ddd;
}

.row12 .col .form-new .input-group {
  padding: 0;
  border: 1px solid #ccc;
  transition: 0.3s;
  margin-bottom: 12px;
  position: relative;
}
.row12 .col .form-new .input-group label {
  display: block;
  padding: 0;
  line-height: 19px;
  font-size: 11px;
  color: #999;
  text-transform: none;
  position: absolute;
  top: 0;
  left: 10px;
  transition: 0.3s;
}
.row12 .col .form-new .input-group span.text {
  display: none;
  line-height: 20px;
  font-size: 14px;
  color: #444;
  padding: 19px 0 2px 10px;
  transition: 0.3s;
}
.row12 .col .form-new .input-group .select2-container {
  display: block;
  padding-top: 19px;
  border-radius: 0;
  height: auto;
  line-height: 20px;
  border: none;
  padding-bottom: 2px;
}
.row12 .col .form-new .input-group .select2-container .select2-selection--single {
  height: 20px;
  border: none;
}
.row12 .col .form-new .input-group .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 20px;
}
.row12 .col .form-new .input-group .select2-container .select2-selection--single .select2-selection__arrow {
  top: 2px;
  height: 37px;
  width: 30px;
  line-height: 37px;
  border-left: 1px solid #ccc;
}
.row12 .col .form-new .input-group .select2-container .select2-selection--single .select2-selection__arrow::before {
  line-height: 37px;
}
.row12 .col .form-new .input-group input, .row12 .col .form-new .input-group select {
  display: block;
  border: none;
  background: #fff;
  line-height: 20px;
  font-size: 14px;
  color: #444;
  padding: 19px 0 2px 10px;
  height: auto;
}
.row12 .col .form-new .input-group.error {
  border-color: #ee394d;
}
.row12 .col .form-new .input-group.error label {
  color: #ee394d;
}
.row12 .col .form-new .input-group .ui-datepicker-trigger {
  display: block;
  top: 2px;
  height: 37px;
  line-height: 37px;
  width: 30px;
  border-left: 1px solid #ccc;
}
.row12 .col .form-new .input-group.np-top span.text {
  padding-top: 0;
}
.row12 .col .form-new .form-btns {
  display: block;
}
.row12 .col .form-new.read-only .form-btns {
  display: none;
}
.row12 .col .form-new.read-only .input-group {
  padding: 0;
  border-color: transparent;
  transition: 0.3s;
}
.row12 .col .form-new.read-only .input-group label {
  left: 0;
  transition: 0.3s;
}
.row12 .col .form-new.read-only .input-group span.text {
  display: block;
  padding-left: 0;
  transition: 0.3s;
  min-height: 19px;
}
.row12 .col .form-new.read-only .input-group .select2-container {
  display: none;
}
.row12 .col .form-new.read-only .input-group input, .row12 .col .form-new.read-only .input-group select {
  display: none;
}
.row12 .col .form-new.read-only .input-group .ui-datepicker-trigger {
  display: none;
}

.activity {
  padding-bottom: 30px;
  position: relative;
}
.activity::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  height: 30px;
  border-left: 3px dotted #9c9c9c;
}
.activity.add::after {
  display: none;
}

.ui-datepicker {
  width: auto;
  padding: 0;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
}

.ui-datepicker td {
  border: 0;
  padding: 0;
  width: 14.28%;
}

.ui-datepicker td span, .ui-datepicker td a {
  width: 36px;
  margin: 2px auto;
  height: 36px;
  line-height: 36px;
  font-family: "Figtree", Arial, Helvetica, sans;
  font-weight: normal;
  border-radius: 18px;
  text-align: center;
  padding: 0;
  font-size: 15px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: none;
  background: none;
  color: #222;
}

.ui-state-default, .ui-widget-content .ui-state-default:hover {
  background: #eee;
  transition: 0.3s;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background: #444 !important;
  color: #fff !important;
}

.ui-datepicker th {
  padding: 0;
  text-align: center;
  color: #ccc;
  font: normal normal 500 12px/35px "Figtree", Arial, Helvetica, sans;
  border-bottom: 1px solid #ccc;
}

.ui-datepicker .ui-datepicker-header {
  padding: 25px 0 11px;
  border: none;
  background: none;
}

.ui-datepicker .ui-datepicker-title {
  font: normal normal normal 16px/27px "Figtree", Arial, Helvetica, sans;
  margin: 0 54px;
  color: #222;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 25px;
  width: 40px;
  height: 27px;
  border: none;
  background: none;
  font-family: "Figtree", Arial, Helvetica, sans;
  font-weight: normal;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: none;
}

.ui-datepicker .ui-datepicker-prev::before {
  content: "\f0a8";
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  display: block;
  text-align: right;
  color: #444;
}

.ui-datepicker .ui-datepicker-next::before {
  content: "\f0a9";
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  display: block;
  text-align: left;
  color: #444;
}

.ui-datepicker .ui-datepicker-prev:hover::before, .ui-datepicker .ui-datepicker-next:hover::before {
  color: #222;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
  font-size: 16px;
  padding-left: 6px;
  line-height: 25px;
  font-weight: normal;
  font-family: "Figtree", Arial, Helvetica, sans;
  border: 1px solid #ccc;
}

.ui-datepicker select.ui-datepicker-month {
  border-right: none;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.ui-datepicker select.ui-datepicker-year {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.3;
}

.card.width-auto {
  display: inline-block;
}

.activity .card-header h3 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.card-header-icon {
  display: block;
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 45px;
  border-top-left-radius: 5px;
  float: left;
  border-right: 1px solid #e1e1e1;
}
.card-header-icon .icon {
  line-height: 45px;
  width: 45px;
  border-top-left-radius: 5px;
  color: #777;
  font-size: 16px;
}
.card-header-icon .icon.error {
  color: #fff;
  background: #ed1b1b;
}
.card-header-icon .icon.warn {
  color: #fff;
  background: #f49401;
}
.card-header-icon .icon.ok {
  color: #fff;
  background: #08c880;
}
.card-header-icon.high {
  height: 53px;
  width: 50px;
  line-height: 53px;
  cursor: pointer;
}
.card-header-icon.high .icon {
  line-height: 53px;
}

.document-display {
  position: relative;
  border: 1px solid #ccc;
  height: 26px;
  padding: 5px 35px 5px 10px;
  text-align: left;
  font-size: 14px;
  line-height: 26px;
  color: #444;
  border-radius: 3px;
  position: relative;
}
.document-display a.text {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  text-decoration: underline;
  font-size: 14px;
  line-height: 26px;
  color: #333;
}
.document-display a.btn {
  position: absolute;
  right: 0px;
  top: 0;
  width: 36px;
  line-height: 36px;
  text-align: center;
  border-left: 1px solid #ccc;
  background: #f7f7f7;
  color: #666;
}

.repeatableContent a {
  cursor: pointer;
}
.repeatableContent ul {
  padding-bottom: 12px;
}
.repeatableContent li {
  width: 30%;
  max-width: 300px;
  padding-right: 30px;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.repeatableContent li span {
  display: block;
  cursor: pointer;
  line-height: 32px;
}
.repeatableContent li a {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 30px;
  text-align: center;
  color: #999;
  cursor: pointer;
}

div.basic #dlRepeatableItem dt {
  max-width: 9999px;
  width: 20%;
}

div.basic #dlRepeatableItem dd {
  max-width: 9999px;
  width: 80%;
}

dd.error {
  border: none;
}
dd.error .control-holder {
  border-color: #ff0000;
}

.msgFooter.btn-center {
  text-align: center;
}
.msgFooter.btn-center a, .msgFooter.btn-center a.btn-green {
  float: none;
  display: inline-block;
  width: auto;
  padding: 0 15px;
  margin: 4px 5px 0 5px;
}
.msgFooter.btn-center a span, .msgFooter.btn-center a.btn-green span {
  display: inline;
  width: auto;
  padding: 0;
  margin: 0;
}

.switch.listgrid {
  display: block;
  position: relative;
  border: 1px solid #ddd;
  background: #fafafa;
  border-radius: 3px;
  width: 64px;
  height: 32px;
  box-sizing: border-box;
  margin-top: 4px;
}

.switch.listgrid .slider {
  background: none;
}

.switch.listgrid input + .slider::after {
  content: "\f00a";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: #666;
  position: absolute;
  display: block;
  height: 28px;
  width: 28px;
  right: 1px;
  bottom: 1px;
  top: 1px;
  border-radius: 3px;
  background-color: white;
  line-height: 28px;
}
.switch.listgrid input + .slider::before {
  content: "\f03a";
  font-weight: 300;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  position: absolute;
  display: block;
  height: 28px;
  width: 28px;
  left: 1px;
  bottom: 1px;
  top: 1px;
  color: #ccc;
  border-radius: 3px;
  background-color: transparent;
  line-height: 28px;
}

.switch.listgrid input:checked + .slider::after {
  color: #ccc;
  background-color: transparent;
}
.switch.listgrid input:checked + .slider::before {
  color: #666;
  background-color: white;
}

.no-rel {
  position: initial !important;
}

.inner-form .smaller {
  display: block;
  padding-top: 20px;
  width: 100% !important;
}

div.basic span.fielddescription {
  font-size: 13px;
  line-height: 20px;
  color: #777;
  padding-bottom: 20px;
  display: block;
  padding-top: 5px;
}

.detail div.basic dl dd {
  line-height: 0;
}

.weborders .doc-row .row-col.descr strong {
  display: block;
  margin-bottom: -10px;
}

.scantype {
  height: 100%;
}

.fullscreen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.vid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.vid-overlay .box-top {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  height: 30%;
}
.vid-overlay .box-left {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  width: 10vw;
  top: 30%;
  height: 20%;
}
.vid-overlay .box-right {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  right: 0;
  width: 10vw;
  top: 30%;
  height: 20%;
}
.vid-overlay .box-bottom {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  right: 0;
  left: 0;
  top: 49.9%;
  bottom: 0;
}
.vid-overlay .box-scan, .vid-overlay .canvas-vin {
  position: absolute;
  top: 30%;
  left: 10vw;
  right: 10vw;
  height: 20%;
}
.vid-overlay .box-scan img, .vid-overlay .canvas-vin img {
  display: block;
  width: 100%;
}
.vid-overlay .canvas-barcode {
  z-index: -1;
}
.vid-overlay .camera-btn {
  position: absolute;
  bottom: 10%;
  left: 40vw;
  line-height: 20vw;
  height: 20vw;
  width: 20vw;
  border-radius: 10vw;
  font-size: 6vw;
  text-align: center;
  color: #fff;
  background: #303030;
}
.vid-overlay .canvas-barcode {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100vw;
}
.vid-overlay.success .camera-btn {
  display: none;
}
.vid-overlay.success .txtVIN {
  display: block;
}
.vid-overlay.success .edit-btns {
  display: block;
}

.result-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100vw;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1;
}
.result-overlay i {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 50px;
  color: #00c981;
}
.result-overlay.error i {
  color: #f8e7e6;
}
.result-overlay .result-box {
  background: #fff;
  position: absolute;
  display: block;
  box-sizing: border-box;
  transform: translateY(-50%);
  left: 5vw;
  right: 5vw;
  top: 50%;
}
.result-overlay .result-box h2 {
  color: #666;
  font-size: 18px;
  font-family: Arial;
  margin: 0;
  padding: 0;
  font-weight: normal;
  padding-bottom: 20px;
}
.result-overlay .result-box .result-box-content {
  padding: 20px;
}
.result-overlay .result-box .input-group {
  padding: 10px 0;
}
.result-overlay .result-box .input-group label {
  display: block;
  text-transform: none;
  font-size: 13px;
}
.result-overlay .result-box .result-box-actions {
  margin-top: 20px;
  border-top: 1px solid #ccc;
}
.result-overlay .result-box .result-box-actions::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
.result-overlay .result-box .result-box-actions a {
  display: block;
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-left: 1px solid #ccc;
  padding: 15px 0;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.result-overlay .result-box .result-box-actions a:first-child {
  border-left: none;
}
.result-overlay .result-box .result-box-actions a.btn-add {
  color: #00c981;
}
.result-overlay .result-box .result-box-actions a.btn-cancel {
  color: #999;
}

.tools.bg a.white {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  text-align: center;
  transform: translateX(7px);
}

.car-imgs.empty {
  padding-top: 75%;
  position: relative;
}
.car-imgs.empty a {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #444;
  border: 1px solid #444;
  padding: 10px 15px;
  border-radius: 4px;
  line-height: 20px;
}

div.basic dl dd input + label {
  height: auto;
  min-height: 16px;
}

ul li input + label em {
  font-style: normal;
  display: block;
  padding-left: 44px;
  color: #888;
}
ul li input + label em ul, ul li input + label em li {
  list-style: disc;
}

.fixed-label div.basic dl dt {
  width: 107px;
}
.fixed-label div.basic dl dd {
  width: calc(100% - 107px);
}

div.basic dl dd .edit select.txt {
  max-width: 300px;
}

div.basic dl dd .edit input.txt.num {
  max-width: 150px;
}

.edit-group {
  width: 90%;
  max-width: 300px;
}

.edit-group.full-width {
  width: 100%;
  max-width: 100%;
}

.rich-text {
  font-size: 14px !important;
}
.rich-text strong, .rich-text em, .rich-text p, .rich-text i, .rich-text b {
  font-size: 14px;
}
.rich-text h2 {
  font-weight: normal;
  line-height: 1.2;
  font-size: 18px !important;
  padding-bottom: 12px;
}
.rich-text em {
  padding: 0;
  color: #444;
  font-style: italic;
}
.rich-text .display-group p {
  font-size: 14px;
  padding-bottom: 20px;
}

.richtext-holder.two-col::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
.richtext-holder.two-col .richtext-left {
  width: 50%;
  float: left;
  padding-right: 5px;
  box-sizing: border-box;
}
.richtext-holder.two-col .richtext-right {
  width: 50%;
  float: left;
  padding-left: 5px;
  box-sizing: border-box;
}

.fa-grey, .box .content table td .fa-grey {
  color: #777;
}

.list-item {
  position: relative;
  padding-right: 60px;
  padding-bottom: 10px;
}
.list-item .price {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 30px;
}
.list-item .extra {
  color: #999;
  padding-left: 25px;
  margin-top: -5px;
}
.list-item.total {
  padding-top: 14px;
}
.list-item.total .main, .list-item.total .price {
  font-weight: 500;
  font-size: 16px;
}

.row12 .col input[type=text].rbtn-padding {
  margin-left: 25px;
  width: calc(100% - 25px);
}

.price-row::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
.price-row label, .price-row span {
  display: block;
  float: left;
  font-size: 14px;
  line-height: 26px;
  width: 70%;
}
.price-row span {
  text-align: right;
  width: 30%;
}
.price-row.total label, .price-row.total span {
  font-weight: bold;
  padding-bottom: 10px;
}

dd .suffix {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 38px;
  padding-right: 10px;
  font-size: 16px;
  color: #999;
  pointer-events: none;
}

.imgBBT {
  height: 20px;
  padding-top: 4px;
}
.imgBBT.grey {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  opacity: 0.3;
}

.search-holder {
  position: relative;
}
.search-holder input {
  padding-right: 50px;
}
.search-holder a {
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  right: 0;
  height: 38px;
  width: 38px;
  text-align: center;
  background: #f7f7f7;
  border: 1px solid #ccc;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.search-holder a i {
  line-height: 36px;
  font-size: 16px;
  color: #777;
}

.innerPanel .input-group {
  padding-bottom: 18px;
}

.input-line {
  margin: 0 -1px;
}
.input-line::after {
  content: "";
  display: block;
  float: none;
  clear: both;
  height: 0;
}
.input-line .input-half {
  box-sizing: border-box;
  width: 50%;
  padding: 0 1px;
  float: left;
  position: relative;
}

.suffix-l, .suffix-s {
  position: relative;
}

.suffix-l input {
  padding-right: 72px;
}

.suffix-s input {
  padding-right: 30px;
}

.suffix-l .suffix, .suffix-s .suffix {
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  line-height: 36px;
  font-size: 11px;
  color: #999;
  padding-right: 9px;
}

.msgBox a.btnBlue27, .boxOption a.btnBlue27 {
  width: auto !important;
  min-width: 80px;
  display: inline-block;
  float: none;
  height: 37px;
  background: #316dff;
  margin: 0 7px 0 0;
  border-radius: 3px;
  padding: 0 20px 0 20px;
  line-height: 37px;
  color: #fff !important;
  text-transform: none;
  border: none;
  font: normal normal 400 13px/37px "Figtree", Arial, Helvetica, sans;
}

.msgContent p.f-smaller {
  font-size: 13px;
  color: #777;
}
.msgContent p.f-smaller a {
  font-size: 13px;
  color: #777;
}

.line-above {
  border-top: 1px solid #e0e0e0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.price-row.total.line-above {
  padding-bottom: 0;
}

.searchfield-holder {
  overflow: hidden;
}

.sub-list {
  padding-left: 25px;
}

.sub-total {
  font-weight: bold;
}

#divSep {
  margin-top: -10px;
  padding-bottom: 10px;
}

.pannel .innerPanel .form input[type=text].error, .pannel .innerPanel .form select.error {
  border-color: #b81607;
  background-color: #f8e7e6;
}

div.basic dl dd .form-intro {
  line-height: 20px;
}

div.basic span.strong {
  font-size: 14px;
  font-weight: 500;
}

div.basic dl.space-below {
  padding-bottom: 10px;
}

.msgBox.big {
  max-width: 720px;
}
.msgBox.big .msgHeader {
  width: 100%;
  box-sizing: border-box;
}

.preview-frame {
  border: 1px solid #ccc;
  width: 100%;
  min-height: 600px;
}

.doc-row .icon-green i {
  color: #00c981;
}

.row12 .col.ev-l6.shown {
  width: 50%;
}

.row12 .col.ev-l12.shown {
  width: 100%;
}

.popup-tooltip-holder {
  position: relative;
}

.card-header .tools .popup-tooltip-btn {
  display: block;
  line-height: 40px;
  font-size: 14px;
  color: #999;
}
.card-header .tools .popup-tooltip-btn i {
  color: #999;
  font-size: 14px;
  line-height: 40px;
}

.popup-tooltip {
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  will-change: transform;
  pointer-events: none;
  position: absolute;
  right: -14px;
  min-width: 200px;
  top: 35px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  z-index: 10;
  transform: scale(0.95) translateY(-20px);
  padding: 14px 18px;
  font-size: 13px;
  line-height: 20px;
  color: #666;
}
.popup-tooltip a {
  color: #666;
  text-decoration: underline;
}

.popup-tooltip::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: 12px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
}

.popup-tooltip::after {
  content: "";
  display: block;
  position: absolute;
  top: -9px;
  right: 14px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 9px solid #fff;
}

.popup-tooltip.open {
  pointer-events: all;
  transition: all 0.2s;
  opacity: 1;
  transform: scale(1) translateY(0);
}

.helpt-text {
  padding-top: 20px;
  color: #999;
}
.helpt-text a {
  color: #999;
  text-decoration: underline;
}

.lead-specs::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
.lead-specs .lead-spec {
  float: left;
  line-height: 20px;
  border-right: 1px solid #e5e5e5;
  padding-right: 20px;
  padding-left: 20px;
}
.lead-specs .lead-spec:last-child {
  border-right: none;
}
.lead-specs .lead-spec:first-child {
  padding-left: 0;
}
.lead-specs .lead-spec i {
  line-height: 20px;
  padding-right: 8px;
}

.lead-actions {
  display: inline-block;
}
.lead-actions::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
.lead-actions .lead-owner, .lead-actions .lead-action {
  float: left;
  padding: 10px 0 0 8px;
}
.lead-actions .lead-owner {
  position: relative;
  padding-left: 40px;
  line-height: 16px;
}
.lead-actions .lead-owner img {
  position: absolute;
  top: 12px;
  left: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.lead-actions .lead-owner strong {
  display: block;
  text-align: right;
}

.sub-header {
  border-bottom: 1px solid #e0e0e0;
  padding: 24px;
  background: #fff;
}

.lead-status {
  background: #ccc;
  height: 40px;
  max-width: 95%;
  margin: auto;
  border-radius: 5px;
  overflow: hidden;
}
.lead-status::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
.lead-status.lead-status-1 .lead-step {
  width: 100%;
}
.lead-status.lead-status-2 .lead-step {
  width: 50%;
}
.lead-status.lead-status-3 .lead-step {
  width: 33.3333333333%;
}
.lead-status.lead-status-4 .lead-step {
  width: 25%;
}
.lead-status.lead-status-5 .lead-step {
  width: 20%;
}
.lead-status.lead-status-6 .lead-step {
  width: 16.6666666667%;
}
.lead-status.lead-status-7 .lead-step {
  width: 14.2857142857%;
}
.lead-status.lead-status-8 .lead-step {
  width: 12.5%;
}
.lead-status.lead-status-9 .lead-step {
  width: 11.1111111111%;
}
.lead-status.lead-status-10 .lead-step {
  width: 10%;
}
.lead-status.lead-status-11 .lead-step {
  width: 9.0909090909%;
}
.lead-status.lead-status-12 .lead-step {
  width: 8.3333333333%;
}
.lead-status.lead-status-13 .lead-step {
  width: 7.6923076923%;
}
.lead-status.lead-status-14 .lead-step {
  width: 7.1428571429%;
}
.lead-status.lead-status-15 .lead-step {
  width: 6.6666666667%;
}
.lead-status.lead-status-16 .lead-step {
  width: 6.25%;
}
.lead-status.lead-status-17 .lead-step {
  width: 5.8823529412%;
}
.lead-status.lead-status-18 .lead-step {
  width: 5.5555555556%;
}
.lead-status.lead-status-19 .lead-step {
  width: 5.2631578947%;
}
.lead-status.lead-status-20 .lead-step {
  width: 5%;
}
.lead-status.lost {
  background: #ee394d;
}
.lead-status.lost .lead-step.True {
  background: #ee394d;
}
.lead-status.lost .lead-step.True::after {
  border-color: transparent transparent transparent #ee394d;
}
.lead-status .lead-step {
  float: left;
  height: 40px;
  position: relative;
  display: block;
}
.lead-status .lead-step span {
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 22px;
  color: #fff;
}
.lead-status .lead-step.lane-1 span {
  padding-left: 12px;
}
.lead-status .lead-step::before {
  content: "";
  position: absolute;
  top: 0;
  right: -11px;
  width: 0;
  height: 0;
  border-width: 20px 0 20px 10px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  z-index: 1;
}
.lead-status .lead-step::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  width: 0;
  height: 0;
  border-width: 20px 0 20px 10px;
  border-color: transparent transparent transparent #ccc;
  border-style: solid;
  z-index: 2;
}
.lead-status .lead-step.True {
  background: #08c880;
}
.lead-status .lead-step.True::after {
  border-color: transparent transparent transparent #08c880;
}
.lead-status .lead-step:last-child::before, .lead-status .lead-step:last-child::after {
  display: none;
}

.control-holder input.txt.carDescbox, .control-holder input.txt.clientDescbox, .row12 .col .control-holder input.txt {
  border: none !important;
  min-height: 36px;
}

/* custom scrollbar */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

.ck-editor__editable {
  min-height: 300px;
  font-size: 14px;
  line-height: 24px;
  max-height: 500px;
}
.ck-editor__editable p {
  font-size: 14px;
  line-height: 22px;
  padding: 0 0 22px 0;
}
.ck-editor__editable p + ul {
  margin-top: -12px;
}
.ck-editor__editable h1 {
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 14px;
}
.ck-editor__editable h2 {
  font-size: 20px;
  line-height: 26px;
  padding-bottom: 14px;
}
.ck-editor__editable h3 {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 14px;
}
.ck-editor__editable h4 {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 14px;
}
.ck-editor__editable ul {
  padding-left: 20px;
  list-style-type: disc;
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 20px;
}
.ck-editor__editable ul li {
  list-style-type: disc;
  font-size: 14px;
  line-height: 22px;
}
.ck-editor__editable ul li span.ck-list-bogus-paragraph {
  font-size: 14px;
  color: #222;
}
.ck-editor__editable unsubscribe, .ck-editor__editable a {
  font-size: 14px;
  line-height: 22px;
  color: #2c94d4;
  text-decoration: underline;
}

.row12 .col .ck-source-editing-area textarea {
  height: 100%;
  resize: vertical;
  overflow-y: auto;
}

i.suffix {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
  color: #999;
}

body .xdsoft_datetimepicker .xdsoft_label {
  font-weight: normal;
}
body .xdsoft_datetimepicker .xdsoft_calendar td, body .xdsoft_datetimepicker .xdsoft_calendar th {
  background: none;
  border: none;
  color: #222;
  font-size: 15px;
  text-align: center;
  height: 32px;
}
body .xdsoft_datetimepicker .xdsoft_calendar th {
  padding: 0;
  text-align: center;
  color: #ccc;
  font: normal normal 500 12px/35px "Figtree", Arial, Helvetica, sans;
  border-bottom: 1px solid #ccc;
}
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #222;
}
body .xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding: 0;
}
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  box-shadow: none;
  color: #fff !important;
  background: #222;
}
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
  border-radius: 50%;
}
body .xdsoft_datetimepicker .xdsoft_calendar td:hover, body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: #eee !important;
  color: #222 !important;
}
body .xdsoft_datetimepicker .xdsoft_calendar td:hover {
  border-radius: 50%;
}
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 171px;
}
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #fff;
  color: #222;
}

.action-buttons a.cta.green, .action-buttons a.cta.confirm {
  margin-bottom: 5px;
}

.status-confirm a.cta.rounded, .status-na a.cta.rounded, .status-warn a.cta.rounded {
  text-transform: none;
  padding: 0px 12px;
  border-radius: 6px;
  margin-right: 10px;
}

.status-confirm a.cta.rounded {
  background-color: #00c981;
  border-color: #00c981;
  color: #fff;
}

.status-na a.cta.rounded {
  background-color: #ccc;
  border-color: #ccc;
  color: #fff;
}

.card-table td.status-warn em {
  color: #ff5e20;
}
.card-table td.status-warn a.cta.rounded {
  background-color: #ff5e20;
  border-color: #ff5e20;
  color: #fff;
}

.export-error {
  position: absolute;
  top: 3px;
  left: calc(50% + 5px);
}
.export-error.error i {
  color: #b81607;
}
.export-error.warn i {
  color: #f2bd17;
}
.export-error .tooltip {
  display: none;
  position: absolute;
  color: #333;
  font-size: 10px;
  position: absolute;
  top: -2px;
  left: 18px;
  background: #fff;
  width: 300px;
  text-align: left;
  border: 1px solid #ccc;
  padding: 4px;
  z-index: 10;
  line-height: 14px;
}
.export-error:hover .tooltip {
  display: block;
}

.usage-slider {
  padding-bottom: 15px;
}

.usage-slider-bg {
  height: 20px;
  background: #f5f5f5;
  border-radius: 4px;
  overflow: hidden;
}
.usage-slider-bg .usage-slider-fill {
  height: 20px;
  line-height: 20px;
  text-align: right;
  box-sizing: border-box;
  padding-right: 5px;
  background: #00c981;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  max-width: 100%;
  width: 0%;
  transition: 1s;
  transition-timing-function: ease-out;
  transition-delay: 1s;
}
.usage-slider-bg .usage-slider-fill.orange {
  background: #ff5b20;
}
.usage-slider-bg .usage-slider-fill.red {
  background: #e2211c;
}

.fake-input {
  width: auto;
  margin: auto;
  border: 1px solid #ccc;
  font-weight: bold;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 10px;
  margin-bottom: 20px;
  display: inline-block;
}

.provider-list {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
.provider-list .provider-item {
  flex: 0 0 33%;
  max-width: 134px;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
}
.provider-list .provider-item a {
  display: block;
  padding: 15px 10px;
  text-align: center;
}
.provider-list .provider-item a img {
  display: block;
  width: 84px;
  height: 84px;
  object-fit: contain;
  margin: auto;
}
.provider-list .provider-item a i {
  font-size: 60px;
  line-height: 84px;
  display: block;
  width: 84px;
  height: 84px;
  margin: auto;
}

.panel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
}

.custom-file-upload .file-error {
  display: none;
}

.custom-file-upload.error .file-error {
  display: block;
}

.nobg-pageheader h1 a {
  font-size: 26px;
  line-height: 30px;
  color: #444;
  font-family: "Figtree", Arial, Helvetica, sans;
  min-height: 30px;
}
.nobg-pageheader h1 a:hover {
  text-decoration: underline;
}

.col-layout {
  display: flex;
  height: 100%;
}
.col-layout .left-content {
  flex: 0 0 380px;
  width: 380px;
  background: #fff;
  height: 100%;
}
.col-layout .center-content {
  flex: 0 0 calc(100% - 760px);
  height: 100%;
}
.col-layout .right-content {
  flex: 0 0 380px;
  width: 380px;
  background: #fff;
  height: 100%;
}

.wait-spinner, .vat-result {
  display: none;
  position: absolute;
  top: 4px;
  right: 38px;
  width: 36px;
  height: 28px;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
}

.wait-spinner i {
  font-size: 14px;
  color: #08c880;
  line-height: 28px;
}

.vat-result i {
  font-size: 20px;
  line-height: 28px;
}
.vat-result i.fa-green {
  color: #00c981;
}
.vat-result i.fa-red {
  color: #ff0000;
}
.vat-result .vat-msg {
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  will-change: transform;
  pointer-events: none;
  position: absolute;
  right: -5px;
  min-width: 200px;
  top: 30px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  z-index: 10;
  padding: 5px 0 5px 0;
  white-space: nowrap;
}
.vat-result .vat-msg::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: 12px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
}
.vat-result .vat-msg::after {
  content: "";
  display: block;
  position: absolute;
  top: -9px;
  right: 14px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 9px solid #fff;
}

.abs-holder {
  position: relative;
}

.search-results {
  display: none;
  position: absolute;
  top: 39px;
  left: -1px;
  background: #fff;
  border: 1px solid #ddd;
  right: -1px;
  padding: 0 12px;
  box-shadow: none;
  z-index: 1;
}

.search-results a {
  display: block;
  text-decoration: none;
  padding: 10px 0;
  color: #999;
  font-size: 12px !important;
  line-height: 20px !important;
}

.search-results a strong {
  color: #222;
  display: block;
  font-weight: normal;
  font-size: 14px !important;
}

.ck-abbr-form, .ck-image-insert-url {
  padding: 10px 5px 0 5px !important;
}

div.basic dl {
  overflow: visible;
}

div.basic dl::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.pannel .innerPanel .form .control-holder {
  margin-bottom: 2px;
}

.pannel .innerPanel .form .control-holder input[type=text] {
  border: none;
  margin: 0 !important;
}

.funnel-spacer {
  width: 100%;
  padding: 0 10px;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.funnel-spacer .funnel {
  width: 100%;
  height: 180px;
  margin-top: 74px;
}
.funnel-spacer .funnel-lanes {
  position: absolute;
  display: flex;
  top: 0;
  left: 10px;
  right: 112px;
  bottom: 0;
}
.funnel-spacer .funnel-lanes .funnel-lane {
  padding: 15px 0 0 12px;
  flex: 0 0 25%;
  height: 100%;
  float: left;
  width: 25%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
  color: #666;
  font-weight: bold;
  box-sizing: border-box;
}
.funnel-spacer .funnel-lanes .funnel-lane.fixed {
  width: 102px;
  position: absolute;
  right: -102px;
  top: 74px;
  border-right: 0;
  text-align: right;
  bottom: 0;
  height: auto;
  padding: 0;
}
.funnel-spacer .funnel-lanes .funnel-lane.fixed .funnel-lane-won {
  position: absolute;
  bottom: 50%;
  right: 0;
}
.funnel-spacer .funnel-lanes .funnel-lane.fixed .funnel-lane-won strong {
  color: #00ca82;
  line-height: 30px;
}
.funnel-spacer .funnel-lanes .funnel-lane.fixed .funnel-lane-won.none {
  color: #ccc;
}
.funnel-spacer .funnel-lanes .funnel-lane.fixed .funnel-lane-won.none strong {
  color: #ccc;
}
.funnel-spacer .funnel-lanes .funnel-lane.fixed .funnel-lane-lost {
  position: absolute;
  top: 50%;
  right: 0;
}
.funnel-spacer .funnel-lanes .funnel-lane.fixed .funnel-lane-lost strong {
  color: #ef3e4c;
  line-height: 30px;
}
.funnel-spacer .funnel-lanes .funnel-lane.fixed .funnel-lane-lost.none {
  color: #ccc;
}
.funnel-spacer .funnel-lanes .funnel-lane.fixed .funnel-lane-lost.none strong {
  color: #ccc;
}
.funnel-spacer .funnel-lanes .funnel-lane:first-child {
  padding-left: 0;
}
.funnel-spacer .funnel-lanes .funnel-lane strong {
  display: block;
  font-size: 20px;
  line-height: 20px;
}
.funnel-spacer .funnel-lanes .funnel-lane em {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-style: normal;
  font-weight: 300;
}
.funnel-spacer .funnel-lanes.lanecount-1 .funnel-lane {
  width: 100%;
  flex: 0 0 100%;
}
.funnel-spacer .funnel-lanes.lanecount-2 .funnel-lane {
  width: 50%;
  flex: 0 0 50%;
}
.funnel-spacer .funnel-lanes.lanecount-3 .funnel-lane {
  width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
.funnel-spacer .funnel-lanes.lanecount-4 .funnel-lane {
  width: 25%;
  flex: 0 0 25%;
}
.funnel-spacer .funnel-lanes.lanecount-5 .funnel-lane {
  width: 20%;
  flex: 0 0 20%;
}
.funnel-spacer .funnel-lanes.lanecount-6 .funnel-lane {
  width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
}
.funnel-spacer .funnel-lanes.lanecount-7 .funnel-lane {
  width: 14.2857142857%;
  flex: 0 0 14.2857142857%;
}
.funnel-spacer .funnel-lanes.lanecount-8 .funnel-lane {
  width: 12.5%;
  flex: 0 0 12.5%;
}
.funnel-spacer .funnel-lanes.lanecount-9 .funnel-lane {
  width: 11.1111111111%;
  flex: 0 0 11.1111111111%;
}
.funnel-spacer .funnel-lanes.lanecount-10 .funnel-lane {
  width: 10%;
  flex: 0 0 10%;
}
.funnel-spacer .funnel-lanes.lanecount-11 .funnel-lane {
  width: 9.0909090909%;
  flex: 0 0 9.0909090909%;
}
.funnel-spacer .funnel-lanes.lanecount-12 .funnel-lane {
  width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
}
.funnel-spacer .funnel-lanes.lanecount-13 .funnel-lane {
  width: 7.6923076923%;
  flex: 0 0 7.6923076923%;
}
.funnel-spacer .funnel-lanes.lanecount-14 .funnel-lane {
  width: 7.1428571429%;
  flex: 0 0 7.1428571429%;
}
.funnel-spacer .funnel-lanes.lanecount-15 .funnel-lane {
  width: 6.6666666667%;
  flex: 0 0 6.6666666667%;
}
.funnel-spacer .funnel-lanes.lanecount-16 .funnel-lane {
  width: 6.25%;
  flex: 0 0 6.25%;
}
.funnel-spacer .funnel-lanes.lanecount-17 .funnel-lane {
  width: 5.8823529412%;
  flex: 0 0 5.8823529412%;
}
.funnel-spacer .funnel-lanes.lanecount-18 .funnel-lane {
  width: 5.5555555556%;
  flex: 0 0 5.5555555556%;
}
.funnel-spacer .funnel-lanes.lanecount-19 .funnel-lane {
  width: 5.2631578947%;
  flex: 0 0 5.2631578947%;
}
.funnel-spacer .funnel-lanes.lanecount-20 .funnel-lane {
  width: 5%;
  flex: 0 0 5%;
}

.funnel-empty {
  padding: 20px;
  text-align: center;
}

@media all and (max-width: 730px) {
  .funnel-spacer {
    height: 390px;
    overflow: hidden;
    display: flex;
  }
  .funnel-spacer .funnel {
    position: absolute;
    transform-origin: top left;
    transform: rotate(90deg) translateY(-200px);
    margin-top: 23px;
    width: 420px;
    height: 200px;
    position: absolute;
  }
  .funnel-spacer .funnel-lanes {
    flex-direction: column;
    right: 0;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    position: relative;
    width: 100%;
    height: calc(100% - 54px);
    padding-top: 23px;
    box-sizing: border-box;
  }
  .funnel-spacer .funnel-lanes .funnel-lane {
    width: 100% !important;
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    padding-left: calc(100% - 160px) !important;
    padding-top: 5px;
  }
  .funnel-spacer .funnel-lanes .funnel-lane span {
    display: block;
    font-size: 11px;
    padding-bottom: 5px;
  }
  .funnel-spacer .funnel-lanes .funnel-lane strong {
    float: left;
    width: 50%;
  }
  .funnel-spacer .funnel-lanes .funnel-lane em {
    float: left;
    width: 50%;
    padding-top: 3px;
  }
  .funnel-spacer .funnel-lanes .funnel-lane.fixed {
    right: 0;
    bottom: -53px;
    top: auto;
    border-bottom: 0;
  }
  .funnel-spacer .funnel-lanes .funnel-lane.fixed .funnel-lane-won, .funnel-spacer .funnel-lanes .funnel-lane.fixed .funnel-lane-lost {
    padding: 0 !important;
    position: relative;
    bottom: initial;
    float: left;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    font-size: 11px;
  }
  .funnel-spacer .funnel-lanes .funnel-lane.fixed .funnel-lane-won strong, .funnel-spacer .funnel-lanes .funnel-lane.fixed .funnel-lane-lost strong {
    order: 2;
    text-align: left;
    width: 100%;
  }
}
@media all and (max-width: 430px) {
  .funnel-spacer .funnel {
    position: absolute;
    transform-origin: top left;
    transform: rotate(90deg) translateY(calc((100vw - 230px) * -1));
    width: 420px;
    height: calc(100vw - 230px);
    position: absolute;
  }
}
.lead-stats::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
.lead-stats .stats-big {
  box-sizing: border-box;
  display: block;
  width: 50%;
  float: left;
  padding: 22px 13px 24px 13px;
}
.lead-stats .stats-big label {
  display: block;
  font-size: 10px;
  color: #666;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 16px;
}
.lead-stats .stats-big span {
  display: block;
  font-size: 26px;
  color: #222;
  font-weight: 500;
  line-height: 28px;
  white-space: nowrap;
}
.lead-stats .stats-normal {
  box-sizing: border-box;
  display: block;
  width: 50%;
  float: left;
  padding: 13px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}
.lead-stats .stats-normal span {
  display: block;
  flex: 0 0 39px;
  font-size: 20px;
  color: #00ca82;
  font-weight: 600;
  line-height: 24px;
}
.lead-stats .stats-normal label {
  display: block;
  flex: 0 0 calc(100% - 39px);
  max-width: 90px;
  font-size: 10px;
  color: #666;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 12px;
  white-space: break-spaces;
}

@media all and (max-width: 430px) {
  .lead-stats .stats-big span {
    font-size: 19px;
  }
}
.msgContent label {
  display: block;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  padding-top: 0;
}
.msgContent .txt {
  margin-bottom: 4px;
}
.msgContent input + label {
  font-size: 13px;
  text-transform: none;
  display: inline-block;
  padding-left: 7px;
}

.col .card.label-block div.basic dl dt {
  padding-top: 14px;
}
.col .card.label-block div.basic dl dt.first {
  padding-top: 0;
}

.col .card.label-block div.basic dl dd.chk-styled {
  padding-top: 16px;
}
.col .card.label-block div.basic dl dd.chk-styled.last {
  padding-bottom: 16px;
}
.col .card.label-block div.basic dl dd.chk-styled.np {
  padding: 0;
}

.row12 .col.l-pl60 {
  padding-left: 60px;
}

@media only screen and (max-width: 601px) {
  .row12 .col.s-pl0 {
    padding-left: 0px;
  }
}
.form .input-holder label, .form .control-holder label {
  display: none !important;
}

.card-table .extra-icon-stack {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.card-table .extra-icon-stack i {
  position: absolute;
  font-size: 13px;
  right: 0;
  bottom: 0;
}

.card-table .extra-icon-stack i:first-child {
  color: #fff;
  right: 1px;
  bottom: 1px;
}

.cp-icon-small {
  width: 18px;
  height: 18px;
  margin-top: 1px;
}

.icons-toggle {
  padding: 6px 0;
}

.icons-toggle a {
  display: inline-block;
  margin-right: 6px;
  width: 32px;
  height: 24px;
  background: url(/assets/images/crm/imgPos_sprite.png) no-repeat top left;
}
.icons-toggle a.center {
  background-position-x: -32px;
}
.icons-toggle a.top-left {
  background-position-x: -64px;
}
.icons-toggle a.top-right {
  background-position-x: -96px;
}
.icons-toggle a.bottom-left {
  background-position-x: -128px;
}
.icons-toggle a.bottom-right {
  background-position-x: -160px;
}

.icons-toggle a.active {
  display: inline-block;
  margin-right: 6px;
  width: 32px;
  height: 24px;
  background-position-y: bottom;
}