.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
    background-color: #FFF;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
.invalid {
  border-color: brown !important;
  background-color: #FF000010 !important;
}

.cancel-text {
  color: #F66;
}

.disabled-text {
  color: #999;
}


.invalid-text {
  color: #800;
}

.hidden { display: none}

.btn:focus {
  outline: none !important;
  box-shadow: none !important;;
}

table{
  color: #444 !important;
}


.btn-purple {
  background-color: rgb(146, 29, 255);
  color: #FFF;
}

.btn-purple:hover {
  background-color: rgb(110, 21, 193);
  color: #FFF;
}


.dealer-dashboard {
  border-radius: 1.5rem; 
  border: 0.2rem solid black; 
  text-align: center;
  overflow: hidden;
}

.reg-input-outer {
  padding: 0;
  border-radius: 1rem;
  overflow: hidden;
  border: 4px solid #000;
  margin-left: 2rem;
}

.reg-input-outer .btn {
  border-radius: 0 !important;
  min-width: 4rem;
}

.reg-input-outer .fas {
  font-size: 1.6rem;
}


.reg-input {
  padding: 0;
  font-size: 3rem; 
  font-weight: 700; 
  text-align: center;
  text-transform: uppercase;
  width: 30rem;
  border: 0;
  background-color: #F8C934;
}

.reg-input::placeholder {
  font-weight: 300;
  opacity: 0.3;
  text-transform:none;
}

.reg-input:focus {
  outline: none;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.date_field {
  position: relative; 
  z-index:100 !important;
}

.ui-datepicker {
  z-index:10000 !important;
}
#calDate {
  text-align: center;
  width: 100%;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 1.2rem;
}

.cal-add-new {
  border: 1px solid #C5C5C5;
  width: 100%;
  padding: 0px;
  border-radius: 4px;
  margin-top: 10px;
}

.cal-add-new .cal-header {
  background-color: #E9E9E9;
  width: 100%;
  text-align: center;
  padding: 8px;
  font-weight: 700;
}

#divCalHours {
  width: 100%;
  max-width: 100%;
  flex-wrap: wrap;
  border-left: 1px solid #999;
  overflow: scroll;
}

#divCalHoursContent {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.tbl-cal-hour {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  min-height: 3.2rem;
  background-color: #FFF;
  align-items: flex-start;
}

.cal-hour:nth-of-type(odd) { 
  background-color: #EEE;
}

.cal-hour {
  width: 100%;
  min-height: 3.2rem;
  background-color: #FFF;
}

.cal-hour:nth-of-type(odd) { 
  background-color: #EEE;
}

.cal-hour-time {
  padding: 0.4rem;
}

.cal-holiday {
  position: absolute;
  z-index: 0; 
  margin: 0.8rem 0;
  color: #999;
  font-size: 1.3rem;
}



.cal-item {
  background-color: #F99;
  margin: 1px 0 1px 4px;
  margin-right: 4px;
  height: calc(3.2rem - 2px);
  border-radius: 4px;
  border: 1px solid #999;
  padding: 0 4px;
  white-space: nowrap;
  cursor: pointer;
  color: #000;
  text-decoration: none;
  font-size: 1.1rem;
  line-height: 1.2rem;
  z-index: 100;
}

.cal-item:hover, .cal-month-day:hover {
  background-color: #F66;
  color: #000;
  text-decoration: none;
}

.cal-td {
  border-right: 1px solid #999;
}

.cal-td:last-of-type {
  border-right: 0;
}

.cal-month-day {
  background-color: #F99;
  color: #000;
  margin: 2px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  max-height: 30px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  flex: 1;
}

.cal-month-date {
  color: #000;
  font-weight: 400;
  text-decoration: none;
}

.cal-month-inner {
  background-color: #EEE; 
  border-radius: 4px; 
  padding: 2px; 
  height: 100%; 
  min-height: 3rem;
}

.cal-month-inner.today {
  background-color: rgb(212, 254, 186);
  border: 1px solid #999;
}

.cal-month-date:hover {
  font-weight: 700;
  text-decoration: none;
}

.cal-item.cal-complete, .cal-month-day.cal-complete {background-color: #AFA;}
.cal-item.cal-complete:hover, .cal-month-day.cal-complete:hover {background-color: #6F6;}

.cal-item.cal-user, .cal-month-day.cal-user {background-color: #AAF;}
.cal-item.cal-user:hover, .cal-month-day.cal-user:hover {background-color: #66F;}


.horizontal-scroll-except-first-column {
  min-width: 100%;
  overflow: scroll;
}

.horizontal-scroll-except-first-column > table {
  margin-left: 8em;
}

.horizontal-scroll-except-first-column > table > * > tr > th:first-child,
.horizontal-scroll-except-first-column > table > * > tr > td:first-child {
  position: absolute;
  width: 8em;
  margin-left: -8em;
  background: #ccc;
}

.horizontal-scroll-except-first-column > table > * > tr > th,
.horizontal-scroll-except-first-column > table > * > tr > td {
  /* Without this, if a cell wraps onto two lines, the first column
   * will look bad, and may need padding. */
  white-space: nowrap;
}
.active-cell {
  background-color:rgb(205, 255, 161);
}

.active-cell a, .active-cell a:hover {
  color: #333;
  text-decoration: none;
}

.price-changed-cell, .changed {
  border: 2px solid #000;
}

.price-error-cell, .changed {
  border: 2px solid #800;
}


.warn {
  width: 22px;
  height: 22px;
  text-align: center;
  background-color: orange;
  color: #000;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 700;
}

.btn-vpx, .btn-sf, .btn-bik, .btn-vpx:active, .btn-vpx:hover, .btn-sf:active, .btn-sf:hover, .btn-bik:active, .btn-bik:hover {
  background-color: #999;
  color: #FFF;
}

.btn-vpx.active {
  background-color: #A33;
}

.btn-sf.active {
  background-color: #33A;
}
.btn-bik.active {
  background-color: rgb(106, 24, 108);
}
.dash-widget {
  padding-top: 100%; 
  border-radius: 10px;
  border: 1px solid #666;
  background-color:#EEE;
  overflow: hidden;
}

.dash-title {
  position: absolute;
  color: #666;
  font-size: 1.0em;
  font-weight: 600;
  top: 10px;
  left: 12px;
}

.dash-subtitle {
  position: absolute;
  color: #666;
  font-size: 1.6em;
  font-weight: 500;
  top: 10px;
  right: 12px;
  text-align: right;
}

.m-dash-td {
  font-size: 1rem;
}



.m-dash-tr-underline {
  border-bottom: 1px solid #999;
}

.m-dash-tr-overline {
  border-top: 1px solid #999;
}
.chat-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.chat-outer {
  padding: 8px;
  border-radius: 20px;
  border-bottom-left-radius: 0;
  display: flex;
  flex-direction: row;
  margin: 0;
  border: 1px solid #000;
  overflow-wrap: break-word;
  background-color: #FFCCAA;
  /* word-break: break-all; */
}

.chat-outer-dealer {
  background-color: #CCBBCC;
}


.chat-avatar {
  width: 60px; 
  height: 60px; 
  border-radius: 60px;
}

.chat-text {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  overflow-wrap: break-word;
}

.chat-from {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 400;
  overflow-wrap: break-word;
}

.chat-time {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 300;
  color: #666;
}

.dealer-sidebar {
  background-image: linear-gradient(180deg, #1AD78F 0%, #0A7E52 100%);
}

@media (min-width: 576px) {
  .dealer-sidebar  .nav-item .nav-link span {
    font-size: 1.0rem !important;
  }
}


@media (min-width: 1280px) {
  .dealer-sidebar  .nav-item .nav-link span {
    font-size: 1.2rem !important;
  }
  .dealer-sidebar .nav-item .nav-link i {
    font-size: 1.2rem !important;
    color: #000;
  }
  .dealer-sidebar.toggled {
    width: 8rem !important;
  }
}

.dealer-sidebar .nav-link{
  color: #000 !important;
  font-size: 1rem !important;
}

.dealer-sidebar .nav-item .nav-link i {
  color: #000 !important;
}

.navbar-dealer {
  background-color: #1AD78F;
}

.tab-active, .tab-active:hover {
  color: #858796;;
  text-decoration: none !important;
}

.btn-double {
  background-color: #000; color: #FF0; font-weight: bold;
}


.btn-double:hover {
  color: #FAA;
}

.color-select-outer {
  padding: 8px;
  border: 1px solid #CCC;
  margin: 1px 2px;
}

.color-select-outer:hover {
  border: 1px solid #111;
}

.color-select-outer.active {
  border: 2px solid #111;
  margin: 0 1px
}

.color-select-outer:first-of-type {
  margin-left: 0px
}

.color-select-outer.active:first-of-type {
  margin-left: -1px
}

.color-select-inner {
  width: 80px;
  height: 14px;
  background-color: #900;
}
.slider-handle {
  width: 3em !important;
  height: 1.6em !important;
  top: 50% !important;
  margin-top: -.8em !important;
  text-align: center !important;
  line-height: 1.6em !important;
}
/*# sourceMappingURL=dist.css.map */