address-details {
  display: block;
}
.address-detail__block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 5px;
}
.address-detail__block .address-detail__item {
  width: 60px;
  margin-top: 10px;
}
.address-restriction {
  margin-top: 15px;
}
.address-restriction__block__item {
  display: flex;
  align-items: center;
}
.address-restriction__block__item label {
  margin-top: 0 !important;
}
.resized-table {
  text-align: left;
  border-radius: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  min-height: 648px;
}
.resized-table .table-head {
  position: relative;
  min-width: 100%;
  height: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px 0 0;
}
.resized-table .table-head .table-column .column-container {
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
}
.resized-table .table-head .table-column .column-container.search-block {
  padding: 5px;
  display: flex;
  align-items: center;
}
.resized-table .table-head .head-search-icon {
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
}
.resized-table .table-head .head-search-icon.opened i {
  background-position: -98px -26px;
}
.resized-table .table-head .head-search-icon i {
  width: 20px;
  height: 20px;
  background-image: url("/images/sized-table-sprite.png");
  background-position: -73px -26px;
}
.resized-table .table-head input.head-search-input {
  width: calc(100% - 30px);
  padding: 2px 12px 2px 3px;
}
.resized-table .table-head .table-configuration {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  height: 36px;
}
.resized-table .table-head .table-configuration .config-dots {
  width: 20px;
  font-size: 22px;
}
.resized-table .table-head .table-configuration ul.fields-dropdown-menu {
  top: 35px;
  left: -190px;
  width: 100% !important;
  min-width: 180px !important;
  overflow-y: scroll;
  max-height: 595px;
}
.resized-table .table-head .table-configuration ul.fields-dropdown-menu li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.resized-table .table-head .table-configuration ul.fields-dropdown-menu li .move-arrows {
  display: flex;
  flex-direction: column;
}
.resized-table .table-head .table-configuration ul.fields-dropdown-menu li .move-arrows .move-down-arrow,
.resized-table .table-head .table-configuration ul.fields-dropdown-menu li .move-arrows .move-up-arrow {
  width: 24px;
  height: 15px;
  background-image: url("/images/sized-table-sprite.png");
  background-position: 0 -28px;
}
.resized-table .table-head .table-configuration ul.fields-dropdown-menu li .move-arrows .move-down-arrow {
  transform: rotate(180deg);
}
.resized-table .table-head .table-configuration.dropdown.open > .dropdown-menu.fields-dropdown-menu {
  display: flex !important;
  flex-direction: column !important;
}
.resized-table .table-body {
  height: 70vh;
  min-width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.resized-table .table-body .table-row {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
  transition: all 0.2s;
}
.resized-table .table-body .table-row .table-column .column-container {
  padding: 5px 10px;
  font-size: 12px;
}
.resized-table .table-body .table-row .table-column .column-container p {
  word-break: break-word;
  margin: 0;
}
.resized-table .table-body .table-row.empty-row {
  height: 40px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
}
.resized-table .table-body .table-row.empty-row p {
  font-size: 12px;
}
.resized-table .table-body .id-status-box {
  border-radius: 4px;
  text-align: center;
  padding: 5px;
}
.isi-dark-theme .resized-table {
  border: 1px solid #2c3145;
}
.isi-dark-theme .resized-table .table-head {
  background-color: #282F48 !important;
  border-bottom: 1px solid #374569;
  color: #868ea6;
}
.isi-dark-theme .resized-table .table-head .head-search-icon {
  background-color: #353D5A;
}
.isi-dark-theme .resized-table .table-head .head-search-icon.opened {
  background-color: #007BFF;
}
.isi-dark-theme .resized-table .table-body {
  background-color: #282F48 !important;
}
.isi-dark-theme .resized-table .table-body .table-row {
  color: #fafafa;
  background-color: #374569;
}
.isi-dark-theme .resized-table .table-body .table-row .table-column .column-container p {
  color: #fafafa;
}
.isi-dark-theme .resized-table .table-body .table-row.info,
.isi-dark-theme .resized-table .table-body .table-row:hover,
.isi-dark-theme .resized-table .table-body .table-row.order-hold:hover,
.isi-dark-theme .resized-table .table-body .table-row__local-menu-opened {
  background-color: #29609B;
}
.isi-dark-theme .resized-table .table-body .table-row.order-hold {
  background-color: #232936;
  color: #999999;
}
.isi-dark-theme .resized-table .table-body .table-row.order-hold p {
  color: #999999;
}
.isi-dark-theme .resized-table .table-body .table-row.empty-row p {
  color: #fafafa;
}
.isi-dark-theme .resized-table .table-body .id-status-box {
  color: #FFFFFF;
}
.isi-white-theme .resized-table {
  border-color: #ddd;
}
.isi-white-theme .resized-table .table-head {
  background-color: #E8EAEF !important;
  border-bottom-color: #ddd;
  color: #424950;
}
.isi-white-theme .resized-table .table-head .head-search-icon {
  background-color: #353D5A;
}
.isi-white-theme .resized-table .table-head .head-search-icon.opened {
  background-color: #007BFF;
}
.isi-white-theme .resized-table .table-body {
  background-color: #E8EAEF !important;
}
.isi-white-theme .resized-table .table-body .table-row {
  color: #424950;
  background-color: #e3e3e3;
}
.isi-white-theme .resized-table .table-body .table-row .table-column .column-container p {
  color: #424950;
}
.isi-white-theme .resized-table .table-body .table-row.info,
.isi-white-theme .resized-table .table-body .table-row:hover,
.isi-white-theme .resized-table .table-body .table-row.order-hold:hover,
.isi-white-theme .resized-table .table-body .table-row__local-menu-opened {
  background-color: #F5F7FA;
}
.isi-white-theme .resized-table .table-body .table-row.order-hold {
  background-color: #ccc;
}
.isi-white-theme .resized-table .table-body .table-row.order-hold p {
  color: #999999;
}
.isi-white-theme .resized-table .table-body .table-row.empty-row p {
  color: #424950;
}
.isi-white-theme .resized-table .table-body .id-status-box {
  color: #FFFFFF;
}
.mailing-messages-block h4 {
  font-size: 14px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 20px;
}
.mailing-messages-block .button-tabs {
  display: flex;
  margin-bottom: 10px;
}
.mailing-messages-block .button-tabs a {
  display: flex;
  align-items: center;
  font-size: 12px;
  width: 330%;
  border-radius: 4px;
  padding: 5px 10px;
  margin: 5px;
  text-decoration: none;
}
.mailing-messages-block .button-tabs a i {
  font-size: 1.8em;
  color: #1975D0;
  margin-right: 10px;
}
.mailing-messages-block .button-tabs a:hover,
.mailing-messages-block .button-tabs a:focus,
.mailing-messages-block .button-tabs a.active {
  background-color: rgba(25, 117, 208, 0.3);
  color: #ffffff !important;
}
.mailing-messages-block .filter {
  position: relative;
  display: flex;
}
.mailing-messages-block .filter input,
.mailing-messages-block .filter select {
  margin: 10px;
}
.mailing-messages-block .filter input {
  padding-right: 25px;
}
.mailing-messages-block .filter .close-span {
  cursor: pointer;
  position: absolute;
  left: 263px;
  top: 17px;
}
.mailing-messages-block .table-container {
  margin-bottom: 10px;
  overflow-y: auto;
  max-height: 65vh;
}
.mailing-messages-block .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-message-theme .ngdialog-content {
  background-color: #282F48 !important;
  margin-top: 50px !important;
}
.title h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
.title .subtitle {
  display: flex;
  font-size: 12px;
  margin-bottom: 10px;
}
.title .subtitle .author,
.title .subtitle .date {
  margin-right: 10px;
}
.title .subtitle .author span:first-child,
.title .subtitle .date span:first-child {
  margin-right: 5px;
  color: #6E8A9F;
}
.title .subtitle .author span,
.title .subtitle .date span {
  margin-right: 5px;
  color: #ffffff;
}
.content {
  background-color: #262C41;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.content .text-right {
  text-align: right;
}
.content label {
  margin-top: 0 !important;
}
.content .btn-default {
  background-color: #6E8A9F;
  border-color: #6E8A9F;
  color: #ffffff;
}
.content .btn-default:hover,
.content .btn-default:focus {
  color: #666666;
}
.content textarea {
  min-height: 150px;
}
.content .recipient-ids {
  font-size: 10px;
  color: #ffffff;
  border: 1px solid #6E8A9F;
  padding: 5px 0;
  margin: 10px 0;
  max-height: 100px;
  overflow-y: auto;
}
.content .recipient-ids .recipient-id {
  display: inline-block;
  border: 1px solid #6E8A9F;
  border-radius: 3px;
  padding: 2px 5px;
  margin: 5px;
  position: relative;
}
.content .recipient-ids .recipient-id .delete-cross {
  position: absolute;
  right: -6px;
  top: -6px;
  font-size: 12px;
  cursor: pointer;
}
.footer {
  display: flex;
  justify-content: start;
}
.footer .end {
  margin-left: auto;
}
.preview {
  margin-top: 20px;
}
.document {
  width: 620px;
  margin: 0 auto;
  background-color: #ffffff;
}
.document__header {
  background-color: #fafafa;
  height: 100px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.document__body {
  padding: 20px;
  margin-bottom: 20px;
}
.document__footer {
  padding: 0 20px;
}
.document img {
  max-height: 60px;
  width: auto;
}
.document .company-logo {
  height: 100px;
  padding: 20px;
}
.document .company-name {
  padding: 20px;
  font-size: 20px;
  font-weight: 600;
  color: #636274;
}
.document .subject {
  color: #555555;
  text-indent: 20px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.document .body {
  text-indent: 20px;
  font-size: 14px;
  color: #666666;
  line-height: 2.5rem;
  overflow-wrap: break-word;
}
.document .inner-footer {
  background-color: #fafafa;
  color: #636274;
  text-align: center;
  padding: 20px;
}
.document p {
  margin: 10px 0;
  font-weight: 600;
}
.document span.powered-text {
  font-size: 12px;
  color: #333333;
  margin-right: 10px;
}
.document img.powered-img {
  max-width: 100px;
  height: auto;
  margin-right: 10px;
}
.document a.powered-link {
  font-size: 12px;
  color: #343891;
  text-decoration: underline;
}
.acknowledge-modal {
  background-color: #282F48 !important;
  margin-top: 25px !important;
}
.acknowledge-modal .content {
  background-color: #262C41;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.acknowledge-modal .content .text-right {
  text-align: right;
}
.acknowledge-modal .content p {
  color: white !important;
}
.acknowledge-modal-wrapper {
  margin-top: 100px !important;
}
.edit-price-modal .ngdialog-content {
  width: min-content !important;
}
.edit-price {
  width: auto;
}
.edit-price .header-wrapper .header-label {
  text-align: center;
}
.edit-price .block-wrapper {
  display: inline-block;
  padding: 5px;
}
.edit-price .block-wrapper:not(:first-child) {
  margin-left: 10px;
}
.edit-price .inline-label-with-value {
  white-space: nowrap;
}
.edit-price .inline-label-with-value .inline-value {
  margin-left: 5px;
}
.edit-price .payer-price-wrapper {
  display: inline-flex;
}
.edit-price .payer-price-wrapper .general-details-wrapper,
.edit-price .payer-price-wrapper .exception-wrapper {
  display: flex;
  align-items: center;
  width: auto;
}
.edit-price .payer-price-wrapper .exception-wrapper {
  margin-left: 10px;
}
.edit-price .editable-data-wrapper .price-details-wrapper,
.edit-price .editable-data-wrapper .buttons-wrapper {
  display: inline-flex;
}
.edit-price .price-details-wrapper {
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
}
.edit-price .price-details-wrapper .price-wrapper {
  width: 100%;
  padding: 15px 10px;
  padding-top: 0px;
}
.edit-price .buttons-wrapper {
  margin-top: 10px;
}
.edit-price .price-details-wrapper .price-wrapper .calculated-total-price {
  width: inherit;
}
.edit-price .span-input-block {
  font-size: 12px;
  border-radius: 2px !important;
  height: 30px;
  padding: 6px 12px;
  padding-left: 3px;
}
.edit-price .export-icon {
  position: relative;
  width: 110px;
  height: 24px;
  margin-right: 5px;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: 0.1px;
  text-align: left;
}
.edit-price .export-icon input {
  height: 24px !important;
  width: 48px !important;
  left: 0;
  opacity: 0;
  top: 0;
  position: absolute;
}
.edit-price .export-icon input + label::before,
.edit-price .export-icon input + label::after {
  cursor: pointer;
  position: absolute;
}
.edit-price .export-icon input + label::before {
  background-color: #282F48;
  border-radius: 12px;
  height: 24px !important;
  width: 130px !important;
  left: 0;
  top: 0;
  padding-top: 4px;
  text-align: left;
}
.edit-price .export-icon input:checked + label::before {
  background-color: #037BFF;
}
.edit-price .export-icon.distance-label input + label::before {
  content: "Custom Distance";
  background-color: inherit;
  font-size: 15.4px;
}
.edit-price .export-icon.distance-label {
  width: 140px !important;
}
.edit-price .export-icon.distance-label input:checked + label::before {
  background-color: inherit;
  color: #029ecf !important;
  text-decoration: underline;
}
.edit-price .export-icon.price-label input + label::before {
  content: "Custom Price";
  background-color: inherit;
  font-size: 15.4px;
}
.edit-price .export-icon.price-label input:checked + label::before {
  background-color: inherit;
  color: #029ecf !important;
  text-decoration: underline;
}
.edit-price .export-icon input:focus + label::before {
  box-shadow: 0 0 0 5px rgba(108, 117, 125, 0.5);
}
.edit-price .export-icon.distance-label input:focus + label::before,
.edit-price .export-icon.price-label input:focus + label::before {
  box-shadow: none;
}
.edit-group-price {
  width: 400px !important;
}
.edit-group-price .header-wrapper h5 {
  color: #fff;
}
.edit-group-price .header-wrapper .header-label {
  text-align: center;
}
.edit-group-price .editable-group-data-wrapper {
  flex-flow: column nowrap;
  display: flex;
}
.edit-group-price .group-price-details-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 10px;
  width: 100%;
}
.edit-group-price .group-price-details-wrapper .flex-label {
  flex: 1 1 0;
}
.edit-group-price .group-price-details-wrapper .flex-column-group {
  flex-flow: column nowrap;
  flex: 2 1 0;
}
.edit-group-price .group-price-details-wrapper .flex-column-group .error-msg {
  width: inherit;
}
.edit-group-price .buttons-wrapper {
  margin-top: 10px;
}
.container-vehicle {
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 60%;
}
#route {
  min-width: 100%;
  min-height: 230px;
  display: block;
}
#capacity {
  min-width: 100%;
  overflow: hidden;
  min-height: 200px;
  display: block;
}
.capacity-place {
  height: 42px;
  width: 42px;
  border-radius: 21px;
  margin: 2px;
}
.scroll {
  max-height: 350px;
}
.picker-navigate.picker-navigate-right-arrow,
.picker-navigate.picker-navigate-left-arrow {
  font-weight: bolder;
  font-size: 28px;
}
.fnt11 {
  font-size: 11px;
}
.widget-icon {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  text-align: center;
  font-size: 18px;
  line-height: 29px;
}
.widget-green {
  color: yellow;
}
.widget-red {
  color: red;
  border: 1px solid red;
  background-color: #3c3c3c;
}
.widget-icon-first {
  top: 2px;
  left: 2px;
  position: absolute;
}
.table-red-circle {
  position: absolute;
  right: 10px;
  top: 7px;
}
.driver-block-info {
  padding: 5px;
  cursor: pointer;
  width: 100%;
  position: relative;
  min-height: 131px;
  display: flex;
}
.driver-block-info.selected-driver {
  border-color: green;
}
.driver-block-info.selected-driver:hover .driver-hover-image {
  opacity: 0.5;
  background-color: green;
}
.add-order-theme .nav-tabs > li > a {
  padding: 2px 80px !important;
}
.driver-hover-image {
  position: absolute;
  opacity: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  color: #fff;
  text-transform: uppercase;
  top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bolder;
  text-decoration: underline;
}
.driver-block-image {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.driver-block-vehicle {
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
}
@media screen and (max-width: 767px) {
  .table-violations {
    width: 100% !important;
    float: none !important;
  }
  .table-violations .margin-auto {
    margin: 0 auto;
    float: none;
  }
  .driver-block-vehicle {
    margin: 5px auto;
    float: none;
  }
}
.table-violations {
  float: right;
  min-width: 400px;
  width: 30%;
  min-height: 136px;
}
.image-driver {
  float: left;
  clear: both;
  padding-right: 5px;
  height: 106px;
}
.driver-info {
  /*display: flex;
  flex-direction: column;
  float: left;*/
  min-width: 120px;
  font-size: 10px;
}
.driver-info .greyed-color {
  margin-right: 10px;
  word-wrap: break-word;
}
.red {
  color: red;
}
.green {
  color: green;
}
.yellow {
  color: yellow;
}
.multiply-day {
  background-color: #019FCF !important;
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  font-weight: bolder;
}
.table-container.no-padding-table.multiply-days-table td {
  padding: 9px !important;
}
.price-block-fee {
  position: absolute;
  align-items: center;
  margin-left: 9px;
  width: 64px;
  height: 40px;
  background-repeat: no-repeat;
  top: calc(40% - 34px);
  display: none;
  font-size: 13px;
  text-align: center;
  font-weight: bolder;
  margin-top: -40px;
}
.leftBankArrows,
.rightBankArrows {
  width: 18px;
  height: 31px;
  display: table-cell;
  opacity: .2;
  transition: 0.4s;
  animation: lgArrow 2s 4s;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  vertical-align: middle;
}
.leftBankSMArrow,
.rightBankSMArrow {
  content: '';
  width: 12px;
  height: 22px;
  display: table-cell;
  opacity: .1;
  transition: 0.4s;
  animation: smArrow 2s 3s;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  vertical-align: middle;
  background-position-y: 4px !important;
}
.leftBankSMArrow:first-child,
.rightBankSMArrow:last-child {
  content: '';
  width: 7px;
  height: 22px;
  display: table-cell;
  opacity: .1;
  transition: 0.4s;
  animation: smArrow 1.5s 2s;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  vertical-align: middle;
  background-position-y: 7px !important;
}
.btn-order-save,
.btn-order-save-hold {
  margin: 0 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.route-panel {
  display: flex;
  flex-direction: column;
  width: 270px;
  min-width: 270px;
  margin-left: 10px;
}
.route-panel .material-symbols-outlined {
  font-size: 24px !important;
  cursor: pointer;
}
@keyframes smArrow {
  100% {
    opacity: .8;
  }
}
@keyframes lgArrow {
  100% {
    opacity: .9;
  }
}
.leftBankSMArrow {
  left: 24px;
  background: url(/images/bankArrowSmallLeft.svg) no-repeat;
}
.rightBankSMArrow {
  left: 24px;
  background: url(/images/bankArrowSmallRight.svg) no-repeat;
}
.leftBankArrows {
  background: url(/images/bankArrowBigLeft.svg) no-repeat;
}
.rightBankArrows {
  background: url(/images/bankArrowBigRight.svg) no-repeat;
}
.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.price-block-image {
  position: absolute;
  align-items: center;
  margin-left: 0;
  width: 73px;
  height: 71px;
  background-repeat: no-repeat;
  top: calc(40% - 34px);
  display: none;
  z-index: 1;
}
.price-night {
  background-image: url(/images/price-block-night.png);
  display: inline-block;
}
.price-holiday {
  background-image: url(/images/price-block-holiday.png);
  display: inline-block;
}
.price-star {
  background-image: url(/images/price-block-star.png);
  display: inline-block;
}
.price-block {
  position: absolute;
  margin-left: 0;
  width: 83px;
  height: 71px;
  top: calc(40% - 34px);
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  text-align: center;
  font-weight: bolder;
  justify-content: center;
  z-index: 1;
}
.price-block-fee {
  z-index: 1;
}
.price-block-miles {
  position: absolute;
  margin-left: -35px;
  width: 137px;
  display: inline-block !important;
  text-align: right;
  height: 17px;
  border-bottom: 1px dashed grey;
  padding-bottom: 5px;
  padding-right: 15px;
  top: 170%;
  font-size: 11px;
  font-weight: bold;
  color: white;
}
.mh56 {
  min-height: 56px;
}
.order-vehicle-block {
  background-color: #1D253C;
  position: relative;
  top: 0;
  right: 0;
  height: auto;
  z-index: 2;
}
.order-vehicle-block img {
  width: 50px;
  height: 50px;
  margin-top: 3px;
  object-fit: cover;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 2px solid green;
}
.current-order {
  border: 2px dashed green !important;
}
.current-order td {
  padding: 2px !important;
  border: none !important;
}
.current-order-driver-id {
  position: absolute;
  left: -68px;
  display: block;
  width: 66px;
  margin-top: -40px;
  line-height: 14px;
  text-align: center;
}
.right-arrow-current-order {
  position: absolute;
  left: -7px;
  margin-top: 5px;
}
.left-arrow-current-order {
  position: absolute;
  right: -7px;
  margin-top: 5px;
}
.current-order-avatar {
  position: absolute;
  left: -61px;
  margin-top: -12px;
  width: 50px;
  height: 50px;
  border: 3px solid green;
  object-fit: cover;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 2;
}
.table-multiload .disabled td {
  text-decoration: line-through;
}
.table-multiload .disabled td span {
  text-decoration: line-through;
}
.manual-dispatch-btn {
  left: 5px;
  display: block;
}
.manual-dispatch-btn img {
  width: 19px;
  height: 13px;
  margin-left: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 2px;
}
.manual-dispatch-driver {
  display: flex;
}
.manual-dispatch-driver .driver-info {
  min-width: inherit;
}
.icon-wifi-not-allowed {
  width: 30px;
  height: 30px;
  background-image: url(/images/no_wifi.png);
}
.icon-group-inactive {
  width: 30px;
  height: 30px;
  background-image: url(/images/no_group.png);
}
.orders-tab-create-edit .col-lg-1,
.orders-tab-create-edit .col-lg-10,
.orders-tab-create-edit .col-lg-11,
.orders-tab-create-edit .col-lg-12,
.orders-tab-create-edit .col-lg-2,
.orders-tab-create-edit .col-lg-3,
.orders-tab-create-edit .col-lg-4,
.orders-tab-create-edit .col-lg-5,
.orders-tab-create-edit .col-lg-6,
.orders-tab-create-edit .col-lg-7,
.orders-tab-create-edit .col-lg-8,
.orders-tab-create-edit .col-lg-9,
.orders-tab-create-edit .col-md-1,
.orders-tab-create-edit .col-md-10,
.orders-tab-create-edit .col-md-11,
.orders-tab-create-edit .col-md-12,
.orders-tab-create-edit .col-md-2,
.orders-tab-create-edit .col-md-3,
.orders-tab-create-edit .col-md-4,
.orders-tab-create-edit .col-md-5,
.orders-tab-create-edit .col-md-6,
.orders-tab-create-edit .col-md-7,
.orders-tab-create-edit .col-md-8,
.orders-tab-create-edit .col-md-9,
.orders-tab-create-edit .col-sm-1,
.orders-tab-create-edit .col-sm-10,
.orders-tab-create-edit .col-sm-11,
.orders-tab-create-edit .col-sm-12,
.orders-tab-create-edit .col-sm-2,
.orders-tab-create-edit .col-sm-3,
.orders-tab-create-edit .col-sm-4,
.orders-tab-create-edit .col-sm-5,
.orders-tab-create-edit .col-sm-6,
.orders-tab-create-edit .col-sm-7,
.orders-tab-create-edit .col-sm-8,
.orders-tab-create-edit .col-sm-9,
.orders-tab-create-edit .col-xs-1,
.orders-tab-create-edit .col-xs-10,
.orders-tab-create-edit .col-xs-11,
.orders-tab-create-edit .col-xs-12,
.orders-tab-create-edit .col-xs-2,
.orders-tab-create-edit .col-xs-3,
.orders-tab-create-edit .col-xs-4,
.orders-tab-create-edit .col-xs-5,
.orders-tab-create-edit .col-xs-6,
.orders-tab-create-edit .col-xs-7,
.orders-tab-create-edit .col-xs-8,
.orders-tab-create-edit .col-xs-9 {
  padding-left: 5px;
  padding-right: 5px;
}
.orders-tab-create-edit .row {
  margin-left: -5px;
  margin-right: -5px;
}
.orders-tab-create-edit .tab-content {
  padding: 5px 5px 10px 5px;
}
.orders-tab-create-edit .order-block {
  padding: 0 !important;
}
.orders-tab-create-edit .nav-tabs > li > a {
  font-size: 13px;
}
.orders-tab-create-edit h2 {
  font-size: 14px;
}
.orders-tab-create-edit h4 {
  font-size: 13px;
  padding: 0 !important;
  margin: 5px 0 !important;
}
.orders-tab-create-edit h4.total-price {
  font-size: 20px;
}
.orders-tab-create-edit label.control-label {
  font-size: 13px;
}
.orders-tab-create-edit input:not(textarea),
.orders-tab-create-edit select:not(textarea) {
  font-size: 13px !important;
  height: 20px !important;
  padding: 0px 5px !important;
}
.orders-tab-create-edit .input-group-addon,
.orders-tab-create-edit .btn-group label {
  height: 20px !important;
  font-size: 9px;
  padding: 3px 4px;
}
.orders-tab-create-edit .am-pm {
  display: block;
  height: 20px !important;
}
.orders-tab-create-edit .am-pm .btn-default {
  display: table;
  height: 20px !important;
  font-size: 11px !important;
  padding: 0 5px !important;
}
.orders-tab-create-edit .uib-timepicker input {
  width: 35px;
}
.orders-tab-create-edit .p5 {
  padding: 5px !important;
}
.orders-tab-create-edit #capacity {
  zoom: 0.6;
}
.orders-tab-create-edit .table-container td,
.orders-tab-create-edit .table-container th {
  font-size: 11px !important;
}
.orders-tab-create-edit .btn-group {
  margin-top: -5px;
}
.orders-tab-create-edit .print-case-receipt {
  padding: 10px 30px;
  background-color: #019FCF;
  margin-left: 14px;
  display: block;
  width: 107px;
  cursor: pointer;
  margin-right: 20px;
}
.orders-tab-create-edit .refund-case-receipt,
.orders-tab-create-edit .send-case-receipt {
  padding: 10px 30px;
  background-color: #019FCF;
  display: block;
  width: 107px;
  cursor: pointer;
}
.orders-tab-create-edit .void-case-receipt {
  padding: 10px 30px;
  background-color: #d96557;
}
.orders-tab-create-edit .refund-case-receipt {
  padding: 10px 22px;
  background-color: #d96557;
}
.orders-tab-create-edit .email-send-receipt {
  margin-left: 15px;
  height: 40px !important;
  border-bottom: none;
  width: 240px;
}
.orders-tab-create-edit .amount-refund-receipt {
  height: 40px !important;
  width: 240px;
}
.orders-tab-create-edit .refund-form {
  padding: 20px;
  margin-left: 15px;
  background: #293044;
}
.orders-tab-create-edit .payment-method-container input.amount::-webkit-outer-spin-button,
.orders-tab-create-edit .payment-method-container input.amount::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
}
.orders-tab-create-edit .alert.isi-alert {
  padding: 10px !important;
}
.orders-tab-create-edit .alert.isi-alert h4 {
  font-size: 15px !important;
  margin: 0px !important;
  margin-bottom: 5px !important;
}
.orders-tab-create-edit .alert.isi-alert.additionalCharge label {
  margin-top: 0px !important;
}
.orders-tab-create-edit .search-client .form-control-clear {
  margin-top: 23px;
  font-size: 11px;
}
.order-information-is-edit {
  line-height: 15px !important;
}
.data-label {
  font-size: 12px !important;
  font-weight: normal !important;
  margin-left: 5px;
}
.pay-container button {
  width: 100%;
  height: 40px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bolder;
  font-size: 21px;
  padding-right: 40px;
  margin-bottom: 10px;
}
.pay-container button .glyphicon {
  position: absolute;
  right: 2px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  padding-left: 5px;
}
.pay-container button.receipt {
  border: 2px dashed #019FCF;
  background: #39788c;
}
.pay-container button.receipt[disabled] {
  opacity: 0.5;
}
.pay-container button.receipt .glyphicon {
  background-color: #019FCF;
}
.pay-container button.run {
  border: 2px dashed #35A300;
  background: #62b738;
}
.pay-container button.run[disabled] {
  opacity: 0.5;
}
.pay-container button.run .glyphicon {
  background-color: #35A300;
}
.pay-container button.refund {
  border: 2px dashed #d96557;
  background: #d96557;
}
.pay-container button.refund[disabled] {
  opacity: 0.5;
}
.pay-container button.refund .glyphicon {
  background-color: #d96557;
}
.pay-container button.collect {
  border: 2px dashed #EE8A24;
  background: #f0ad4e;
}
.pay-container button.collect[disabled] {
  opacity: 0.5;
}
.pay-container button.collect .glyphicon {
  background-color: #eea236;
}
.pay-radio {
  float: right;
  margin-left: 10px !important;
  margin-top: 10px !important;
  outline: none !important;
  cursor: pointer;
}
.pay-radio.mr10 {
  margin-right: 10px !important;
}
.pay-container {
  float: right;
}
.pay-checkbox {
  outline: none !important;
  position: absolute;
  margin-left: -30px !important;
  margin-top: 1px !important;
}
.run-checkbox {
  outline: none !important;
  position: absolute;
  margin-left: -30px !important;
  margin-top: 1px !important;
}
td.payment-method-select {
  padding: 0 !important;
  margin: 0 !important;
}
td.payment-method-select select {
  border: 1px dashed;
}
.pay-checkbox {
  display: none;
}
.pay-checkbox.receipt-checkbox {
  display: block;
}
.pay-checkbox.receipt-checkbox .helper {
  color: #019FCF;
}
.pay-checkbox.receipt-checkbox .helper:before {
  background-color: #019FCF;
}
.pay-checkbox.receipt-checkbox .helper:after {
  border-bottom: 2px solid black;
  border-left: 2px solid black;
}
.pay-checkbox.receipt-checkbox input[type="checkbox"]:checked ~ .helper::before {
  background-color: #019FCF;
}
.pay-checkbox.run-checkbox {
  display: block;
}
.pay-checkbox.run-checkbox .helper {
  color: #35A300;
}
.pay-checkbox.run-checkbox .helper:before {
  background-color: #35A300;
}
.pay-checkbox.run-checkbox .helper:after {
  border-bottom: 2px solid black;
  border-left: 2px solid black;
}
.pay-checkbox.run-checkbox input[type="checkbox"]:checked ~ .helper::before {
  background-color: #35A300;
}
.pay-checkbox.collect-checkbox {
  display: block;
}
.pay-checkbox.collect-checkbox .helper {
  color: #eea236;
}
.pay-checkbox.collect-checkbox .helper:before {
  background-color: #eea236;
}
.pay-checkbox.collect-checkbox .helper:after {
  border-bottom: 2px solid black;
  border-left: 2px solid black;
}
.pay-checkbox.collect-checkbox input[type="checkbox"]:checked ~ .helper::before {
  background-color: #eea236;
}
.pay-checkbox.additional-payment {
  display: block;
}
.pay-checkbox.additional-payment .helper {
  color: #35A300;
}
.pay-checkbox.additional-payment .helper:before {
  background-color: #35A300;
}
.pay-checkbox.additional-payment .helper:after {
  border-bottom: 2px solid black;
  border-left: 2px solid black;
}
.pay-checkbox.additional-payment input[type="checkbox"]:checked ~ .helper::before {
  background-color: #35A300;
}
.pay-checkbox label {
  min-height: 24px;
  padding-left: 35px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  vertical-align: sub;
}
.pay-checkbox input[type="checkbox"] {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
  margin-left: -20px;
}
.pay-checkbox input[type="checkbox"]:checked ~ .helper::after {
  -webkit-transform: rotate(-45deg) scale(1);
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}
.pay-checkbox .helper {
  position: absolute;
  top: -4px;
  left: -4px;
  cursor: pointer;
  display: block;
  font-size: 16px;
  user-select: none;
}
.pay-checkbox .helper:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  transition: transform 0.28s ease;
}
.pay-checkbox .helper:after {
  content: '';
  display: block;
  width: 10px;
  height: 5px;
  -webkit-transform: rotate(-45deg) scale(0);
  -moz-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  position: absolute;
  top: 9px;
  left: 7px;
}
.orders-tab-create-edit span.span-has-error {
  color: red !important;
}
.orders-tab-create-edit label.label-has-error {
  color: red !important;
}
.receipts .receipt-label {
  border-bottom: 1px dashed;
  font-size: 13px;
}
.receipts .receipt-label span {
  color: grey;
}
.receipts .receipt-label .hover {
  color: #019FCF;
}
.ml50 {
  margin-left: 50px;
}
.amount-label {
  position: absolute;
  font-size: 12px;
}
.input-price-payment {
  width: 60px !important;
  margin: 0 auto;
}
.custom-priced {
  color: #019FCF;
}
.multiply-days h4 {
  font-size: 17px;
}
.created-with-time {
  text-decoration: underline;
}
.similars-table th {
  text-align: center;
  vertical-align: middle !important;
  font-size: 12px;
}
.similars-table td {
  text-align: center;
  vertical-align: middle !important;
  font-size: 12px;
}
.isi-alert {
  color: #fff;
  border: 1px solid #555860;
  background-color: #293144;
}
.isi-alert table {
  font-size: 11px !important;
}
.isi-alert .payment-method-container input.amount::-webkit-outer-spin-button,
.isi-alert .payment-method-container input.amount::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
}
.orders-tab-create-edit .box-tab .table-client-authorization {
  overflow-y: hidden;
}
.orders-tab-create-edit .box-tab .table-client-authorization .table {
  width: 100%;
}
.orders-tab-create-edit .box-tab .table-client-authorization .table thead,
.orders-tab-create-edit .box-tab .table-client-authorization .table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.orders-tab-create-edit .box-tab .table-client-authorization .table tr th {
  text-align: left !important;
  background-color: inherit !important;
  border: 0px solid #0e121d !important;
}
.orders-tab-create-edit .box-tab .table-client-authorization .table tbody {
  display: block;
  min-height: 55px;
  max-height: 195px;
  overflow: auto;
}
.orders-tab-create-edit .box-tab .table-client-authorization .table tbody tr td {
  text-align: left !important;
  padding: 8px !important;
  border-top: none !important;
  border-bottom: 3px solid #0e121d !important;
}
.clear-date {
  font-size: 13px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.payment-method-container .td-voucher-number {
  max-width: 100px !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
}
.td-auth {
  font-weight: bold;
}
.multiply-days-table .payment-method-th {
  min-width: 100px;
}
.orders-tab-create-edit h4.text.red {
  color: red !important;
}
.additionalCharge .button-charge {
  float: right;
}
.additionalCharge .pay-container {
  margin-top: 17px;
}
.client-authorization ul.client-authorization-pagination {
  font-size: 12px;
}
.client-authorization .auth-loader.height-center {
  height: 238px;
}
.orders-tab-create-edit .account-first {
  float: left;
}
.orders-tab-create-edit .account-first .account-area {
  margin-right: 10px;
}
.orders-tab-create-edit .client-first {
  float: right;
}
.orders-tab-create-edit .client-first .account-area {
  margin-left: 10px;
}
.tooltip.tooltip-orders-table {
  opacity: 1;
}
.tooltip.tooltip-orders-table .tooltip-inner {
  min-width: 50vw;
  max-width: max-content;
}
.long-distance-order-notes.ngdialog.ngdialog-theme-default .ngdialog-content {
  padding: 0;
  width: 650px;
}
.long-distance-order-notes .header-panel {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.long-distance-order-notes .body-panel {
  display: flex;
  flex-direction: column;
}
.long-distance-order-notes .body-panel__field {
  padding: 20px;
}
.long-distance-order-notes .body-panel__field:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.4);
}
.long-distance-order-notes .body-panel__field textarea {
  resize: none;
  min-height: 60px;
  overflow-y: scroll;
}
.long-distance-order-notes .btn-panel {
  margin: 20px 0;
  display: flex;
  gap: 10px;
  justify-content: center;
}
.long-distance-order-notes .btn-panel .btn {
  min-width: 80px;
}
.text-uppercase button {
  text-transform: uppercase !important;
}
*,
input,
select,
textarea,
option,
button {
  outline: none!important;
}
input,
select,
textarea,
.themed {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
}
.has-error label {
  color: #d96557;
}
.has-error .error-msg {
  color: #d96557;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 11px;
  position: absolute;
  width: 100%;
}
.has-error .error-msg.relative {
  position: relative;
}
.control-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.signature-box {
  border: 1px dashed;
  max-width: 100%;
  background-color: #fff;
}
.permissions-ul {
  column-count: 2;
  width: 200%;
  column-gap: 3em;
}
.permissions-tab {
  display: inline-block;
  margin-top: -1px;
}
.avatar-size {
  max-height: 160px;
  max-width: 160px;
}
.mid-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
input[type=file] {
  display: none !important;
}
.pagination {
  border-radius: 0 !important;
}
.pagination li:first-child a,
.pagination li:last-child a {
  border-radius: 0 !important;
}
.dropdown-menu {
  border-radius: 0 !important;
  min-width: inherit !important;
}
.nav-tabs {
  border-bottom: none !important;
}
.nav-tabs .open .dropdown-menu {
  display: flex !important;
  flex-direction: column !important;
}
.panel-heading a:after {
  font-family: 'FontAwesome';
  content: "\f077";
  position: absolute;
  top: 10px;
  right: 10px;
}
.panel-heading a.collapsed:after {
  content: "\f078";
}
.table {
  background-color: transparent;
  margin-bottom: 0px !important;
}
.message-list-item:first-child {
  margin-top: 0px;
}
.message-list-item {
  margin-top: 15px;
}
.cursor-pointer {
  cursor: pointer !important;
}
.btn[disabled],
.btn[disabled] i {
  cursor: not-allowed !important;
}
.cursor-grab {
  cursor: grab;
}
.cursor-no-drop {
  cursor: no-drop;
}
.brand-logo-img {
  height: 30px;
}
.control-label {
  margin-top: 5px !important;
  margin-bottom: 0px !important;
}
.has-feedback.has-clear > .control-label {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.form-buttons {
  margin-top: 15px !important;
}
.form-buttons button {
  margin-right: 5px;
  margin-left: 5px;
}
.no-padding {
  padding: 0 !important;
}
.ui-notification {
  z-index: 999999;
}
.table-container.no-padding-table td {
  padding: 5px 5px !important;
}
.table-container .template-table td {
  padding-top: 15px !important;
  vertical-align: top !important;
}
.table-container .template-table td.inline-content {
  padding-top: 20px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.add-search .add-button {
  float: left !important;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 30px !important;
}
.add-search .search-input,
.add-search .search-input-parameter {
  width: 213px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.add-search .search-input-parameter {
  width: 150px;
}
.add-search .search-input:last-child {
  margin-right: 0;
}
.add-search .close-span {
  margin-left: 205px;
  position: absolute;
  margin-top: 9px;
  left: 0;
  cursor: pointer;
  font-size: 11px;
}
.add-search .flex .close-span {
  margin-left: -22px;
  position: absolute;
  margin-top: 9px;
  left: inherit;
  cursor: pointer;
  top: inherit;
}
.left {
  float: left !important;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  margin-right: 10px;
}
.col:last-child {
  margin-right: 0;
}
.flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.justify-between {
  justify-content: space-between;
}
.justify-ccenter {
  justify-content: center;
}
.clear {
  clear: both;
}
.add-search-input-select button {
  position: absolute;
  width: 42px;
  height: 33px !important;
}
.add-search-input-select .input-select {
  padding-left: 44px;
}
.add-search-input-select .input-select input {
  width: 65% !important;
}
.add-search-input-select .input-select select {
  width: 35% !important;
  float: right;
}
.add-search-input-select .input-select span {
  margin-right: 33% !important;
}
.add-search-input-select .close-span {
  margin-left: 205px;
  position: absolute;
  margin-top: 9px;
}
.mr5 {
  margin-right: 5px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml50 {
  margin-left: 50px;
}
.ml100 {
  margin-left: 100px;
}
.search-checkbox-label {
  width: 60px;
}
.search-checkbox-label-attention {
  width: 160px;
}
.history-block table tr {
  /*COMMON CHANGE */
  /*ORDER ADDED */
  /*ORDER DISPATCHED */
  /*ORDER ASSIGNED */
  /*ORDER CHANGED */
  /*ORDER CANCELED */
  /*ORDER ASSIGNING */
  /*ORDER COMPLETED */
  /*DEPOT CREATED */
  /*DEPOT VEHICLE ADDED */
  /*DEPOT VEHICLE DELETED */
  /*DEPOT ACTIVATED */
  /*DEPOT DEACTIVATED */
  /*VEHICLE CREATED */
  /*VEHICLE CAPACITY */
  /*VEHICLE FILE ADDED */
  /*VEHICLE FILE DELETED */
  /*VEHICLE GROUP ADDED */
  /*VEHICLE GROUP DELETED */
  /*GROUP ADDED */
  /*GROUP DEACTIVATED */
  /*GROUP ACTIVATED */
  /*USER DEACTIVATED*/
  /*USER DEACTIVATED AUTOMATICALLY*/
  /*USER CREATED */
  /*USER ACTIVATED */
  /*ACCOUNT CREATED */
  /*ACCOUNT DEACTIVATED */
  /*ACCOUNT ACTIVATED */
  /*ACCOUNT MODE ADDED */
  /*ACCOUNT MODE CHANGED */
  /*ACCOUNT MODE DELETED */
  /*CLIENT ADDED */
  /*CLIENT ADDED BY SYSTEM */
  /*CLIENT CHANGED */
  /*CLIENT ACTIVATED */
  /*CLIENT DEACTIVATED */
  /*ACCOUNT INVOICE GENERATED */
  /*ACCOUNT INVOICE STATUS CHANGED */
  /*ACCOUNT INVOICE PAID */
  /*GROUP INVOICE GENERATED */
  /*GROUP ITEM ADDED */
  /*GROUP ITEM CHANGED */
  /*GROUP ITEM DELETED */
  /*GROUP CORRECTION ADDED */
  /*GROUP CORRECTION DELETED */
  /*TYPE_ORDER_DISPATCHED_BY_CLIENT_CALL = 81 */
  /*MULTILOAD_PAYER_SWAP = 86 */
  /*FACILITY AND ENTRANCES CREATED */
  /*FACILITY AND ENTRANCES CHANGED */
  /*ENTRANCES REMOVED */
  /*ORDER CANCELED */
}
.history-block table tr .history-status-0 {
  background-color: #FFD700 !important;
  color: black !important;
}
.history-block table tr .history-status-1 {
  background-color: gray !important;
  color: black !important;
}
.history-block table tr .pricinhg-history-status-1,
.history-block table tr .pricinhg-history-status-2,
.history-block table tr .pricinhg-history-status-3,
.history-block table tr .pricinhg-history-status-4,
.history-block table tr .pricinhg-history-status-5,
.history-block table tr .pricinhg-history-status-6,
.history-block table tr .pricinhg-history-status-7,
.history-block table tr .pricinhg-history-status-8,
.history-block table tr .history-status-2 {
  background-color: deepskyblue !important;
  color: black !important;
}
.history-block table tr .history-status-3 {
  background-color: green !important;
  color: black !important;
}
.history-block table tr .history-status-113,
.history-block table tr .history-status-4 {
  background-color: #FFD700 !important;
  color: black !important;
}
.history-block table tr .pricinhg-history-status-21,
.history-block table tr .pricinhg-history-status-22,
.history-block table tr .pricinhg-history-status-23,
.history-block table tr .pricinhg-history-status-24,
.history-block table tr .pricinhg-history-status-25,
.history-block table tr .pricinhg-history-status-26,
.history-block table tr .pricinhg-history-status-27,
.history-block table tr .pricinhg-history-status-28,
.history-block table tr .history-status-5 {
  background-color: green !important;
  color: black !important;
}
.history-block table tr .history-status-6 {
  background-color: green !important;
  color: black !important;
}
.history-block table tr .history-status-7 {
  background-color: green !important;
  color: black !important;
}
.history-block table tr .history-status-8 {
  background-color: #7CFC00 !important;
  color: black !important;
}
.history-block table tr .history-status-9 {
  background-color: #9ACD32 !important;
  color: black !important;
}
.history-block table tr .history-status-10 {
  background-color: #DC143C !important;
  color: black !important;
}
.history-block table tr .history-status-11 {
  background-color: #90EE90 !important;
  color: black !important;
}
.history-block table tr .history-status-12 {
  background-color: #F08080 !important;
  color: black !important;
}
.history-block table tr .history-status-13 {
  background-color: #7CFC00 !important;
  color: black !important;
}
.history-block table tr .history-status-14 {
  background-color: white !important;
  color: black !important;
}
.history-block table tr .history-status-15 {
  background-color: #9ACD32 !important;
  color: black !important;
}
.history-block table tr .history-status-16 {
  background-color: #DC143C !important;
  color: black !important;
}
.history-block table tr .history-status-17 {
  background-color: #9ACD32 !important;
  color: black !important;
}
.history-block table tr .history-status-18 {
  background-color: #DC143C !important;
  color: black !important;
}
.history-block table tr .history-status-19 {
  background-color: #9ACD32 !important;
  color: black !important;
}
.history-block table tr .history-status-20 {
  background-color: #F08080 !important;
  color: black !important;
}
.history-block table tr .history-status-21 {
  background-color: #90EE90 !important;
  color: black !important;
}
.history-block table tr .history-status-22 {
  background-color: #7CFC00 !important;
  color: black !important;
}
.history-block table tr .history-status-23 {
  background-color: #F08080 !important;
  color: black !important;
}
.history-block table tr .history-status-109 {
  background-color: #F08080 !important;
  color: black !important;
}
.history-block table tr .history-status-24 {
  background-color: #90EE90 !important;
  color: black !important;
}
.history-block table tr .history-status-25 {
  background-color: #7CFC00 !important;
  color: black !important;
}
.history-block table tr .history-status-26 {
  background-color: #F08080 !important;
  color: black !important;
}
.history-block table tr .history-status-27 {
  background-color: #90EE90 !important;
  color: black !important;
}
.history-block table tr .history-status-28 {
  background-color: #FFD700 !important;
  color: black !important;
}
.history-block table tr .history-status-29 {
  background-color: #FFD700 !important;
  color: black !important;
}
.history-block table tr .history-status-30 {
  background-color: #DC143C !important;
  color: black !important;
}
.history-block table tr .history-status-31 {
  background-color: #9ACD32 !important;
  color: black !important;
}
.history-block table tr .history-status-32 {
  background-color: #006400 !important;
  color: black !important;
}
.history-block table tr .history-status-33 {
  background-color: #FFD700 !important;
  color: black !important;
}
.history-block table tr .history-status-34 {
  background-color: #90EE90 !important;
  color: black !important;
}
.history-block table tr .history-status-35 {
  background-color: #F08080 !important;
  color: black !important;
}
.history-block table tr .history-status-36 {
  background-color: #5F9EA0 !important;
  color: black !important;
}
.history-block table tr .history-status-37 {
  background-color: #FFD700 !important;
  color: black !important;
}
.history-block table tr .history-status-38 {
  background-color: #FF4500 !important;
  color: black !important;
}
.history-block table tr .history-status-39 {
  background-color: #BDB76B !important;
  color: black !important;
}
.history-block table tr .history-status-40 {
  background-color: #9ACD32 !important;
  color: black !important;
}
.history-block table tr .history-status-41 {
  background-color: #FFD700 !important;
  color: black !important;
}
.history-block table tr .history-status-42 {
  background-color: #DC143C !important;
  color: black !important;
}
.history-block table tr .history-status-43 {
  background-color: #9ACD32 !important;
  color: black !important;
}
.history-block table tr .history-status-44 {
  background-color: #DC143C !important;
  color: black !important;
}
.history-block table tr .history-status-45 {
  background-color: green !important;
  color: black !important;
}
.history-block table tr .history-status-81 {
  background-color: #FFD700 !important;
  color: black !important;
}
.history-block table tr .history-status-86 {
  background-color: #2ECC71 !important;
  color: black !important;
}
.history-block table tr .history-status-114,
.history-block table tr .history-status-116 {
  background-color: #006400 !important;
  color: white !important;
}
.history-block table tr .history-status-115,
.history-block table tr .history-status-117 {
  background-color: #FFD700 !important;
  color: black !important;
}
.history-block table tr .pricinhg-history-status-41,
.history-block table tr .pricinhg-history-status-42,
.history-block table tr .pricinhg-history-status-43,
.history-block table tr .pricinhg-history-status-44,
.history-block table tr .pricinhg-history-status-45,
.history-block table tr .pricinhg-history-status-46,
.history-block table tr .pricinhg-history-status-47,
.history-block table tr .pricinhg-history-status-48,
.history-block table tr .history-status-118 {
  background-color: #F08080 !important;
  color: black !important;
}
.history-block table tr span.old-value {
  color: #09c !important;
}
.history-block table tr span.new-value {
  color: #2ECC71 !important;
}
.history-block table tr .order-status-1 {
  background-color: green !important;
}
.history-block table tr .order-status-6 {
  background-color: #4d90fe !important;
}
.history-block table tr .order-status-3 {
  background-color: #304FFE !important;
}
.history-block table tr .order-status-4 {
  background-color: #FFA500 !important;
}
.history-block table tr .order-status-5 {
  background-color: #F44336 !important;
}
.history-block table tr .order-status-7 {
  background-color: #78909C !important;
}
.history-block table tr td {
  padding: 10px !important;
}
.offline-block table tr {
  /* Order update */
  /* Order cancelled */
  /* Order force complete */
  /* Pickup multiload */
  /* Mobile payment event*/
  /* Odometer*/
  /* Mobile odometer event action*/
  /* Mobile payment event action*/
}
.offline-block table tr .offline-event-type-0 {
  width: auto !important;
  text-align: center !important;
  background-color: #FFD700 !important;
  color: black !important;
}
.offline-block table tr .offline-event-type-1 {
  width: auto !important;
  text-align: center !important;
  background-color: #DC143C !important;
  color: black !important;
}
.offline-block table tr .offline-event-type-2 {
  width: auto !important;
  text-align: center !important;
  background-color: #7CFC00 !important;
  color: black !important;
}
.offline-block table tr .offline-event-type-3 {
  width: auto !important;
  text-align: center !important;
  background-color: gray !important;
  color: black !important;
}
.offline-block table tr .offline-event-type-4 {
  width: auto !important;
  text-align: center !important;
  background-color: #BDB76B !important;
  color: black !important;
}
.offline-block table tr .offline-event-type-5 {
  width: auto !important;
  text-align: center !important;
  background-color: #BDB76B !important;
  color: black !important;
}
.offline-block table tr .offline-odometer-event-action {
  background-color: #BDB76B !important;
  color: #fff !important;
}
.offline-block table tr .offline-event-payment-action {
  background-color: #BDB76B !important;
  color: #fff !important;
}
.orders-tab .col-lg-1,
.orders-tab .col-lg-10,
.orders-tab .col-lg-11,
.orders-tab .col-lg-12,
.orders-tab .col-lg-2,
.orders-tab .col-lg-3,
.orders-tab .col-lg-4,
.orders-tab .col-lg-5,
.orders-tab .col-lg-6,
.orders-tab .col-lg-7,
.orders-tab .col-lg-8,
.orders-tab .col-lg-9,
.orders-tab .col-md-1,
.orders-tab .col-md-10,
.orders-tab .col-md-11,
.orders-tab .col-md-12,
.orders-tab .col-md-2,
.orders-tab .col-md-3,
.orders-tab .col-md-4,
.orders-tab .col-md-5,
.orders-tab .col-md-6,
.orders-tab .col-md-7,
.orders-tab .col-md-8,
.orders-tab .col-md-9,
.orders-tab .col-sm-1,
.orders-tab .col-sm-10,
.orders-tab .col-sm-11,
.orders-tab .col-sm-12,
.orders-tab .col-sm-2,
.orders-tab .col-sm-3,
.orders-tab .col-sm-4,
.orders-tab .col-sm-5,
.orders-tab .col-sm-6,
.orders-tab .col-sm-7,
.orders-tab .col-sm-8,
.orders-tab .col-sm-9,
.orders-tab .col-xs-1,
.orders-tab .col-xs-10,
.orders-tab .col-xs-11,
.orders-tab .col-xs-12,
.orders-tab .col-xs-2,
.orders-tab .col-xs-3,
.orders-tab .col-xs-4,
.orders-tab .col-xs-5,
.orders-tab .col-xs-6,
.orders-tab .col-xs-7,
.orders-tab .col-xs-8,
.orders-tab .col-xs-9 {
  padding-left: 5px;
  padding-right: 5px;
}
.orders-tab .row {
  margin-left: -5px;
  margin-right: -5px;
}
.orders-tab .tab-content {
  padding: 5px 5px 10px 5px;
}
.orders-tab .order-block {
  padding: 0 !important;
}
.orders-tab .nav-tabs > li > a {
  font-size: 13px;
}
.orders-tab h2 {
  font-size: 14px;
}
.orders-tab h4 {
  font-size: 13px;
  padding: 0 !important;
  margin: 5px 0 !important;
}
.orders-tab h4.total-price {
  font-size: 20px;
}
.orders-tab label.control-label {
  font-size: 13px;
}
.orders-tab input:not(textarea),
.orders-tab select:not(textarea) {
  font-size: 13px !important;
  height: 20px !important;
  padding: 0px 5px !important;
}
.orders-tab .input-group-addon,
.orders-tab .btn-group label {
  height: 20px !important;
  font-size: 9px;
  padding: 3px 4px;
}
.orders-tab .am-pm {
  display: block;
  height: 20px !important;
}
.orders-tab .am-pm .btn-default {
  display: table;
  height: 20px !important;
  font-size: 11px !important;
  padding: 0 5px !important;
}
.orders-tab .uib-timepicker input {
  width: 35px;
}
.orders-tab .p5 {
  padding: 5px !important;
}
.orders-tab #capacity {
  zoom: 0.6;
}
.orders-tab .table-container td,
.orders-tab .table-container th {
  font-size: 11px !important;
}
.orders-tab .btn-group {
  margin-top: -5px;
}
.orders-tab .print-case-receipt {
  padding: 10px 30px;
  background-color: #019FCF;
  margin-left: 14px;
  display: block;
  width: 107px;
  cursor: pointer;
  margin-right: 20px;
}
.orders-tab .refund-case-receipt,
.orders-tab .send-case-receipt {
  padding: 10px 30px;
  background-color: #019FCF;
  display: block;
  width: 107px;
  cursor: pointer;
}
.orders-tab .void-case-receipt {
  padding: 10px 30px;
  background-color: #d96557;
}
.orders-tab .refund-case-receipt {
  padding: 10px 22px;
  background-color: #d96557;
}
.orders-tab .email-send-receipt {
  margin-left: 15px;
  height: 40px !important;
  border-bottom: none;
  width: 240px;
}
.orders-tab .amount-refund-receipt {
  height: 40px !important;
  width: 240px;
}
.orders-tab .refund-form {
  padding: 20px;
  margin-left: 15px;
  background: #293044;
}
.orders-tab .payment-method-container input.amount::-webkit-outer-spin-button,
.orders-tab .payment-method-container input.amount::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
}
.orders-tab .alert.isi-alert {
  padding: 10px !important;
}
.orders-tab .alert.isi-alert h4 {
  font-size: 15px !important;
  margin: 0px !important;
  margin-bottom: 5px !important;
}
.orders-tab .alert.isi-alert.additionalCharge label {
  margin-top: 0px !important;
}
.orders-tab .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.orders-tab .order-block.pb5 {
  padding-bottom: 5px !important;
}
.datetimepicker {
  width: 100% !important;
}
.datetimepicker .table th {
  height: inherit;
}
.box-tab .tab-content {
  overflow: inherit;
  margin-top: -1px;
}
.btn-action {
  max-width: 100px;
  margin: 0 auto;
  border-radius: 0 !important;
}
.close-icon,
.inv-btn {
  position: absolute;
  top: 0;
}
.close-icon {
  right: 10px;
}
[data-toggle="collapse"]:hover,
[data-toggle="collapse"]:visited,
[data-toggle="collapse"]:active,
[data-toggle="collapse"]:focus {
  text-decoration: none !important;
}
.form-group {
  margin-bottom: 10px;
}
.assign-checkbox {
  margin-left: 13px;
  float: left;
  text-align: left;
}
.assign-checkbox .checkbox-area {
  width: 100%;
}
.assign-checkbox .checkbox-area p {
  margin-left: 40px;
  min-width: 200px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.main-panel > .header .notifications {
  min-width: 300px !important;
}
.tab-content .tab-pane {
  min-height: 400px;
}
.tab-content .tab-pane .assign-checkbox {
  margin-left: 0;
}
.tab-content .tab-pane .assign-checkbox .checkbox-area p {
  margin-left: 40px;
}
.is-loading {
  margin: 0 !important;
  padding: 10px;
}
.pb45 {
  padding-bottom: 45px;
}
.delete-files {
  position: absolute;
  display: block;
  bottom: 15px;
  right: 15px;
  max-width: 150px;
}
.float-none {
  float: none !important;
}
.no-margin {
  margin: 0 !important;
}
.height-center {
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-control:not(textarea) {
  height: 30px !important;
}
.capacity-close-icon {
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  cursor: pointer;
  z-index: 1;
}
.glyphicon-remove-circle {
  color: red;
  font-size: 25px;
}
.new-design-plus {
  margin-top: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  text-align: right;
  margin-bottom: 10px;
}
.no-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-layout {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
}
.table-layout.table-template td {
  text-overflow: clip !important;
  overflow: inherit !important;
  white-space: normal !important;
}
.order-info .has-error .error-msg,
.order-mixed .has-error .error-msg {
  position: absolute;
}
.input-group-addon,
.tab-show,
.tab-block-order {
  border-radius: 0 !important;
}
.input-group-addon {
  line-height: 10px !important;
}
.form-control:not(textarea).tab-show,
.form-control:not(textarea).tab-block-order {
  height: 40px !important;
  display: block;
  border-bottom: none !important;
  transition: none !important;
}
.form-control:not(textarea).tab-block-order {
  max-width: 60px;
  right: 0;
  position: absolute;
  height: 24px !important;
}
.am-pm .btn-default {
  height: 30px;
  margin-left: 3px;
}
.tab-messages .panel-body,
.settings .panel-body,
.receipts .panel-body {
  padding: 0;
}
.main-panel > .header .navbar-text {
  font-weight: bolder;
}
.p3 {
  padding: 3px !important;
}
.invoice-control .invoice-element {
  cursor: pointer;
  padding: 6px;
  border-bottom: 5px solid #019FCF;
}
.invoice-control .invoice-element.disabled {
  color: #9E9E9E;
  border-bottom: 5px solid #9E9E9E;
}
.table-container.text-left td {
  text-align: left !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.error-msg,
body .nav-tabs > li > a.error,
body .nav-tabs > li > a.error:hover,
body .nav-tabs > li.active > a.error {
  color: #d96557 !important;
}
.not-absolute .error-msg {
  position: static;
}
.inline-block {
  display: inline-block !important;
}
.right {
  float: right !important;
}
.w30 {
  max-width: 23% !important;
  outline: none;
}
input[type=range] {
  -webkit-appearance: none;
  background: transparent;
  border: none;
  box-shadow: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #fff;
  border: none;
  border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 18px;
  width: 18px;
  border-radius: 20%;
  background: #4cc3d9;
  margin-top: -7px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #fff;
}
.tabdrop .dropdown-menu {
  margin-right: 0px !important;
}
.btn {
  z-index: 0;
}
.item-color {
  color: #ECD659;
}
.underlined {
  text-decoration: underline;
}
.sweet-alert {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 2px solid #555860;
}
.pl5 {
  padding-left: 5px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.p10 {
  padding: 10px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.switch.square span i::before,
.switch.square span {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.border-right-none {
  border-right: none !important;
}
.border-bottom-none {
  border-bottom: none !important;
}
.icon-transportation {
  width: 19px;
  height: 17px;
  background-repeat: no-repeat;
  float: right;
  margin-left: 10px;
  margin-top: 3px;
}
transportation-icon {
  display: flex;
  align-items: center;
}
transportation-icon .transportation-icon-container {
  display: inline-block;
}
transportation-icon .transportation-icon-container div {
  display: flex;
  align-items: center;
  gap: 5px;
}
transportation-icon .transportation-icon-container div .icon {
  width: 19px;
  height: 17px;
  background-repeat: no-repeat;
}
.icon-modes {
  width: 19px;
  height: 17px;
  background-repeat: no-repeat;
  float: left;
  margin: 5px;
}
.modes-title {
  margin: 5px;
}
.has-postpone-orders {
  height: 12px;
}
.order-modes-alignment-right {
  margin-right: 70px;
  position: relative;
  right: -26px;
  font-weight: bolder;
  font-size: 15px;
}
.order-modes-alignment-left {
  margin-right: 70px;
  position: relative;
  right: -65px;
  font-weight: bolder;
  font-size: 15px;
}
.white-color-border {
  border: 1px solid #fff;
}
.yellow-color-border {
  border: 2px solid #ED9F2D;
}
.red-color-border {
  border: 2px solid #F2245C;
}
.white-color {
  color: #fff !important;
}
.bottom-label {
  top: 20px !important;
}
.greyed-color {
  color: grey;
}
.panel-group .panel + .panel {
  margin-top: 15px;
}
.glyphicon.glyphicon-remove.form-control-feedback {
  z-index: 5;
  pointer-events: auto;
  cursor: pointer;
}
.has-feedback .form-control {
  padding-right: 0px;
}
.datetimepicker .disabled,
.datetimepicker .disabled:hover {
  background: none;
  color: #aaa !important;
  cursor: default;
}
.not-uppercase {
  text-transform: none !important;
}
.pt10 {
  padding-top: 10px !important;
}
.border-none.form-control:focus,
.border-none {
  border: none !important;
  box-shadow: none;
}
.pb10 {
  padding-bottom: 10px !important;
}
.border-bottom {
  border-bottom: 1px solid;
}
.search-block select {
  width: 35% !important;
  float: right;
}
.search-block input {
  width: 65% !important;
}
.search-block .input-wrapper {
  position: relative;
  width: 65% !important;
}
.search-block .input-wrapper input {
  width: 100% !important;
  padding-right: 35px;
  text-overflow: ellipsis !important;
  overflow: hidden;
}
.search-block span {
  margin-right: 35%;
}
.w160 {
  width: 100% !important;
  min-width: 160px !important;
}
.pr0,
.px0 {
  padding-right: 0 !important;
}
.pl0,
.px0 {
  padding-left: 0 !important;
}
.pl5,
.px5 {
  padding-left: 5px !important;
}
.pr5,
.px5 {
  padding-right: 5px !important;
}
.ml0 {
  margin-left: 0 !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr10 {
  margin-right: 10px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ul-no-themed {
  list-style-type: none;
}
.table-overflow-none {
  table-layout: auto !important;
}
.table-overflow-none tr td {
  text-overflow: clip !important;
  overflow: auto !important;
  white-space: normal !important;
}
.table-overflow {
  overflow: auto;
}
.mh75 {
  max-height: 75vh;
}
.mh250 {
  max-height: 250px !important;
}
.mw350 {
  min-width: 350px;
  width: 350px;
}
.action-buttons {
  margin: 0;
  padding: 0;
  overflow: hidden !important;
}
.action-buttons button {
  width: 100%;
}
.mb50 {
  margin-bottom: 50px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb100 {
  margin-bottom: 100px;
}
fieldset[disabled] .btn {
  pointer-events: none;
}
fieldset[disabled] .input-group-addon {
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
  pointer-events: none;
  cursor: not-allowed;
}
fieldset[disabled] .input-group-addon i {
  pointer-events: none;
  cursor: not-allowed;
}
.select-trip-type.has-error,
.selected-accounts.accounts-block .account-block.has-error {
  border-color: #d96557 !important;
}
.has-error .input-group-addon {
  color: #fff !important;
  background-color: #d96557 !important;
  border-color: #d96557 !important;
}
.layout-static-sidebar .main-panel,
.layout-boxed .main-panel {
  min-height: 100vh;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.ngdialog {
  z-index: 9999;
}
.form-control-feedback {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.pac-container {
  z-index: 10000 !important;
  background-color: #283555;
}
.pac-item {
  border-color: #283555 !important;
}
.pac-item span {
  color: #FFFFFF !important;
  border-color: #555860 !important;
  font-size: 12px !important;
}
.pac-item:hover {
  background-color: #0086b3;
}
.angular-steps {
  position: relative;
}
.angular-steps .step {
  position: inherit;
  z-index: 1;
}
.angular-steps .step.ng-hide {
  display: none !important;
  z-index: 0;
}
.angular-steps .step.ng-hide-add,
.angular-steps .step.ng-hide-remove {
  transition: all 0.6s ease-in-out;
  opacity: 1;
}
.angular-steps .step.ng-hide {
  opacity: 0;
}
.has-error .form-control:not(.no-highlight-error) {
  border-color: #d96557 !important;
}
.saved-address {
  border-left: none;
}
.panel-group .panel {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.multiple-list-area .glyphicon-remove {
  float: right;
  width: 10%;
  margin-top: 7px;
}
.multiple-list-area .multiple-list-item {
  height: 30px;
  cursor: pointer;
}
.multiple-list-area .multiple-list-item .item-text {
  height: 30px;
  background-color: #d3d3d3;
  width: 90%;
  float: left;
}
.pos-absolute {
  position: absolute;
  z-index: 200;
}
.pos-relative {
  position: relative !important;
}
.r0 {
  right: 0;
}
.r10 {
  right: 10px;
}
.h30 {
  height: 30px !important;
}
.w-all {
  width: 100%;
}
.picker-day.past {
  color: #9E9E9E !important;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-left: 10px;
  padding-right: 10px;
}
.tab-pane .table.table-bordered.price-details {
  width: auto;
  margin: 0 auto;
}
.tab-pane .table.table-bordered.price-details thead th {
  background-color: transparent !important;
  padding: 10px;
}
.tab-pane .table.table-bordered.price-details thead th:first-child {
  width: 100px;
}
.tab-pane .table.table-bordered.price-details tbody td {
  background-color: transparent !important;
  padding: 0 5px;
}
.tab-pane .table.table-bordered.price-details tbody td:first-child {
  text-align: left;
}
.tab-pane .table.table-bordered.price-details tbody td.total {
  font-size: 17px;
}
.tab-pane .table.table-bordered.price-details.account-modes thead th:first-child {
  width: 230px;
}
.total-price {
  color: #029ecf !important;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bolder;
  letter-spacing: 2px;
}
.total-price.active {
  text-decoration: underline;
}
.control-buttons {
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}
.margin-auto {
  margin: 0 auto;
}
.ngdialog-close {
  outline: none;
}
.map-legend {
  width: 160px;
  opacity: 0.75;
}
.map-legend h4:first-child {
  cursor: pointer;
}
.map-legend h4:first-child:after {
  font-family: 'FontAwesome';
  content: "\f078";
  position: absolute;
  top: 10px;
  right: 10px;
}
.map-legend h4:first-child.collapsed:after {
  content: "\f077";
}
.ngdialog-theme-default .ngdialog-content {
  border: 2px solid #555860;
}
.action-buttons-width {
  min-width: 251px;
}
[ng-if="!enableSelectMonth"] {
  margin-right: 10px;
}
.sa-button-container .cancel {
  background-color: #d96557 !important;
}
.sidebar-panel > nav > ul {
  position: fixed !important;
}
.error {
  color: #d96557 !important;
}
.ngdialog.ngdialog-theme-default,
.add-order-theme .ngdialog-content {
  padding-top: 5px !important;
}
.sweet-alert .sa-icon.sa-success .sa-fix,
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  background: transparent !important;
}
.ui-notification.error {
  color: #fff !important;
}
.order-total.ng-hide {
  display: block !important;
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.chat-driver {
  clear: both;
}
.chat-driver .chat-user-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
  float: left;
}
.chat-driver .chat-user-block {
  padding-left: 10px;
  float: left;
  width: 228px;
  font-size: 11px;
  padding-top: 2px;
}
.chat-driver .chat-user-block .driver-name {
  margin-left: 5px;
  font-size: 15px;
}
.chat-driver .chat-user-block .driver-name.active {
  font-weight: bolder;
  color: #019FCF !important;
}
.chat-input {
  color: #000000;
  top: 0px !important;
  left: 0 !important;
  width: 312px !important;
  padding: 7px 40px 7px 7px !important;
  height: 56px !important;
  margin: 0 !important;
  font-size: 14px;
}
.chat-send {
  font-size: 16px;
}
.multiple-list-area .multiple-list-item {
  height: 30px;
  border-bottom: none;
  margin-bottom: 10px;
  cursor: pointer;
}
.btn-group .btn-primary {
  background-color: #999;
  border: none;
}
.btn-group .btn-primary.active:before {
  color: #fff;
  background-color: #029ecf;
}
.btn-group.action-buttons > .btn {
  margin-left: 0px !important;
  margin-right: 8px !important;
  border-radius: 3px !important;
}
.w14 {
  width: 14px;
}
.mw30 {
  min-width: 30px;
  width: 30px;
}
.mw60 {
  min-width: 60px;
  width: 60px;
}
.mw75 {
  min-width: 75px;
}
.mw115 {
  min-width: 115px;
  width: 115px;
}
.mw130 {
  min-width: 130px;
  width: 130px;
}
.mw150 {
  min-width: 150px;
  width: 150px;
}
.mw180 {
  min-width: 180px;
}
.col-week {
  width: 14.28%;
  float: left;
}
.dropdown-menu-500 {
  max-height: 500px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.chat-users,
.chat-panel {
  background-color: transparent !important;
}
.chat-users .tab-content {
  top: 0px !important;
}
.chat-users .tab-content::-webkit-scrollbar {
  width: 5px;
}
.pagination {
  margin: 0 auto 20px auto;
}
::-webkit-scrollbar-corner {
  display: none;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.main-panel > .header .notifications .notifications-list li,
.main-panel > .header .notifications .notifications-header {
  border-bottom: none;
}
.glyphicon-comment {
  font-size: 21px;
  padding: 7px 16px;
  text-decoration: none;
  height: 54px;
  text-decoration: none !important;
}
.tab-pane .dropdown.tabdrop {
  z-index: 3;
}
.chat-badge {
  position: absolute;
  right: 8px;
  top: 10px;
  background-color: #4CABD0;
  width: 2px;
  height: 2px;
  padding: 5px;
}
.chat-driver-badge {
  position: absolute;
  right: 5px;
  background: #4CABD0;
}
.is-chat-open {
  height: 55px;
  width: 51px;
  border-bottom: none !important;
}
.chat-panel {
  z-index: 100000;
  width: 312px;
  top: 160px;
  height: calc(80vh - 100px);
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.chat-panel .chat-conversation {
  font-size: 11px;
}
.chat-panel .chat-conversation .chat-conversation-content {
  top: 40px;
}
.chat-panel .tab-content {
  border: none;
  margin-bottom: 50px;
}
.chat-panel .chat-header {
  height: 40px;
}
.chat-panel .chat-header .chat-right,
.chat-panel .chat-header .chat-header-title {
  padding-top: 10px;
}
.chat-panel .chat-header .chat-back {
  padding-top: 5px;
}
.chat-panel .chat-group {
  margin-bottom: 0;
}
.chat-panel .chat-group .user-chat-status {
  height: 10px;
  width: 10px;
}
.chat-panel .chat-group a {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.chat-panel input {
  position: fixed;
  z-index: 1;
  height: 40px !important;
  border: none !important;
}
.chat-panel .chat-group:first-child {
  margin-top: 40px !important;
}
.configuration {
  top: 210px;
  width: 312px;
}
.configuration.chat {
  top: 160px;
}
.configuration.chat .configuration-cog {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.configuration:not(.chat) {
  z-index: 100001;
}
.chat-conversation-message {
  padding: 5px !important;
  max-width: 200px;
}
.chat-conversation p {
  font-size: 14px;
}
.chat-header-title {
  text-transform: uppercase;
  font-size: 14px;
  color: #9FA0B5 !important;
}
.notifications-chat {
  top: 157px;
  z-index: 100002;
  right: 44px;
  position: fixed;
  display: block;
  width: 200px;
  left: inherit;
}
.notifications-chat .avatar {
  width: 34px;
  height: 34px;
  object-fit: cover;
}
.notifications-chat ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.chat-back {
  color: white !important;
}
.chat-conversation-message p {
  word-break: break-all;
}
.right100 {
  right: 100px;
}
ul.chat-group-block {
  position: fixed;
  bottom: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.chat-group-block li {
  float: left;
}
ul.chat-group-block li a {
  width: 104px;
  padding: 16px 5px;
  display: block;
  text-align: center;
  height: 50px;
  background: white;
  border-left: 1px solid;
}
ul.chat-group-block li a:hover {
  text-decoration: none;
}
ul.chat-group-block li:first-child a {
  border-left: none;
}
.material-symbols-outlined {
  font-size: 14px !important;
  cursor: default;
}
.material-symbols-outlined.material-lg {
  font-size: 18px !important;
}
.material-symbols-outlined.fnt24 {
  font-size: 24px !important;
}
.material-symbols-outlined.attention {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 40;
}
.chat-close-span {
  z-index: 1;
  margin-left: 290px;
  margin-top: 12px;
  cursor: pointer;
}
.avatar-xs {
  height: 34px;
  object-fit: cover;
}
input[type=checkbox],
input[type=radio] {
  margin-top: 4px;
}
.text-chat-typing {
  margin-top: -10px;
  position: absolute;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.mt60 {
  margin-top: 60px;
}
.mw50 {
  min-width: 50px;
}
.styled-select-configuration {
  font-size: 12px;
  margin-left: 16px;
  width: 200px;
}
.main-panel > .header .header-avatar {
  width: 32px;
  margin-top: -6px;
  height: 32px;
  object-fit: cover;
}
.main-panel > .header .user-name {
  margin-right: 30px;
}
.blur {
  filter: blur(2px);
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
  pointer-events: none;
}
.pr20 {
  padding-right: 20px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.message-list .message-list-item a p {
  word-wrap: break-word;
  font-size: 12px;
}
.preloader {
  z-index: 99999;
}
.duration-picker {
  width: 110px;
  position: relative;
}
.duration-picker span {
  float: left;
  margin-left: 3px;
}
.duration-picker .small-text-prelabel {
  color: white !important;
  text-align: center;
  letter-spacing: 2px;
  z-index: 0;
  top: 5px;
  left: 28px;
}
.duration-picker .small-text-prelabel:last-of-type {
  left: 85px;
}
.duration-picker input {
  width: 13%;
  min-width: 50px;
  float: left;
  text-align: center;
  padding-left: 1px;
}
.main-panel > .main-content {
  overflow: auto;
  min-height: inherit;
  margin-bottom: 0;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.line-through {
  text-decoration: line-through;
}
.yellow {
  color: yellow;
}
.trips-white-icon {
  background-image: url(/images/trips_white.png);
  background-position: center;
  background-repeat: no-repeat;
}
.vehicle-white-icon {
  background-image: url(/images/vehicle_white.png);
  background-position: center;
  background-repeat: no-repeat;
}
.address + ul:after {
  content: "";
  padding: 1px 1px 1px 0;
  height: 16px;
  text-align: right;
  display: block;
  background-image: url(/images/powered-by-google-on-white2.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 104px 16px;
}
.new-chat {
  width: 712px;
  height: 350px;
}
.new-chat .chat-control-panel {
  width: 312px;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.new-chat .chat-control-panel .users-header {
  width: 100%;
  height: 50px;
}
.new-chat .chat-control-panel .users-header .search-select {
  width: 50%;
  display: inline-block;
}
.new-chat .chat-control-panel .users-header .search-select select {
  width: 137px;
  height: 36px;
  margin: 7px;
  margin-left: 15px;
  background-color: #283555;
  color: #FFFFFF;
  border-color: #555860;
  font-size: 12px;
  padding-left: 5px;
}
.new-chat .chat-control-panel .users-header .search-input {
  width: 50%;
  display: inline-block;
}
.new-chat .chat-control-panel .users-header .search-input input {
  width: 137px;
  height: 36px;
  margin: 7px;
  margin-right: 15px;
  background-color: #283555;
  color: #FFFFFF;
  border: 1px solid #555860;
  font-size: 12px;
  padding-left: 25px;
}
.new-chat .chat-control-panel .users-header .search-input span {
  z-index: 5;
  pointer-events: none;
  line-height: 50px;
  position: absolute;
  top: 0;
  margin-left: 15px;
}
.new-chat .chat-control-panel .users-list {
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  height: 300px;
}
.new-chat .chat-control-panel .users-list .user-container {
  height: 48px;
  background-color: #333B4E;
  color: #FFFFFF;
  display: block;
  border: 1px solid #1A1F2F;
}
.new-chat .chat-control-panel .users-list .user-container .user-icon {
  display: inline-block;
  margin: 9px 15px;
  vertical-align: top;
  max-width: 29px;
}
.new-chat .chat-control-panel .users-list .user-container .user-icon img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.new-chat .chat-control-panel .users-list .user-container .user-info {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
  max-width: 200px;
}
.new-chat .chat-control-panel .users-list .user-container .user-info .info-top {
  width: 195px;
  overflow: hidden;
}
.new-chat .chat-control-panel .users-list .user-container .user-info .info-top i {
  color: #9aa3ab;
}
.new-chat .chat-control-panel .users-list .user-container .user-info .info-top .user-full-name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
  min-width: 40px;
  vertical-align: top;
  color: #f3f7fb;
}
.new-chat .chat-control-panel .users-list .user-container .user-info .info-top .user-full-name span {
  margin-left: 9px;
}
.new-chat .chat-control-panel .users-list .user-container .user-info .info-top .user-status {
  width: 5px;
  height: 5px;
  display: inline-block;
  border-radius: 8px;
  margin-left: 10px;
  vertical-align: top;
  margin-top: 6px;
}
.new-chat .chat-control-panel .users-list .user-container .user-info .info-top .user-status.user-online {
  box-shadow: 0 0 10px 0 rgba(0, 123, 255, 0.4);
  background-color: #007bff;
}
.new-chat .chat-control-panel .users-list .user-container .user-info .info-top .user-status.user-offline {
  box-shadow: 0 0 5px 0 rgba(108, 117, 125, 0.5);
  background-color: #6c757d;
}
.new-chat .chat-control-panel .users-list .user-container .user-info .info-bottom {
  width: 195px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #868ea6;
  font-size: 10px;
}
.new-chat .chat-control-panel .users-list .user-container .user-info .info-bottom span {
  white-space: nowrap;
}
.new-chat .chat-control-panel .users-list .user-container .user-attentions {
  display: inline-block;
  vertical-align: top;
  float: right;
  width: 45px;
  height: 100%;
}
.new-chat .chat-control-panel .users-list .user-container .user-attentions .unread-msg {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background: #6c757d;
  text-align: center;
  margin-left: 10px;
  margin-top: 14px;
}
.new-chat .chat-control-panel .users-list .user-container .user-attentions .unread-msg span {
  font-size: 10px;
  color: #f3f7fb;
}
.new-chat .chat-control-panel .users-list .user-container.selected,
.new-chat .chat-control-panel .users-list .user-container:hover {
  background-color: #169eca !important;
  border: none !important;
  cursor: pointer;
}
.new-chat .chat-control-panel .users-list .user-container.selected .info-top i,
.new-chat .chat-control-panel .users-list .user-container:hover .info-top i,
.new-chat .chat-control-panel .users-list .user-container.selected .info-bottom,
.new-chat .chat-control-panel .users-list .user-container:hover .info-bottom {
  color: #8fcfe4 !important;
}
.new-chat .chat-control-panel .users-list .user-container:hover {
  opacity: 0.8;
}
.new-chat .current-chat-area {
  width: 400px;
  height: 350px;
  display: inline-block;
  vertical-align: top;
}
.new-chat .current-chat-area .current-chat-header .user-container {
  height: 50px;
  background-color: #333B4E;
  color: #FFFFFF;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-icon {
  display: inline-block;
  margin: 9px 15px;
  vertical-align: top;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-icon img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-info {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-info .info-top {
  width: 190px;
  overflow: hidden;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-info .info-top i {
  color: #9aa3ab;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-info .info-top .user-full-name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
  min-width: 40px;
  vertical-align: top;
  color: #f3f7fb;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-info .info-top .user-full-name span {
  margin-left: 9px;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-info .info-bottom {
  color: #868ea6;
  font-size: 10px;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-attentions {
  display: inline-block;
  vertical-align: top;
  float: right;
  width: 80px;
  height: 100%;
  padding-top: 15px;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-attentions .user-status {
  width: 5px;
  height: 5px;
  display: inline-block;
  border-radius: 8px;
  margin-left: 10px;
  vertical-align: middle;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-attentions.user-online span {
  color: #007bff;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-attentions.user-online .user-status {
  box-shadow: 0 0 10px 0 rgba(0, 123, 255, 0.4);
  background-color: #007bff;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-attentions.user-offline span {
  color: #6c757d;
}
.new-chat .current-chat-area .current-chat-header .user-container .user-attentions.user-offline .user-status {
  box-shadow: 0 0 5px 0 rgba(108, 117, 125, 0.5);
  background-color: #6c757d;
}
.new-chat .current-chat-area .current-chat-conversation {
  width: 400px;
  height: 250px;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #1D253C;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message {
  width: 100%;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message .user-icon {
  display: inline-block;
  margin: 30px 15px;
  vertical-align: bottom;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message .user-icon img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message .message {
  width: 250px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  margin-bottom: 5px;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message .message .message-text {
  padding-left: 13px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 3px;
  text-align: left;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message .message .message-time {
  font-size: 10px;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message .user-icon {
  display: inline-block;
  margin: 30px 15px;
  vertical-align: bottom;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message .user-icon img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message.me {
  text-align: right;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message.me .message .message-text {
  background: #253049;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message.me .message .message-time {
  text-align: left;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message.them {
  text-align: left;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message.them .message .message-text {
  background: #293143;
}
.new-chat .current-chat-area .current-chat-conversation .chat-current-message.them .message .message-time {
  text-align: right;
}
.new-chat .current-chat-area .current-chat-conversation .text-typing {
  font-size: 12px;
}
.new-chat .current-chat-area .current-chat-footer {
  width: 400px;
  height: 50px;
  box-shadow: 0px -10px 15px 0 rgba(108, 117, 125, 0.1);
  background: #FFFFFF;
}
.new-chat .current-chat-area .current-chat-footer textarea {
  outline: none;
  resize: none;
  overflow: hidden;
  border: 0;
  box-shadow: none;
  position: absolute;
  width: 346px !important;
  color: #000000;
  height: 20px;
  min-height: 20px;
  max-height: 60px;
  margin: 0px;
  padding: 0px;
  bottom: 15px;
  margin-left: 15px;
}
.new-chat .current-chat-area .current-chat-footer button {
  background: inherit;
  border: none;
  position: relative;
  padding: 7px 15px;
  margin-top: 7px;
  margin-bottom: 7px;
  float: right;
  color: #2B8EC2;
}
.new-chat .current-chat-area .current-chat-footer button:focus {
  outline: none;
}
.new-chat .current-chat-area .none-user {
  width: 268px;
  height: 40px;
  padding: 10px;
  margin: 0 auto;
  margin-top: 140px;
  background: #333B4E;
  border-radius: 6px;
}
.swal-wide {
  max-height: 80% !important;
  overflow: auto !important;
}
.issue-ticket .files-area .file-item {
  height: 40px;
  width: 100px;
  display: inline-block;
  background-color: #283555;
  text-align: center;
  padding-top: 12px;
  padding-right: 17px;
  padding-left: 5px;
  border: 1px solid #727682;
  text-overflow: ellipsis;
}
.issue-ticket .files-area .file-item i {
  color: #727682;
}
.issue-ticket .files-area .file-item label {
  text-overflow: ellipsis;
  overflow-x: hidden;
  font-size: 10px;
}
.issue-ticket .files-area .file-item .glyphicon.glyphicon-remove.capacity-close-icon {
  top: 33% !important;
}
.issue-ticket .files-area .add-area {
  border: 1px dashed #727682;
  padding-top: 6px;
  padding-right: 6px;
  padding-left: 6px;
}
.issue-ticket .files-area .files-footer p {
  font-size: 12px;
}
.btn-download-form {
  display: inline-block !important;
  padding: 1px 5px !important;
}
.btn-download-form:hover {
  color: #FFFFFF !important;
  border: none;
}
.history-block .table-container table tbody td.description {
  overflow-x: hidden !important;
}
.nav.navbar-nav li.dropdown .dropdown-menu.new-chat,
.nav.navbar-nav li.dropdown .dropdown-menu.user-options {
  margin-top: 10px;
}
.nav.navbar-nav li.dropdown .dropdown-menu.user-options img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.nav.navbar-nav li.dropdown .dropdown-menu.user-options p {
  margin: 10px;
  color: #9FA0B5;
}
.nav.navbar-nav li.dropdown .dropdown-menu.user-options select {
  border-radius: 4px !important;
  height: 40px !important;
}
.user-options {
  width: 300px;
  padding: 15px;
}
.attention-message .selectize-dropdown,
.attention-message .selectize-dropdown.form-control {
  width: 100%;
  border-radius: 0px;
}
.attention-message .selectize-dropdown .ui-select-choices-group,
.attention-message .selectize-dropdown.form-control .ui-select-choices-group {
  width: 99%;
}
.attention-message .ui-select-container .ui-select-match {
  padding: 5px !important;
  padding-right: 18px !important;
  letter-spacing: 1px;
}
.attention-message .ui-select-container .ui-select-match-close {
  font-size: 20px !important;
  cursor: pointer !important;
}
.attention-message .ui-select-container .selectize-input {
  max-height: 22vh;
  overflow-y: scroll;
}
.left-side-menu .nav {
  height: 90%;
}
.left-side-menu.old-version .nav > li a {
  padding-left: 20px;
}
.layout-small-menu .left-side-menu.old-version .nav > li a {
  padding-left: 0;
}
.partial-paid-btn {
  width: 15px;
  margin: 1px -1px;
  color: white;
}
.mas.account-orders-modal .table-container tr:hover {
  background-color: #353D5A !important;
}
.mas.account-orders-modal .table-container tr.info:hover {
  background-color: #0E6286 !important;
}
.mas.account-orders-modal .table-container tr.success:hover {
  background-color: white !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px !important;
}
.left-side-menu .nav::-webkit-scrollbar {
  width: 3px;
}
.paid-buttons {
  padding: 1px 3px !important;
}
.inline-label-with-value {
  font-size: 12px;
}
.custom-mileage-icon,
.custom-price-icon {
  -moz-background-size: 100%;
  /* Firefox 3.6+ */
  -webkit-background-size: 100%;
  /* Safari 3.1+ и Chrome 4.0+ */
  -o-background-size: 100%;
  /* Opera 9.6+ */
  background-size: 100%;
  /* Современные браузеры */
}
.filters-dropdown ul.dropdown-menu {
  width: 100% !important;
  min-width: 160px !important;
  line-height: 1;
}
.filters-dropdown li > label {
  display: inline-flex;
}
.filters-dropdown .filter-name {
  display: inline-flex;
  padding-left: 20px;
  vertical-align: super;
  width: 75%;
}
.input-symbol-dollar {
  position: relative;
}
.input-symbol-dollar input.form-control:not(textarea) {
  padding-left: 15px !important;
}
.input-symbol-dollar:before {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 12px;
  content: "$";
  left: 5px;
}
.vertical-align-bottom {
  vertical-align: bottom !important;
}
.sweet-alert.large-content > p {
  overflow-y: scroll;
  max-height: 180px;
  padding: 10px;
}
.ngdialog-open {
  height: auto !important;
  overflow: inherit !important;
}
.attention-signature {
  width: 16px;
  height: auto;
}
.well {
  background-color: #1D253C;
  border-color: #868ea6;
  color: #868ea6;
  font-size: 12px;
  padding: 10px;
}
tr.revision td {
  background-color: #374569 !important;
}
.time-with-checkbox {
  display: flex !important;
}
.time-with-checkbox .time-block,
.time-with-checkbox .checkbox-block {
  margin-top: 0px !important;
}
.time-with-checkbox .checkbox-block span {
  height: 17px !important;
  font-size: 8px;
  padding: 2px 2px;
}
.btn.disabled,
.btn.block {
  pointer-events: none;
  background-color: grey;
  opacity: .65;
}
.btn-route-apply {
  height: 30px !important;
  width: 30% !important;
  margin: 0 auto !important;
}
.column-container.large-content {
  max-height: 100px;
  overflow: hidden;
}
.address-wrapper {
  margin: 5px;
  padding: 5px;
  border-radius: 4px;
}
input.no-spin-button::-webkit-outer-spin-button,
input.no-spin-button::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
}
.download-black {
  width: 24px;
  height: 24px;
  background: transparent url('/images/cloud_download_black_24dp_old.svg') 0 0 no-repeat padding-box;
}
.multi-shuffling-icon {
  width: 24px;
  height: 24px;
  background: transparent url('/images/change_circle_black_24dp.svg') 0 0 no-repeat padding-box !important;
}
.late-vehicle {
  width: 24px;
  height: 24px;
  background: transparent url('/images/pending_actions-24px.svg') 0 0 no-repeat padding-box !important;
}
.btn-multi-shuffling {
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-title {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.wrong-address-button {
  font-size: 12px;
  white-space: nowrap;
  padding: 1px 10px;
  color: #FFFFFF;
  border-radius: 4px;
  transition: all 0.2s;
}
.wrong-address-button:hover {
  text-decoration: none;
  color: #FFFFFF;
  opacity: 0.8;
}
.wrong-address-button.primary {
  background-color: #007BFF;
}
.wrong-address-button.warning {
  background-color: #FFB42A;
}
.wrong-address-button.disabled {
  opacity: 0.6;
  background-color: #3f4a66;
  pointer-events: none;
}
.location-disabled-icon {
  width: 12px;
  height: 12px;
  background: transparent url('/images/location_disabled-24px.svg') 0 0 no-repeat padding-box;
  background-size: 100%;
  display: inline-block;
}
.img-icon {
  vertical-align: text-bottom;
}
.img-icon img {
  width: 12px;
  height: 12px;
}
.open-in-new-icon {
  width: 20px;
  height: 20px;
  background-size: 100% !important;
  display: inline-block;
}
.active-attention-info {
  color: white;
  background-color: red;
  padding: 2px;
  font-size: 10px;
  border-radius: 2px;
}
.border-bottom-grey {
  border-bottom: 2px solid #555860;
}
.new-pagination-style span.pagination-info {
  display: block;
  margin-right: 10px;
  font-size: 14px;
  float: left;
  color: #FFFFFF;
}
.new-pagination-style ul.pagination > li.pagination-page {
  display: none;
}
.new-pagination-style ul.pagination > li.pagination-prev > a,
.new-pagination-style ul.pagination > li.pagination-next > a {
  width: 24px;
  height: 24px;
  border-radius: 50% !important;
  background-color: #1975D0;
  border: none;
  margin: 0 5px;
  font: normal normal normal 14px/1 FontAwesome;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-pagination-style ul.pagination > li.pagination-prev.disabled > a,
.new-pagination-style ul.pagination > li.pagination-next.disabled > a {
  color: #FFFFFF;
  opacity: 0.5;
}
.new-pagination-style ul.pagination > li.pagination-prev > a:after {
  content: "\f053";
  margin-left: -2px;
}
.new-pagination-style ul.pagination > li.pagination-next > a:after {
  content: "\f054";
  margin-right: -2px;
}
.week-day {
  margin-right: 15px !important;
}
.second-passenger-aller {
  width: 1.5em;
  height: 1.5em;
}
.dark-yellow-svg .second-passenger-aller {
  filter: brightness(0) saturate(100%) invert(73%) sepia(36%) saturate(868%) hue-rotate(357deg) brightness(102%) contrast(97%);
}
.green-svg .second-passenger-aller {
  filter: invert(56%) sepia(96%) saturate(375%) hue-rotate(71deg) brightness(97%) contrast(88%);
}
.wc-regular-extra {
  display: flex;
  justify-content: center;
}
.wc-regular-extra input {
  width: 30px;
  padding: 6px 10px !important;
}
.flex-start {
  justify-content: flex-start !important;
}
.flex-justify-center {
  justify-content: center !important;
}
.flex-align-center {
  align-items: center !important;
}
.flex-align-baseline {
  align-items: baseline;
}
.flex-grow {
  flex: 1;
}
.flex-gap5 {
  gap: 5px;
}
.flex-gap10 {
  gap: 10px;
}
.flex-gap15 {
  gap: 15px;
}
.flex-gap20 {
  gap: 20px;
}
.flex-gap25 {
  gap: 25px;
}
.flex-column-gap5 {
  column-gap: 5px;
}
.flex-wrap {
  flex-wrap: wrap;
}
.custom-header-dropdown .dropdown-menu span.menu-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
  cursor: pointer;
}
.dropdown-menu-top + .dropdown-menu {
  left: 20px;
  bottom: 110px !important;
  top: auto !important;
}
.split-order-modal .google-map,
.custom-address-modal .google-map {
  height: 90vh;
  width: 100%;
}
.autocomplete-right + .dropdown-menu {
  right: 10px;
  left: auto !important;
}
.material-symbols-outlined {
  font-size: 14px !important;
  cursor: default;
}
.material-symbols-outlined.material-lg {
  font-size: 18px !important;
}
.material-symbols-outlined.material-xl {
  font-size: 21px !important;
}
.material-symbols-outlined.cursor-pointer {
  cursor: pointer;
}
.watchers-icon {
  width: 100%;
  text-align: left;
}
.input-with-clear-icon .close-span {
  position: absolute;
  margin-top: 9px;
  right: 0;
  margin-right: 15px;
  cursor: pointer;
  font-size: 11px;
}
.dropdown-scrollable ul.dropdown-menu {
  max-height: 375px !important;
  overflow-y: scroll !important;
}
.split-trip-label {
  width: 100px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
}
.material-symbols-outlined.eligibility-import {
  font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 48;
}
.select-with-search .ui-select-container,
.select-with-search-wide .ui-select-container {
  display: flex;
  min-height: 30px;
  border-radius: 2px;
  padding: 0;
}
.select-with-search .ui-select-container.form-control,
.select-with-search-wide .ui-select-container.form-control {
  height: unset !important;
}
.select-with-search .ui-select-container input.ui-select-search,
.select-with-search-wide .ui-select-container input.ui-select-search {
  background: none;
  width: 100px !important;
  font-size: 12px;
  vertical-align: inherit;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 2px !important;
  height: 26px;
  margin: 1px;
  padding-left: 5px;
}
.select-with-search .ui-select-container .ui-select-match .ui-select-match-item,
.select-with-search-wide .ui-select-container .ui-select-match .ui-select-match-item {
  height: 26px;
  margin: 1px;
}
.select-with-search .ui-select-container .ui-select-match .ui-select-match-item .ui-select-match-close,
.select-with-search-wide .ui-select-container .ui-select-match .ui-select-match-item .ui-select-match-close {
  opacity: 1;
}
.select-with-search .ui-select-container .ui-select-match .ui-select-match-item span span,
.select-with-search-wide .ui-select-container .ui-select-match .ui-select-match-item span span {
  font-size: 14px;
  line-height: 1.6;
}
.select-with-search .ui-select-container .ui-select-match .ui-select-match-item:before,
.select-with-search-wide .ui-select-container .ui-select-match .ui-select-match-item:before {
  content: unset;
}
.select-with-search .ui-select-container .ui-select-choices,
.select-with-search-wide .ui-select-container .ui-select-choices {
  width: 250px;
  top: 100% !important;
  max-height: 200px;
  overflow-y: scroll;
}
.select-with-search .ui-select-container .ui-select-choices::-webkit-scrollbar,
.select-with-search-wide .ui-select-container .ui-select-choices::-webkit-scrollbar {
  width: 3px;
  background-color: rgba(49, 93, 151, 0.5);
}
.select-with-search .ui-select-container .ui-select-choices .ui-select-choices-row,
.select-with-search-wide .ui-select-container .ui-select-choices .ui-select-choices-row {
  padding: 3px 10px;
}
.select-with-search .ui-select-container .ui-select-choices .ui-select-choices-row:hover,
.select-with-search-wide .ui-select-container .ui-select-choices .ui-select-choices-row:hover {
  background-color: #029ecf;
}
.select-with-search-wide .ui-select-container input.ui-select-search {
  width: 160px !important;
}
.selected-items {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.selected-items input {
  margin-left: -5px;
  border: none;
}
.selected-items input:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.selected-items .items-block {
  margin: 3px;
  padding: 3px;
  border-radius: 4px;
}
.selected-items.items-block {
  padding: 5px 0px;
}
@keyframes press {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.input-group-btn button.button-item {
  animation: press 0s;
}
.input-group-btn button.button-item:hover {
  animation-duration: 1s;
}
.input-group-btn button.button-item:active {
  animation: none;
}
.exceptions .primary-order-area {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.exceptions .primary-order-area .primary-order-block {
  height: 28px;
  display: flex;
  justify-content: left;
  align-self: center;
  padding: 5px;
  margin-left: 10px;
  overflow: auto;
}
.exceptions .primary-order-area .primary-order-block .order-field-label {
  margin-left: 10px;
  font-size: 12px;
  opacity: 0.6;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exceptions .primary-order-area .primary-order-block .order-field-value {
  font-size: 12px;
  margin: 0px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exceptions .primary-order-area .primary-order-block p {
  align-self: center;
}
.exceptions .primary-order-area .bordered {
  border-radius: 2px;
}
.break-spaces {
  white-space: break-spaces !important;
}
.show-orders-modal .actions-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.show-orders-modal .actions-wrapper button {
  width: 30px;
  height: 30px;
  margin: 0px 5px;
  padding: 2px;
}
.flex-column {
  flex-direction: column;
}
.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.flex-column {
  flex-direction: column;
}
.flex-align-items-start {
  align-items: flex-start;
}
.space-between {
  justify-content: space-between;
}
.space-around {
  justify-content: space-around;
}
.mas-integration-panel {
  display: flex;
  align-items: center;
}
.mas-integration-panel .flex-grow {
  flex: 1 auto;
}
.mas-integration-panel .mas-integration-label {
  min-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mas-integration-panel .justify-content-end {
  justify-content: end;
}
.route-detail-panel {
  display: flex;
  flex-direction: column;
  width: 260px;
  margin: 5px;
  padding: 5px;
}
.route-detail-panel .vehicles-list {
  padding: 5px;
  margin-bottom: 5px;
}
.route-detail-panel .vehicles-list .found-vehicles {
  display: flex;
}
.route-detail-panel .vehicles-list .found-vehicles .vehicle {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.route-detail-panel .vehicles-list .found-vehicles .vehicle .vehicle-label {
  width: 40px;
  font-size: 10px;
  margin-bottom: 5px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.route-detail-panel .vehicles-list .found-vehicles .vehicle .vehicle-icon {
  width: 30px;
  height: 30px;
  border-radius: 3px 3px 0 0;
  text-align: center;
  cursor: pointer;
}
.route-detail-panel .vehicles-list .found-vehicles .vehicle .vehicle-icon i {
  margin-top: 5px;
  vertical-align: middle;
}
.route-detail-panel .vehicles-list .found-vehicles .vehicle.manual-dispatch .vehicle-icon {
  margin-top: 19px;
}
.route-detail-panel .manual-assign-wrapper {
  margin-bottom: 10px;
}
.route-detail-panel .current-route-detail-wrapper {
  margin-bottom: 10px;
  border-radius: 2px;
  padding: 5px;
}
.route-detail-panel .current-route-detail-wrapper .top-wrapper {
  display: flex;
}
.route-detail-panel .current-route-detail-wrapper .top-wrapper .avatar-wrapper {
  width: 50px;
  float: left;
}
.route-detail-panel .current-route-detail-wrapper .top-wrapper .avatar-wrapper img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}
.route-detail-panel .current-route-detail-wrapper .top-wrapper .info-wrapper {
  width: 176px;
  margin: 0 10px 0 5px;
  font-size: 12px;
}
.route-detail-panel .current-route-detail-wrapper .top-wrapper .info-wrapper .vehicle,
.route-detail-panel .current-route-detail-wrapper .top-wrapper .info-wrapper .driver {
  margin: 2px 5px 0 10px;
}
.route-detail-panel .current-route-detail-wrapper .bottom-wrapper {
  display: flex;
  margin: 0;
}
.route-detail-panel .current-route-detail-wrapper .bottom-wrapper .icons {
  width: 50px;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.route-detail-panel .current-route-detail-wrapper .bottom-wrapper .icons img {
  width: 20px;
  height: 20px;
  display: none;
}
.route-detail-panel .current-route-detail-wrapper .bottom-wrapper .icons img.active {
  display: block;
}
.route-detail-panel .current-route-detail-wrapper .bottom-wrapper .capacity {
  display: flex;
  margin-left: 10px;
  justify-content: left;
  align-self: center;
  flex-wrap: wrap;
  gap: 4px;
}
.route-detail-panel .current-route-detail-wrapper .bottom-wrapper .capacity .capacity-block {
  display: flex;
  border-radius: 2px;
  width: 42px;
  height: 22px;
}
.route-detail-panel .current-route-detail-wrapper .bottom-wrapper .capacity .capacity-block img,
.route-detail-panel .current-route-detail-wrapper .bottom-wrapper .capacity .capacity-block p {
  width: 20px;
  height: 20px;
}
.route-detail-panel .current-route-detail-wrapper .bottom-wrapper .capacity .capacity-block p {
  padding: 0;
}
.route-detail-panel .button-container {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.route-detail-panel .button-container .btn {
  flex: 1 auto;
}
.route-detail-panel .route-detail-wrapper {
  flex: 1 auto;
  min-height: 300px;
  font-size: 12px;
}
.route-detail-panel .route-detail-wrapper ul {
  list-style-type: none;
  padding-left: 0;
}
.route-detail-panel .route-detail-wrapper li.dndPlaceholder {
  height: 100px;
}
.route-detail-panel .route-detail-wrapper .dot-order-block {
  display: flex;
  position: relative;
  padding: 5px 0;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part {
  width: 28px;
  height: 100%;
  align-self: center;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part .point-wrapper {
  width: 28px;
  height: 28px;
  position: relative;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part .point-wrapper .point-center,
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part .point-wrapper .point-border {
  position: absolute;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part .point-wrapper .point-center {
  width: 20px;
  height: 20px;
  top: 4px;
  left: 4px;
  z-index: 10;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part .point-wrapper .point-center p {
  padding-top: 2px;
  font-weight: bold;
  margin-bottom: 0;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part .point-wrapper .point-border {
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 5;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part .line-wrapper {
  position: absolute;
  width: 4px;
  height: 50%;
  left: 12px;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part .line-wrapper.top {
  top: 0;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part .line-wrapper.bottom {
  bottom: 0;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part .distance-wrapper {
  position: absolute;
  top: -10px;
  width: 28px;
  height: 30px;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part.is-pu .point-wrapper > .point-center,
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part.is-pu .point-border {
  border-radius: 50%;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part.is-do .point-wrapper > .point-center,
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part.is-do .point-border {
  border-radius: 2px;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part.is-wait .point-wrapper > .point-center,
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part.is-wait .point-border {
  border-radius: 50%;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part.is-wait .point-wrapper > .point-center {
  width: 14px;
  height: 14px;
  top: 7px;
  left: 7px;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part.is-wait .point-wrapper > .point-border {
  width: 22px;
  height: 22px;
  top: 3px;
  left: 3px;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part.is-home-depot .point-wrapper > .point-center,
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part.is-home-depot .point-border {
  border-radius: 2px;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-left-part.is-home-depot .point-wrapper > .point-center i {
  padding-top: 2px;
  font-size: 18px;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-right-part {
  width: 214px;
  padding: 5px;
  margin-left: 5px;
  align-self: center;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-right-part.new {
  border-radius: 2px;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-right-part .dot-time,
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-right-part .dot-client,
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-right-part .dot-address {
  margin-bottom: 0;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-right-part .dot-client {
  text-transform: uppercase;
}
.route-detail-panel .route-detail-wrapper .dot-order-block .dot-right-part .dot-address {
  word-break: break-all;
}
.route-detail-panel .route-detail-wrapper .dot-order-block.related-order::after {
  content: "Wait on return.";
  position: absolute;
  width: -webkit-fill-available;
  text-align: center;
  top: -10px;
  border-radius: 3px;
  margin-left: 32px;
}
p.plus-code {
  margin-right: -18px !important;
  z-index: 1 !important;
  padding-top: 4px !important;
  margin-left: 10px;
  position: absolute;
}
input[password-eye]::-ms-reveal,
input[password-eye]::-ms-clear {
  display: none;
}
input[password-eye]:not([disabled]) {
  padding: 6px 36px 6px 12px;
}
i.password-eye {
  position: absolute;
  right: 10px;
  top: 30px;
  cursor: pointer;
  height: 30px;
  width: 30px;
  padding: 7px 5px;
}
i.password-eye.hide {
  display: none;
}
.dropdown-menu-500 {
  max-height: 500px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.display-contents {
  display: contents;
}
i.map-settings-btn {
  opacity: .3;
  cursor: pointer;
}
i.map-settings-btn.active {
  opacity: 1;
}
.map-settings-popup {
  padding: 0 !important;
}
.map-settings-popup .ngdialog-content {
  border: none !important;
  top: 30%;
}
.settings-legend {
  user-select: none;
  border-radius: 5px;
  margin: 5px;
  text-align: left;
  padding: 5px 10px;
  width: 240px;
}
.settings-legend:has(button[aria-expanded="false"]) {
  width: 120px;
  opacity: .7;
}
.settings-legend button.btn.btn-link {
  width: 100%;
  padding: 5px 0;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  text-align: left;
}
.settings-legend button[aria-expanded="true"] .fa.fa-chevron-down {
  display: none;
}
.settings-legend button[aria-expanded="false"] .fa.fa-chevron-up {
  display: none;
}
.settings-legend .wrap-panel {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.settings-legend .wrap-panel__item {
  width: 105px;
  display: flex;
  align-items: center;
}
.settings-legend .wrap-panel__item.large-item {
  width: 210px;
}
.settings-legend .wrap-panel__item.zoom {
  gap: 10px;
}
.settings-legend .wrap-panel__item.zoom label {
  margin-bottom: 0;
}
.settings-legend .wrap-panel__item.zoom .material-symbols-outlined {
  cursor: pointer;
  transition: all 0.2s;
  opacity: 0.8;
}
.settings-legend .wrap-panel__item.zoom .material-symbols-outlined:hover {
  opacity: 1;
  transform: scale(1.15);
}
.settings-legend .wrap-panel .radio,
.settings-legend .wrap-panel .checkbox {
  margin: 0 !important;
}
.settings-legend .wrap-panel .radio input[type="checkbox"],
.settings-legend .wrap-panel .checkbox input[type="checkbox"],
.settings-legend .wrap-panel .radio input[type="radio"],
.settings-legend .wrap-panel .checkbox input[type="radio"] {
  margin-top: 2px !important;
}
.settings-legend .wrap-panel .radio label,
.settings-legend .wrap-panel .checkbox label {
  font-weight: 700;
}
i.globe-offset {
  left: 12px;
  top: 8px;
}
.text-ellipsis {
  text-overflow: ellipsis !important;
}
.text-ellipsis a {
  white-space: nowrap;
}
.note-text {
  white-space: pre-wrap;
}
.time-with-timezone {
  text-align: right;
}
td.text-left .time-with-timezone {
  text-align: left;
}
isi-date-time-picker.ng-invalid .datetime-component .datetime-input {
  border: 1px solid #d96557 !important;
}
isi-date-time-picker.ng-invalid .datetime-component .input-group-addon {
  background: #d96557 !important;
}
isi-date-time-picker .datetime-component.disabled .input-group .datetime-input,
isi-date-time-picker .datetime-component.disabled .input-group .input-group-addon {
  cursor: not-allowed !important;
}
isi-date-time-picker .datetime-component .dropdown .dropdown-menu {
  margin: 0;
  padding: 0;
  height: 330px;
}
isi-date-time-picker .datetime-component .input-group {
  width: 100%;
}
isi-date-time-picker .datetime-component .input-group .datetime-input {
  border-radius: 2px 0 0 2px !important;
  width: 100%;
  padding: 6px 12px !important;
  font-size: 12px;
  height: 30px !important;
}
isi-date-time-picker .datetime-component .input-group .datetime-input.simple {
  border-radius: 2px !important;
}
isi-date-time-picker .datetime-component .input-group .input-group-addon {
  border: none;
  border-radius: 0 2px 2px 0 !important;
}
isi-date-time-picker .datetime-component .datetime-panel {
  height: 100%;
  display: flex;
}
isi-date-time-picker .datetime-component .datetime-panel .datetime-calendar {
  width: 335px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
isi-date-time-picker .datetime-component .datetime-panel .datetime-calendar .datetime-calendar-addon {
  padding-left: 20px;
  flex: 1;
  display: flex;
  gap: 20px;
  align-items: center;
}
isi-date-time-picker .datetime-component .datetime-panel .datetime-calendar .datetime-calendar-addon a {
  transition: color .2s;
}
isi-date-time-picker .datetime-component .datetime-panel .datetime-hours {
  display: flex;
}
isi-date-time-picker .datetime-component .datetime-panel .datetime-hours .datetime-outer-column {
  overflow: hidden;
  display: flex;
  gap: 15px;
  flex-direction: column;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 100%;
  flex: 1;
  align-items: center;
  width: 60px;
}
isi-date-time-picker .datetime-component .datetime-panel .datetime-hours .datetime-outer-column .datetime-inner-column {
  flex: 1;
  width: 70px;
  margin-right: -10px;
  overflow-y: scroll;
  padding-left: 6px;
}
isi-date-time-picker .datetime-component .datetime-panel .datetime-hours .datetime-outer-column .datetime-inner-column .datetime-label {
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 47px;
  height: 36px;
}
isi-date-time-picker .datetime-component .datetime-panel .datetime-hours .datetime-outer-column .datetime-inner-column .datetime-label:not(.empty) {
  cursor: pointer;
}
isi-date-time-picker .datetime-component .datetime-panel .datetime-hours .datetime-outer-column .datetime-inner-column .datetime-label:first-child {
  margin-top: 106px;
}
isi-date-time-picker .datetime-component .datetime-panel .datetime-hours .datetime-outer-column .datetime-inner-column .datetime-label:last-child {
  margin-bottom: 108px;
}
.w80 {
  width: 80px;
}
.op02 {
  opacity: 0.2;
}
.checkbox-width {
  width: 50px !important;
}
.resized-table-container .resized-table .resized-table-body .resized-table-row.order-locked {
  cursor: not-allowed !important;
}
.resized-table-container .resized-table .resized-table-body .resized-table-row.order-locked .resized-table-column {
  pointer-events: none;
}
.sized-table .sized-table-body .sized-table-row.data-row.order-locked {
  cursor: not-allowed !important;
}
.sized-table .sized-table-body .sized-table-row.data-row.order-locked .sized-table-column {
  pointer-events: none;
}
ul.order-right-click-menu-none {
  display: none !important;
}
.default-view-icon {
  transform: scale(2.5);
  margin-right: 20px;
  margin-top: 10px;
  padding: 0 2px;
  cursor: pointer;
  transition: color 0.3s;
}
.fnt11 {
  font-size: 11px !important;
}
.fnt12 {
  font-size: 12px !important;
}
.fnt13 {
  font-size: 13px !important;
}
.fnt15 {
  font-size: 15px !important;
}
.fnt18 {
  font-size: 18px !important;
}
.fnt24 {
  font-size: 24px !important;
}