.defaultSelect {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  position: relative;
}
.defaultSelect select {
  font-size: 13px;
  color: #757575;
  border: none;
  border-radius: 8px;
  padding-right: 36px;
  position: relative;
  z-index: 1;
  background: transparent;
}
.defaultSelect select option {
  display: block;
  padding: 16px;
  border-bottom: 1px solid #eee;
}
.defaultSelect select option:checked,
.defaultSelect select option:hover {
  background-color: #f8f8f8;
}
.defaultSelect i {
  position: absolute;
  right: 8px;
  z-index: 0;
}
.dForm.w300 .fieldGroup {
  width: 300px;
}
.dForm section {
  display: flex;
  flex-direction: column;
}
.dForm section .rows {
  display: inline-flex;
  margin-bottom: 24px;
}
.dForm section .rows:last-child {
  margin-bottom: 0;
}
.dForm .absIcon {
  position: relative;
}
.dForm .absIcon i {
  position: absolute;
  right: 12px;
  cursor: pointer;
}
.dForm ul {
  list-style: none;
}
.dForm .fieldGroup {
  margin-top: 24px;
}
.dForm .fieldGroup > label {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  color: #000;
  font-weight: 500;
  margin-bottom: 12px;
}
.dForm .fieldGroup > label em {
  display: flex;
  white-space: nowrap;
  font-size: 0.75rem;
  color: #757575;
  line-height: 1.33;
  font-style: normal;
  margin-top: 2px;
}
.dForm .fieldGroup > label.sm {
  font-size: 14px;
}
.dForm .fieldGroup .smallLabel {
  display: flex;
  font-size: 0.875rem;
  color: #212121;
  font-style: normal;
  margin-bottom: 8px;
}
.dForm .fieldGroup .smallLabel label {
  font-size: 1rem;
  font-weight: 500;
}
.dForm .fieldGroup.wAuto {
  width: auto;
}
.dForm .fieldGroup > div {
  margin-bottom: 16px;
}
.dForm .fieldGroup > div:last-child {
  margin-bottom: 0;
}
.dForm .fieldGroup .cnr {
  display: flex;
  margin-left: 30px;
  margin-top: 8px;
  margin-bottom: 16px;
}
.dForm .fieldGroup span {
  display: flex;
  align-items: center;
  position: relative;
}
.dForm .fieldGroup span em {
  position: absolute;
  right: 16px;
  font-size: 0.875rem;
  color: #757575;
  font-style: normal;
}
.dForm .fieldGroup span.withInIcon input {
  padding-left: 48px;
}
.dForm .fieldGroup span.withInIcon i {
  position: absolute;
  left: 12px;
}
.dForm .fieldGroup span.error input {
  border-color: #c8332d;
}
.dForm .fieldGroup .alertTxt {
  margin-top: 8px;
  font-size: 0.75rem;
}
.dForm .fieldGroup .alertTxt i {
  margin-right: 4px;
}
.dForm .fieldGroup i.static {
  background-color: #eee;
  border-radius: 4px;
  padding: 4px;
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  display: none;
  position: absolute;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:checked + span.node-label,
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:not(:checked) + span.node-label {
  display: inline-flex;
  align-items: center;
  position: relative;
  user-select: none;
  cursor: pointer;
  color: #212121;
  line-height: 0;
  font-size: 0.875rem;
  font-weight: 400;
  margin-right: 18px;
  margin-bottom: 0;
}
[type="checkbox"]:checked + label span,
[type="checkbox"]:checked + span.node-label span,
[type="checkbox"]:not(:checked) + label span,
[type="checkbox"]:not(:checked) + span.node-label span {
  display: inline-block;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:checked + span.node-label:before,
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:not(:checked) + span.node-label:before {
  display: flex;
  align-items: center;
  content: "";
  margin-right: 8px;
  width: 16px;
  height: 16px;
  border: 0.094rem solid #10a4a5;
  background: #fff;
  border-radius: 2px;
}
[type="checkbox"]:checked + label.noLabel,
[type="checkbox"]:checked + span.node-label.noLabel,
[type="checkbox"]:not(:checked) + label.noLabel,
[type="checkbox"]:not(:checked) + span.node-label.noLabel {
  margin: 0;
}
[type="checkbox"]:checked + label.noLabel:before,
[type="checkbox"]:checked + span.node-label.noLabel:before,
[type="checkbox"]:not(:checked) + label.noLabel:before,
[type="checkbox"]:not(:checked) + span.node-label.noLabel:before {
  margin: 0;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:checked + span.node-label {
  font-weight: 500;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:checked + span.node-label:before {
  border: 0.094rem solid #10a4a5 !important;
  background: #10a4a5;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:checked + span.node-label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  transform: scale(1);
  width: 3px;
  height: 8px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(40deg);
}
[type="checkbox"]:not(:checked):after label:after,
[type="checkbox"]:not(:checked):after + span.node-label:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 22px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(0);
  width: 4px;
  height: 8px;
  border-bottom: 0.094rem solid #bdbdbd;
  border-right: 0.094rem solid #bdbdbd;
  transform: rotate(40deg);
}
[type="checkbox"]:disabled:checked + label,
[type="checkbox"]:disabled:checked + span.node-label,
[type="checkbox"]:disabled:not(:checked) + label,
[type="checkbox"]:disabled:not(:checked) + span.node-label {
  cursor: not-allowed !important;
}
[type="checkbox"]:disabled:checked + label,
[type="checkbox"]:disabled:checked + span.node-label {
  color: #bdbdbd;
}
[type="checkbox"]:disabled:checked + label:before,
[type="checkbox"]:disabled:checked + span.node-label:before {
  opacity: 0.5;
}
[type="checkbox"]:disabled:not(:checked) + label,
[type="checkbox"]:disabled:not(:checked) + span.node-label {
  color: #bdbdbd;
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:not(:checked) + span.node-label:before {
  border: #e0e0e0 solid 0.094rem !important;
  background-color: #fff;
}
[type="radio"] {
  display: none;
}
[type="radio"] + label {
  display: inline-flex;
  align-items: center;
  position: relative;
  color: #212121;
  line-height: 1.25rem;
  font-size: 0.875rem !important;
  margin-right: 18px;
  font-weight: 400;
  user-select: none;
}
[type="radio"] + label::before,
[type="radio"] + label::after {
  display: block;
  content: "";
  border-radius: 50px;
  background-color: #fff;
}
[type="radio"] + label::before {
  width: 17px;
  height: 17px;
  border: 0.094rem solid #bdbdbd;
  margin-right: 8px;
}
[type="radio"] + label::after {
  background-color: #10a4a5;
  border: #fff solid 0.094rem;
  content: "";
  height: 9px;
  width: 9px;
  position: absolute;
  left: 4px;
  transform: scale(0);
  transition: 240ms;
}
[type="radio"]:checked + label {
  font-weight: 500 !important;
}
[type="radio"]:checked + label:before {
  background-color: #fff;
  border: #10a4a5 solid 0.094rem;
}
[type="radio"]:checked + label:after {
  background-color: #10a4a5;
  transform: scale(1) !important;
}
[type="radio"]:disabled + label {
  color: #ccc;
  cursor: not-allowed;
}
[type="radio"]:disabled + label:before {
  border: 2px solid #e0e0e0;
}
[type="radio"].tick:checked + label:before {
  width: 18px;
  height: 18px;
  background-color: #10a4a5;
  border: 0;
}
[type="radio"].tick:checked + label:after {
  background-color: transparent;
  border: none;
  border-left: 0.094rem solid #fff;
  border-bottom: 0.094rem solid #fff;
  background-image: none;
  border-radius: 0;
  content: "";
  height: 4px;
  width: 8px;
  position: absolute;
  left: -25px;
  top: 7px;
  transform: rotate(-45deg) !important;
}
.customFileUploader {
  display: flex;
  align-items: center;
  min-height: 72px;
}
.customFileUploader .csutomImgUploads {
  display: flex;
  align-items: center;
}
.customFileUploader [type="file"] {
  display: none;
}
.customFileUploader label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  max-width: 100%;
  background: #eee;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  cursor: pointer;
}
.customFileUploader span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 72px;
  height: 72px;
  max-width: 100%;
  margin-right: 8px;
  background: #eee;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}
.customFileUploader span:before {
  content: "";
  display: block;
  width: 53px;
  height: 53px;
  background: linear-gradient(
    223.44deg,
    rgba(0, 0, 0, 0.8) 5.21%,
    rgba(0, 0, 0, 0) 51.28%
  );
  position: absolute;
  right: 0;
  top: 0;
}
.customFileUploader span i {
  position: absolute;
  right: 4px;
  top: 4px;
}
.customFileUploader.fullW {
  height: 100%;
  align-items: initial;
}
.customFileUploader.fullW label,
.customFileUploader.fullW .csutomImgUploads {
  width: 100%;
  height: auto;
}
.customFileUploader.fullW label span,
.customFileUploader.fullW .csutomImgUploads span {
  width: 100%;
  height: 100%;
}
textarea {
  width: 100%;
  height: 80px;
  border: 1px solid #e0e0e0;
  padding: 8px;
  font-size: 14px;
  resize: vertical;
  max-height: 150px;
  min-height: 80px;
}
button {
  background-color: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
}
input,
select,
textarea {
  padding: 16px 16px 15px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  appearance: none;
  outline: none;
  user-select: text;
  width: 100%;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  color: #757575;
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  border-color: #10a4a5;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input:disabled,
input.disabled,
select:disabled,
select.disabled,
textarea:disabled,
textarea.disabled {
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  cursor: not-allowed;
  color: #bdbdbd;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"],
input[type="date"] {
  -moz-appearance: textfield;
}
textarea,
input[type="date"] {
  font-family: "Mada", sans-serif;
  font-size: 0.875rem;
}
.multiOption {
  display: flex;
}
.multiOption.xType .selectBox {
  margin-left: 16px;
}
.multiOption.xType .selectBox:first-child {
  margin-left: 0;
}
.multiOption .sepText {
  display: flex;
  height: 48px;
  border: 1px solid #e0e0e0;
  border-radius: 0 8px 8px 0;
  padding-left: 16px;
  padding-right: 16px;
  white-space: nowrap;
  align-items: center;
  margin-left: -4px;
  position: relative;
  background: #fff;
  font-size: 0.875rem;
  color: #757575;
}
.multiOption .sepText span {
  cursor: pointer;
}
.multiOption .sepText span:last-child {
  margin-left: 12px;
}
.multiOption .sepText span:first-child {
  margin-left: 0;
}
.multiOption .sepText span.active {
  color: #212121;
  font-weight: 500;
}
.multiOption .sepText.bg {
  background: #f5f5f5;
}
.multiOption.columType {
  flex-flow: column;
}
.selectBox {
  position: relative;
}
.selectBox.fullWidth {
  width: 100%;
}
.selectBox > p {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 11px 16px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  position: relative;
  font-size: 0.875rem !important;
  color: #757575;
  font-weight: 400;
  cursor: pointer;
}
.selectBox > p i {
  margin-left: auto;
  margin-right: -4px;
  transition: all 0.3s ease-in-out;
}
.selectBox > p.selected {
  color: #212121;
  font-weight: 500;
}
.selectBox .selectDrop {
  position: absolute;
  min-width: 100%;
  z-index: 1;
  display: none;
  overflow: auto;
  margin-top: 8px;
}
.selectBox .selectDrop.hFix {
  height: 262px;
}
.selectBox.open p {
  color: #212121;
  font-weight: 500;
}
.selectBox.open p i {
  transform: rotate(180deg);
}
.selectBox.open .selectDrop {
  display: block;
}
.selectBox.fullW {
  width: 100%;
}
.formSection {
  font-size: 0.875rem;
}
.formSection .validation {
  margin-bottom: 4px;
}
.formSection .error {
  color: #c8332d;
}
.formSection .success {
  color: #06856b;
}
.relative_button_wrap .actionButtons {
  display: flex;
  justify-content: space-between;
}
.relative_button_wrap .actionButtons .btn {
  margin-right: 12px;
}
.relative_button_wrap .actionButtons .btn:last-child {
  margin-right: 0;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 1rem;
  min-width: 2.375rem;
  font-weight: 500;
  text-align: center;
  border: none;
  outline: none;
  padding: 13px 24px 12px 24px;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  appearance: none;
}
.btn.fullW {
  width: 100%;
}
.btn.ripple {
  background-position: center;
  transition: background 0.8s;
}
.btn.ripple:hover {
  background: #09898a radial-gradient(circle, transparent 1%, #09898a 1%)
    center/15000%;
}
.btn.ripple:active {
  background-color: #10a4a5;
  background-size: 100%;
  transition: background 0s;
}
.btn:hover,
.btn:focus {
  text-decoration: none !important;
}
.btn.sm {
  font-size: 12px;
  padding: 11px 16px 9px 16px;
}
.btn.noupper {
  text-transform: none !important;
}
.btn.btn_active {
  pointer-events: auto;
  z-index: 1;
}
.btn.btnError {
  background-color: #c8332d;
  border: 1px solid #c8332d;
  color: #fff;
}
.btn.btnError:hover {
  background-color: #c8332d;
}
.prim {
  background: #10a4a5;
  color: #fff;
  border: 1px solid #10a4a5;
}
.prim:hover,
.prim:focus,
.prim.hover {
  background: #09898a;
  color: #fff;
}
.prim i {
  color: #fff;
  margin-right: 8px;
}
.prim.disable {
  background: #bdbdbd;
  border: 1px solid #bdbdbd;
  color: #fff;
  cursor: not-allowed;
}
.prim.disable:hover {
  background: #bdbdbd;
  border: 1px solid #bdbdbd;
  color: #fff;
}
.seco {
  background: #fff;
  color: #212121;
  font-weight: 500;
  border: 1px solid #e0e0e0;
}
.seco:hover,
.seco:focus,
.seco.hover {
  border: 1px solid #e0e0e0;
  background: #f8f8f8;
  color: #212121;
}
.seco.disable {
  background: #fff;
  color: #bdbdbd;
  border: 1px solid #e0e0e0;
  cursor: not-allowed;
}
.seco.disable:hover {
  background: #fff;
  border: 1px solid #e0e0e0;
}
.pad-0 {
  padding: 0px !important;
}
.pad-4 {
  padding: 4px !important;
}
.pad-8 {
  padding: 8px !important;
}
.pad-16 {
  padding: 16px !important;
}
.pad-24 {
  padding: 24px !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-4 {
  padding-top: 4px !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.pt-12 {
  padding-top: 12px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pt-24 {
  padding-top: 24px !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-4 {
  padding-right: 4px !important;
}
.pr-8 {
  padding-right: 8px !important;
}
.pr-12 {
  padding-right: 12px !important;
}
.pr-16 {
  padding-right: 16px !important;
}
.pr-24 {
  padding-right: 24px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-4 {
  padding-bottom: 4px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.pb-12 {
  padding-bottom: 12px !important;
}
.pb-16 {
  padding-bottom: 16px !important;
}
.pb-24 {
  padding-bottom: 24px !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-4 {
  padding-left: 4px !important;
}
.pl-8 {
  padding-left: 8px !important;
}
.pl-12 {
  padding-left: 12px !important;
}
.pl-16 {
  padding-left: 16px !important;
}
.pl-24 {
  padding-left: 24px !important;
}
.mar-0 {
  margin: 0px !important;
}
.mar-4 {
  margin: 4px !important;
}
.mar-8 {
  margin: 8px !important;
}
.mar-16 {
  margin: 16px !important;
}
.mar-24 {
  margin: 24px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.cPointer {
  cursor: pointer;
}
.material-symbols-rounded {
  font-variation-settings: "wght" 300, "GRAD" 0, "opsz" 48;
  color: #757575;
}
.material-symbols-rounded.fill {
  font-variation-settings: "FILL" 1;
}
.material-symbols-rounded.brand {
  color: #10a4a5;
}
.material-symbols-rounded.black {
  color: #212121;
}
.material-symbols-rounded.error {
  color: #c8332d;
}
.material-symbols-rounded.success {
  color: #06856b;
}
.material-symbols-rounded.disable {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.material-symbols-rounded.white {
  color: #fff;
}
.material-symbols-rounded.mt-xss {
  font-size: 12px;
}
.material-symbols-rounded.mt-xs {
  font-size: 14px;
}
.material-symbols-rounded.mt-s {
  font-size: 16px;
}
.material-symbols-rounded.mt-m {
  font-size: 24px;
}
.material-symbols-rounded.mt-l {
  font-size: 36px;
}
.material-symbols-rounded.mt-xl {
  font-size: 48px;
}
.material-symbols-rounded.arrowLeft {
  transform: rotate(90deg);
}
.material-symbols-rounded.arrowRight {
  transform: rotate(-90deg);
}
.material-symbols-rounded.arrowTop {
  transform: rotate(180deg);
}
.material-symbols-rounded.arrowBottom {
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}
.successCircle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  background-color: #06856b;
  border-radius: 100%;
}
.popup_box {
  display: none;
  position: fixed;
  z-index: 101;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s;
}
.popup_box.open {
  display: flex;
}
.popup_box .model_box {
  position: absolute;
  max-height: 700px;
  background: #fff;
  border-radius: 8px;
  overflow-y: auto;
  padding: 24px;
}
.popup_box .model_box::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.popup_box .model_box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #c1c1c1;
}
.popup_box .model_box h4 {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 1.25rem;
  color: #212121;
  font-weight: 500;
}
.popup_box .model_box h4 b {
  margin-left: 8px;
  font-size: 1rem;
  font-weight: 500;
}
.popup_box .model_box h4 .close_model {
  cursor: pointer;
  margin-left: auto;
  padding: 8px;
}
.popup_box .model_box h4 .close_model.lPosition {
  margin-left: inherit;
  margin-right: 8px;
}
.popup_box .model_box h4 .close_model:hover {
  background-color: #ebebeb;
  border-radius: 8px;
}
.popup_box .model_box .fixHead {
  position: fixed;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  width: -webkit-fill-available;
  justify-content: space-between;
  background-color: #fff;
  border-bottom: #eee solid 1px;
  padding: 8px 12px;
  height: 64px;
}
.popup_box .model_box .contentSection {
  padding: 8px 0 0 0;
}
.popup_box .model_box.full_view {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  transform: none;
  width: 100%;
  height: 100%;
  max-height: 100%;
  border-radius: 0;
  padding: 0;
}
.popup_box .model_box.bottom_view {
  left: 0;
  bottom: 0;
  right: 0;
  top: initial;
  width: 100%;
  border-radius: 0px;
  transform: none;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s;
}
.popup_box .model_box.right_view {
  left: initial;
  bottom: 0;
  right: 0;
  top: 0;
  max-height: inherit;
  border-radius: 0px;
  padding: 0;
}
.popup_box .model_box.right_view .contentSection {
  padding: 24px;
  margin-top: 64px;
}
@-webkit-keyframes slideIn {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
@keyframes slideIn {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes circlespin {
  from {
    -webkit-transform: rotate(0deg);
    -khtml-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    zoom: 1;
  }
  to {
    -webkit-transform: rotate(359deg);
    -khtml-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
    zoom: 1;
  }
}
.circleSpin {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 60px;
  width: 60px;
  margin-top: -25px !important;
  margin-left: -25px;
  text-align: center;
  font-size: 10px;
  padding: 15px;
  border-radius: 4px;
}
.circleSpin .circle {
  height: 30px !important;
  width: 30px !important;
  margin: 0 auto;
  border-bottom: 2px solid #10a4a5;
  border-left: 2px solid #10a4a5;
  border-right: 2px solid #e0e0e0;
  border-top: 2px solid #e0e0e0;
  border-radius: 100%;
  -webkit-animation: circlespin 0.8s infinite linear;
  -khtml-animation: circlespin 0.8s infinite linear;
  -moz-animation: circlespin 0.8s infinite linear;
  -ms-animation: circlespin 0.8s infinite linear;
  -o-animation: circlespin 0.8s infinite linear;
  animation: circlespin 0.8s infinite linear;
}
#responseLoading {
  background: rgba(255, 255, 255, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1006;
  text-align: center;
}
.spin_load {
  position: relative;
  min-height: 60px;
  text-align: center;
}
.spin_load .circleSpin {
  padding: 15px 24px 15px 8px;
  width: auto;
  box-shadow: none;
  top: auto;
  margin: auto !important;
  position: relative;
  left: auto;
  right: auto;
  display: inline-block;
  border: 1px solid #bdbdbd;
}
.spin_load .circleSpin .circle {
  display: inline-block;
  margin: 0 0 0 16px;
}
.spin_load .circleSpin span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: 500;
  color: #057a8a;
  line-height: 30px;
  padding: 0 0 0 16px;
}
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99;
}
.loading-bar {
  display: inline-block;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
  -webkit-animation: loading 1s ease-in-out infinite;
  -khtml-animation: loading 1s ease-in-out infinite;
  -moz-animation: loading 1s ease-in-out infinite;
  -ms-animation: loading 1s ease-in-out infinite;
  -o-animation: loading 1s ease-in-out infinite;
}
.loading-bar:nth-child(1) {
  background-color: #00bc71;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  -khtml-animation-delay: 0;
  -moz-animation-delay: 0;
  -ms-animation-delay: 0;
  -o-animation-delay: 0;
}
.loading-bar:nth-child(2) {
  background-color: #00b7a0;
  animation-delay: 0.09s;
  -webkit-animation-delay: 0.09s;
  -khtml-animation-delay: 0.09s;
  -moz-animation-delay: 0.09s;
  -ms-animation-delay: 0.09s;
  -o-animation-delay: 0.09s;
}
.loading-bar:nth-child(3) {
  background-color: #00a3c3;
  animation-delay: 0.18s;
  -webkit-animation-delay: 0.18s;
  -khtml-animation-delay: 0.18s;
  -moz-animation-delay: 0.18s;
  -ms-animation-delay: 0.18s;
  -o-animation-delay: 0.18s;
}
.loading-bar:nth-child(4) {
  background-color: #0c93f3;
  animation-delay: 0.27s;
  -webkit-animation-delay: 0.27s;
  -khtml-animation-delay: 0.27s;
  -moz-animation-delay: 0.27s;
  -ms-animation-delay: 0.27s;
  -o-animation-delay: 0.27s;
}
@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}
.listLoader {
  padding: 16px;
}
.listLoader .row {
  display: inline-block;
  width: 182px;
}
.listLoader .row .circle {
  float: left;
  width: 40px;
  height: 40px;
  background-color: #eee;
  border-radius: 40px;
  margin-right: 12px;
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 800px 104px;
  position: relative;
}
.listLoader .row .text_line {
  float: left;
  height: 8px;
  background-color: #eee;
  border-radius: 4px;
  margin-top: 8px;
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 800px 104px;
  position: relative;
}
.listLoader .row .text_line.w130 {
  width: 130px;
}
.listLoader .row .text_line.w110 {
  width: 110px;
}
.listLoader .row .text_line.w180 {
  width: 180px;
}
.listLoader .row .text_line.w230 {
  width: 230px;
}
.listLoader .row .text_line.w140 {
  width: 140px;
}
.listLoader .row:last-child {
  margin-top: 12px;
  width: 230px;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.loading_pg {
  position: relative;
  text-align: center;
  padding: 8px 0;
}
.loading_pg .circleSpin {
  margin: 0 !important;
  padding: 6px;
  border-radius: 100px;
  height: auto;
  position: relative;
  width: auto;
  top: 0;
  left: 0;
  display: inline-block;
}
.loading_pg .circleSpin .circle {
  width: 24px !important;
  height: 24px !important;
}
.blockLoader {
  overflow: hidden;
  padding: 8px;
}
.blockLoader .loading_block {
  float: left;
  width: 100%;
  height: 90px;
  background-color: #eee;
  border-radius: 4px;
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: pageLoader;
  animation-timing-function: linear;
  background: linear-gradient(to right, #eee 8%, #e2e2e2 18%, #eee 33%);
  background-size: 800px 104px;
  position: relative;
}
@keyframes pageLoader {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.ajaxLoad {
  display: flex;
  justify-content: center;
}
:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
.fixedSnackbar {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  bottom: 30px;
  z-index: 999;
  text-align: center;
  visibility: hidden;
}
.show {
  visibility: visible;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
.alert {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 0.875rem;
  color: #fff;
  font-weight: 500;
  overflow: hidden;
}
.alert.fullW {
  width: 100%;
}
.alert.alertPrimary {
  background-color: #c8332d;
}
.alert.alertSecondary {
  background-color: rgba(200, 51, 45, 0.2);
  color: #c8332d;
}
.alert.alertSecondary i {
  color: #c8332d;
}
.alert.alertSuccess {
  background-color: #06856b;
}
.alert.alertWarning {
  background-color: #ffa611;
}
.alert.alertInfo {
  background-color: #1c83bd;
}
.alert.alertDefault {
  background-color: #212121;
}
.alert.alertDefaultLight {
  background-color: #f5f5f5;
  border-color: #e0e0e0;
  color: #212121;
}
.alert i {
  margin-right: 8px;
}
.alert .close {
  margin: -12px -24px -12px auto;
  padding: 12px 20px;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v36/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2)
    format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.tag {
  background-color: #f4f4f4;
  padding: 6px 10px 5px 10px;
  border-radius: 50px;
  display: inline-block;
  font-size: 14px;
  color: #757575;
}
.tag:focus-within {
  background-color: #e9e9e9;
  border-color: #a0a0a0;
}
.tag-remove {
  color: #757575;
  cursor: pointer;
  margin: 0px 2px 0px 12px;
  line-height: 14px;
}
.tag-remove.disabled,
.tag-remove.readOnly {
  cursor: not-allowed;
}
.tag-remove:focus {
  color: #3c3c3c;
}
.node > label {
  cursor: pointer;
  margin-left: 2px;
}
.tag-list {
  display: inline;
  padding: 0;
  margin: 0;
}
.tag-item {
  display: inline-block;
  margin: 4px;
}
.tag-item:last-child {
  margin-right: 5px;
}
.hide:not(.match-in-children) {
  display: none;
}
.react-dropdown-tree-select .dropdown {
  position: relative;
  display: table;
}
.react-dropdown-tree-select .dropdown .dropdown-trigger {
  padding: 4px;
  line-height: 20px;
  display: inline-block;
  border: #eee solid 1px;
  border-radius: 8px;
}
.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow {
  cursor: pointer;
}
.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.bottom:after {
  content: "\25BC";
  vertical-align: middle;
  color: #3c3c3c;
  margin-right: 2px;
  display: none;
}
.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.top:after {
  content: "\25B2";
  vertical-align: middle;
  color: #3c3c3c;
  margin-right: 2px;
}
.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.disabled {
  cursor: not-allowed;
}
.react-dropdown-tree-select
  .dropdown
  .dropdown-trigger.arrow.disabled.bottom:after {
  color: #b9b9b9;
}
.react-dropdown-tree-select .dropdown .dropdown-content {
  position: absolute;
  padding: 16px;
  z-index: 1;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
}
.react-dropdown-tree-select .dropdown .dropdown-content ul {
  margin: 0;
  padding: 0;
}
.node {
  list-style: none;
  white-space: nowrap;
  padding: 12px;
}
.node.leaf.collapsed {
  display: none;
}
.node.disabled > * {
  color: gray;
  cursor: not-allowed;
}
.node.match-in-children.hide .node-label {
  opacity: 0.5;
}
.node.focused {
  background-color: #f4f4f4;
}
.dropdown-trigger > span:after {
  font-size: 12px;
  color: #555;
}
.toggle {
  font: normal normal normal 18px/1 "Material Icons";
  color: #555;
  white-space: pre;
  margin-right: 4px;
}
.toggle.collapsed::after {
  cursor: pointer;
  content: "\E5CF";
  vertical-align: middle;
}
.toggle.expanded::after {
  cursor: pointer;
  content: "\E5CE";
  vertical-align: middle;
}
.checkbox-item {
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 0.75rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  vertical-align: middle;
}
.checkbox-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 2px solid #aaa;
  transition: all 0.3s ease-in-out;
}
.checkbox-item:checked:before {
  height: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top-style: none;
  border-right-style: none;
  border-color: #2196f3;
}
.checkbox-item,
.radio-item {
  vertical-align: middle;
  margin: 0 4px 0 0;
}
.checkbox-item.simple-select,
.radio-item.simple-select {
  display: none;
}
i.collapsed {
  float: right;
}
i.expanded {
  float: right;
  background: transparent;
}
.dropdown-content {
  padding: 16px;
  margin-top: 8px;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px var(--tb);
  background-color: #fff;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  font-family: "Mada", sans-serif;
  height: 100%;
}
body {
  font-family: "Mada", sans-serif;
  height: 100%;
  color: #212121;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
  user-select: none;
}
.scrollBarC::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
  height: 8px;
}
.scrollBarC::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #c1c1c1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  display: flex;
  align-items: center;
  font-weight: 500;
  line-height: 1.75rem;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  display: inline-flex;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: none;
}
h1 {
  font-size: 2rem;
  line-height: 2.5rem;
}
h2 {
  font-size: 1.5rem;
  line-height: 2rem;
}
h3 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
h5 {
  font-size: 1rem;
  line-height: 1.5rem;
}
h6 {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.r0 {
  border-radius: 0 !important;
}
.rTL0 {
  border-top-left-radius: 0 !important;
}
.rTR0 {
  border-top-right-radius: 0 !important;
}
.rBL0 {
  border-bottom-left-radius: 0 !important;
}
.rBR0 {
  border-bottom-right-radius: 0 !important;
}
.widthAuto {
  width: auto !important;
}
.gap8 {
  gap: 8px;
}
.gap16 {
  gap: 16px;
}
.lnheig {
  line-height: 0;
}
.flex {
  display: flex;
}
.flexFlowInitial {
  flex-flow: initial !important;
}
.alignCenter {
  align-items: center;
}
.alignstart {
  align-items: flex-start;
}
.jcCenter {
  justify-content: center;
}
.jcSpacebetween {
  justify-content: space-between;
}
.jcflexend {
  justify-content: flex-end;
}
.radiusLeftNo {
  border-radius: 0 8px 8px 0 !important;
}
.radiusRightNo {
  border-radius: 8px 0 0 8px !important;
}
.borderLeftNo {
  border-left: none;
}
.borderRightNo {
  border-right: none;
}
.success {
  color: #06856b !important;
}
.error {
  color: #c8332d !important;
}
.info {
  color: #1c83bd !important;
}
.successBG {
  background-color: #06856b !important;
}
.customScroll::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.customScroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #c1c1c1;
}
.filterBlock .btn {
  margin-left: auto;
}
.filterBlock.account {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.filterBlock.account .multiOption {
  display: initial;
}
.vehicleHead .imgBlock {
  width: 60px;
  height: 60px;
  border: 1px solid #eee;
}
.relP {
  position: relative !important;
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  min-height: 60px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding: 13px 24px 14px 24px;
  background: #fff;
  z-index: 3;
}
.header .userNav {
  position: relative;
  cursor: pointer;
  margin: -14px;
  padding: 14px 14px 14px 14px;
}
.header .userNav.open {
  background-color: #eee;
}
.header .userNav.open .dropMenu {
  display: block;
}
.header .userNav .dropMenu {
  display: none;
  min-width: 220px;
  position: absolute;
  right: -8px;
  top: 65px;
}
.header .userNav .dropMenu .profileTxt {
  display: flex;
}
.header .userNav .dropMenu .profileTxt span {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  font-weight: 500;
}
.header .userNav .dropMenu .profileTxt span em {
  font-size: 0.75rem;
  font-style: normal;
  color: #757575;
  margin-top: 4px;
}
.header .userAvtar {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffc20e;
  width: 32px;
  height: 32px;
  font-size: 0.875rem;
  color: #3d2800;
  font-style: normal;
  border-radius: 50px;
  overflow: hidden;
}
.header .userAvtar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
img {
  max-width: 100%;
}
a {
  background-color: transparent;
  color: #057a8a;
  text-decoration: none;
  outline: 0;
}
a:hover {
  color: #005c91;
  outline: 0;
  text-decoration: underline;
}
a:active {
  outline: 0;
  color: #005c91;
  text-decoration: underline;
}
a:visited {
  text-decoration: none;
  outline: 0;
}
.hidden {
  overflow: hidden;
}
.border {
  border: 1px solid #eee;
}
.radius {
  border-radius: 8px;
}
.inlineFlex {
  display: inline-flex;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.mHeadingWrap {
  display: flex;
  justify-content: space-between;
}
.mHeadingWrap span {
  font-size: 1rem;
  font-weight: 500;
  color: #212121;
}
.mHeadingWrap span.success,
.mHeadingWrap span.error {
  font-size: 1.25rem;
  margin-left: 8px;
}
.mHeadingWrap span .boxT1 {
  padding: 12px 16px;
}
.fullWidth {
  width: 100%;
}
.xRow {
  display: flex;
}
.xRow.fullWidth > div {
  width: 100%;
}
.yRow {
  display: flex;
  flex-direction: column;
}
.container,
.wrapper,
.pupLogin {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}
.b_section h4 {
  display: block;
  padding: 12px 16px;
  font-size: 16px;
  color: #212121;
  font-weight: 600;
}
.b_section h4 a {
  float: right;
  font-size: 14px;
}
.b_section h4 a.link {
  margin-left: auto;
}
.boxT1 {
  position: relative;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid #eee;
  padding: 20px 24px;
}
.boxT1:last-child {
  margin-right: 0;
}
.boxT1 > p {
  font-size: 1rem;
}
.boxT1 > span {
  display: block;
  margin-top: 8px;
  font-size: 1.25rem;
  font-weight: 500;
}
.boxT1 > em {
  display: block;
  margin-top: 8px;
  font-size: 0.875rem;
  color: #757575;
  font-weight: 400;
  font-style: normal;
}
.dataTableDynamic {
  border: 1px solid #eee;
  border-radius: 8px;
}
.dataTableDynamic a {
  color: #10a4a5;
  font-weight: 500;
}
.dataTableDynamic .success {
  color: #06856b;
}
.dataTableDynamic table {
  width: 100%;
  border-collapse: collapse;
}
.dataTableDynamic table.small th,
.dataTableDynamic table.small td {
  padding: 16px;
}
.dataTableDynamic table th,
.dataTableDynamic table td {
  padding: 16px 24px;
  text-align: left;
}
.dataTableDynamic table th.center,
.dataTableDynamic table td.center {
  text-align: center;
}
.dataTableDynamic table th.right,
.dataTableDynamic table td.right {
  text-align: right;
}
.dataTableDynamic table th .fSize0,
.dataTableDynamic table td .fSize0 {
  font-size: 0;
}
.dataTableDynamic table th.noSpace,
.dataTableDynamic table td.noSpace {
  white-space: nowrap;
}
.dataTableDynamic table th em,
.dataTableDynamic table td em {
  display: flex;
  font-size: 0.75rem;
  color: #757575;
  font-style: normal;
  margin-top: 4px;
}
.dataTableDynamic table th {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 0.875rem;
  color: #757575;
  font-weight: 500;
}
.dataTableDynamic table td {
  color: #212121;
  font-size: 0.875rem;
}
.dataTableDynamic table td.vName {
  white-space: nowrap;
}
.dataTableDynamic table td.vName span {
  display: block;
  font-size: 1rem;
  font-weight: 500;
}
.dataTableDynamic table td.vName span:last-child {
  margin-top: 8px;
  font-size: 0.875rem;
  font-weight: 400;
}
.dataTableDynamic table tr:nth-child(odd) {
  background-color: #f5f5f5;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.dataTableDynamic table tr:first-child {
  border-top: none;
}
.dataTableDynamic table tr:last-child {
  border-bottom: none;
}
.dataTableDynamic table tr.active {
  background-color: #fff7e1;
}
.dataTableDynamic .vehicleBill {
  display: flex;
}
.dataTableDynamic .vehicleBill .pDate {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 8px;
}
.dataTableDynamic .vehicleBill .pDate i {
  color: #06856b;
  margin-right: 8px;
}
.dataTableDynamic .vehicleBill > div.time {
  max-width: 240px;
}
.dataTableDynamic .vehicleBill > div.time .boxT1 {
  margin-bottom: 12px;
}
.dataTableDynamic .vehicleBill > div.time .boxT1:last-child {
  margin-bottom: 0;
}
.dataTableDynamic .vehicleBill > div.summary {
  width: 100%;
}
.dataTableDynamic .vehicleBill > div.summary h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.dataTableDynamic .vehicleBill > div.summary h4 a {
  font-size: 1rem;
}
.dataTableDynamic .vehicleBill > div.summary h4 i {
  color: #10a4a5;
  margin-right: 8px;
}
.dataTableDynamic .vehicleBill > div.summary h5 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.dataTableDynamic .vehicleBill > div.summary h5 span {
  font-size: 1rem;
  font-weight: 500;
}
.dataTableDynamic .vehicleBill > div.summary .listRow {
  border-bottom: 1px solid #eee;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.dataTableDynamic .vehicleBill > div.summary .listRow p {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 12px;
}
.dataTableDynamic .vehicleBill > div.summary .listRow p span {
  font-size: 1rem;
  font-weight: 400;
}
.dataTableDynamic .vehicleBill > div.summary .listRow p span .smTxt {
  font-size: 1rem;
  color: #757575;
  font-weight: 400;
}
.dataTableDynamic .vehicleBill > div.summary .listRow.gTotal {
  border: none;
}
.dataTableDynamic .vehicleBill > div.summary .listRow.gTotal p {
  margin-bottom: 0;
}
.dataTableDynamic .vehicleBill > div.summary .listRow.gTotal span {
  font-size: 1.25rem;
  font-weight: 500;
}
.dataTableDynamic .vehicleBill > div.summary .insentive {
  display: flex;
  align-items: center;
  background-color: #eee;
  border-radius: 8px;
  padding: 12px;
}
.dataTableDynamic .vehicleBill > div.summary .insentive p {
  font-size: 1.125rem;
  color: #757575;
  text-align: center;
  width: 100%;
}
.dataTableDynamic .vehicleBill > div.summary .insentive span {
  color: #06856b;
  font-weight: 600;
}
.dataTableDynamic .inactive {
  color: #c8332d;
}
.dataTableDynamic .status {
  color: #06856b;
}
.dataTableDynamic .info {
  color: #1c83bd;
}
.actionNav,
.actionNavList {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 48px;
  height: 48px;
  position: relative;
  cursor: pointer;
  border-radius: 8px;
}
.actionNav:hover,
.actionNav.active,
.actionNavList:hover,
.actionNavList.active {
  background-color: #eee;
  text-decoration: none;
}
.actionNav:hover .dropMenuWrap,
.actionNav.active .dropMenuWrap,
.actionNavList:hover .dropMenuWrap,
.actionNavList.active .dropMenuWrap {
  display: block;
}
.actionNav .dropMenuWrap,
.actionNavList .dropMenuWrap {
  display: none;
  padding-top: 60px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.actionNav .dropMenuWrap.open,
.actionNavList .dropMenuWrap.open {
  visibility: visible;
  opacity: 1;
}
.actionNav.wBorder,
.actionNavList.wBorder {
  border: #e0e0e0 solid 1px;
}
.actionNavList {
  margin: 0;
  height: auto;
}
.actionNavList:hover,
.actionNavList.active {
  background: transparent;
}
.actionNavList .dropMenuWrap {
  left: 0;
  right: inherit;
  padding-top: 30px;
}
.expanded {
  background-color: #fffdf5;
}
.formComponents {
  display: flex;
}
.formComponents > div {
  width: 100%;
  padding: 0 36px;
}
.formComponents > div:first-child {
  padding-left: 0;
}
.formComponents > div:last-child {
  padding-right: 0;
}
.xType {
  display: flex;
  list-style: none;
  align-items: flex-end;
}
.xType li {
  font-size: 0;
}
.xType.alignBottom .fieldGroup,
.xType.alignTop .fieldGroup {
  margin-right: 12px;
}
.alignTop {
  align-items: flex-start;
}
.alignMid {
  align-items: center;
}
.alignBottom {
  align-items: flex-end;
}
.xTypeBox {
  display: inline-flex;
  list-style: none;
  align-items: center;
}
.xTypeBox label {
  margin-right: 0;
}
.xTypeBox span {
  font-size: 0.875rem;
  white-space: nowrap;
  padding: 13px 16px;
  border: 1px solid #e0e0e0;
  border-left: none;
  cursor: pointer;
}
.xTypeBox span:first-child {
  border-left: 1px solid #e0e0e0;
  border-radius: 8px 0 0 8px;
}
.xTypeBox span:last-child {
  border-radius: 0 8px 8px 0;
}
.xTypeBox span.active {
  background-color: rgba(16, 164, 165, 0.1);
  border: 1px solid #10a4a5;
  font-weight: 600;
}
.xTypeBox span.single {
  border-radius: 8px;
}
.xTypeBox span.disable {
  border: 1px solid #e0e0e0;
  background-color: #f5f5f5;
  color: #757575;
  cursor: not-allowed;
}
.yType {
  list-style: none;
}
.yType li {
  margin-bottom: 12px;
  font-size: 0;
}
.yType li:last-child {
  margin-bottom: 0;
}
.formSteps ul {
  list-style: none;
  display: flex;
  align-items: center;
}
.formSteps ul i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-color: #000;
  border-radius: 50px;
  font-style: normal;
  color: #fff;
}
.formSteps ul li {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  white-space: nowrap;
  margin-right: 60px;
}
.formSteps ul li:after {
  content: "";
  display: block;
  width: 26px;
  height: 1px;
  background: #000;
  opacity: 0.1;
  position: relative;
  left: 20%;
}
.formSteps ul li:last-child {
  margin-right: 0;
}
.formSteps ul li:last-child:after {
  display: none;
}
.formSteps ul li.previous i {
  background-color: #06856b;
  position: relative;
}
.formSteps ul li.previous i:after {
  background-color: transparent;
  border: none;
  border-left: 0.125rem solid #fff;
  border-bottom: 0.125rem solid #fff;
  background-image: none;
  border-radius: 0;
  content: "";
  height: 4px;
  width: 8px;
  position: absolute;
  left: 7px;
  top: 8px;
  transform: rotate(-45deg) !important;
}
.formSteps ul li.next i {
  background-color: #bdbdbd;
}
.formSteps ul li.next a {
  color: #bdbdbd;
  user-select: none;
  cursor: not-allowed;
}
.formSteps ul a {
  color: #212121;
  font-weight: 500;
}
.formSteps ul a:hover {
  text-decoration: none;
}
.toggleSwitch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.toggleSwitch.fType .slider:after {
  display: none;
}
.toggleSwitch.fType input:not(:checked) + .slider:before {
  content: "";
  background-color: #10a4a5;
}
.toggleSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggleSwitch input:not(:checked) + .slider:before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "\00d7";
  font-size: 18px;
  font-weight: 400;
  color: #757575;
}
.toggleSwitch input:checked + .slider {
  background-color: #bdf0f0;
}
.toggleSwitch input:checked + .slider:before {
  transform: translateX(26px);
  background-color: #10a4a5;
  left: -4px;
}
.toggleSwitch input:checked + .slider:after {
  left: 27px;
  opacity: 1;
}
.toggleSwitch input:focus + .slider {
  box-shadow: 0 0 1px #7df5dd;
}
.toggleSwitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #eee;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.toggleSwitch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggleSwitch .slider:after {
  background-color: transparent;
  border: none;
  border-left: 0.063rem solid #fff;
  border-bottom: 0.063rem solid #fff;
  background-image: none;
  border-radius: 0;
  content: "";
  height: 4px;
  width: 8px;
  position: absolute;
  left: 0;
  top: 8px;
  transform: rotate(-45deg) !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}
.toggleSwitch .slider.round {
  border-radius: 34px;
}
.toggleSwitch .slider.round:before {
  border-radius: 50%;
}
.navTabs .disabled a {
  cursor: not-allowed;
}
.navTabs ul {
  list-style: none;
  display: flex;
  font-size: 1rem;
}
.navTabs ul a {
  color: #212121;
}
.navTabs ul a:hover {
  text-decoration: none;
}
.navTabs ul.level1 {
  border-bottom: 1px solid #eee;
}
.navTabs ul.level1 li {
  color: #212121;
  font-weight: 400;
}
.navTabs ul.level1 li a {
  display: flex;
  margin-right: 40px;
  padding-bottom: 16px;
}
.navTabs ul.level1 li:last-child a {
  margin-right: 0;
}
.navTabs ul.level1 li.selected a {
  border-bottom: 2px solid #10a4a5;
  font-weight: 600;
}
.navTabs ul.level1 li.disabled a {
  color: #bdbdbd;
}
.navTabs ul.level2 {
  font-size: 0.875rem;
}
.navTabs ul.level2 li {
  margin-right: 12px;
  white-space: nowrap;
}
.navTabs ul.level2 li:last-child {
  margin-right: 0;
}
.navTabs ul.level2 li a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #edeeef;
  border-radius: 100px;
  padding: 12px 16px 10px 16px;
}
.navTabs ul.level2 li.selected a {
  background-color: #fdd975;
  font-weight: 600;
}
.dropMenu {
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  list-style: none;
}
.dropMenu li {
  border-bottom: 1px solid #eee;
}
.dropMenu li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 16px;
  font-size: 0.875rem;
  color: #212121;
  font-weight: 500;
  white-space: nowrap;
}
.dropMenu li a:hover {
  text-decoration: none;
  font-weight: 500;
}
.dropMenu li > span {
  display: flex;
  align-items: center;
  padding: 0 16px 16px 16px;
  font-size: 0.75rem;
  color: #757575;
  line-height: 1.33;
  font-weight: 400;
}
.dropMenu li label,
.dropMenu li i {
  margin-left: 12px;
}
.dropMenu li:hover {
  background-color: #f8f8f8;
}
.dropMenu li:last-child {
  border-bottom: none;
}
.dropMenu li.selected a {
  background-color: #f8f8f8;
  font-weight: 500;
}
.dropMenu li.disable {
  opacity: 0.5;
  cursor: not-allowed;
}
.dropMenu.pText li {
  padding: 12px 16px;
}
.dropMenu.pText p {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  color: #212121 !important;
  font-weight: 500;
  line-height: 1.71;
}
.dropMenu.pText span {
  margin: 0 !important;
  padding: 0;
  font-size: 0.75rem !important;
  color: #757575 !important;
  line-height: 1.33;
}
@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 64px;
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 64px;
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    bottom: 64px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    bottom: 64px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
.pupLogin {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f8fa;
}
.pupLogin input {
  width: 100%;
}
.pupLogin .loginBlock {
  width: 364px;
  margin: 0 auto;
}
.pupLogin .loginContent {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 32px;
  border-radius: 8px;
}
.pupLogin .loginContent h5 {
  display: flex;
  align-items: flex-start;
  font-size: 1.25rem;
  font-weight: 500;
}
.pupLogin .logo {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.pupLogin .logo img {
  max-width: 278px;
}
.progressBlock {
  height: 232px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 32px 0;
  border-radius: 8px;
  background: linear-gradient(
    294deg,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(251, 201, 42, 0.15) 45%,
    rgba(0, 197, 173, 0.15) 100%
  );
}
.progressBlock .progress-bar {
  display: inline-block;
  width: 156px;
  height: 156px;
  margin: 7px;
  padding: 0;
  position: relative;
}
.progressBlock .progress-bar .progress-inactive {
  transform: rotate(180deg);
}
.progressBlock .progress-bar .progress-active {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(180deg);
}
.progressBlock .progress-bar .progressinfo {
  position: absolute;
  top: 32px;
  left: 0;
  margin: auto;
  width: 100%;
  text-align: center;
}
.progressBlock .progress-bar .progressinfo span {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #757575;
}
.progressBlock .progress-bar .progressinfo span.chrg {
  color: #1c83bd;
}
.progressBlock .progress-bar .progressinfo p {
  font-size: 32px;
  font-weight: 500;
  color: #212121;
  line-height: 40px;
  margin: 4px 0;
}
.progressBlock .progress-bar .chargingPointIco {
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #1c83bd;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMS4xIDIxYy0uMTgzIDAtLjMyNS0uMDU4LS40MjUtLjE3NS0uMS0uMTE3LS4xMzMtLjI2Ny0uMS0uNDVsLjkyNS02LjQyNUg3Ljg1YS40MTguNDE4IDAgMCAxLS40LS4yNS40ODIuNDgyIDAgMCAxIDAtLjQ3NWw1LjkyNS05LjlhLjY2Ny42NjcgMCAwIDEgLjI1LS4yMjUuNy43IDAgMCAxIC4zNS0uMWMuMTg0IDAgLjMyNS4wNTguNDI1LjE3NS4xLjExNy4xMzMuMjY3LjEuNDVsLS45MjUgNi40aDMuNmMuMTgzIDAgLjMyMS4wODMuNDEzLjI1LjA5MS4xNjcuMDk1LjMyNS4wMTIuNDc1bC01LjkgOS45MjVhLjY2OC42NjggMCAwIDEtLjI1LjIyNS43LjcgMCAwIDEtLjM1LjF6IiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center center;
}
.progressBlock .progress-bar.inactive .progressinfo span.chrg {
  color: #757575;
}
.progressBlock .progress-bar.inactive .chargingPointIco {
  background-color: #757575;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04LjQgMjAuNWg4LjJ2LTMuMTc1YzAtMS4xNjctLjM5Ni0yLjE3LTEuMTg4LTMuMDEyLS43OTEtLjg0Mi0xLjc2Mi0xLjI2My0yLjkxMi0xLjI2M3MtMi4xMi40Mi0yLjkxMiAxLjI2MmMtLjc5Mi44NDItMS4xODggMS44NDYtMS4xODggMy4wMTNWMjAuNXpNMTkuNzUgMjJINS4yNWEuNzI4LjcyOCAwIDAgMS0uNzUtLjc1LjcyOC43MjggMCAwIDEgLjc1LS43NUg2Ljl2LTMuMTc1YTUuOTUgNS45NSAwIDAgMSAuOTEyLTMuMjEyQTUuMTggNS4xOCAwIDAgMSAxMC4zNSAxMmE1LjE2MSA1LjE2MSAwIDAgMS0yLjUzNy0yLjEyNUE2LjAxMyA2LjAxMyAwIDAgMSA2LjkgNi42NVYzLjVINS4yNWEuNzI4LjcyOCAwIDAgMS0uNzUtLjc1LjcyOC43MjggMCAwIDEgLjc1LS43NWgxNC41YS43MjguNzI4IDAgMCAxIC43NS43NS43MjguNzI4IDAgMCAxLS43NS43NUgxOC4xdjMuMTVhNS45NTMgNS45NTMgMCAwIDEtLjkyNSAzLjIyNUE1LjI0MiA1LjI0MiAwIDAgMSAxNC42NSAxMmE1LjE4IDUuMTggMCAwIDEgMi41MzcgMi4xMTMgNS45NSA1Ljk1IDAgMCAxIC45MTMgMy4yMTJWMjAuNWgxLjY1YS43MjguNzI4IDAgMCAxIC43NS43NS43MjguNzI4IDAgMCAxLS43NS43NXoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==");
}
.progressBlock .bdinfo {
  text-align: center;
}
.progressBlock .bdinfo span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #757575;
  line-height: 24px;
}
.progressBlock .bdinfo p {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #212121;
  line-height: 24px;
}
.progressBlock .bdinfo.restchrg span {
  font-weight: 400;
}
.progressBlock .bdinfo.restchrg p {
  color: #1c83bd;
}
.react-calendar {
  padding: 24px;
  border: 1px solid #eee;
  border-radius: 8px;
}
.react-calendar .react-calendar__navigation {
  display: flex;
}
.react-calendar .react-calendar__navigation .react-calendar__navigation__label {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #212121;
  order: -1;
  text-align: left;
}
.react-calendar .react-calendar__navigation .react-calendar__navigation__arrow {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  overflow: hidden;
  position: relative;
}
.react-calendar
  .react-calendar__navigation
  .react-calendar__navigation__arrow:after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  font-family: "Material Symbols Rounded";
  color: #757575;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}
.react-calendar
  .react-calendar__navigation
  .react-calendar__navigation__arrow.react-calendar__navigation__prev-button:after {
  content: "\e5cb";
}
.react-calendar
  .react-calendar__navigation
  .react-calendar__navigation__arrow.react-calendar__navigation__next-button:after {
  content: "\e409";
}
.react-calendar
  .react-calendar__navigation
  .react-calendar__navigation__arrow.react-calendar__navigation__prev2-button,
.react-calendar
  .react-calendar__navigation
  .react-calendar__navigation__arrow.react-calendar__navigation__next2-button {
  display: none;
}
.react-calendar .react-calendar__viewContainer {
  margin: 16px -8px -8px -8px;
}
.react-calendar
  .react-calendar__viewContainer
  .react-calendar__month-view
  .react-calendar__month-view__weekdays {
  margin-bottom: 8px;
}
.react-calendar
  .react-calendar__viewContainer
  .react-calendar__month-view
  .react-calendar__month-view__weekdays
  .react-calendar__month-view__weekdays__weekday {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #757575;
  line-height: 24px;
}
.react-calendar
  .react-calendar__viewContainer
  .react-calendar__month-view
  .react-calendar__month-view__weekdays
  .react-calendar__month-view__weekdays__weekday
  abbr {
  text-decoration: none;
}
.react-calendar
  .react-calendar__viewContainer
  .react-calendar__month-view
  .react-calendar__month-view__days
  button {
  padding: 8px;
}
.react-calendar
  .react-calendar__viewContainer
  .react-calendar__month-view
  .react-calendar__month-view__days
  button
  abbr {
  display: block;
  border: 1px solid #e0e0e0;
  color: #757575;
  font-size: 18px;
  font-weight: 500;
  border-radius: 8px;
  padding: 17px 0;
  font-family: "Mada", sans-serif;
}
.react-calendar
  .react-calendar__viewContainer
  .react-calendar__month-view
  .react-calendar__month-view__days
  button:hover
  abbr {
  background-color: rgba(6, 133, 107, 0.05);
}
.react-calendar
  .react-calendar__viewContainer
  .react-calendar__month-view
  .react-calendar__month-view__days
  button.react-calendar__tile--active
  abbr {
  background-color: #10a4a5;
  border-color: #10a4a5;
  color: #fff;
}
.react-calendar
  .react-calendar__viewContainer
  .react-calendar__month-view
  .react-calendar__month-view__days
  button.react-calendar__tile--now
  abbr {
  position: relative;
}
.react-calendar
  .react-calendar__viewContainer
  .react-calendar__month-view
  .react-calendar__month-view__days
  button.react-calendar__tile--now
  abbr:after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  position: absolute;
  bottom: 9px;
  background-color: #10a4a5;
  left: 0;
  right: 0;
  margin: auto;
}
.react-calendar
  .react-calendar__viewContainer
  .react-calendar__month-view
  .react-calendar__month-view__days
  button.react-calendar__booked
  abbr {
  background: url(../images/pattern_lines.png);
  color: #bdbdbd;
}
.react-calendar
  .react-calendar__viewContainer
  .react-calendar__month-view
  .react-calendar__month-view__days
  button.react-calendar__month-view__days__day--neighboringMonth
  abbr {
  opacity: 0.4;
}
.layoutM {
  display: flex;
  height: 100%;
}
.layoutM ul {
  list-style: none;
}
.layoutM .logo {
  padding: 24px 24px 24px 24px;
}
.layoutM .logo img {
  max-width: 165px;
}
.layoutM .logo a {
  display: block;
}
.layoutM .leftCol {
  display: flex;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 240px;
  height: 100%;
  flex-direction: column;
  background-color: #f8f8f8;
}
.searchPanel {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.searchPanel .searchBar {
  position: relative;
}
.searchPanel .searchBar input {
  padding-left: 52px;
  min-width: 300px;
}
.searchPanel .searchBar i {
  position: absolute;
  top: 12px;
  left: 16px;
}
.searchPanel .btn {
  margin-left: 24px;
}
.rightCol {
  padding-left: 240px;
  width: 100%;
}
.rightCol .contentContainer {
  padding: 16px 24px;
}
.rightCol .contentContainer h2,
.rightCol .contentContainer h3 {
  margin-bottom: 24px;
}
.rightCol .contentContainer h2 a span,
.rightCol .contentContainer h3 a span {
  margin-right: 16px;
}
.rightCol .subHeading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rightCol .subHeading .btn {
  margin-left: 24px;
}
.headerWrap {
  height: 60px;
  position: relative;
  padding-left: 264px;
}
.main_navigation {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.main_navigation li.openMenu {
  background-color: #fff;
  border-bottom: transparent solid 1px;
}
.main_navigation li.openMenu .childMenuList {
  display: block;
}
.main_navigation li.openMenu .arrowBottom {
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}
.main_navigation ul.childMenuList {
  display: none;
  border-left: 1px solid #e0e0e0;
  margin: 24px 0 24px 48px;
  padding: 0;
}
.main_navigation ul.childMenuList a {
  background-color: #fff;
}
.main_navigation ul.childMenuList li a {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 8px 12px;
}
.main_navigation ul.childMenuList li a:before {
  background-color: #e0e0e0;
  width: 1px;
  height: 24px;
  left: -1px;
  top: 7px;
}
.main_navigation ul.childMenuList li.active a {
  font-weight: 500;
}
.main_navigation ul.childMenuList li.active a:before {
  background-color: #10a4a5;
}
.main_navigation a {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #212121;
  padding: 12px 0 12px 20px;
  position: relative;
}
.main_navigation a i {
  margin-right: 12px;
}
.main_navigation a i.arrow {
  margin-left: auto;
}
.main_navigation a:hover {
  text-decoration: none;
  background-color: #eee;
}
.main_navigation .active a {
  background-color: #eee;
  font-weight: 600;
}
.main_navigation .active a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #10a4a5;
}
.main_navigation .footerNav {
  border-top: 1px solid #e0e0e0;
}
.main_navigation .footerNav a {
  padding: 16px 0 16px 20px;
}
.walletBalance .boxT1 {
  padding: 10px 24px 9px 24px;
}
.walletBalance .boxT1 span {
  font-size: 1rem;
  font-weight: 500;
}
.walletBalance .boxT1 span:last-child {
  font-size: 1.25rem;
}
.dataTable {
  padding: 20px 24px;
  font-size: 14px;
  color: #757575;
}
.dataTable.fill {
  background-color: #f8f8f8;
}
.dataTable > div {
  display: flex;
}
.dataTable p,
.dataTable .col {
  margin-right: 36px;
}
.dataTable p:last-child,
.dataTable .col:last-child {
  margin-right: 0;
}
.dataTable p.moreInfoBtn,
.dataTable .col.moreInfoBtn {
  margin-left: auto;
}
.dataTable span,
.dataTable .colItem {
  display: flex;
  align-items: center;
}
.dataTable span:last-child,
.dataTable .colItem:last-child {
  font-size: 1rem;
  color: #212121;
  font-weight: 500;
  margin-top: 8px;
}
.dataTable span em,
.dataTable .colItem em {
  font-style: normal;
  font-size: 0.875rem;
  color: #757575;
}
.dataTable span i,
.dataTable .colItem i {
  margin-left: 8px;
}
.tabsList {
  margin-left: 12px;
  display: flex;
  padding-right: 72px;
}
.tabsList li {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  color: #757575;
  font-weight: 600;
  padding: 6px 12px;
  margin-right: 8px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 100px;
}
.tabsList li.listStatus {
  margin-left: auto;
  z-index: 1;
  margin-right: 0;
}
.boxType1 section {
  position: relative;
  margin-bottom: 24px;
  border: 1px solid #eee;
  border-radius: 8px;
}
.boxType1 section.emergency .head {
  background-color: #fff7e1;
}
.boxType1 section.inactive:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.7;
  z-index: 1;
}
.boxType1 section.inactive .actionNav,
.boxType1 section.inactive .listStatus {
  z-index: 2;
}
.boxType1 section:last-child {
  margin-bottom: 0;
}
.boxType1 .head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 600;
  background-color: #f8f8f8;
  padding: 20px 24px;
  border-bottom: 1px solid #eee;
}
.boxType1 .head p {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.boxType1 .head p img {
  max-width: 64px;
  max-height: 64px;
  margin-right: 16px;
}
.boxType1 .head p span {
  display: inline-flex;
  align-items: center;
}
.boxType1 .head p span:after {
  content: "";
  display: block;
  margin: 0 12px;
  width: 1px;
  height: 12px;
  background-color: #bdbdbd;
}
.boxType1 .head p span:last-child:after {
  display: none;
}
.boxType1 .headindTxt {
  display: flex;
  flex-wrap: wrap;
}
.boxType1 .headindTxt .subHeading {
  font-size: 0.875rem;
  color: #757575;
  font-weight: 400;
  margin-top: 8px;
}
.boxType1 .titleInfo {
  font-size: 0.875rem;
  color: #757575;
  font-weight: 400;
  align-items: flex-start !important;
}
.boxType1 .titleInfo img {
  visibility: hidden;
}
.boxType1 .vehicleDetails {
  display: flex;
  align-items: flex-start;
}
.boxType1 .vehicleDetails > div {
  width: 100%;
}
.boxType1 .vehicleDetails p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
}
.boxType1 .vehicleDetails .driversList .userInfo {
  width: 100%;
  margin: 0;
}
.boxType1 .vehicleDetails .driversList .userInfo:last-child:after {
  display: none;
}
.boxType1 .vehicleDetails .driversList .userInfo:after {
  display: block;
  width: 100%;
  height: 1px;
  margin: 16px 0;
  content: "";
  background-color: #eee;
}
.boxType1 .vehicleDetails .userActivePlan .headWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.boxType1 .vehicleDetails .userActivePlan .xRow {
  align-items: center;
}
.boxType1 .vehicleDetails .userActivePlan span {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
.boxType1 .vehicleDetails .userActivePlan .smallTxt {
  font-size: 0.875rem;
  color: #757575;
  margin-top: 8px;
}
.boxType1 .vehicleDetails .userActivePlan > a {
  width: max-content;
  margin-top: 24px;
  color: #10a4a5;
  font-weight: 600;
}
.boxType1 .tableFooter {
  padding: 16px 24px;
  border-top: 1px solid #eee;
  font-size: 0.75rem;
  color: #212121;
}
.boxType1 .tableFooter i {
  margin-right: 8px;
}
.boxType1 .tableFooter span {
  display: block;
  margin-right: 4px;
  font-weight: 600;
}
.boxType1 .tableFooter ul {
  display: flex;
  align-items: center;
}
.boxType1 .tableFooter ul li {
  display: flex;
  align-items: center;
  line-height: 1rem;
  margin-right: 18px;
}
.bgBox2 .head {
  background-color: #f5f5f5;
}
.w180 {
  width: 180px;
}
.userInfo {
  display: flex;
  align-items: center;
  margin-right: 4rem;
}
.userInfo:last-child {
  margin-right: auto;
}
.userInfo > div span {
  display: block;
  font-size: 0.875rem;
  color: #757575;
  font-weight: 400;
}
.userInfo > div span:last-child {
  color: #212121;
  margin-top: 4px;
}
.userInfo .name span:first-child {
  font-size: 1.125rem;
  color: #212121;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0;
}
.userInfo .name span:last-child {
  color: #757575;
}
.userInfo .imgBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.userInfo .imgBlock div {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #d7eded;
  width: 48px;
  height: 48px;
  border: #000 solid 0px;
  border-radius: 100%;
  overflow: hidden;
  font-size: 1.25rem;
  color: #000;
}
.userInfo .imgBlock img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.userInfo.big .imgBlock div {
  width: 60px;
  height: 60px;
}
.userInfo.big .name span:first-child {
  font-size: 1.5rem;
}
.userInfo.big .name span:last-child {
  margin-top: 8px;
}
.customersList {
  border-radius: 8px;
  border: 1px solid #eee;
}
.customersList .infoEntry {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 24px;
}
.customersList .infoEntry:last-child {
  border-bottom: none;
}
.customersList .infoEntry .userInfo:first-child {
  width: 300px;
}
.customersList .infoEntry .material-symbols-rounded {
  margin-right: -12px;
}
.customersList .infoEntry > div:last-child {
  margin-left: auto;
  margin-right: 0;
}
.customersList .infoEntry .moreInfoBtn {
  display: flex;
  align-items: center;
}
.nextLine {
  display: flex;
  align-items: center;
  flex-basis: 100%;
}
.customersDetails .dashboard .boxT1 {
  margin-right: 24px;
}
.customersDetails .dashboard .boxT1:last-child {
  margin-right: 0;
}
.customersDetails .userInfo {
  flex-wrap: wrap;
}
.customersDetails .userInfo .name {
  flex-basis: auto;
  margin-right: auto;
}
.customersDetails .userInfo .nextLine {
  margin-top: 16px;
}
.customersDetails .userInfo .socialLinks a {
  font-size: 0.875rem;
  color: #212121;
}
.customersDetails .userInfo .socialLinks p {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
.customersDetails .userInfo .socialLinks i {
  margin-right: 8px;
}
.customersDetails .userInfo .navTabsWrap {
  display: flex;
  align-items: center;
}
.customersDetails .userInfo .navTabs .level2 li a {
  font-weight: 500;
}
.customersDetails .addressLists li {
  border-bottom: 1px solid #eee;
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.customersDetails .addressLists li:last-child {
  border-bottom: none;
  padding: 0;
  margin: 0;
}
.customersDetails .addressLists p {
  font-size: 1rem;
  color: #212121;
  font-weight: 500;
  line-height: 1.5;
}
.customersDetails .addressLists span {
  font-size: 0.875rem;
  color: #757575;
  font-weight: 400;
  line-height: 1.71;
  margin: 0;
}
.customersDetails .addressLists span:last-child {
  margin-top: 4px;
}
.attendantInfo {
  border-top: 1px solid #eee;
}
.AttendantDashBoard .numberBrif {
  display: flex;
  margin-top: 16px;
}
.AttendantDashBoard .numberBrif p {
  margin-right: 24px;
}
.AttendantDashBoard .numberBrif p span {
  display: block;
  font-size: 0.875rem;
  color: #212121;
}
.AttendantDashBoard .numberBrif p span:last-child {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 8px;
}
.AttendantDashBoard .numberBrif p:last-child {
  margin-right: 0;
}
.AttendantDashBoard .totalAttendants i {
  color: #10a4a5;
}
.AttendantDashBoard .earnings i {
  color: #06856b;
}
.lookUpDataDashboard {
  gap: 24px;
}
.lookUpDataDashboard .boxT1:last-child {
  margin-right: 0;
}
.lookUpDataDashboard i {
  font-size: 32px;
  margin-bottom: 20px;
}
.lookUpDataDashboard p {
  margin-bottom: 8px;
  font-size: 1rem;
  color: #212121;
  line-height: 1.33;
}
.lookUpDataDashboard span {
  font-size: 1.5rem;
  color: #212121;
  font-weight: 500;
  line-height: 1.14;
  margin: 0;
}
.lookUpDataDashboard .chargingData i {
  color: #06856b;
}
.lookUpDataDashboard .inprogress i {
  color: #1c83bd;
}
.lookUpDataDashboard .packageData i {
  color: #06856b;
}
.lookUpDataDashboard .type1 i {
  color: #10a4a5;
}
.lookUpDataDashboard .type5 i {
  color: #c8332d;
}
.brandLists img {
  margin: 0 auto;
  margin-top: 24px;
  max-width: 120px;
  max-height: 56px;
}
.brandLists > ul {
  display: flex;
  flex-wrap: wrap;
}
.brandLists > ul > li {
  display: flex;
  align-items: center;
  justify-content: center;
  border: #e0e0e0 solid 1px;
  border-radius: 8px;
  overflow: hidden;
  width: 180px;
  margin-right: 12px;
  margin-bottom: 12px;
  position: relative;
}
.brandLists > ul > li > a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
  text-align: center;
}
.brandLists > ul > li > a em {
  font-size: 0.875rem;
  color: #212121;
  line-height: 1.71;
  font-style: normal;
  margin-top: 8px;
}
.brandLists > ul > li p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  color: #212121;
  font-weight: 500;
  line-height: 1.71;
  border-top: #e0e0e0 solid 1px;
  padding: 12px 0;
  margin-top: 24px;
}
.brandLists > ul > li p i {
  color: #06856b;
  margin-right: 8px;
}
.brandLists > ul > li p.selected {
  background-color: #f8f8f8;
}
.formSection .formSteps {
  border-bottom: 1px solid #eee;
}
.formSection .heading {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #757575;
  font-weight: 500;
}
.formSection .heading i {
  margin-right: 8px;
}
.formSection .pacakgeDetails {
  background-color: #f8f8f8;
}
.bookingsData {
  display: grid;
  grid-template-columns: 40% 60%;
  column-gap: 16px;
}
.bookingsData .subSection h6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bookingsData .subSection h6 a {
  color: #10a4a5;
}
.bookingsData em {
  font-style: normal;
}
.bookingsData .elip {
  display: block;
  width: 4px;
  height: 4px;
  background-color: #bdbdbd;
  border-radius: 50px;
  margin: 0 8px;
}
.bookingsData .tagsList {
  display: flex;
  align-items: center;
}
.bookingsData .tagsList span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  border-radius: 100px;
  padding: 9px 12px 7px 12px;
  font-size: 0.75rem;
  color: #212121;
  font-weight: 500;
  line-height: 1.33;
}
.bookingsData .tagsList span.pending {
  color: #757575;
}
.bookingsData .tagsList span.success {
  background-color: #06856b;
  border: none;
  color: #fff !important;
}
.bookingsData .tagsList span.success i {
  color: #fff;
  margin-right: 4px;
}
.bookingsData .tagsList span.error {
  background-color: #c8332d;
  color: #fff !important;
}
.bookingsData .bTimings {
  height: 90vh;
  overflow: scroll;
  position: sticky;
  top: 10vh;
}
.bookingsData .bTimings .alertSecondary {
  margin-bottom: 16px;
}
.bookingsData .bTimings .boxT1 {
  width: 100%;
  overflow: hidden;
  margin-bottom: 16px;
  cursor: pointer;
}
.bookingsData .bTimings .boxT1.pending .assignName i {
  color: #bdbdbd;
}
.bookingsData .bTimings .boxT1.pending .assignName em {
  font-style: normal;
}
.bookingsData .bTimings .boxT1 span {
  margin: 0;
}
.bookingsData .bTimings .boxT1 h4 {
  display: flex;
  align-items: center;
  font-weight: 500;
  margin-bottom: 12px;
}
.bookingsData .bTimings .boxT1 h4 span {
  font-size: 1.125rem;
}
.bookingsData .bTimings .boxT1 .rowList {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: #eee solid 1px;
}
.bookingsData .bTimings .boxT1 .rowList:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.bookingsData .bTimings .boxT1 p {
  display: flex;
  align-items: center;
}
.bookingsData .bTimings .boxT1 p.vDetail {
  margin-top: 4px;
}
.bookingsData .bTimings .boxT1 p.vDetail em {
  font-size: 0.875rem;
  line-height: 1.71;
}
.bookingsData .bTimings .boxT1 p span,
.bookingsData .bTimings .boxT1 p em {
  font-size: 1rem;
}
.bookingsData .bTimings .boxT1 p em {
  margin: 0;
  color: #757575;
}
.bookingsData .bTimings .boxT1 p > i {
  margin-right: 8px;
}
.bookingsData .bTimings .boxT1.fill {
  background-color: #f8f8f8;
}
.bookingsData .bTimings .boxT1.fill:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-color: #10a4a5;
  width: 6px;
  height: 100%;
}
.bookingsData .bTimings .boxT1:last-child {
  margin-bottom: 0;
}
.bookingsData .bDetails .headWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.bookingsData .bDetails h5 {
  font-size: 1.25rem;
  color: #212121;
  margin-bottom: 16px;
}
.bookingsData .bDetails h6 {
  font-size: 1rem;
  color: #212121;
  margin-bottom: 16px;
}
.bookingsData .bDetails .head h5 {
  margin-bottom: 4px;
}
.bookingsData .bDetails .head span,
.bookingsData .bDetails .head em {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 500;
  color: #212121;
}
.bookingsData .bDetails .head em {
  font-weight: 400;
}
.bookingsData .bDetails .head p {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5;
}
.bookingsData .bDetails .subSection {
  border-bottom: 1px solid #eee;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.bookingsData .bDetails .subSection:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.bookingsData .bDetails .bookingStatus {
  background-color: #1c83bd;
  padding: 16px;
  border-radius: 8px;
  color: #fff;
}
.bookingsData .bDetails .bookingStatus p {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33;
  margin-bottom: 4px;
}
.bookingsData .bDetails .bookingStatus p em {
  font-style: normal;
  font-weight: 600;
}
.bookingsData .bDetails .bookingStatus span {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.71;
}
.bookingsData .bDetails .batteryChargeStatus {
  display: flex;
  justify-content: space-between;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px;
}
.bookingsData .bDetails .batteryChargeStatus > div {
  margin-right: 8px;
}
.bookingsData .bDetails .batteryChargeStatus > div:last-child {
  margin-right: 0;
}
.bookingsData .bDetails .batteryChargeStatus p {
  font-size: 1rem;
  color: #757575;
  line-height: 1.71;
}
.bookingsData .bDetails .batteryChargeStatus span {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: #212121;
  font-weight: 500;
}
.bookingsData .bDetails .batteryChargeStatus i {
  margin-left: 4px;
  cursor: pointer;
}
.bookingsData .bDetails .batteryChargeStatus .iCharge span.success {
  color: #deb200;
}
.bookingsData .bDetails .batteryChargeStatus .chargeDone span.success {
  color: #1c83bd;
}
.bookingsData .bDetails .batteryChargeStatus .chargeDone span em {
  color: #06856b;
  margin-left: 4px;
}
.bookingsData .bDetails .assignedTime {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 12px;
}
.bookingsData .bDetails .assignedTime p {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.33;
}
.bookingsData .bDetails .assignedTime i {
  margin-right: 8px;
}
.bookingsData .bDetails .puppyDetails .wrap {
  display: flex;
}
.bookingsData .bDetails .puppyDetails .wrap > div {
  width: 50%;
  border-right: 1px solid #eee;
}
.bookingsData .bDetails .puppyDetails .wrap > div:last-child {
  margin-left: 24px;
}
.bookingsData .bDetails .puppyDetails .wrap .pDetail .battery {
  display: flex;
  align-items: center;
}
.bookingsData .bDetails .puppyDetails .wrap .pDetail .battery .tagsList {
  margin-left: 12px;
}
.bookingsData .bDetails .puppyDetails .wrap .pDetail .liveLocation p {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #757575;
  line-height: 1.71;
  margin-top: 8px;
}
.bookingsData .bDetails .puppyDetails .wrap .pDetail .liveLocation p i {
  margin-right: 8px;
}
.bookingsData .bDetails .puppyDetails .noteTxt {
  display: flex;
  align-items: flex-start;
  padding: 16px;
  margin-top: 24px;
  background-color: #f8f8f8;
  border-radius: 8px;
}
.bookingsData .bDetails .puppyDetails .noteTxt i {
  margin-right: 8px;
}
.bookingsData .bDetails .puppyDetails .noteTxt p {
  font-size: 1rem;
  line-height: 1.5;
}
.bookingsData .bDetails .puppyDetails .noteTxt p span {
  color: #757575;
  font-weight: 600;
}
.bookingsData .bDetails .puppyDetails .reachedLocation p {
  font-size: 1.125rem;
}
.bookingsData .bDetails .puppyDetails .reachedLocation p span {
  font-weight: 600;
}
.bookingsData .bDetails .puppyDetails .reachedLocation span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.71;
}
.bookingsData .bDetails .servicesLists p {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.71;
  margin-bottom: 12px;
}
.bookingsData .bDetails .servicesLists p:last-child {
  margin-bottom: 0;
}
.bookingsData .bDetails .servicesLists p i {
  margin-right: 12px;
}
.bookingsData .bDetails .servicesLists p span span {
  color: #757575;
}
.bookingsData .bDetails .servicesLists p span.statusU {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.bookingsData .bDetails .servicesLists p span.statusU i {
  margin-right: 4px;
}
.bookingsData .bDetails .servicesLists p span.completed {
  color: #06856b;
  font-weight: 600;
}
.bookingsData .bDetails .servicesLists p span.completed i {
  color: #06856b;
}
.bookingsData .bDetails .otherFindings {
  display: flex;
  align-items: flex-start;
}
.bookingsData .bDetails .otherFindings i {
  cursor: pointer;
}
.bookingsData .bDetails .otherFindings i.arrowRight {
  margin-left: auto;
}
.bookingsData .bDetails .otherFindings p {
  font-size: 0.875rem;
  color: #757575;
  margin-top: 2px;
}
.bookingsData .bDetails .cDetail .cVehicleInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bookingsData .bDetails .cDetail .cVehicleInfo .vPackage p {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}
.bookingsData .bDetails .cDetail .cVehicleInfo .vPackage p span {
  display: flex;
  align-items: center;
  margin-right: 12px;
  background-color: #f8f8f8;
  border: 1px solid #eee;
  padding: 7px 12px 5px 12px;
  border-radius: 100px;
  font-size: 0.75rem;
  color: #757575;
  font-weight: 500;
}
.bookingsData .bDetails .cDetail .cVehicleInfo .vPackage p span:first-child {
  margin-left: 12px;
}
.bookingsData .bDetails .cDetail .cVehicleInfo .vPackage p span:last-child {
  margin-right: 0;
}
.bookingsData .bDetails .cDetail .cVehicleInfo .vPackage p.vName {
  font-size: 0.875rem;
  color: #757575;
  font-weight: 400;
}
.bookingsData .bDetails .cDetail .cVehicleInfo .vImg img {
  max-width: 110px;
}
.bookingsData .bDetails .billDetail p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.71;
  font-weight: 500;
  color: #757575;
  margin-bottom: 8px;
}
.bookingsData .bDetails .billDetail p:last-child {
  margin-bottom: 0;
}
.bookingsData .bDetails .billDetail p span:last-child {
  color: #212121;
}
.bookingsData .bDetails .billDetail p span.success {
  color: #06856b;
}
.bookingsData .bDetails .billDetail p.gTotal {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 12px 0;
  font-size: 1rem;
  color: #212121;
  font-weight: 500;
}
.bookingsData .bDetails .billDetail p.gTotal span {
  font-size: 1rem;
}
.bookingsData .bDetails .billDetail p.billPayVia {
  font-size: 1rem;
  color: #212121;
  font-weight: 500;
}
.thanksPopup,
.errorPopup {
  padding: 32px;
  text-align: center;
}
.thanksPopup p,
.errorPopup p {
  font-size: 1.5rem;
  font-weight: 500;
  color: #212121;
}
.thanksPopup .actionButtons,
.errorPopup .actionButtons {
  display: flex;
  justify-content: center;
}
.errorPopup i {
  font-size: 80px;
  color: #c8332d;
}
.contactInfoPopup .head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 600;
  background-color: #f8f8f8;
  padding: 20px 24px;
  margin-bottom: 24px;
  border-radius: 8px;
}
.contactInfoPopup .head p {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.contactInfoPopup .head p img {
  max-width: 64px;
  max-height: 64px;
  margin-right: 16px;
}
.contactInfoPopup .head p span {
  display: inline-flex;
  align-items: center;
}
.contactInfoPopup .head p span:after {
  content: "";
  display: block;
  margin: 0 12px;
  width: 1px;
  height: 12px;
  background-color: #bdbdbd;
}
.contactInfoPopup .head p span:last-child:after {
  display: none;
}
.contactInfoPopup .headindTxt p {
  color: #212121;
}
.contactInfoPopup .headindTxt .subHeading {
  font-size: 0.875rem;
  color: #757575;
  font-weight: 400;
  margin-top: 8px;
}
.contactInfoPopup .details > div {
  margin-bottom: 24px;
}
.contactInfoPopup .details > div:last-child {
  margin-bottom: 0;
}
.contactInfoPopup .details p {
  display: flex;
  align-items: center;
}
.contactInfoPopup .details p i {
  margin-right: 8px;
}
.contactInfoPopup .details p span {
  font-size: 0.875rem;
  color: #757575;
  line-height: 1.71;
  padding: 0;
}
.contactInfoPopup .details span {
  display: flex;
  font-size: 1rem;
  color: #212121;
  line-height: 1.5;
  padding-left: 24px;
}
.assignPromoP .promoText {
  background-color: #f8f8f8;
  padding: 16px;
}
.assignPromoP .promoText p {
  font-size: 1rem;
  color: #212121;
  font-weight: 500;
}
.assignPromoP .promoText span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  color: #757575;
  font-weight: 600;
  padding: 6px 12px;
  margin-top: 12px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 100px;
}
.assignPromoP .promoText.customer p {
  font-size: 0.875rem;
  color: #757575;
  font-weight: 400;
  line-height: 1.71;
}
.assignPromoP .promoText.customer em {
  font-size: 1rem;
  color: #212121;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  margin-top: 4px;
}
.assignPromoP .bookedSlotPopup {
  display: flex;
  flex-direction: column;
  background-color: #f8f8f8;
  padding: 16px;
}
.assignPromoP .bookedSlotPopup > span,
.assignPromoP .bookedSlotPopup > div {
  display: flex;
  gap: 5px;
  font-size: 16px;
  font-weight: 400;
  align-items: center;
  line-height: 24px;
  position: relative;
}
.assignPromoP .bookedSlotPopup > span i.dot,
.assignPromoP .bookedSlotPopup > div i.dot {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #bdbdbd;
}
.assignPromoP .bookedSlotPopup > span.name,
.assignPromoP .bookedSlotPopup > div.name {
  display: block;
  font-size: 16px;
  font-weight: 500;
}
.assignPromoP .bookedSlotPopup > span .copyPhone,
.assignPromoP .bookedSlotPopup > div .copyPhone {
  position: relative;
  display: inline-flex;
}
.assignPromoP .bookedSlotPopup > span .copyPhone:hover .copyphoneTooltip,
.assignPromoP .bookedSlotPopup > div .copyPhone:hover .copyphoneTooltip {
  display: flex;
}
.assignPromoP .bookedSlotPopup > span .copyPhone .copyphoneTooltip,
.assignPromoP .bookedSlotPopup > div .copyPhone .copyphoneTooltip {
  position: absolute;
  top: -56px;
  z-index: 1;
  border: 1px solid #eee;
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
  display: none;
  gap: 8px;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 8px 0px #0000000d;
}
.assignPromoP .bookedSlotPopup > span.sm,
.assignPromoP .bookedSlotPopup > div.sm {
  font-size: 14px;
}
.assignPromoP .bookedSlotPopup > span.lclr,
.assignPromoP .bookedSlotPopup > div.lclr {
  color: #757575;
}
.assignPromoP .bookedSlotPopup > span.slotavailable,
.assignPromoP .bookedSlotPopup > div.slotavailable {
  color: #06856b;
}
.updateBatteryP .batteryList {
  display: flex;
  flex-direction: column;
}
.updateBatteryP .batteryList i {
  font-size: 20px;
}
.updateBatteryP .batteryList p {
  font-size: 14px;
  color: #212121;
  font-weight: 500;
}
.updateBatteryP .batteryList span {
  font-size: 12px;
  color: #757575;
  padding: 0 8px;
}
.makeNewBookingP .promoText p {
  font-weight: 500;
}
.makeNewBookingP .promoText p.grey {
  color: #757575;
}
.assignCreditP h4 {
  font-size: 1.125rem !important;
}
.assignCreditP .btnFilters {
  display: flex;
  align-items: center;
  background-color: #eee;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 0.875rem;
  margin-left: auto;
  margin-right: -4px;
  cursor: pointer;
}
.assignCreditP .btnFilters i {
  margin-right: 8px;
}
.assignCreditP .filtersLists h5 {
  color: #212121;
  margin-bottom: 12px;
}
.assignCreditP .filtersLists div {
  border-bottom: #eee solid 1px;
  margin-bottom: 16px;
}
.assignCreditP .filtersLists .actionButtons {
  border: none;
  margin: 0 0 48px 0;
}
.assignCreditP .filtersLists .actionButtons .btn {
  margin-right: 8px;
}
.assignCreditP .filtersLists ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding-bottom: 16px;
}
.assignCreditP .filtersLists ul li {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eee;
  border-radius: 100px;
  padding: 10px 16px 9px 16px;
  margin-right: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #212121;
}
.assignCreditP .filtersLists ul li i {
  margin-left: 8px;
}
.assignCreditP .filtersLists ul li:last-child {
  margin-right: 0;
}
.assignCreditP .filtersLists ul li.selected {
  background-color: #10a4a5;
  color: #fff;
}
.assignCreditP .dashboard {
  background: linear-gradient(
    273.45deg,
    rgba(255, 255, 255, 0.15) 2.01%,
    rgba(251, 201, 42, 0.15) 55.22%,
    rgba(0, 197, 173, 0.15) 100%
  );
  padding: 24px;
  margin-left: -24px;
  margin-right: -24px;
  margin-top: -24px;
  margin-bottom: 24px;
}
.assignCreditP .dashboard p {
  font-size: 2rem;
  color: #212121;
  font-weight: 600;
  line-height: 1;
}
.assignCreditP .dashboard span {
  font-size: 0.875rem;
  color: #212121;
  line-height: 1.71;
  margin-top: 4px;
}
.assignCreditP .dashboard em {
  display: block;
  font-size: 0.75rem;
  color: #757575;
  line-height: 1.33;
  font-style: normal;
  margin-top: 12px;
}
.assignCreditP .TransLists ul {
  list-style: none;
}
.assignCreditP .TransLists ul li {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.assignCreditP .TransLists ul li:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.assignCreditP .TransLists ul li p {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  font-size: 1rem;
  color: #212121;
  line-height: 1.5;
}
.assignCreditP .TransLists ul li p span {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  text-align: right;
}
.assignCreditP .TransLists ul li p span.cr {
  color: #06856b;
}
.assignCreditP .TransLists ul li p span.db {
  color: #c8332d;
}
.assignCreditP .TransLists ul li em {
  font-size: 0.75rem;
  color: #757575;
  line-height: 1.33;
  font-style: normal;
  margin-top: 4px;
}
.jobDoneRecoveryP .subdet {
  padding-left: 30px;
}
.jobDoneRecoveryP .servicesList li {
  margin-bottom: 24px;
}
.jobDoneRecoveryP .fieldGroup > label {
  margin-bottom: 8px;
}
.jobDoneRecoveryP .UTRTable {
  width: 100%;
  background-color: #f8f8f8;
  padding: 20px;
  border-radius: 8px;
  display: inline-flex;
  gap: 48px;
}
.jobDoneRecoveryP .UTRTable p {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 16px;
  color: #212121;
  font-weight: 500;
  line-height: 24px;
}
.jobDoneRecoveryP .UTRTable .fs20 {
  font-size: 20px;
}
.jobDoneRecoveryP .billDetails {
  padding-top: 24px;
}
.jobDoneRecoveryP .billDetails h5 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 12px;
}
.jobDoneRecoveryP .billDetails ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.jobDoneRecoveryP .billDetails ul li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}
.jobDoneRecoveryP .billDetails ul li span {
  font-size: 14px;
}
.jobDoneRecoveryP .billDetails ul li span:first-child {
  color: #757575;
}
.jobDoneP .xRow > div {
  width: 100%;
}
.cHistoryP .contentSection {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cHistoryP section {
  position: relative;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 20px;
}
.cHistoryP section:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #eee;
}
.cHistoryP .imgPick {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.cHistoryP .imgPick img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cHistoryP .cVehicleInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cHistoryP .cVehicleInfo .vPackage p {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: #212121;
  font-weight: 600;
  line-height: 1.5;
}
.cHistoryP .cVehicleInfo .vPackage p span {
  display: flex;
  align-items: center;
  margin-right: 12px;
  background-color: #f8f8f8;
  border: 1px solid #eee;
  padding: 7px 12px 5px 12px;
  border-radius: 100px;
  font-size: 0.875rem;
  color: #757575;
  font-weight: 500;
}
.cHistoryP .cVehicleInfo .vPackage p span:first-child {
  margin-left: 12px;
}
.cHistoryP .cVehicleInfo .vPackage p span:last-child {
  margin-right: 0;
}
.cHistoryP .cVehicleInfo .vPackage p.vName {
  font-size: 1rem;
  color: #757575;
  font-weight: 400;
}
.cHistoryP .cVehicleInfo .vImg img {
  max-width: 110px;
}
.cHistoryP .cHistory {
  padding-top: 24px;
}
.cHistoryP .cHistory > div {
  display: flex;
  margin-bottom: 24px;
}
.cHistoryP .cHistory > div:last-child {
  margin-bottom: 0;
}
.cHistoryP .cHistory > div i,
.cHistoryP .cHistory > div p {
  flex-direction: column;
  margin-right: 16px;
}
.cHistoryP .cHistory > div.disabled i {
  color: #bdbdbd;
}
.cHistoryP .cHistory > div.disabled p span:first-child {
  color: #bdbdbd;
}
.cHistoryP .cHistory i.play {
  color: #06856b;
}
.cHistoryP .cHistory i.charging {
  color: #1c83bd;
}
.cHistoryP .cHistory p {
  min-width: 55px;
}
.cHistoryP .cHistory p span {
  display: block;
  font-size: 0.875rem;
  color: #757575;
  font-weight: 400;
}
.cHistoryP .cHistory p span:first-child {
  font-size: 1rem;
  color: #212121;
  font-weight: 500;
  line-height: 1.5;
}
.aFindingsP .aFnLists > div {
  margin-bottom: 24px;
}
.aFindingsP .aFnLists > div:last-child {
  margin-bottom: 0;
}
.aFindingsP .aFnLists p {
  font-size: 1rem;
  color: #212121;
  font-weight: 500;
  line-height: 1.5;
}
.aFindingsP .aFnLists em {
  font-size: 0.875rem;
  color: #757575;
  line-height: 1.71;
  font-style: normal;
}
.aFindingsP .aFnLists .imgPick {
  margin-top: 8px;
}
.servicesDetailsP ul {
  list-style: none;
}
.servicesDetailsP .listDetail a {
  text-decoration: none;
}
.servicesDetailsP .listDetail li {
  padding: 16px;
  border-bottom: 1px solid #eee;
}
.servicesDetailsP .listDetail li.active {
  background-color: #f5f5f5;
  border-radius: 8px;
  border-bottom: none;
}
.servicesDetailsP .listDetail p {
  display: flex;
  font-size: 1rem;
  color: #212121;
  font-weight: 600;
}
.servicesDetailsP .listDetail .statusU {
  margin-left: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #06856b;
}
.servicesDetailsP .listDetail .statusU i {
  margin-right: 4px;
  color: #06856b;
}
.servicesDetailsP .listDetail span {
  display: flex;
  align-items: center;
}
.servicesDetailsP .listDetail span .stat {
  margin-left: 8px;
  font-size: 0.875rem;
  color: #757575;
  font-weight: 400;
}
.servicesDetailsP .listDetail i {
  margin-right: 8px;
}
.servicesDetailsP .listDetail i.arrow {
  margin-left: auto;
  margin-right: 0;
}
.editbookingP .promoText {
  display: flex;
  flex-direction: column;
}
.editbookingP .promoText em {
  display: flex;
  align-items: center;
}
.editbookingP .promoText > div {
  white-space: nowrap;
}
.editbookingP .promoText > div:last-child {
  margin-top: 24px;
}
.cancelBookingP .boxT1 i,
.deletePackageP .boxT1 i,
.deletePackageP .boxT1 i {
  margin-right: 8px;
}
.cancelBookingP .boxT1 em,
.deletePackageP .boxT1 em,
.deletePackageP .boxT1 em {
  font-style: normal;
  color: #757575;
}
.cancelBookingP .boxT1 h4,
.deletePackageP .boxT1 h4,
.deletePackageP .boxT1 h4 {
  display: flex;
  align-items: center;
  font-weight: 500;
  margin-bottom: 12px;
}
.cancelBookingP .boxT1 p,
.deletePackageP .boxT1 p,
.deletePackageP .boxT1 p {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: #eee solid 1px;
}
.cancelBookingP .boxT1 p:last-child,
.deletePackageP .boxT1 p:last-child,
.deletePackageP .boxT1 p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.cancelBookingP .boxT1 .elip,
.deletePackageP .boxT1 .elip,
.deletePackageP .boxT1 .elip {
  display: block;
  width: 4px;
  height: 4px;
  background-color: #bdbdbd;
  border-radius: 50px;
  margin: 0 8px;
}
.cancelBookingP .boxT1.fill,
.deletePackageP .boxT1.fill,
.deletePackageP .boxT1.fill {
  background-color: #f8f8f8;
}
.manageBookingTimeP .material-symbols-rounded.activeFill {
  color: #10a4a5;
}
.manageBookingTimeP .timesList {
  margin-top: 8px;
}
.manageBookingTimeP .timesList ul {
  list-style: none;
}
.manageBookingTimeP .timesList ul li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 12px 0;
}
.manageBookingTimeP .timesList ul li i {
  margin-left: 16px;
  cursor: pointer;
}
.manageBookingTimeP .timesList ul li .icons {
  margin-left: auto;
}
.manageBookingTimeP .timesList ul li span {
  font-size: 1rem;
  color: #212121;
  line-height: 1.5;
}
.manageBookingTimeP .addTime i {
  cursor: pointer;
}
.manageBookingTimeP .addTime .lists i {
  margin-left: auto;
}
.manageBookingTimeP .addTime .link {
  display: flex;
  align-items: center;
  margin-top: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.manageBookingTimeP .addTime .link i {
  margin-right: 8px;
}
.manageBookingTimeP .addTime .multiOption {
  flex-direction: inherit;
}
.manageSlotsP .slotssList,
.addJobPlannerP .slotssList,
.leavesmphP .slotssList {
  margin-top: 8px;
}
.manageSlotsP .slotssList ul,
.addJobPlannerP .slotssList ul,
.leavesmphP .slotssList ul {
  list-style: none;
}
.manageSlotsP .slotssList ul li,
.addJobPlannerP .slotssList ul li,
.leavesmphP .slotssList ul li {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 12px 0;
  gap: 14px;
}
.manageSlotsP .slotssList ul li i,
.addJobPlannerP .slotssList ul li i,
.leavesmphP .slotssList ul li i {
  margin-left: 16px;
  cursor: pointer;
}
.manageSlotsP .slotssList ul li .icons,
.addJobPlannerP .slotssList ul li .icons,
.leavesmphP .slotssList ul li .icons {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.manageSlotsP .slotssList ul li p,
.manageSlotsP .slotssList ul li div,
.addJobPlannerP .slotssList ul li p,
.addJobPlannerP .slotssList ul li div,
.leavesmphP .slotssList ul li p,
.leavesmphP .slotssList ul li div {
  display: flex;
  flex-flow: column;
}
.manageSlotsP .slotssList ul li p span,
.manageSlotsP .slotssList ul li div span,
.addJobPlannerP .slotssList ul li p span,
.addJobPlannerP .slotssList ul li div span,
.leavesmphP .slotssList ul li p span,
.leavesmphP .slotssList ul li div span {
  font-size: 1rem;
  color: #212121;
  line-height: 1.5;
}
.manageSlotsP .slotssList ul li p em,
.manageSlotsP .slotssList ul li div em,
.addJobPlannerP .slotssList ul li p em,
.addJobPlannerP .slotssList ul li div em,
.leavesmphP .slotssList ul li p em,
.leavesmphP .slotssList ul li div em {
  display: block;
  margin-top: 4px;
  font-size: 0.75rem;
  color: #757575;
  line-height: 1.33;
  font-style: normal;
}
.manageSlotsP .slotssList ul li p.dot:before,
.manageSlotsP .slotssList ul li div.dot:before,
.addJobPlannerP .slotssList ul li p.dot:before,
.addJobPlannerP .slotssList ul li div.dot:before,
.leavesmphP .slotssList ul li p.dot:before,
.leavesmphP .slotssList ul li div.dot:before {
  position: relative;
  top: 8px;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #bdbdbd;
  border-radius: 8px;
}
.manageSlotsP .addSlot i,
.addJobPlannerP .addSlot i,
.leavesmphP .addSlot i {
  cursor: pointer;
}
.manageSlotsP .addSlot .link,
.addJobPlannerP .addSlot .link,
.leavesmphP .addSlot .link {
  display: flex;
  align-items: center;
  margin-top: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.manageSlotsP .addSlot .link i,
.addJobPlannerP .addSlot .link i,
.leavesmphP .addSlot .link i {
  margin-right: 8px;
}
.uploadSlotsP i {
  margin-right: 8px;
}
.uploadSlotsP .promoText {
  display: flex;
  align-items: center;
}
.uploadSlotsP .promoText p {
  font-weight: 500 !important;
  cursor: pointer;
}
.uploadSlotsP .promoText p em {
  display: block;
  font-style: normal;
  font-size: 0.875rem;
  color: #757575;
  font-weight: 400;
  margin-top: 4px;
}
.uploadSlotsP .promoText .delete {
  margin-left: auto;
}
.uploadSlotsP .promoText.uploaded i {
  color: #06856b;
}
.uploadSlotsP .addSlot i {
  cursor: pointer;
  color: #10a4a5;
}
.uploadSlotsP .addSlot .link {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
}
.deleteVehicleP .brandLists li {
  width: 100%;
  margin: 0;
  padding: 24px;
}
.deleteVehicleP .brandLists li .chargingCapicity {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 500;
  color: #212121;
}
.deleteVehicleP .brandLists li .chargingCapicity i {
  color: #10a4a5;
  margin-right: 4px;
}
.servicesDetailsGalleryP .navTabs li a div,
.aFindingsPGalleryP .navTabs li a div,
.cHistoryGalleryP .navTabs li a div {
  display: flex;
}
.servicesDetailsGalleryP .navTabs li a div i,
.aFindingsPGalleryP .navTabs li a div i,
.cHistoryGalleryP .navTabs li a div i {
  margin-right: 16px;
}
.servicesDetailsGalleryP .photoGallery,
.aFindingsPGalleryP .photoGallery,
.cHistoryGalleryP .photoGallery {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
}
.servicesDetailsGalleryP .photoGallery img,
.aFindingsPGalleryP .photoGallery img,
.cHistoryGalleryP .photoGallery img {
  max-height: 480px;
}
.servicesDetailsGalleryP .photoGallery .cNav,
.aFindingsPGalleryP .photoGallery .cNav,
.cHistoryGalleryP .photoGallery .cNav {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 48px;
}
.servicesDetailsGalleryP .photoGallery .cNav a,
.aFindingsPGalleryP .photoGallery .cNav a,
.cHistoryGalleryP .photoGallery .cNav a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 60px;
  text-decoration: none;
}
.servicesDetailsGalleryP .photoGallery .cNav a:hover,
.aFindingsPGalleryP .photoGallery .cNav a:hover,
.cHistoryGalleryP .photoGallery .cNav a:hover {
  text-decoration: none;
}
.servicesDetailsGalleryP .photoGallery .cNav a.prev i,
.aFindingsPGalleryP .photoGallery .cNav a.prev i,
.cHistoryGalleryP .photoGallery .cNav a.prev i {
  transform: rotate(90deg);
}
.servicesDetailsGalleryP .photoGallery .cNav a.next i,
.aFindingsPGalleryP .photoGallery .cNav a.next i,
.cHistoryGalleryP .photoGallery .cNav a.next i {
  transform: rotate(90deg);
}
.servicesDetailsGalleryP .photoGallery .cNav a.inactive,
.aFindingsPGalleryP .photoGallery .cNav a.inactive,
.cHistoryGalleryP .photoGallery .cNav a.inactive {
  visibility: hidden;
}
.servicesDetailsGalleryP .descriptionTxt p,
.aFindingsPGalleryP .descriptionTxt p,
.cHistoryGalleryP .descriptionTxt p {
  font-size: 1rem;
  line-height: 1.5;
}
.servicesDetailsGalleryP .descriptionTxt span,
.aFindingsPGalleryP .descriptionTxt span,
.cHistoryGalleryP .descriptionTxt span {
  font-size: 0.875rem;
  color: #757575;
  line-height: 1.71;
}
.subContent .puppyFilter {
  justify-content: inherit;
  align-items: end;
}
.subContent .puppyFilter .multiOption {
  margin-left: 12px;
}
.subContent .puppyFilter .multiOption:first-child {
  margin-left: 0;
}
.subContent.bookingSlots .box {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.subContent.bookingSlots .box section.calendar {
  width: 50%;
}
.subContent.bookingSlots .box section.times {
  width: 50%;
}
.subContent.bookingSlots .box section.times .activeS {
  border: 1px solid #06856b !important;
  background-color: rgba(6, 133, 107, 0.05);
}
.subContent.bookingSlots .box section.times .bookedS {
  position: relative;
  cursor: not-allowed !important;
}
.subContent.bookingSlots .box section.times .bookedS:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: url("../images/pattern_lines.png");
  opacity: 0.5;
}
.subContent.bookingSlots .box section.times .exampTutorial {
  margin-bottom: 24px;
}
.subContent.bookingSlots .box section.times .exampTutorial i {
  display: block;
  width: 16px;
  height: 16px;
  border: #e0e0e0 solid 1px;
  border-radius: 2px;
  margin-right: 12px;
}
.subContent.bookingSlots .box section.times .exampTutorial ul {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
}
.subContent.bookingSlots .box section.times .exampTutorial ul li {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.71;
}
.subContent.bookingSlots .box section.times .exampTutorial ul li span {
  white-space: nowrap;
}
.subContent.bookingSlots .box section.times .timesSlotsList {
  overflow-y: auto;
  height: 425px;
}
.subContent.bookingSlots .box section.times .timesSlotsList ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  list-style: none;
}
.subContent.bookingSlots .box section.times .timesSlotsList ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  font-size: 0.875rem;
  line-height: 1.71;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 8px 12px;
  width: 90px;
  height: 56px;
  cursor: pointer;
}
.subContent.bookingSlots .box section.times .timesSlotsList ul li span {
  display: flex;
  font-size: 1rem;
  color: #757575;
  font-weight: 500;
  line-height: 1.5;
}
.subContent.bookingSlots .box section.times .timesSlotsList ul li em {
  display: block;
  font-size: 0.75rem;
  color: #757575;
  font-style: normal;
  line-height: 1.33;
}
.subContent.bookingSlots .box section.times .timesSlotsList ul li.activeS span {
  color: #06856b;
}
.subContent.SlotDetails .titleHead {
  justify-content: space-between;
  align-items: center;
}
.subContent.SlotDetails .titleHead em {
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  font-style: normal;
  margin-left: 12px;
}
.subContent.SlotDetails .titleHead em:first-child {
  margin-right: 12px;
}
.subContent.SlotDetails section {
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}
.subContent.SlotDetails section:first-child {
  border-top: 1px solid #eee;
}
.subContent.SlotDetails section .dataTableDynamic {
  display: none;
  margin-bottom: 8px;
}
.subContent.SlotDetails section.open .slotHead {
  margin-bottom: 8px;
}
.subContent.SlotDetails section.open .slotHead .moreInfoBtn i {
  transform: rotate(180deg);
}
.subContent.SlotDetails section.open .dataTableDynamic {
  display: block;
}
.subContent.SlotDetails .slotHead {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.subContent.SlotDetails .slotHead .slotNumber {
  font-size: 1.25rem;
  font-weight: 600;
}
.subContent.SlotDetails .slotHead .moreInfoBtn {
  margin-left: auto;
}
.subContent.slotBookingBrief .titleHead a.btn {
  margin-left: auto;
}
.subContent.slotBookingBrief .slotbookingTbl {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}
.subContent.slotBookingBrief .slotbookingTbl .shifts {
  display: flex;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid #e0e0e0;
  align-items: center;
}
.subContent.slotBookingBrief .slotbookingTbl .shifts span {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 32px;
}
.subContent.slotBookingBrief .slotbookingTbl .shifts .arrwBtn {
  margin-left: auto;
  display: flex;
  gap: 16px;
  align-items: center;
}
.subContent.slotBookingBrief .slotbookingTbl .shifts .arrwBtn a:hover {
  text-decoration: none;
}
.subContent.slotBookingBrief .slotbookingTbl .shifts .arrwBtn .prev {
  transform: rotate(90deg);
}
.subContent.slotBookingBrief .slotbookingTbl .shifts .arrwBtn .next {
  transform: rotate(-90deg);
}
.subContent.slotBookingBrief .tableSlots {
  position: relative;
  overflow: auto;
}
.subContent.slotBookingBrief .tableSlots table {
  width: 100%;
  border-collapse: collapse;
}
.subContent.slotBookingBrief .tableSlots table thead {
  position: sticky;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 9;
}
.subContent.slotBookingBrief .tableSlots table thead th {
  padding: 12px 16px;
  font-size: 18px;
  color: #212121;
  font-weight: 600;
  text-align: left;
  min-width: 190px;
}
.subContent.slotBookingBrief .tableSlots table thead th:first-child {
  min-width: 140px;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 1;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td {
  text-align: left;
  padding: 16px;
  min-width: 190px;
  height: 180px;
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  vertical-align: top;
  cursor: pointer;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td.noborder {
  border-left: none;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td:first-child {
  text-align: center;
  font-size: 18px;
  color: #212121;
  font-weight: 600;
  min-width: 140px;
  box-shadow: 4px 0px 8px 0px #0000000d;
  border-left: none;
  vertical-align: middle;
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 1;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td:first-child span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #757575;
  position: relative;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td > span,
.subContent.slotBookingBrief .tableSlots table tbody tr td > div {
  display: flex;
  gap: 5px;
  font-size: 16px;
  font-weight: 400;
  align-items: center;
  line-height: 24px;
  position: relative;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td > span i.dot,
.subContent.slotBookingBrief .tableSlots table tbody tr td > div i.dot {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #bdbdbd;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td > span .copyPhone,
.subContent.slotBookingBrief .tableSlots table tbody tr td > div .copyPhone {
  position: relative;
  display: inline-flex;
}
.subContent.slotBookingBrief
  .tableSlots
  table
  tbody
  tr
  td
  > span
  .copyPhone:hover
  .copyphoneTooltip,
.subContent.slotBookingBrief
  .tableSlots
  table
  tbody
  tr
  td
  > div
  .copyPhone:hover
  .copyphoneTooltip {
  display: flex;
}
.subContent.slotBookingBrief
  .tableSlots
  table
  tbody
  tr
  td
  > span
  .copyPhone
  .copyphoneTooltip,
.subContent.slotBookingBrief
  .tableSlots
  table
  tbody
  tr
  td
  > div
  .copyPhone
  .copyphoneTooltip {
  position: absolute;
  top: -56px;
  z-index: 1;
  border: 1px solid #eee;
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
  display: none;
  gap: 8px;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 8px 0px #0000000d;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td > span.viewNotes,
.subContent.slotBookingBrief .tableSlots table tbody tr td > div.viewNotes {
  position: relative;
}
.subContent.slotBookingBrief
  .tableSlots
  table
  tbody
  tr
  td
  > span.viewNotes:hover
  .viewNotesTooltip,
.subContent.slotBookingBrief
  .tableSlots
  table
  tbody
  tr
  td
  > div.viewNotes:hover
  .viewNotesTooltip {
  display: flex;
}
.subContent.slotBookingBrief
  .tableSlots
  table
  tbody
  tr
  td
  > span.viewNotes
  .viewNotesTooltip,
.subContent.slotBookingBrief
  .tableSlots
  table
  tbody
  tr
  td
  > div.viewNotes
  .viewNotesTooltip {
  position: absolute;
  top: 21px;
  border: 1px solid #eee;
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
  display: none;
  flex-direction: column;
  gap: 8px;
  width: 280px;
  z-index: 1;
  box-shadow: 0px 2px 8px 0px #0000000d;
}
.subContent.slotBookingBrief
  .tableSlots
  table
  tbody
  tr
  td
  > span.viewNotes
  .viewNotesTooltip
  p,
.subContent.slotBookingBrief
  .tableSlots
  table
  tbody
  tr
  td
  > div.viewNotes
  .viewNotesTooltip
  p {
  font-size: 14px;
  line-height: 24px;
  color: #212121;
}
.subContent.slotBookingBrief
  .tableSlots
  table
  tbody
  tr
  td
  > span.viewNotes
  .viewNotesTooltip
  p
  span,
.subContent.slotBookingBrief
  .tableSlots
  table
  tbody
  tr
  td
  > div.viewNotes
  .viewNotesTooltip
  p
  span {
  display: block;
  color: #757575;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td > span.sm,
.subContent.slotBookingBrief .tableSlots table tbody tr td > div.sm {
  font-size: 14px;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td > span.lclr,
.subContent.slotBookingBrief .tableSlots table tbody tr td > div.lclr {
  color: #757575;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td > span.slotavailable,
.subContent.slotBookingBrief .tableSlots table tbody tr td > div.slotavailable {
  color: #06856b;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td span.name {
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td.booked {
  background-color: rgba(200, 51, 45, 0.1);
}
.subContent.slotBookingBrief .tableSlots table tbody tr td.blank {
  background-color: #f5f5f5;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td.available {
  background-color: rgba(6, 133, 107, 0.1);
}
.subContent.slotBookingBrief .tableSlots table tbody tr td a {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  font-size: 14px;
}
.subContent.slotBookingBrief .tableSlots table tbody tr td a:hover {
  text-decoration: none;
}
.subContent.jobPlannerTable .slotbookingTbl {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}
.subContent.jobPlannerTable .tableSlots {
  position: relative;
  overflow: auto;
  height: 555px;
  color: #212121;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border: 1px solid #eee;
  border-radius: 8px;
}
.subContent.jobPlannerTable .tableSlots table {
  border-collapse: collapse;
  width: 100%;
}
.subContent.jobPlannerTable .tableSlots table tbody tr > td {
  vertical-align: top;
}
.subContent.jobPlannerTable .tableSlots table tbody tr > td.stickyTd {
  position: sticky;
  left: 0;
  z-index: 1;
  width: 320px;
}
.subContent.jobPlannerTable .tableSlots table tbody tr > td.stickyTd th {
  font-weight: 600;
}
.subContent.jobPlannerTable .tableSlots table tbody tr > td.recordTd {
  position: relative;
  z-index: 0;
}
.subContent.jobPlannerTable
  .tableSlots
  table
  tbody
  tr
  > td.recordTd
  table
  tr
  th {
  line-height: 15px;
}
.subContent.jobPlannerTable
  .tableSlots
  table
  tbody
  tr
  > td.recordTd
  table
  tr
  th,
.subContent.jobPlannerTable
  .tableSlots
  table
  tbody
  tr
  > td.recordTd
  table
  tr
  td {
  width: 84px;
}
.subContent.jobPlannerTable .tableSlots table.childTable {
  width: 100%;
  border-collapse: collapse;
}
.subContent.jobPlannerTable .tableSlots table.childTable tr {
  background-color: #fff;
}
.subContent.jobPlannerTable .tableSlots table.childTable tr:nth-child(even) {
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.subContent.jobPlannerTable .tableSlots table.childTable tr td span {
  display: flex;
  justify-content: center;
}
.subContent.jobPlannerTable .tableSlots table.childTable tr td .blk {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  gap: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  width: 80px;
  height: 48px;
  margin: 0 auto;
}
.subContent.jobPlannerTable .tableSlots table.childTable tr td .blk.ms {
  background-color: #06856b;
}
.subContent.jobPlannerTable .tableSlots table.childTable tr td .blk.al {
  background-color: #e0e0e0;
  color: #212121;
}
.subContent.jobPlannerTable .tableSlots table.childTable tr td .blk.wo {
  background-color: #757575;
}
.subContent.jobPlannerTable .tableSlots table.childTable tr td .blk.ds {
  background-color: #333;
}
.subContent.jobPlannerTable .tableSlots table.childTable tr td .blk.as {
  background-color: #1c83bd;
}
.subContent.jobPlannerTable .tableSlots table.childTable tr td .blk.fc {
  background-color: #deb200;
}
.subContent.jobPlannerTable .tableSlots table.childTable tr td .blk.ph {
  background-color: #c8332d;
}
.subContent.jobPlannerTable .tableSlots table.childTable thead {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 9;
}
.subContent.jobPlannerTable .tableSlots table.childTable thead tr {
  border-top: none !important;
}
.subContent.jobPlannerTable .tableSlots table.childTable thead th {
  font-size: 14px;
  color: #757575;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  background-color: #eee;
  padding: 12px 16px;
  height: 66px;
}
.subContent.jobPlannerTable .tableSlots table.childTable thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
.subContent.jobPlannerTable .tableSlots table.childTable thead th span {
  display: flex;
  justify-content: center;
  color: #212121;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.subContent.jobPlannerTable .tableSlots table.childTable tbody tr td {
  font-size: 14px;
  text-align: center;
  padding: 16px 24px;
}
.subContent.jobPlannerTable
  .tableSlots
  table.childTable
  tbody
  tr
  td:first-child {
  color: #212121;
  font-weight: 600;
}
.subContent.jobPlannerTable
  .tableSlots
  table.childTable
  tbody
  tr
  td:first-child
  span {
  font-size: 12px;
  color: #757575;
  font-weight: 400;
}
.subContent .settings .material-symbols-rounded {
  cursor: pointer;
}
.subContent .settings .headingButtons {
  margin-left: auto;
  margin-right: 24px;
}
.subContent .settings .headingButtons .btn:last-child {
  margin-left: 16px;
}
.subContent .settings .newEV {
  position: relative;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  min-width: 221px;
  border-radius: 8px;
  border: 1px solid #eee;
  padding: 20px 24px;
}
.subContent .settings .newEV .dForm img {
  max-height: 166px;
}
.subContent .settings .newEV .imageDemo {
  font-size: 0;
}
.subContent .settings .newBrand .vehicleDetailsSection {
  border-top: 1px solid #eee;
}
.subContent .settings .newBrand .addMoreVehicle {
  border-top: 1px solid #eee;
  padding-top: 24px;
}
.subContent .settings .newBrand .addMoreVehicle a {
  display: inline-flex;
  align-items: center;
}
.subContent .settings .newBrand .addMoreVehicle a:hover {
  text-decoration: none;
}
.subContent .settings .tableList > div {
  border-bottom: 1px solid #eee;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.subContent .settings .tableList > div:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.subContent .settings table {
  width: 100%;
}
.subContent .settings table td {
  padding-right: 40px;
}
.subContent .settings table td span {
  display: block;
  font-size: 0.875rem;
  color: #757575;
}
.subContent .settings table td span a {
  font-size: 0.875rem;
  font-weight: 500;
  margin-left: 8px;
}
.subContent .settings table td span.time {
  margin-top: 8px;
  font-size: 1rem;
  color: #212121;
}
.subContent .settings .rowLists .boxT1 {
  width: 100%;
  margin-bottom: 24px;
}
.subContent .settings .rowLists .boxT1:last-child {
  margin-bottom: 0;
}
.subContent .settings .rowLists .boxT1 .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.subContent .settings .rowLists .boxT1 .item span {
  font-size: 0.875rem;
  color: #757575;
  line-height: 1.71;
  margin-top: 4px;
}
.subContent .settings .addOnList {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.subContent .settings .addOnList img {
  max-width: 120px;
  max-height: 120px;
}
.subContent .settings .addOnList h5 {
  margin-bottom: 12px;
}
.subContent .settings .addOnList span {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #757575;
  margin-bottom: 12px;
}
.subContent .settings .addOnList span:last-child {
  margin-bottom: 0;
}
.subContent .settings .addOnList span:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  margin-right: 8px;
  background-color: #bdbdbd;
  border-radius: 8px;
}
.subContent .settings .addOnList a {
  font-size: 0.875rem;
  font-weight: 500;
}
.subContent .settings .addOnList li {
  display: flex;
  align-items: flex-start;
  width: 49%;
  padding: 16px 0;
  margin-right: 2%;
  border-bottom: 1px solid #eee;
}
.subContent .settings .addOnList li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.subContent .settings .addOnList li:nth-child(even) {
  margin-right: 0;
}
.subContent .settings .addOnList li .image {
  margin-right: 24px;
}
.subContent .settings .brands .userInfo .imgBlock div {
  border-radius: 0;
  background: transparent;
  border: #f5f5f5 solid 1px;
}
.subContent .settings .brands .userInfo .imgBlock div img {
  width: auto;
  height: auto;
}
.subContent .settings .brands .vehicleHead {
  border-bottom: 1px solid #eee;
  padding-bottom: 24px;
}
.subContent .settings .brands .vehicleHead .userInfo .name span:first-child {
  font-size: 1.5rem;
}
.subContent .settings .brands .vehicleHead .userInfo .imgBlock div {
  width: 60px;
  height: 60px;
}
.subContent .settings .brandLists > ul > li {
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}
.subContent .settings .brandLists > ul > li .actionNav {
  position: absolute;
  top: 0;
  right: 0;
}
.subContent .settings .brandLists > ul > li .chargingCapicity {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 500;
  color: #212121;
}
.subContent .settings .brandLists > ul > li .chargingCapicity i {
  color: #10a4a5;
  margin-right: 4px;
}
.accountsDashboard .dataTableDynamic .vName {
  display: flex;
  align-items: center;
}
.accountsDashboard .dataTableDynamic .vName img {
  max-width: 32px;
  max-height: 32px;
  margin-right: 8px;
}
.accountsDashboard .recordData .boxT1 p {
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 16px;
}
.accountsDashboard .recordData .smallTable {
  display: flex;
}
.accountsDashboard .recordData .smallTable p {
  margin-right: 36px;
  display: flex;
  flex-flow: column;
}
.accountsDashboard .recordData .smallTable p:last-child {
  margin-right: 0;
}
.accountsDashboard .recordData .smallTable p span {
  font-size: 0.875rem;
  color: #757575;
}
.accountsDashboard .recordData .smallTable p span:last-child {
  font-size: 1rem;
  color: #212121;
  font-weight: 500;
  margin-top: 4px;
}
.pDashboard,
.aDashboard {
  flex-wrap: wrap;
}
.pDashboard .column,
.aDashboard .column {
  flex: 50%;
}
.pDashboard .revenueGraph .boxT1,
.aDashboard .revenueGraph .boxT1 {
  height: 100%;
  border-radius: 8px 0 0 8px;
}
.pDashboard .graphIndexData,
.aDashboard .graphIndexData {
  background-color: #f5f5f5;
  padding: 24px;
}
.pDashboard .boxT1 h3,
.pDashboard .boxT1 h4,
.aDashboard .boxT1 h3,
.aDashboard .boxT1 h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pDashboard .boxT1 h3 span,
.pDashboard .boxT1 h4 span,
.aDashboard .boxT1 h3 span,
.aDashboard .boxT1 h4 span {
  font-size: 1rem;
  color: #757575;
  font-weight: 400;
}
.pDashboard .boxT1 .recordCount span,
.aDashboard .boxT1 .recordCount span {
  display: block;
  font-size: 1.75rem;
  font-weight: 500;
  margin: 0;
}
.pDashboard .boxT1 .recordCount em,
.aDashboard .boxT1 .recordCount em {
  display: flex;
  margin: 4px 0 0 0;
  font-size: 0.875rem;
  color: #06856b;
  font-weight: 500;
  font-style: normal;
}
.pDashboard .boxT1 .graphDeta p,
.aDashboard .boxT1 .graphDeta p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding: 16px 0;
  line-height: 1.5;
}
.pDashboard .boxT1 .graphDeta p:last-child,
.aDashboard .boxT1 .graphDeta p:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.pDashboard .boxT1 .graphDeta p span,
.aDashboard .boxT1 .graphDeta p span {
  font-size: 1rem;
  font-weight: 400;
}
.pDashboard .boxT1 .graphDeta p span.count,
.aDashboard .boxT1 .graphDeta p span.count {
  font-size: 1.125rem;
  color: #06856b;
  font-weight: 500;
  line-height: 1.33;
}
.pDashboard .boxT1 .graphDeta p span.count.b,
.aDashboard .boxT1 .graphDeta p span.count.b {
  color: #212121;
}
.newBookingTableDetails {
  background-color: #f8f8f8;
}