@import url('./pages/index.css');

.bg-primary {
  background-color: #7d40ab !important;
}

.text-primary {
  color: #7d40ab !important;
}

.bg-light-primary {
  background-color: #f8f5ff !important;
}

.select-hover-bg-primary:hover {
  background-color: #f8f5ff !important;
}

.bg-gray {
  background-color: #87909e !important;
}

.text-gray {
  color: #87909e !important;
}

.bg-light-gray {
  background-color: rgba(135, 144, 158, 0.1019607843) !important;
}

.select-hover-bg-gray:hover {
  background-color: rgba(135, 144, 158, 0.1019607843) !important;
}

.bg-blue {
  background-color: #1b84ff !important;
}

.text-blue {
  color: #1b84ff !important;
}

.bg-light-blue {
  background-color: #eff6ff !important;
}

.select-hover-bg-blue:hover {
  background-color: #eff6ff !important;
}

.bg-tomato {
  background-color: #ff6f1e !important;
}

.text-tomato {
  color: #ff6f1e !important;
}

.bg-light-tomato {
  background-color: #fff5ef !important;
}

.select-hover-bg-tomato:hover {
  background-color: #fff5ef !important;
}

.bg-yellow {
  background-color: #dfa000 !important;
}

.text-yellow {
  color: #dfa000 !important;
}

.bg-light-yellow {
  background-color: #fff8dd !important;
}

.select-hover-bg-yellow:hover {
  background-color: #fff8dd !important;
}

.bg-green {
  background-color: #04b440 !important;
}

.text-green {
  color: #04b440 !important;
}

.bg-light-green {
  background-color: #eafff1 !important;
}

.select-hover-bg-green:hover {
  background-color: #eafff1 !important;
}

.bg-red {
  background-color: #d81a48 !important;
}

.text-red {
  color: #d81a48 !important;
}

.bg-light-red {
  background-color: #ffeef3 !important;
}

.select-hover-bg-red:hover {
  background-color: #ffeef3 !important;
}

.text-secondary {
  color: #4b5675 !important;
}

a.text-primary {
  color: #53187f !important;
  text-decoration: underline;
}

a.text-primary:hover {
  color: #53187f !important;
}

a:hover {
  color: #53187f;
}

.text-font-dark {
  color: #071437 !important;
}

.btn {
  border-radius: 0.375rem;
}

.text-font-light {
  color: #78829d !important;
}

.max-width-300px {
  max-width: 300px !important;
}

.bg-color-box {
  background-color: #fcfcfc !important;
}

.font-11 {
  font-size: 11px !important;
  line-height: 11px !important;
}

.font-12 {
  font-size: 12px !important;
  line-height: 12px !important;
}

.font-14 {
  font-size: 14px !important;
  line-height: 14px !important;
}

.font-15 {
  font-size: 15px !important;
  line-height: 15px !important;
}

.font-16 {
  font-size: 16px !important;
  line-height: 16px !important;
}

.line-height-13px {
  line-height: 13px !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

@media (max-width: 768px) {
  .line-height-max-md-24px {
    line-height: 24px !important;
  }

  .line-height-max-md-20px {
    line-height: 20px !important;
  }
}

.w-220px {
  width: 220px;
}

.border-b-box-line {
  border-bottom: 1px solid #f1f1f4 !important;
}

.border-r-hover-line {
  border-right: 1px solid #c4c4da !important;
}

.text-underline-none {
  text-decoration: none !important;
}

.gap-1px {
  gap: 1px;
}

.mb-1px {
  margin-bottom: 1px !important;
}

.mt-1px {
  margin-top: 1px !important;
}

.ml-1px {
  margin-left: 1px !important;
}

.mr-1px {
  margin-right: 1px !important;
}

.m-1px {
  margin: 1px !important;
}

.pt-1px {
  padding-top: 1px !important;
}

.pb-1px {
  padding-bottom: 1px !important;
}

.pl-1px {
  padding-left: 1px !important;
}

.pr-1px {
  padding-right: 1px !important;
}

.p-1px {
  padding: 1px !important;
}

.gap-2px {
  gap: 2px;
}

.mb-2px {
  margin-bottom: 2px !important;
}

.mt-2px {
  margin-top: 2px !important;
}

.ml-2px {
  margin-left: 2px !important;
}

.mr-2px {
  margin-right: 2px !important;
}

.m-2px {
  margin: 2px !important;
}

.pt-2px {
  padding-top: 2px !important;
}

.pb-2px {
  padding-bottom: 2px !important;
}

.pl-2px {
  padding-left: 2px !important;
}

.pr-2px {
  padding-right: 2px !important;
}

.p-2px {
  padding: 2px !important;
}

.gap-3px {
  gap: 3px;
}

.mb-3px {
  margin-bottom: 3px !important;
}

.mt-3px {
  margin-top: 3px !important;
}

.ml-3px {
  margin-left: 3px !important;
}

.mr-3px {
  margin-right: 3px !important;
}

.m-3px {
  margin: 3px !important;
}

.pt-3px {
  padding-top: 3px !important;
}

.pb-3px {
  padding-bottom: 3px !important;
}

.pl-3px {
  padding-left: 3px !important;
}

.pr-3px {
  padding-right: 3px !important;
}

.p-3px {
  padding: 3px !important;
}

.gap-4px {
  gap: 4px;
}

.mb-4px {
  margin-bottom: 4px !important;
}

.mt-4px {
  margin-top: 4px !important;
}

.ml-4px {
  margin-left: 4px !important;
}

.mr-4px {
  margin-right: 4px !important;
}

.m-4px {
  margin: 4px !important;
}

.pt-4px {
  padding-top: 4px !important;
}

.pb-4px {
  padding-bottom: 4px !important;
}

.pl-4px {
  padding-left: 4px !important;
}

.pr-4px {
  padding-right: 4px !important;
}

.p-4px {
  padding: 4px !important;
}

.gap-5px {
  gap: 5px;
}

.mb-5px {
  margin-bottom: 5px !important;
}

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

.ml-5px {
  margin-left: 5px !important;
}

.mr-5px {
  margin-right: 5px !important;
}

.m-5px {
  margin: 5px !important;
}

.pt-5px {
  padding-top: 5px !important;
}

.pb-5px {
  padding-bottom: 5px !important;
}

.pl-5px {
  padding-left: 5px !important;
}

.pr-5px {
  padding-right: 5px !important;
}

.p-5px {
  padding: 5px !important;
}

.gap-6px {
  gap: 6px;
}

.mb-6px {
  margin-bottom: 6px !important;
}

.mt-6px {
  margin-top: 6px !important;
}

.ml-6px {
  margin-left: 6px !important;
}

.mr-6px {
  margin-right: 6px !important;
}

.m-6px {
  margin: 6px !important;
}

.pt-6px {
  padding-top: 6px !important;
}

.pb-6px {
  padding-bottom: 6px !important;
}

.pl-6px {
  padding-left: 6px !important;
}

.pr-6px {
  padding-right: 6px !important;
}

.p-6px {
  padding: 6px !important;
}

.gap-7px {
  gap: 7px;
}

.mb-7px {
  margin-bottom: 7px !important;
}

.mt-7px {
  margin-top: 7px !important;
}

.ml-7px {
  margin-left: 7px !important;
}

.mr-7px {
  margin-right: 7px !important;
}

.m-7px {
  margin: 7px !important;
}

.pt-7px {
  padding-top: 7px !important;
}

.pb-7px {
  padding-bottom: 7px !important;
}

.pl-7px {
  padding-left: 7px !important;
}

.pr-7px {
  padding-right: 7px !important;
}

.p-7px {
  padding: 7px !important;
}

.gap-8px {
  gap: 8px;
}

.mb-8px {
  margin-bottom: 8px !important;
}

.mt-8px {
  margin-top: 8px !important;
}

.ml-8px {
  margin-left: 8px !important;
}

.mr-8px {
  margin-right: 8px !important;
}

.m-8px {
  margin: 8px !important;
}

.pt-8px {
  padding-top: 8px !important;
}

.pb-8px {
  padding-bottom: 8px !important;
}

.pl-8px {
  padding-left: 8px !important;
}

.pr-8px {
  padding-right: 8px !important;
}

.p-8px {
  padding: 8px !important;
}

.gap-9px {
  gap: 9px;
}

.mb-9px {
  margin-bottom: 9px !important;
}

.mt-9px {
  margin-top: 9px !important;
}

.ml-9px {
  margin-left: 9px !important;
}

.mr-9px {
  margin-right: 9px !important;
}

.m-9px {
  margin: 9px !important;
}

.pt-9px {
  padding-top: 9px !important;
}

.pb-9px {
  padding-bottom: 9px !important;
}

.pl-9px {
  padding-left: 9px !important;
}

.pr-9px {
  padding-right: 9px !important;
}

.p-9px {
  padding: 9px !important;
}

.gap-10px {
  gap: 10px;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.ml-10px {
  margin-left: 10px !important;
}

.mr-10px {
  margin-right: 10px !important;
}

.m-10px {
  margin: 10px !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.pb-10px {
  padding-bottom: 10px !important;
}

.pl-10px {
  padding-left: 10px !important;
}

.pr-10px {
  padding-right: 10px !important;
}

.p-10px {
  padding: 10px !important;
}

.gap-11px {
  gap: 11px;
}

.mb-11px {
  margin-bottom: 11px !important;
}

.mt-11px {
  margin-top: 11px !important;
}

.ml-11px {
  margin-left: 11px !important;
}

.mr-11px {
  margin-right: 11px !important;
}

.m-11px {
  margin: 11px !important;
}

.pt-11px {
  padding-top: 11px !important;
}

.pb-11px {
  padding-bottom: 11px !important;
}

.pl-11px {
  padding-left: 11px !important;
}

.pr-11px {
  padding-right: 11px !important;
}

.p-11px {
  padding: 11px !important;
}

.gap-12px {
  gap: 12px;
}

.mb-12px {
  margin-bottom: 12px !important;
}

.mt-12px {
  margin-top: 12px !important;
}

.ml-12px {
  margin-left: 12px !important;
}

.mr-12px {
  margin-right: 12px !important;
}

.m-12px {
  margin: 12px !important;
}

.pt-12px {
  padding-top: 12px !important;
}

.pb-12px {
  padding-bottom: 12px !important;
}

.pl-12px {
  padding-left: 12px !important;
}

.pr-12px {
  padding-right: 12px !important;
}

.p-12px {
  padding: 12px !important;
}

.gap-13px {
  gap: 13px;
}

.mb-13px {
  margin-bottom: 13px !important;
}

.mt-13px {
  margin-top: 13px !important;
}

.ml-13px {
  margin-left: 13px !important;
}

.mr-13px {
  margin-right: 13px !important;
}

.m-13px {
  margin: 13px !important;
}

.pt-13px {
  padding-top: 13px !important;
}

.pb-13px {
  padding-bottom: 13px !important;
}

.pl-13px {
  padding-left: 13px !important;
}

.pr-13px {
  padding-right: 13px !important;
}

.p-13px {
  padding: 13px !important;
}

.gap-14px {
  gap: 14px;
}

.mb-14px {
  margin-bottom: 14px !important;
}

.mt-14px {
  margin-top: 14px !important;
}

.ml-14px {
  margin-left: 14px !important;
}

.mr-14px {
  margin-right: 14px !important;
}

.m-14px {
  margin: 14px !important;
}

.pt-14px {
  padding-top: 14px !important;
}

.pb-14px {
  padding-bottom: 14px !important;
}

.pl-14px {
  padding-left: 14px !important;
}

.pr-14px {
  padding-right: 14px !important;
}

.p-14px {
  padding: 14px !important;
}

.gap-15px {
  gap: 15px;
}

.mb-15px {
  margin-bottom: 15px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.ml-15px {
  margin-left: 15px !important;
}

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

.m-15px {
  margin: 15px !important;
}

.pt-15px {
  padding-top: 15px !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.pl-15px {
  padding-left: 15px !important;
}

.pr-15px {
  padding-right: 15px !important;
}

.p-15px {
  padding: 15px !important;
}

.gap-16px {
  gap: 16px;
}

.mb-16px {
  margin-bottom: 16px !important;
}

.mt-16px {
  margin-top: 16px !important;
}

.ml-16px {
  margin-left: 16px !important;
}

.mr-16px {
  margin-right: 16px !important;
}

.m-16px {
  margin: 16px !important;
}

.pt-16px {
  padding-top: 16px !important;
}

.pb-16px {
  padding-bottom: 16px !important;
}

.pl-16px {
  padding-left: 16px !important;
}

.pr-16px {
  padding-right: 16px !important;
}

.p-16px {
  padding: 16px !important;
}

.gap-17px {
  gap: 17px;
}

.mb-17px {
  margin-bottom: 17px !important;
}

.mt-17px {
  margin-top: 17px !important;
}

.ml-17px {
  margin-left: 17px !important;
}

.mr-17px {
  margin-right: 17px !important;
}

.m-17px {
  margin: 17px !important;
}

.pt-17px {
  padding-top: 17px !important;
}

.pb-17px {
  padding-bottom: 17px !important;
}

.pl-17px {
  padding-left: 17px !important;
}

.pr-17px {
  padding-right: 17px !important;
}

.p-17px {
  padding: 17px !important;
}

.gap-18px {
  gap: 18px;
}

.mb-18px {
  margin-bottom: 18px !important;
}

.mt-18px {
  margin-top: 18px !important;
}

.ml-18px {
  margin-left: 18px !important;
}

.mr-18px {
  margin-right: 18px !important;
}

.m-18px {
  margin: 18px !important;
}

.pt-18px {
  padding-top: 18px !important;
}

.pb-18px {
  padding-bottom: 18px !important;
}

.pl-18px {
  padding-left: 18px !important;
}

.pr-18px {
  padding-right: 18px !important;
}

.p-18px {
  padding: 18px !important;
}

.gap-19px {
  gap: 19px;
}

.mb-19px {
  margin-bottom: 19px !important;
}

.mt-19px {
  margin-top: 19px !important;
}

.ml-19px {
  margin-left: 19px !important;
}

.mr-19px {
  margin-right: 19px !important;
}

.m-19px {
  margin: 19px !important;
}

.pt-19px {
  padding-top: 19px !important;
}

.pb-19px {
  padding-bottom: 19px !important;
}

.pl-19px {
  padding-left: 19px !important;
}

.pr-19px {
  padding-right: 19px !important;
}

.p-19px {
  padding: 19px !important;
}

.gap-20px {
  gap: 20px;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.ml-20px {
  margin-left: 20px !important;
}

.mr-20px {
  margin-right: 20px !important;
}

.m-20px {
  margin: 20px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.pl-20px {
  padding-left: 20px !important;
}

.pr-20px {
  padding-right: 20px !important;
}

.p-20px {
  padding: 20px !important;
}

.gap-21px {
  gap: 21px;
}

.mb-21px {
  margin-bottom: 21px !important;
}

.mt-21px {
  margin-top: 21px !important;
}

.ml-21px {
  margin-left: 21px !important;
}

.mr-21px {
  margin-right: 21px !important;
}

.m-21px {
  margin: 21px !important;
}

.pt-21px {
  padding-top: 21px !important;
}

.pb-21px {
  padding-bottom: 21px !important;
}

.pl-21px {
  padding-left: 21px !important;
}

.pr-21px {
  padding-right: 21px !important;
}

.p-21px {
  padding: 21px !important;
}

.gap-22px {
  gap: 22px;
}

.mb-22px {
  margin-bottom: 22px !important;
}

.mt-22px {
  margin-top: 22px !important;
}

.ml-22px {
  margin-left: 22px !important;
}

.mr-22px {
  margin-right: 22px !important;
}

.m-22px {
  margin: 22px !important;
}

.pt-22px {
  padding-top: 22px !important;
}

.pb-22px {
  padding-bottom: 22px !important;
}

.pl-22px {
  padding-left: 22px !important;
}

.pr-22px {
  padding-right: 22px !important;
}

.p-22px {
  padding: 22px !important;
}

.gap-23px {
  gap: 23px;
}

.mb-23px {
  margin-bottom: 23px !important;
}

.mt-23px {
  margin-top: 23px !important;
}

.ml-23px {
  margin-left: 23px !important;
}

.mr-23px {
  margin-right: 23px !important;
}

.m-23px {
  margin: 23px !important;
}

.pt-23px {
  padding-top: 23px !important;
}

.pb-23px {
  padding-bottom: 23px !important;
}

.pl-23px {
  padding-left: 23px !important;
}

.pr-23px {
  padding-right: 23px !important;
}

.p-23px {
  padding: 23px !important;
}

.gap-24px {
  gap: 24px;
}

.mb-24px {
  margin-bottom: 24px !important;
}

.mt-24px {
  margin-top: 24px !important;
}

.ml-24px {
  margin-left: 24px !important;
}

.mr-24px {
  margin-right: 24px !important;
}

.m-24px {
  margin: 24px !important;
}

.pt-24px {
  padding-top: 24px !important;
}

.pb-24px {
  padding-bottom: 24px !important;
}

.pl-24px {
  padding-left: 24px !important;
}

.pr-24px {
  padding-right: 24px !important;
}

.p-24px {
  padding: 24px !important;
}

.gap-25px {
  gap: 25px;
}

.mb-25px {
  margin-bottom: 25px !important;
}

.mt-25px {
  margin-top: 25px !important;
}

.ml-25px {
  margin-left: 25px !important;
}

.mr-25px {
  margin-right: 25px !important;
}

.m-25px {
  margin: 25px !important;
}

.pt-25px {
  padding-top: 25px !important;
}

.pb-25px {
  padding-bottom: 25px !important;
}

.pl-25px {
  padding-left: 25px !important;
}

.pr-25px {
  padding-right: 25px !important;
}

.p-25px {
  padding: 25px !important;
}

.gap-26px {
  gap: 26px;
}

.mb-26px {
  margin-bottom: 26px !important;
}

.mt-26px {
  margin-top: 26px !important;
}

.ml-26px {
  margin-left: 26px !important;
}

.mr-26px {
  margin-right: 26px !important;
}

.m-26px {
  margin: 26px !important;
}

.pt-26px {
  padding-top: 26px !important;
}

.pb-26px {
  padding-bottom: 26px !important;
}

.pl-26px {
  padding-left: 26px !important;
}

.pr-26px {
  padding-right: 26px !important;
}

.p-26px {
  padding: 26px !important;
}

.gap-27px {
  gap: 27px;
}

.mb-27px {
  margin-bottom: 27px !important;
}

.mt-27px {
  margin-top: 27px !important;
}

.ml-27px {
  margin-left: 27px !important;
}

.mr-27px {
  margin-right: 27px !important;
}

.m-27px {
  margin: 27px !important;
}

.pt-27px {
  padding-top: 27px !important;
}

.pb-27px {
  padding-bottom: 27px !important;
}

.pl-27px {
  padding-left: 27px !important;
}

.pr-27px {
  padding-right: 27px !important;
}

.p-27px {
  padding: 27px !important;
}

.gap-28px {
  gap: 28px;
}

.mb-28px {
  margin-bottom: 28px !important;
}

.mt-28px {
  margin-top: 28px !important;
}

.ml-28px {
  margin-left: 28px !important;
}

.mr-28px {
  margin-right: 28px !important;
}

.m-28px {
  margin: 28px !important;
}

.pt-28px {
  padding-top: 28px !important;
}

.pb-28px {
  padding-bottom: 28px !important;
}

.pl-28px {
  padding-left: 28px !important;
}

.pr-28px {
  padding-right: 28px !important;
}

.p-28px {
  padding: 28px !important;
}

.gap-29px {
  gap: 29px;
}

.mb-29px {
  margin-bottom: 29px !important;
}

.mt-29px {
  margin-top: 29px !important;
}

.ml-29px {
  margin-left: 29px !important;
}

.mr-29px {
  margin-right: 29px !important;
}

.m-29px {
  margin: 29px !important;
}

.pt-29px {
  padding-top: 29px !important;
}

.pb-29px {
  padding-bottom: 29px !important;
}

.pl-29px {
  padding-left: 29px !important;
}

.pr-29px {
  padding-right: 29px !important;
}

.p-29px {
  padding: 29px !important;
}

.gap-30px {
  gap: 30px;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.mt-30px {
  margin-top: 30px !important;
}

.ml-30px {
  margin-left: 30px !important;
}

.mr-30px {
  margin-right: 30px !important;
}

.m-30px {
  margin: 30px !important;
}

.pt-30px {
  padding-top: 30px !important;
}

.pb-30px {
  padding-bottom: 30px !important;
}

.pl-30px {
  padding-left: 30px !important;
}

.pr-30px {
  padding-right: 30px !important;
}

.p-30px {
  padding: 30px !important;
}

.gap-31px {
  gap: 31px;
}

.mb-31px {
  margin-bottom: 31px !important;
}

.mt-31px {
  margin-top: 31px !important;
}

.ml-31px {
  margin-left: 31px !important;
}

.mr-31px {
  margin-right: 31px !important;
}

.m-31px {
  margin: 31px !important;
}

.pt-31px {
  padding-top: 31px !important;
}

.pb-31px {
  padding-bottom: 31px !important;
}

.pl-31px {
  padding-left: 31px !important;
}

.pr-31px {
  padding-right: 31px !important;
}

.p-31px {
  padding: 31px !important;
}

.gap-32px {
  gap: 32px;
}

.mb-32px {
  margin-bottom: 32px !important;
}

.mt-32px {
  margin-top: 32px !important;
}

.ml-32px {
  margin-left: 32px !important;
}

.mr-32px {
  margin-right: 32px !important;
}

.m-32px {
  margin: 32px !important;
}

.pt-32px {
  padding-top: 32px !important;
}

.pb-32px {
  padding-bottom: 32px !important;
}

.pl-32px {
  padding-left: 32px !important;
}

.pr-32px {
  padding-right: 32px !important;
}

.p-32px {
  padding: 32px !important;
}

.gap-33px {
  gap: 33px;
}

.mb-33px {
  margin-bottom: 33px !important;
}

.mt-33px {
  margin-top: 33px !important;
}

.ml-33px {
  margin-left: 33px !important;
}

.mr-33px {
  margin-right: 33px !important;
}

.m-33px {
  margin: 33px !important;
}

.pt-33px {
  padding-top: 33px !important;
}

.pb-33px {
  padding-bottom: 33px !important;
}

.pl-33px {
  padding-left: 33px !important;
}

.pr-33px {
  padding-right: 33px !important;
}

.p-33px {
  padding: 33px !important;
}

.gap-34px {
  gap: 34px;
}

.mb-34px {
  margin-bottom: 34px !important;
}

.mt-34px {
  margin-top: 34px !important;
}

.ml-34px {
  margin-left: 34px !important;
}

.mr-34px {
  margin-right: 34px !important;
}

.m-34px {
  margin: 34px !important;
}

.pt-34px {
  padding-top: 34px !important;
}

.pb-34px {
  padding-bottom: 34px !important;
}

.pl-34px {
  padding-left: 34px !important;
}

.pr-34px {
  padding-right: 34px !important;
}

.p-34px {
  padding: 34px !important;
}

.gap-35px {
  gap: 35px;
}

.mb-35px {
  margin-bottom: 35px !important;
}

.mt-35px {
  margin-top: 35px !important;
}

.ml-35px {
  margin-left: 35px !important;
}

.mr-35px {
  margin-right: 35px !important;
}

.m-35px {
  margin: 35px !important;
}

.pt-35px {
  padding-top: 35px !important;
}

.pb-35px {
  padding-bottom: 35px !important;
}

.pl-35px {
  padding-left: 35px !important;
}

.pr-35px {
  padding-right: 35px !important;
}

.p-35px {
  padding: 35px !important;
}

.gap-36px {
  gap: 36px;
}

.mb-36px {
  margin-bottom: 36px !important;
}

.mt-36px {
  margin-top: 36px !important;
}

.ml-36px {
  margin-left: 36px !important;
}

.mr-36px {
  margin-right: 36px !important;
}

.m-36px {
  margin: 36px !important;
}

.pt-36px {
  padding-top: 36px !important;
}

.pb-36px {
  padding-bottom: 36px !important;
}

.pl-36px {
  padding-left: 36px !important;
}

.pr-36px {
  padding-right: 36px !important;
}

.p-36px {
  padding: 36px !important;
}

.gap-37px {
  gap: 37px;
}

.mb-37px {
  margin-bottom: 37px !important;
}

.mt-37px {
  margin-top: 37px !important;
}

.ml-37px {
  margin-left: 37px !important;
}

.mr-37px {
  margin-right: 37px !important;
}

.m-37px {
  margin: 37px !important;
}

.pt-37px {
  padding-top: 37px !important;
}

.pb-37px {
  padding-bottom: 37px !important;
}

.pl-37px {
  padding-left: 37px !important;
}

.pr-37px {
  padding-right: 37px !important;
}

.p-37px {
  padding: 37px !important;
}

.gap-38px {
  gap: 38px;
}

.mb-38px {
  margin-bottom: 38px !important;
}

.mt-38px {
  margin-top: 38px !important;
}

.ml-38px {
  margin-left: 38px !important;
}

.mr-38px {
  margin-right: 38px !important;
}

.m-38px {
  margin: 38px !important;
}

.pt-38px {
  padding-top: 38px !important;
}

.pb-38px {
  padding-bottom: 38px !important;
}

.pl-38px {
  padding-left: 38px !important;
}

.pr-38px {
  padding-right: 38px !important;
}

.p-38px {
  padding: 38px !important;
}

.gap-39px {
  gap: 39px;
}

.mb-39px {
  margin-bottom: 39px !important;
}

.mt-39px {
  margin-top: 39px !important;
}

.ml-39px {
  margin-left: 39px !important;
}

.mr-39px {
  margin-right: 39px !important;
}

.m-39px {
  margin: 39px !important;
}

.pt-39px {
  padding-top: 39px !important;
}

.pb-39px {
  padding-bottom: 39px !important;
}

.pl-39px {
  padding-left: 39px !important;
}

.pr-39px {
  padding-right: 39px !important;
}

.p-39px {
  padding: 39px !important;
}

.gap-40px {
  gap: 40px;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.mt-40px {
  margin-top: 40px !important;
}

.ml-40px {
  margin-left: 40px !important;
}

.mr-40px {
  margin-right: 40px !important;
}

.m-40px {
  margin: 40px !important;
}

.pt-40px {
  padding-top: 40px !important;
}

.pb-40px {
  padding-bottom: 40px !important;
}

.pl-40px {
  padding-left: 40px !important;
}

.pr-40px {
  padding-right: 40px !important;
}

.p-40px {
  padding: 40px !important;
}

.gap-41px {
  gap: 41px;
}

.mb-41px {
  margin-bottom: 41px !important;
}

.mt-41px {
  margin-top: 41px !important;
}

.ml-41px {
  margin-left: 41px !important;
}

.mr-41px {
  margin-right: 41px !important;
}

.m-41px {
  margin: 41px !important;
}

.pt-41px {
  padding-top: 41px !important;
}

.pb-41px {
  padding-bottom: 41px !important;
}

.pl-41px {
  padding-left: 41px !important;
}

.pr-41px {
  padding-right: 41px !important;
}

.p-41px {
  padding: 41px !important;
}

.gap-42px {
  gap: 42px;
}

.mb-42px {
  margin-bottom: 42px !important;
}

.mt-42px {
  margin-top: 42px !important;
}

.ml-42px {
  margin-left: 42px !important;
}

.mr-42px {
  margin-right: 42px !important;
}

.m-42px {
  margin: 42px !important;
}

.pt-42px {
  padding-top: 42px !important;
}

.pb-42px {
  padding-bottom: 42px !important;
}

.pl-42px {
  padding-left: 42px !important;
}

.pr-42px {
  padding-right: 42px !important;
}

.p-42px {
  padding: 42px !important;
}

.gap-43px {
  gap: 43px;
}

.mb-43px {
  margin-bottom: 43px !important;
}

.mt-43px {
  margin-top: 43px !important;
}

.ml-43px {
  margin-left: 43px !important;
}

.mr-43px {
  margin-right: 43px !important;
}

.m-43px {
  margin: 43px !important;
}

.pt-43px {
  padding-top: 43px !important;
}

.pb-43px {
  padding-bottom: 43px !important;
}

.pl-43px {
  padding-left: 43px !important;
}

.pr-43px {
  padding-right: 43px !important;
}

.p-43px {
  padding: 43px !important;
}

.gap-44px {
  gap: 44px;
}

.mb-44px {
  margin-bottom: 44px !important;
}

.mt-44px {
  margin-top: 44px !important;
}

.ml-44px {
  margin-left: 44px !important;
}

.mr-44px {
  margin-right: 44px !important;
}

.m-44px {
  margin: 44px !important;
}

.pt-44px {
  padding-top: 44px !important;
}

.pb-44px {
  padding-bottom: 44px !important;
}

.pl-44px {
  padding-left: 44px !important;
}

.pr-44px {
  padding-right: 44px !important;
}

.p-44px {
  padding: 44px !important;
}

.gap-45px {
  gap: 45px;
}

.mb-45px {
  margin-bottom: 45px !important;
}

.mt-45px {
  margin-top: 45px !important;
}

.ml-45px {
  margin-left: 45px !important;
}

.mr-45px {
  margin-right: 45px !important;
}

.m-45px {
  margin: 45px !important;
}

.pt-45px {
  padding-top: 45px !important;
}

.pb-45px {
  padding-bottom: 45px !important;
}

.pl-45px {
  padding-left: 45px !important;
}

.pr-45px {
  padding-right: 45px !important;
}

.p-45px {
  padding: 45px !important;
}

.gap-46px {
  gap: 46px;
}

.mb-46px {
  margin-bottom: 46px !important;
}

.mt-46px {
  margin-top: 46px !important;
}

.ml-46px {
  margin-left: 46px !important;
}

.mr-46px {
  margin-right: 46px !important;
}

.m-46px {
  margin: 46px !important;
}

.pt-46px {
  padding-top: 46px !important;
}

.pb-46px {
  padding-bottom: 46px !important;
}

.pl-46px {
  padding-left: 46px !important;
}

.pr-46px {
  padding-right: 46px !important;
}

.p-46px {
  padding: 46px !important;
}

.gap-47px {
  gap: 47px;
}

.mb-47px {
  margin-bottom: 47px !important;
}

.mt-47px {
  margin-top: 47px !important;
}

.ml-47px {
  margin-left: 47px !important;
}

.mr-47px {
  margin-right: 47px !important;
}

.m-47px {
  margin: 47px !important;
}

.pt-47px {
  padding-top: 47px !important;
}

.pb-47px {
  padding-bottom: 47px !important;
}

.pl-47px {
  padding-left: 47px !important;
}

.pr-47px {
  padding-right: 47px !important;
}

.p-47px {
  padding: 47px !important;
}

.gap-48px {
  gap: 48px;
}

.mb-48px {
  margin-bottom: 48px !important;
}

.mt-48px {
  margin-top: 48px !important;
}

.ml-48px {
  margin-left: 48px !important;
}

.mr-48px {
  margin-right: 48px !important;
}

.m-48px {
  margin: 48px !important;
}

.pt-48px {
  padding-top: 48px !important;
}

.pb-48px {
  padding-bottom: 48px !important;
}

.pl-48px {
  padding-left: 48px !important;
}

.pr-48px {
  padding-right: 48px !important;
}

.p-48px {
  padding: 48px !important;
}

.gap-49px {
  gap: 49px;
}

.mb-49px {
  margin-bottom: 49px !important;
}

.mt-49px {
  margin-top: 49px !important;
}

.ml-49px {
  margin-left: 49px !important;
}

.mr-49px {
  margin-right: 49px !important;
}

.m-49px {
  margin: 49px !important;
}

.pt-49px {
  padding-top: 49px !important;
}

.pb-49px {
  padding-bottom: 49px !important;
}

.pl-49px {
  padding-left: 49px !important;
}

.pr-49px {
  padding-right: 49px !important;
}

.p-49px {
  padding: 49px !important;
}

.gap-50px {
  gap: 50px;
}

.mb-50px {
  margin-bottom: 50px !important;
}

.mt-50px {
  margin-top: 50px !important;
}

.ml-50px {
  margin-left: 50px !important;
}

.mr-50px {
  margin-right: 50px !important;
}

.m-50px {
  margin: 50px !important;
}

.pt-50px {
  padding-top: 50px !important;
}

.pb-50px {
  padding-bottom: 50px !important;
}

.pl-50px {
  padding-left: 50px !important;
}

.pr-50px {
  padding-right: 50px !important;
}

.p-50px {
  padding: 50px !important;
}

.gap-51px {
  gap: 51px;
}

.mb-51px {
  margin-bottom: 51px !important;
}

.mt-51px {
  margin-top: 51px !important;
}

.ml-51px {
  margin-left: 51px !important;
}

.mr-51px {
  margin-right: 51px !important;
}

.m-51px {
  margin: 51px !important;
}

.pt-51px {
  padding-top: 51px !important;
}

.pb-51px {
  padding-bottom: 51px !important;
}

.pl-51px {
  padding-left: 51px !important;
}

.pr-51px {
  padding-right: 51px !important;
}

.p-51px {
  padding: 51px !important;
}

.gap-52px {
  gap: 52px;
}

.mb-52px {
  margin-bottom: 52px !important;
}

.mt-52px {
  margin-top: 52px !important;
}

.ml-52px {
  margin-left: 52px !important;
}

.mr-52px {
  margin-right: 52px !important;
}

.m-52px {
  margin: 52px !important;
}

.pt-52px {
  padding-top: 52px !important;
}

.pb-52px {
  padding-bottom: 52px !important;
}

.pl-52px {
  padding-left: 52px !important;
}

.pr-52px {
  padding-right: 52px !important;
}

.p-52px {
  padding: 52px !important;
}

.gap-53px {
  gap: 53px;
}

.mb-53px {
  margin-bottom: 53px !important;
}

.mt-53px {
  margin-top: 53px !important;
}

.ml-53px {
  margin-left: 53px !important;
}

.mr-53px {
  margin-right: 53px !important;
}

.m-53px {
  margin: 53px !important;
}

.pt-53px {
  padding-top: 53px !important;
}

.pb-53px {
  padding-bottom: 53px !important;
}

.pl-53px {
  padding-left: 53px !important;
}

.pr-53px {
  padding-right: 53px !important;
}

.p-53px {
  padding: 53px !important;
}

.gap-54px {
  gap: 54px;
}

.mb-54px {
  margin-bottom: 54px !important;
}

.mt-54px {
  margin-top: 54px !important;
}

.ml-54px {
  margin-left: 54px !important;
}

.mr-54px {
  margin-right: 54px !important;
}

.m-54px {
  margin: 54px !important;
}

.pt-54px {
  padding-top: 54px !important;
}

.pb-54px {
  padding-bottom: 54px !important;
}

.pl-54px {
  padding-left: 54px !important;
}

.pr-54px {
  padding-right: 54px !important;
}

.p-54px {
  padding: 54px !important;
}

.gap-55px {
  gap: 55px;
}

.mb-55px {
  margin-bottom: 55px !important;
}

.mt-55px {
  margin-top: 55px !important;
}

.ml-55px {
  margin-left: 55px !important;
}

.mr-55px {
  margin-right: 55px !important;
}

.m-55px {
  margin: 55px !important;
}

.pt-55px {
  padding-top: 55px !important;
}

.pb-55px {
  padding-bottom: 55px !important;
}

.pl-55px {
  padding-left: 55px !important;
}

.pr-55px {
  padding-right: 55px !important;
}

.p-55px {
  padding: 55px !important;
}

.gap-56px {
  gap: 56px;
}

.mb-56px {
  margin-bottom: 56px !important;
}

.mt-56px {
  margin-top: 56px !important;
}

.ml-56px {
  margin-left: 56px !important;
}

.mr-56px {
  margin-right: 56px !important;
}

.m-56px {
  margin: 56px !important;
}

.pt-56px {
  padding-top: 56px !important;
}

.pb-56px {
  padding-bottom: 56px !important;
}

.pl-56px {
  padding-left: 56px !important;
}

.pr-56px {
  padding-right: 56px !important;
}

.p-56px {
  padding: 56px !important;
}

.gap-57px {
  gap: 57px;
}

.mb-57px {
  margin-bottom: 57px !important;
}

.mt-57px {
  margin-top: 57px !important;
}

.ml-57px {
  margin-left: 57px !important;
}

.mr-57px {
  margin-right: 57px !important;
}

.m-57px {
  margin: 57px !important;
}

.pt-57px {
  padding-top: 57px !important;
}

.pb-57px {
  padding-bottom: 57px !important;
}

.pl-57px {
  padding-left: 57px !important;
}

.pr-57px {
  padding-right: 57px !important;
}

.p-57px {
  padding: 57px !important;
}

.gap-58px {
  gap: 58px;
}

.mb-58px {
  margin-bottom: 58px !important;
}

.mt-58px {
  margin-top: 58px !important;
}

.ml-58px {
  margin-left: 58px !important;
}

.mr-58px {
  margin-right: 58px !important;
}

.m-58px {
  margin: 58px !important;
}

.pt-58px {
  padding-top: 58px !important;
}

.pb-58px {
  padding-bottom: 58px !important;
}

.pl-58px {
  padding-left: 58px !important;
}

.pr-58px {
  padding-right: 58px !important;
}

.p-58px {
  padding: 58px !important;
}

.gap-59px {
  gap: 59px;
}

.mb-59px {
  margin-bottom: 59px !important;
}

.mt-59px {
  margin-top: 59px !important;
}

.ml-59px {
  margin-left: 59px !important;
}

.mr-59px {
  margin-right: 59px !important;
}

.m-59px {
  margin: 59px !important;
}

.pt-59px {
  padding-top: 59px !important;
}

.pb-59px {
  padding-bottom: 59px !important;
}

.pl-59px {
  padding-left: 59px !important;
}

.pr-59px {
  padding-right: 59px !important;
}

.p-59px {
  padding: 59px !important;
}

.gap-60px {
  gap: 60px;
}

.mb-60px {
  margin-bottom: 60px !important;
}

.mt-60px {
  margin-top: 60px !important;
}

.ml-60px {
  margin-left: 60px !important;
}

.mr-60px {
  margin-right: 60px !important;
}

.m-60px {
  margin: 60px !important;
}

.pt-60px {
  padding-top: 60px !important;
}

.pb-60px {
  padding-bottom: 60px !important;
}

.pl-60px {
  padding-left: 60px !important;
}

.pr-60px {
  padding-right: 60px !important;
}

.p-60px {
  padding: 60px !important;
}

.gap-61px {
  gap: 61px;
}

.mb-61px {
  margin-bottom: 61px !important;
}

.mt-61px {
  margin-top: 61px !important;
}

.ml-61px {
  margin-left: 61px !important;
}

.mr-61px {
  margin-right: 61px !important;
}

.m-61px {
  margin: 61px !important;
}

.pt-61px {
  padding-top: 61px !important;
}

.pb-61px {
  padding-bottom: 61px !important;
}

.pl-61px {
  padding-left: 61px !important;
}

.pr-61px {
  padding-right: 61px !important;
}

.p-61px {
  padding: 61px !important;
}

.gap-62px {
  gap: 62px;
}

.mb-62px {
  margin-bottom: 62px !important;
}

.mt-62px {
  margin-top: 62px !important;
}

.ml-62px {
  margin-left: 62px !important;
}

.mr-62px {
  margin-right: 62px !important;
}

.m-62px {
  margin: 62px !important;
}

.pt-62px {
  padding-top: 62px !important;
}

.pb-62px {
  padding-bottom: 62px !important;
}

.pl-62px {
  padding-left: 62px !important;
}

.pr-62px {
  padding-right: 62px !important;
}

.p-62px {
  padding: 62px !important;
}

.gap-63px {
  gap: 63px;
}

.mb-63px {
  margin-bottom: 63px !important;
}

.mt-63px {
  margin-top: 63px !important;
}

.ml-63px {
  margin-left: 63px !important;
}

.mr-63px {
  margin-right: 63px !important;
}

.m-63px {
  margin: 63px !important;
}

.pt-63px {
  padding-top: 63px !important;
}

.pb-63px {
  padding-bottom: 63px !important;
}

.pl-63px {
  padding-left: 63px !important;
}

.pr-63px {
  padding-right: 63px !important;
}

.p-63px {
  padding: 63px !important;
}

.gap-64px {
  gap: 64px;
}

.mb-64px {
  margin-bottom: 64px !important;
}

.mt-64px {
  margin-top: 64px !important;
}

.ml-64px {
  margin-left: 64px !important;
}

.mr-64px {
  margin-right: 64px !important;
}

.m-64px {
  margin: 64px !important;
}

.pt-64px {
  padding-top: 64px !important;
}

.pb-64px {
  padding-bottom: 64px !important;
}

.pl-64px {
  padding-left: 64px !important;
}

.pr-64px {
  padding-right: 64px !important;
}

.p-64px {
  padding: 64px !important;
}

.gap-65px {
  gap: 65px;
}

.mb-65px {
  margin-bottom: 65px !important;
}

.mt-65px {
  margin-top: 65px !important;
}

.ml-65px {
  margin-left: 65px !important;
}

.mr-65px {
  margin-right: 65px !important;
}

.m-65px {
  margin: 65px !important;
}

.pt-65px {
  padding-top: 65px !important;
}

.pb-65px {
  padding-bottom: 65px !important;
}

.pl-65px {
  padding-left: 65px !important;
}

.pr-65px {
  padding-right: 65px !important;
}

.p-65px {
  padding: 65px !important;
}

.gap-66px {
  gap: 66px;
}

.mb-66px {
  margin-bottom: 66px !important;
}

.mt-66px {
  margin-top: 66px !important;
}

.ml-66px {
  margin-left: 66px !important;
}

.mr-66px {
  margin-right: 66px !important;
}

.m-66px {
  margin: 66px !important;
}

.pt-66px {
  padding-top: 66px !important;
}

.pb-66px {
  padding-bottom: 66px !important;
}

.pl-66px {
  padding-left: 66px !important;
}

.pr-66px {
  padding-right: 66px !important;
}

.p-66px {
  padding: 66px !important;
}

.gap-67px {
  gap: 67px;
}

.mb-67px {
  margin-bottom: 67px !important;
}

.mt-67px {
  margin-top: 67px !important;
}

.ml-67px {
  margin-left: 67px !important;
}

.mr-67px {
  margin-right: 67px !important;
}

.m-67px {
  margin: 67px !important;
}

.pt-67px {
  padding-top: 67px !important;
}

.pb-67px {
  padding-bottom: 67px !important;
}

.pl-67px {
  padding-left: 67px !important;
}

.pr-67px {
  padding-right: 67px !important;
}

.p-67px {
  padding: 67px !important;
}

.gap-68px {
  gap: 68px;
}

.mb-68px {
  margin-bottom: 68px !important;
}

.mt-68px {
  margin-top: 68px !important;
}

.ml-68px {
  margin-left: 68px !important;
}

.mr-68px {
  margin-right: 68px !important;
}

.m-68px {
  margin: 68px !important;
}

.pt-68px {
  padding-top: 68px !important;
}

.pb-68px {
  padding-bottom: 68px !important;
}

.pl-68px {
  padding-left: 68px !important;
}

.pr-68px {
  padding-right: 68px !important;
}

.p-68px {
  padding: 68px !important;
}

.gap-69px {
  gap: 69px;
}

.mb-69px {
  margin-bottom: 69px !important;
}

.mt-69px {
  margin-top: 69px !important;
}

.ml-69px {
  margin-left: 69px !important;
}

.mr-69px {
  margin-right: 69px !important;
}

.m-69px {
  margin: 69px !important;
}

.pt-69px {
  padding-top: 69px !important;
}

.pb-69px {
  padding-bottom: 69px !important;
}

.pl-69px {
  padding-left: 69px !important;
}

.pr-69px {
  padding-right: 69px !important;
}

.p-69px {
  padding: 69px !important;
}

.gap-70px {
  gap: 70px;
}

.mb-70px {
  margin-bottom: 70px !important;
}

.mt-70px {
  margin-top: 70px !important;
}

.ml-70px {
  margin-left: 70px !important;
}

.mr-70px {
  margin-right: 70px !important;
}

.m-70px {
  margin: 70px !important;
}

.pt-70px {
  padding-top: 70px !important;
}

.pb-70px {
  padding-bottom: 70px !important;
}

.pl-70px {
  padding-left: 70px !important;
}

.pr-70px {
  padding-right: 70px !important;
}

.p-70px {
  padding: 70px !important;
}

.gap-71px {
  gap: 71px;
}

.mb-71px {
  margin-bottom: 71px !important;
}

.mt-71px {
  margin-top: 71px !important;
}

.ml-71px {
  margin-left: 71px !important;
}

.mr-71px {
  margin-right: 71px !important;
}

.m-71px {
  margin: 71px !important;
}

.pt-71px {
  padding-top: 71px !important;
}

.pb-71px {
  padding-bottom: 71px !important;
}

.pl-71px {
  padding-left: 71px !important;
}

.pr-71px {
  padding-right: 71px !important;
}

.p-71px {
  padding: 71px !important;
}

.gap-72px {
  gap: 72px;
}

.mb-72px {
  margin-bottom: 72px !important;
}

.mt-72px {
  margin-top: 72px !important;
}

.ml-72px {
  margin-left: 72px !important;
}

.mr-72px {
  margin-right: 72px !important;
}

.m-72px {
  margin: 72px !important;
}

.pt-72px {
  padding-top: 72px !important;
}

.pb-72px {
  padding-bottom: 72px !important;
}

.pl-72px {
  padding-left: 72px !important;
}

.pr-72px {
  padding-right: 72px !important;
}

.p-72px {
  padding: 72px !important;
}

.gap-73px {
  gap: 73px;
}

.mb-73px {
  margin-bottom: 73px !important;
}

.mt-73px {
  margin-top: 73px !important;
}

.ml-73px {
  margin-left: 73px !important;
}

.mr-73px {
  margin-right: 73px !important;
}

.m-73px {
  margin: 73px !important;
}

.pt-73px {
  padding-top: 73px !important;
}

.pb-73px {
  padding-bottom: 73px !important;
}

.pl-73px {
  padding-left: 73px !important;
}

.pr-73px {
  padding-right: 73px !important;
}

.p-73px {
  padding: 73px !important;
}

.gap-74px {
  gap: 74px;
}

.mb-74px {
  margin-bottom: 74px !important;
}

.mt-74px {
  margin-top: 74px !important;
}

.ml-74px {
  margin-left: 74px !important;
}

.mr-74px {
  margin-right: 74px !important;
}

.m-74px {
  margin: 74px !important;
}

.pt-74px {
  padding-top: 74px !important;
}

.pb-74px {
  padding-bottom: 74px !important;
}

.pl-74px {
  padding-left: 74px !important;
}

.pr-74px {
  padding-right: 74px !important;
}

.p-74px {
  padding: 74px !important;
}

.gap-75px {
  gap: 75px;
}

.mb-75px {
  margin-bottom: 75px !important;
}

.mt-75px {
  margin-top: 75px !important;
}

.ml-75px {
  margin-left: 75px !important;
}

.mr-75px {
  margin-right: 75px !important;
}

.m-75px {
  margin: 75px !important;
}

.pt-75px {
  padding-top: 75px !important;
}

.pb-75px {
  padding-bottom: 75px !important;
}

.pl-75px {
  padding-left: 75px !important;
}

.pr-75px {
  padding-right: 75px !important;
}

.p-75px {
  padding: 75px !important;
}

.gap-76px {
  gap: 76px;
}

.mb-76px {
  margin-bottom: 76px !important;
}

.mt-76px {
  margin-top: 76px !important;
}

.ml-76px {
  margin-left: 76px !important;
}

.mr-76px {
  margin-right: 76px !important;
}

.m-76px {
  margin: 76px !important;
}

.pt-76px {
  padding-top: 76px !important;
}

.pb-76px {
  padding-bottom: 76px !important;
}

.pl-76px {
  padding-left: 76px !important;
}

.pr-76px {
  padding-right: 76px !important;
}

.p-76px {
  padding: 76px !important;
}

.gap-77px {
  gap: 77px;
}

.mb-77px {
  margin-bottom: 77px !important;
}

.mt-77px {
  margin-top: 77px !important;
}

.ml-77px {
  margin-left: 77px !important;
}

.mr-77px {
  margin-right: 77px !important;
}

.m-77px {
  margin: 77px !important;
}

.pt-77px {
  padding-top: 77px !important;
}

.pb-77px {
  padding-bottom: 77px !important;
}

.pl-77px {
  padding-left: 77px !important;
}

.pr-77px {
  padding-right: 77px !important;
}

.p-77px {
  padding: 77px !important;
}

.gap-78px {
  gap: 78px;
}

.mb-78px {
  margin-bottom: 78px !important;
}

.mt-78px {
  margin-top: 78px !important;
}

.ml-78px {
  margin-left: 78px !important;
}

.mr-78px {
  margin-right: 78px !important;
}

.m-78px {
  margin: 78px !important;
}

.pt-78px {
  padding-top: 78px !important;
}

.pb-78px {
  padding-bottom: 78px !important;
}

.pl-78px {
  padding-left: 78px !important;
}

.pr-78px {
  padding-right: 78px !important;
}

.p-78px {
  padding: 78px !important;
}

.gap-79px {
  gap: 79px;
}

.mb-79px {
  margin-bottom: 79px !important;
}

.mt-79px {
  margin-top: 79px !important;
}

.ml-79px {
  margin-left: 79px !important;
}

.mr-79px {
  margin-right: 79px !important;
}

.m-79px {
  margin: 79px !important;
}

.pt-79px {
  padding-top: 79px !important;
}

.pb-79px {
  padding-bottom: 79px !important;
}

.pl-79px {
  padding-left: 79px !important;
}

.pr-79px {
  padding-right: 79px !important;
}

.p-79px {
  padding: 79px !important;
}

.gap-80px {
  gap: 80px;
}

.mb-80px {
  margin-bottom: 80px !important;
}

.mt-80px {
  margin-top: 80px !important;
}

.ml-80px {
  margin-left: 80px !important;
}

.mr-80px {
  margin-right: 80px !important;
}

.m-80px {
  margin: 80px !important;
}

.pt-80px {
  padding-top: 80px !important;
}

.pb-80px {
  padding-bottom: 80px !important;
}

.pl-80px {
  padding-left: 80px !important;
}

.pr-80px {
  padding-right: 80px !important;
}

.p-80px {
  padding: 80px !important;
}

.gap-81px {
  gap: 81px;
}

.mb-81px {
  margin-bottom: 81px !important;
}

.mt-81px {
  margin-top: 81px !important;
}

.ml-81px {
  margin-left: 81px !important;
}

.mr-81px {
  margin-right: 81px !important;
}

.m-81px {
  margin: 81px !important;
}

.pt-81px {
  padding-top: 81px !important;
}

.pb-81px {
  padding-bottom: 81px !important;
}

.pl-81px {
  padding-left: 81px !important;
}

.pr-81px {
  padding-right: 81px !important;
}

.p-81px {
  padding: 81px !important;
}

.gap-82px {
  gap: 82px;
}

.mb-82px {
  margin-bottom: 82px !important;
}

.mt-82px {
  margin-top: 82px !important;
}

.ml-82px {
  margin-left: 82px !important;
}

.mr-82px {
  margin-right: 82px !important;
}

.m-82px {
  margin: 82px !important;
}

.pt-82px {
  padding-top: 82px !important;
}

.pb-82px {
  padding-bottom: 82px !important;
}

.pl-82px {
  padding-left: 82px !important;
}

.pr-82px {
  padding-right: 82px !important;
}

.p-82px {
  padding: 82px !important;
}

.gap-83px {
  gap: 83px;
}

.mb-83px {
  margin-bottom: 83px !important;
}

.mt-83px {
  margin-top: 83px !important;
}

.ml-83px {
  margin-left: 83px !important;
}

.mr-83px {
  margin-right: 83px !important;
}

.m-83px {
  margin: 83px !important;
}

.pt-83px {
  padding-top: 83px !important;
}

.pb-83px {
  padding-bottom: 83px !important;
}

.pl-83px {
  padding-left: 83px !important;
}

.pr-83px {
  padding-right: 83px !important;
}

.p-83px {
  padding: 83px !important;
}

.gap-84px {
  gap: 84px;
}

.mb-84px {
  margin-bottom: 84px !important;
}

.mt-84px {
  margin-top: 84px !important;
}

.ml-84px {
  margin-left: 84px !important;
}

.mr-84px {
  margin-right: 84px !important;
}

.m-84px {
  margin: 84px !important;
}

.pt-84px {
  padding-top: 84px !important;
}

.pb-84px {
  padding-bottom: 84px !important;
}

.pl-84px {
  padding-left: 84px !important;
}

.pr-84px {
  padding-right: 84px !important;
}

.p-84px {
  padding: 84px !important;
}

.gap-85px {
  gap: 85px;
}

.mb-85px {
  margin-bottom: 85px !important;
}

.mt-85px {
  margin-top: 85px !important;
}

.ml-85px {
  margin-left: 85px !important;
}

.mr-85px {
  margin-right: 85px !important;
}

.m-85px {
  margin: 85px !important;
}

.pt-85px {
  padding-top: 85px !important;
}

.pb-85px {
  padding-bottom: 85px !important;
}

.pl-85px {
  padding-left: 85px !important;
}

.pr-85px {
  padding-right: 85px !important;
}

.p-85px {
  padding: 85px !important;
}

.gap-86px {
  gap: 86px;
}

.mb-86px {
  margin-bottom: 86px !important;
}

.mt-86px {
  margin-top: 86px !important;
}

.ml-86px {
  margin-left: 86px !important;
}

.mr-86px {
  margin-right: 86px !important;
}

.m-86px {
  margin: 86px !important;
}

.pt-86px {
  padding-top: 86px !important;
}

.pb-86px {
  padding-bottom: 86px !important;
}

.pl-86px {
  padding-left: 86px !important;
}

.pr-86px {
  padding-right: 86px !important;
}

.p-86px {
  padding: 86px !important;
}

.gap-87px {
  gap: 87px;
}

.mb-87px {
  margin-bottom: 87px !important;
}

.mt-87px {
  margin-top: 87px !important;
}

.ml-87px {
  margin-left: 87px !important;
}

.mr-87px {
  margin-right: 87px !important;
}

.m-87px {
  margin: 87px !important;
}

.pt-87px {
  padding-top: 87px !important;
}

.pb-87px {
  padding-bottom: 87px !important;
}

.pl-87px {
  padding-left: 87px !important;
}

.pr-87px {
  padding-right: 87px !important;
}

.p-87px {
  padding: 87px !important;
}

.gap-88px {
  gap: 88px;
}

.mb-88px {
  margin-bottom: 88px !important;
}

.mt-88px {
  margin-top: 88px !important;
}

.ml-88px {
  margin-left: 88px !important;
}

.mr-88px {
  margin-right: 88px !important;
}

.m-88px {
  margin: 88px !important;
}

.pt-88px {
  padding-top: 88px !important;
}

.pb-88px {
  padding-bottom: 88px !important;
}

.pl-88px {
  padding-left: 88px !important;
}

.pr-88px {
  padding-right: 88px !important;
}

.p-88px {
  padding: 88px !important;
}

.gap-89px {
  gap: 89px;
}

.mb-89px {
  margin-bottom: 89px !important;
}

.mt-89px {
  margin-top: 89px !important;
}

.ml-89px {
  margin-left: 89px !important;
}

.mr-89px {
  margin-right: 89px !important;
}

.m-89px {
  margin: 89px !important;
}

.pt-89px {
  padding-top: 89px !important;
}

.pb-89px {
  padding-bottom: 89px !important;
}

.pl-89px {
  padding-left: 89px !important;
}

.pr-89px {
  padding-right: 89px !important;
}

.p-89px {
  padding: 89px !important;
}

.gap-90px {
  gap: 90px;
}

.mb-90px {
  margin-bottom: 90px !important;
}

.mt-90px {
  margin-top: 90px !important;
}

.ml-90px {
  margin-left: 90px !important;
}

.mr-90px {
  margin-right: 90px !important;
}

.m-90px {
  margin: 90px !important;
}

.pt-90px {
  padding-top: 90px !important;
}

.pb-90px {
  padding-bottom: 90px !important;
}

.pl-90px {
  padding-left: 90px !important;
}

.pr-90px {
  padding-right: 90px !important;
}

.p-90px {
  padding: 90px !important;
}

.gap-91px {
  gap: 91px;
}

.mb-91px {
  margin-bottom: 91px !important;
}

.mt-91px {
  margin-top: 91px !important;
}

.ml-91px {
  margin-left: 91px !important;
}

.mr-91px {
  margin-right: 91px !important;
}

.m-91px {
  margin: 91px !important;
}

.pt-91px {
  padding-top: 91px !important;
}

.pb-91px {
  padding-bottom: 91px !important;
}

.pl-91px {
  padding-left: 91px !important;
}

.pr-91px {
  padding-right: 91px !important;
}

.p-91px {
  padding: 91px !important;
}

.gap-92px {
  gap: 92px;
}

.mb-92px {
  margin-bottom: 92px !important;
}

.mt-92px {
  margin-top: 92px !important;
}

.ml-92px {
  margin-left: 92px !important;
}

.mr-92px {
  margin-right: 92px !important;
}

.m-92px {
  margin: 92px !important;
}

.pt-92px {
  padding-top: 92px !important;
}

.pb-92px {
  padding-bottom: 92px !important;
}

.pl-92px {
  padding-left: 92px !important;
}

.pr-92px {
  padding-right: 92px !important;
}

.p-92px {
  padding: 92px !important;
}

.gap-93px {
  gap: 93px;
}

.mb-93px {
  margin-bottom: 93px !important;
}

.mt-93px {
  margin-top: 93px !important;
}

.ml-93px {
  margin-left: 93px !important;
}

.mr-93px {
  margin-right: 93px !important;
}

.m-93px {
  margin: 93px !important;
}

.pt-93px {
  padding-top: 93px !important;
}

.pb-93px {
  padding-bottom: 93px !important;
}

.pl-93px {
  padding-left: 93px !important;
}

.pr-93px {
  padding-right: 93px !important;
}

.p-93px {
  padding: 93px !important;
}

.gap-94px {
  gap: 94px;
}

.mb-94px {
  margin-bottom: 94px !important;
}

.mt-94px {
  margin-top: 94px !important;
}

.ml-94px {
  margin-left: 94px !important;
}

.mr-94px {
  margin-right: 94px !important;
}

.m-94px {
  margin: 94px !important;
}

.pt-94px {
  padding-top: 94px !important;
}

.pb-94px {
  padding-bottom: 94px !important;
}

.pl-94px {
  padding-left: 94px !important;
}

.pr-94px {
  padding-right: 94px !important;
}

.p-94px {
  padding: 94px !important;
}

.gap-95px {
  gap: 95px;
}

.mb-95px {
  margin-bottom: 95px !important;
}

.mt-95px {
  margin-top: 95px !important;
}

.ml-95px {
  margin-left: 95px !important;
}

.mr-95px {
  margin-right: 95px !important;
}

.m-95px {
  margin: 95px !important;
}

.pt-95px {
  padding-top: 95px !important;
}

.pb-95px {
  padding-bottom: 95px !important;
}

.pl-95px {
  padding-left: 95px !important;
}

.pr-95px {
  padding-right: 95px !important;
}

.p-95px {
  padding: 95px !important;
}

.gap-96px {
  gap: 96px;
}

.mb-96px {
  margin-bottom: 96px !important;
}

.mt-96px {
  margin-top: 96px !important;
}

.ml-96px {
  margin-left: 96px !important;
}

.mr-96px {
  margin-right: 96px !important;
}

.m-96px {
  margin: 96px !important;
}

.pt-96px {
  padding-top: 96px !important;
}

.pb-96px {
  padding-bottom: 96px !important;
}

.pl-96px {
  padding-left: 96px !important;
}

.pr-96px {
  padding-right: 96px !important;
}

.p-96px {
  padding: 96px !important;
}

.gap-97px {
  gap: 97px;
}

.mb-97px {
  margin-bottom: 97px !important;
}

.mt-97px {
  margin-top: 97px !important;
}

.ml-97px {
  margin-left: 97px !important;
}

.mr-97px {
  margin-right: 97px !important;
}

.m-97px {
  margin: 97px !important;
}

.pt-97px {
  padding-top: 97px !important;
}

.pb-97px {
  padding-bottom: 97px !important;
}

.pl-97px {
  padding-left: 97px !important;
}

.pr-97px {
  padding-right: 97px !important;
}

.p-97px {
  padding: 97px !important;
}

.gap-98px {
  gap: 98px;
}

.mb-98px {
  margin-bottom: 98px !important;
}

.mt-98px {
  margin-top: 98px !important;
}

.ml-98px {
  margin-left: 98px !important;
}

.mr-98px {
  margin-right: 98px !important;
}

.m-98px {
  margin: 98px !important;
}

.pt-98px {
  padding-top: 98px !important;
}

.pb-98px {
  padding-bottom: 98px !important;
}

.pl-98px {
  padding-left: 98px !important;
}

.pr-98px {
  padding-right: 98px !important;
}

.p-98px {
  padding: 98px !important;
}

.gap-99px {
  gap: 99px;
}

.mb-99px {
  margin-bottom: 99px !important;
}

.mt-99px {
  margin-top: 99px !important;
}

.ml-99px {
  margin-left: 99px !important;
}

.mr-99px {
  margin-right: 99px !important;
}

.m-99px {
  margin: 99px !important;
}

.pt-99px {
  padding-top: 99px !important;
}

.pb-99px {
  padding-bottom: 99px !important;
}

.pl-99px {
  padding-left: 99px !important;
}

.pr-99px {
  padding-right: 99px !important;
}

.p-99px {
  padding: 99px !important;
}

.gap-100px {
  gap: 100px;
}

.mb-100px {
  margin-bottom: 100px !important;
}

.mt-100px {
  margin-top: 100px !important;
}

.ml-100px {
  margin-left: 100px !important;
}

.mr-100px {
  margin-right: 100px !important;
}

.m-100px {
  margin: 100px !important;
}

.pt-100px {
  padding-top: 100px !important;
}

.pb-100px {
  padding-bottom: 100px !important;
}

.pl-100px {
  padding-left: 100px !important;
}

.pr-100px {
  padding-right: 100px !important;
}

.p-100px {
  padding: 100px !important;
}

body,
.offcanvas-content {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body::-webkit-scrollbar,
.offcanvas-content::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  margin-left: 10px;
  background: #eff5f5;
}

::-webkit-scrollbar-thumb {
  background: #78829d;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #78829d;
}

[x-show=isUploading] {
  display: none !important;
}

input:focus {
  border-color: #7d40ab !important;
}

input::-moz-placeholder {
  color: #78829d !important;
}

input::placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder {
  color: #78829d !important;
}

.form-control {
  border: 1px solid #dbdfe9;
  background: #fcfcfc;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  padding: 16px 14px;
  height: 48px;
  color: #071437;
}

.form-control:focus {
  border-color: #7d40ab !important;
}

textarea.form-control {
  resize: vertical;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.password-wrapper {
  position: relative;
}

.password-wrapper .btn-password-toggle {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 18px;
  height: 18px;
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.password-wrapper .btn-password-toggle img {
  width: 18px;
  height: 18px;
}

.checkbox-list .checkbox:not(:last-child) {
  margin-bottom: 13px !important;
}

.checkbox {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 14px !important;
  color: #4b5675 !important;
  font-weight: 400;
}

.checkbox:last-child {
  margin-bottom: 0;
}

.checkbox span {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background-color: #fff;
  border-color: #dbdfe9 !important;
}

.checkbox.w-26 span {
  width: 26px;
  height: 26px;
  border-radius: 6px;
}

.checkbox>input:checked~span {
  border-color: #7d40ab !important;
}

.checkbox>input:checked~span:after {
  background-image: url(../media/icons/ic_check.svg);
  border: none;
  width: 10px;
  height: 7px;
  transform: none;
  background-repeat: no-repeat;
  background-size: contain;
  top: 1px;
  position: relative;
}

.view-lead-form .checkbox.w-26 {
  color: #252f4a !important;
}

.view-lead-form .checkbox.w-26 span::after {
  width: 13px;
  height: 9px;
}

.bordered-checkbox-list {
  flex-direction: row;
  gap: 12px;
}

.bordered-checkbox-list .bordered-checkbox {
  position: relative;
  margin: 0;
  cursor: default !important;
}

.bordered-checkbox-list .bordered-checkbox .checkbox {
  border: 1px solid #dbdfe9;
  border-radius: 6px;
  height: 24px;
  padding: 0 6px;
  background: #f8f9fb;
  font-size: 11px;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.bordered-checkbox-list .bordered-checkbox .checkbox span {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background-color: #fff;
  margin: 0;
  border-color: #dbdfe9 !important;
  transition: all 0.3s ease;
}

.bordered-checkbox-list .bordered-checkbox .checkbox.checked {
  border-color: rgba(125, 64, 171, 0.2);
  background: #f2ecf7;
  transition: all 0.3s ease;
  color: #7d40ab !important;
}

.bordered-checkbox-list .bordered-checkbox .checkbox.checked span {
  border-color: #7d40ab !important;
  background: #7d40ab !important;
}

.bordered-checkbox-list .bordered-checkbox .checkbox.checked span:after {
  background-image: url(../media/icons/ic_check.svg);
  border: none;
  width: 7px;
  height: 5px;
  transform: none;
  background-repeat: no-repeat;
  background-size: contain;
  top: 1px;
  position: relative;
}

.bordered-checkbox-list .bordered-checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 0;
}

.custom-file {
  height: 40px;
  z-index: 0;
}

.custom-file .custom-file-input {
  height: 40px;
}

.custom-file .custom-file-label {
  height: 40px;
  padding-left: 115px;
  line-height: 20px;
  border-radius: 6px;
  border-color: #dbdfe9;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.custom-file .custom-file-label:not(.selected) {
  color: #78829d;
}

.custom-file .custom-file-label::after {
  left: -1px;
  top: -1px;
  right: unset;
  border-radius: 6px 0px 0px 6px;
  font-size: 13px;
  line-height: 14px;
  color: #7d40ab;
  height: 40px;
  background: #f2ecf7;
  border: 1px solid rgba(125, 64, 171, 0.2);
  padding: 13px;
  content: "Choose File" !important;
}

.image-input.custom-image-input {
  border-radius: 50%;
  width: 72px;
  height: 72px;
  background-image: url(../media/logos/logo.png);
  background-size: 33.6px;
  background-position: center;
  border: 2px solid #dbdfe9;
}

.image-input.custom-image-input .image-input-wrapper {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: none !important;
  box-shadow: none !important;
}

.image-input.custom-image-input .image-input-wrapper~input {
  width: 0;
  height: 0;
  opacity: 0;
}

.image-input [data-action=cancel] {
  top: 1px;
  right: 1px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0705882353);
  border: 1px solid #dbdfe9;
  width: 20px;
  height: 20px;
}

.image-input [data-action=cancel] img {
  filter: brightness(0) saturate(100%) invert(20%) sepia(57%) saturate(6673%) hue-rotate(337deg) brightness(88%) contrast(92%);
}

.image-input [data-action=change] {
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
}

.switch-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.switch-wrapper .switch-label {
  font-size: 15px;
  line-height: 16px;
  font-weight: 600;
  margin: 0;
  cursor: pointer;
}

.switch {
  width: 38px;
  height: 26px;
}

.switch.switch-sm {
  width: 24px;
  height: 16px;
}

.switch.switch-sm input:empty~span {
  margin: 0;
  width: 24px;
  height: 16px;
}

.switch.switch-sm input:empty~span::before {
  width: 24px !important;
}

.switch.switch-sm input:empty~span::after {
  width: 12px;
  height: 12px;
  left: 2px;
  margin-left: 0;
}

.switch.switch-sm input:checked~span::after {
  margin-left: 8px;
}

.switch input:empty~span {
  width: 38px;
  height: 26px;
}

.switch input:empty~span::before {
  width: 100%;
  background: #dbdfe9;
}

.switch input:empty~span::after {
  width: 20px;
  margin-left: 0;
  height: 20px;
  left: 4px;
  opacity: 1;
  background: #fff !important;
}

.switch input:checked~span::after {
  margin-left: 10px;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
}

.switch input:checked~span::before {
  background: #7d40ab !important;
}

.create-attachment.dropzone.dropzone-default {
  border: none !important;
  background: #fdf9ff;
  width: 72px;
  height: 72px;
  padding: 0;
  border-radius: 6px;
  margin: 0 !important;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%237D40AB4D' stroke-width='2' stroke-dasharray='8%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 6px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 16px 0;
  justify-content: center;
}

.create-attachment.dropzone.dropzone-default .dropzone-msg.dz-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 !important;
  gap: 4px;
}

.create-attachment.dropzone.dropzone-default .dropzone-msg.dz-message h3 {
  color: #7d40ab;
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  font-weight: 500;
}

.create-attachment.dropzone.dropzone-default .dropzone-msg.dz-message img {
  position: relative;
  transform: rotate(90deg);
  width: 24px;
  height: 24px;
  filter: brightness(0) saturate(100%) invert(28%) sepia(16%) saturate(5799%) hue-rotate(250deg) brightness(95%) contrast(87%);
}

.create-attachment.dropzone.dropzone-default .dz-preview.dz-image-preview {
  margin: 0;
  min-height: auto;
  width: 100%;
  height: 100%;
  background: #fdf9ff !important;
  text-align: center;
}

.create-attachment.dropzone.dropzone-default .dz-preview.dz-image-preview .dz-details {
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 12px;
  min-width: auto;
  max-width: -moz-max-content;
  max-width: max-content;
  top: 15px;
}

.create-attachment.dropzone.dropzone-default .dz-preview .dz-image {
  width: 100%;
  height: 100%;
}

.create-attachment.dropzone.dropzone-default .dz-preview .dz-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 20px;
}

.create-attachment.dropzone.dropzone-default .dz-preview .dz-error-message {
  top: 70px;
  width: 90px;
  padding: 7px;
  font-size: 10px;
  line-height: 13px;
}

.create-attachment.dropzone.dropzone-default .dz-preview .dz-details .dz-size {
  font-size: 12px;
  line-height: 12px;
}

.create-attachment.dropzone.dropzone-default .dz-preview .dz-success-mark,
.create-attachment.dropzone.dropzone-default .dz-preview .dz-error-mark {
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 20px;
}

.create-attachment.dropzone.dropzone-default .dz-preview .dz-success-mark svg,
.create-attachment.dropzone.dropzone-default .dz-preview .dz-error-mark svg {
  width: 28px;
  height: 28px;
  margin: 0 auto;
}

.create-client-request-form textarea,
.create-new-request-form textarea,
.create-new-service-form textarea {
  min-height: 90px;
}

.bg-primary {
  background-color: #7d40ab !important;
}

.text-primary {
  color: #7d40ab !important;
}

.bg-light-primary {
  background-color: #f8f5ff !important;
}

.select-hover-bg-primary:hover {
  background-color: #f8f5ff !important;
}

.bg-gray {
  background-color: #87909e !important;
}

.text-gray {
  color: #87909e !important;
}

.bg-light-gray {
  background-color: rgba(135, 144, 158, 0.1019607843) !important;
}

.select-hover-bg-gray:hover {
  background-color: rgba(135, 144, 158, 0.1019607843) !important;
}

.bg-blue {
  background-color: #1b84ff !important;
}

.text-blue {
  color: #1b84ff !important;
}

.bg-light-blue {
  background-color: #eff6ff !important;
}

.select-hover-bg-blue:hover {
  background-color: #eff6ff !important;
}

.bg-tomato {
  background-color: #ff6f1e !important;
}

.text-tomato {
  color: #ff6f1e !important;
}

.bg-light-tomato {
  background-color: #fff5ef !important;
}

.select-hover-bg-tomato:hover {
  background-color: #fff5ef !important;
}

.bg-yellow {
  background-color: #dfa000 !important;
}

.text-yellow {
  color: #dfa000 !important;
}

.bg-light-yellow {
  background-color: #fff8dd !important;
}

.select-hover-bg-yellow:hover {
  background-color: #fff8dd !important;
}

.bg-green {
  background-color: #04b440 !important;
}

.text-green {
  color: #04b440 !important;
}

.bg-light-green {
  background-color: #eafff1 !important;
}

.select-hover-bg-green:hover {
  background-color: #eafff1 !important;
}

.bg-red {
  background-color: #d81a48 !important;
}

.text-red {
  color: #d81a48 !important;
}

.bg-light-red {
  background-color: #ffeef3 !important;
}

.select-hover-bg-red:hover {
  background-color: #ffeef3 !important;
}

.text-secondary {
  color: #4b5675 !important;
}

a.text-primary {
  color: #53187f !important;
  text-decoration: underline;
}

a.text-primary:hover {
  color: #53187f !important;
}

a:hover {
  color: #53187f;
}

.text-font-dark {
  color: #071437 !important;
}

.btn {
  border-radius: 0.375rem;
}

.text-font-light {
  color: #78829d !important;
}

.max-width-300px {
  max-width: 300px !important;
}

.bg-color-box {
  background-color: #fcfcfc !important;
}

.font-11 {
  font-size: 11px !important;
  line-height: 11px !important;
}

.font-12 {
  font-size: 12px !important;
  line-height: 12px !important;
}

.font-14 {
  font-size: 14px !important;
  line-height: 14px !important;
}

.font-15 {
  font-size: 15px !important;
  line-height: 15px !important;
}

.font-16 {
  font-size: 16px !important;
  line-height: 16px !important;
}

.line-height-13px {
  line-height: 13px !important;
}

.line-height-15px {
  line-height: 15px !important;
}

.line-height-16px {
  line-height: 16px !important;
}

.line-height-17px {
  line-height: 17px !important;
}

.line-height-18px {
  line-height: 18px !important;
}

.line-height-19px {
  line-height: 19px !important;
}

.line-height-24px {
  line-height: 24px !important;
}

@media (max-width: 768px) {
  .line-height-max-md-24px {
    line-height: 24px !important;
  }

  .line-height-max-md-20px {
    line-height: 20px !important;
  }
}

.w-220px {
  width: 220px;
}

.border-b-box-line {
  border-bottom: 1px solid #f1f1f4 !important;
}

.border-r-hover-line {
  border-right: 1px solid #c4c4da !important;
}

.text-underline-none {
  text-decoration: none !important;
}

.gap-1px {
  gap: 1px;
}

.mb-1px {
  margin-bottom: 1px !important;
}

.mt-1px {
  margin-top: 1px !important;
}

.ml-1px {
  margin-left: 1px !important;
}

.mr-1px {
  margin-right: 1px !important;
}

.m-1px {
  margin: 1px !important;
}

.pt-1px {
  padding-top: 1px !important;
}

.pb-1px {
  padding-bottom: 1px !important;
}

.pl-1px {
  padding-left: 1px !important;
}

.pr-1px {
  padding-right: 1px !important;
}

.p-1px {
  padding: 1px !important;
}

.gap-2px {
  gap: 2px;
}

.mb-2px {
  margin-bottom: 2px !important;
}

.mt-2px {
  margin-top: 2px !important;
}

.ml-2px {
  margin-left: 2px !important;
}

.mr-2px {
  margin-right: 2px !important;
}

.m-2px {
  margin: 2px !important;
}

.pt-2px {
  padding-top: 2px !important;
}

.pb-2px {
  padding-bottom: 2px !important;
}

.pl-2px {
  padding-left: 2px !important;
}

.pr-2px {
  padding-right: 2px !important;
}

.p-2px {
  padding: 2px !important;
}

.gap-3px {
  gap: 3px;
}

.mb-3px {
  margin-bottom: 3px !important;
}

.mt-3px {
  margin-top: 3px !important;
}

.ml-3px {
  margin-left: 3px !important;
}

.mr-3px {
  margin-right: 3px !important;
}

.m-3px {
  margin: 3px !important;
}

.pt-3px {
  padding-top: 3px !important;
}

.pb-3px {
  padding-bottom: 3px !important;
}

.pl-3px {
  padding-left: 3px !important;
}

.pr-3px {
  padding-right: 3px !important;
}

.p-3px {
  padding: 3px !important;
}

.gap-4px {
  gap: 4px;
}

.mb-4px {
  margin-bottom: 4px !important;
}

.mt-4px {
  margin-top: 4px !important;
}

.ml-4px {
  margin-left: 4px !important;
}

.mr-4px {
  margin-right: 4px !important;
}

.m-4px {
  margin: 4px !important;
}

.pt-4px {
  padding-top: 4px !important;
}

.pb-4px {
  padding-bottom: 4px !important;
}

.pl-4px {
  padding-left: 4px !important;
}

.pr-4px {
  padding-right: 4px !important;
}

.p-4px {
  padding: 4px !important;
}

.gap-5px {
  gap: 5px;
}

.mb-5px {
  margin-bottom: 5px !important;
}

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

.ml-5px {
  margin-left: 5px !important;
}

.mr-5px {
  margin-right: 5px !important;
}

.m-5px {
  margin: 5px !important;
}

.pt-5px {
  padding-top: 5px !important;
}

.pb-5px {
  padding-bottom: 5px !important;
}

.pl-5px {
  padding-left: 5px !important;
}

.pr-5px {
  padding-right: 5px !important;
}

.p-5px {
  padding: 5px !important;
}

.gap-6px {
  gap: 6px;
}

.mb-6px {
  margin-bottom: 6px !important;
}

.mt-6px {
  margin-top: 6px !important;
}

.ml-6px {
  margin-left: 6px !important;
}

.mr-6px {
  margin-right: 6px !important;
}

.m-6px {
  margin: 6px !important;
}

.pt-6px {
  padding-top: 6px !important;
}

.pb-6px {
  padding-bottom: 6px !important;
}

.pl-6px {
  padding-left: 6px !important;
}

.pr-6px {
  padding-right: 6px !important;
}

.p-6px {
  padding: 6px !important;
}

.gap-7px {
  gap: 7px;
}

.mb-7px {
  margin-bottom: 7px !important;
}

.mt-7px {
  margin-top: 7px !important;
}

.ml-7px {
  margin-left: 7px !important;
}

.mr-7px {
  margin-right: 7px !important;
}

.m-7px {
  margin: 7px !important;
}

.pt-7px {
  padding-top: 7px !important;
}

.pb-7px {
  padding-bottom: 7px !important;
}

.pl-7px {
  padding-left: 7px !important;
}

.pr-7px {
  padding-right: 7px !important;
}

.p-7px {
  padding: 7px !important;
}

.gap-8px {
  gap: 8px;
}

.mb-8px {
  margin-bottom: 8px !important;
}

.mt-8px {
  margin-top: 8px !important;
}

.ml-8px {
  margin-left: 8px !important;
}

.mr-8px {
  margin-right: 8px !important;
}

.m-8px {
  margin: 8px !important;
}

.pt-8px {
  padding-top: 8px !important;
}

.pb-8px {
  padding-bottom: 8px !important;
}

.pl-8px {
  padding-left: 8px !important;
}

.pr-8px {
  padding-right: 8px !important;
}

.p-8px {
  padding: 8px !important;
}

.gap-9px {
  gap: 9px;
}

.mb-9px {
  margin-bottom: 9px !important;
}

.mt-9px {
  margin-top: 9px !important;
}

.ml-9px {
  margin-left: 9px !important;
}

.mr-9px {
  margin-right: 9px !important;
}

.m-9px {
  margin: 9px !important;
}

.pt-9px {
  padding-top: 9px !important;
}

.pb-9px {
  padding-bottom: 9px !important;
}

.pl-9px {
  padding-left: 9px !important;
}

.pr-9px {
  padding-right: 9px !important;
}

.p-9px {
  padding: 9px !important;
}

.gap-10px {
  gap: 10px;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.ml-10px {
  margin-left: 10px !important;
}

.mr-10px {
  margin-right: 10px !important;
}

.m-10px {
  margin: 10px !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.pb-10px {
  padding-bottom: 10px !important;
}

.pl-10px {
  padding-left: 10px !important;
}

.pr-10px {
  padding-right: 10px !important;
}

.p-10px {
  padding: 10px !important;
}

.gap-11px {
  gap: 11px;
}

.mb-11px {
  margin-bottom: 11px !important;
}

.mt-11px {
  margin-top: 11px !important;
}

.ml-11px {
  margin-left: 11px !important;
}

.mr-11px {
  margin-right: 11px !important;
}

.m-11px {
  margin: 11px !important;
}

.pt-11px {
  padding-top: 11px !important;
}

.pb-11px {
  padding-bottom: 11px !important;
}

.pl-11px {
  padding-left: 11px !important;
}

.pr-11px {
  padding-right: 11px !important;
}

.p-11px {
  padding: 11px !important;
}

.gap-12px {
  gap: 12px;
}

.mb-12px {
  margin-bottom: 12px !important;
}

.mt-12px {
  margin-top: 12px !important;
}

.ml-12px {
  margin-left: 12px !important;
}

.mr-12px {
  margin-right: 12px !important;
}

.m-12px {
  margin: 12px !important;
}

.pt-12px {
  padding-top: 12px !important;
}

.pb-12px {
  padding-bottom: 12px !important;
}

.pl-12px {
  padding-left: 12px !important;
}

.pr-12px {
  padding-right: 12px !important;
}

.p-12px {
  padding: 12px !important;
}

.gap-13px {
  gap: 13px;
}

.mb-13px {
  margin-bottom: 13px !important;
}

.mt-13px {
  margin-top: 13px !important;
}

.ml-13px {
  margin-left: 13px !important;
}

.mr-13px {
  margin-right: 13px !important;
}

.m-13px {
  margin: 13px !important;
}

.pt-13px {
  padding-top: 13px !important;
}

.pb-13px {
  padding-bottom: 13px !important;
}

.pl-13px {
  padding-left: 13px !important;
}

.pr-13px {
  padding-right: 13px !important;
}

.p-13px {
  padding: 13px !important;
}

.gap-14px {
  gap: 14px;
}

.mb-14px {
  margin-bottom: 14px !important;
}

.mt-14px {
  margin-top: 14px !important;
}

.ml-14px {
  margin-left: 14px !important;
}

.mr-14px {
  margin-right: 14px !important;
}

.m-14px {
  margin: 14px !important;
}

.pt-14px {
  padding-top: 14px !important;
}

.pb-14px {
  padding-bottom: 14px !important;
}

.pl-14px {
  padding-left: 14px !important;
}

.pr-14px {
  padding-right: 14px !important;
}

.p-14px {
  padding: 14px !important;
}

.gap-15px {
  gap: 15px;
}

.mb-15px {
  margin-bottom: 15px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.ml-15px {
  margin-left: 15px !important;
}

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

.m-15px {
  margin: 15px !important;
}

.pt-15px {
  padding-top: 15px !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.pl-15px {
  padding-left: 15px !important;
}

.pr-15px {
  padding-right: 15px !important;
}

.p-15px {
  padding: 15px !important;
}

.gap-16px {
  gap: 16px;
}

.mb-16px {
  margin-bottom: 16px !important;
}

.mt-16px {
  margin-top: 16px !important;
}

.ml-16px {
  margin-left: 16px !important;
}

.mr-16px {
  margin-right: 16px !important;
}

.m-16px {
  margin: 16px !important;
}

.pt-16px {
  padding-top: 16px !important;
}

.pb-16px {
  padding-bottom: 16px !important;
}

.pl-16px {
  padding-left: 16px !important;
}

.pr-16px {
  padding-right: 16px !important;
}

.p-16px {
  padding: 16px !important;
}

.gap-17px {
  gap: 17px;
}

.mb-17px {
  margin-bottom: 17px !important;
}

.mt-17px {
  margin-top: 17px !important;
}

.ml-17px {
  margin-left: 17px !important;
}

.mr-17px {
  margin-right: 17px !important;
}

.m-17px {
  margin: 17px !important;
}

.pt-17px {
  padding-top: 17px !important;
}

.pb-17px {
  padding-bottom: 17px !important;
}

.pl-17px {
  padding-left: 17px !important;
}

.pr-17px {
  padding-right: 17px !important;
}

.p-17px {
  padding: 17px !important;
}

.gap-18px {
  gap: 18px;
}

.mb-18px {
  margin-bottom: 18px !important;
}

.mt-18px {
  margin-top: 18px !important;
}

.ml-18px {
  margin-left: 18px !important;
}

.mr-18px {
  margin-right: 18px !important;
}

.m-18px {
  margin: 18px !important;
}

.pt-18px {
  padding-top: 18px !important;
}

.pb-18px {
  padding-bottom: 18px !important;
}

.pl-18px {
  padding-left: 18px !important;
}

.pr-18px {
  padding-right: 18px !important;
}

.p-18px {
  padding: 18px !important;
}

.gap-19px {
  gap: 19px;
}

.mb-19px {
  margin-bottom: 19px !important;
}

.mt-19px {
  margin-top: 19px !important;
}

.ml-19px {
  margin-left: 19px !important;
}

.mr-19px {
  margin-right: 19px !important;
}

.m-19px {
  margin: 19px !important;
}

.pt-19px {
  padding-top: 19px !important;
}

.pb-19px {
  padding-bottom: 19px !important;
}

.pl-19px {
  padding-left: 19px !important;
}

.pr-19px {
  padding-right: 19px !important;
}

.p-19px {
  padding: 19px !important;
}

.gap-20px {
  gap: 20px;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.ml-20px {
  margin-left: 20px !important;
}

.mr-20px {
  margin-right: 20px !important;
}

.m-20px {
  margin: 20px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.pl-20px {
  padding-left: 20px !important;
}

.pr-20px {
  padding-right: 20px !important;
}

.p-20px {
  padding: 20px !important;
}

.gap-21px {
  gap: 21px;
}

.mb-21px {
  margin-bottom: 21px !important;
}

.mt-21px {
  margin-top: 21px !important;
}

.ml-21px {
  margin-left: 21px !important;
}

.mr-21px {
  margin-right: 21px !important;
}

.m-21px {
  margin: 21px !important;
}

.pt-21px {
  padding-top: 21px !important;
}

.pb-21px {
  padding-bottom: 21px !important;
}

.pl-21px {
  padding-left: 21px !important;
}

.pr-21px {
  padding-right: 21px !important;
}

.p-21px {
  padding: 21px !important;
}

.gap-22px {
  gap: 22px;
}

.mb-22px {
  margin-bottom: 22px !important;
}

.mt-22px {
  margin-top: 22px !important;
}

.ml-22px {
  margin-left: 22px !important;
}

.mr-22px {
  margin-right: 22px !important;
}

.m-22px {
  margin: 22px !important;
}

.pt-22px {
  padding-top: 22px !important;
}

.pb-22px {
  padding-bottom: 22px !important;
}

.pl-22px {
  padding-left: 22px !important;
}

.pr-22px {
  padding-right: 22px !important;
}

.p-22px {
  padding: 22px !important;
}

.gap-23px {
  gap: 23px;
}

.mb-23px {
  margin-bottom: 23px !important;
}

.mt-23px {
  margin-top: 23px !important;
}

.ml-23px {
  margin-left: 23px !important;
}

.mr-23px {
  margin-right: 23px !important;
}

.m-23px {
  margin: 23px !important;
}

.pt-23px {
  padding-top: 23px !important;
}

.pb-23px {
  padding-bottom: 23px !important;
}

.pl-23px {
  padding-left: 23px !important;
}

.pr-23px {
  padding-right: 23px !important;
}

.p-23px {
  padding: 23px !important;
}

.gap-24px {
  gap: 24px;
}

.mb-24px {
  margin-bottom: 24px !important;
}

.mt-24px {
  margin-top: 24px !important;
}

.ml-24px {
  margin-left: 24px !important;
}

.mr-24px {
  margin-right: 24px !important;
}

.m-24px {
  margin: 24px !important;
}

.pt-24px {
  padding-top: 24px !important;
}

.pb-24px {
  padding-bottom: 24px !important;
}

.pl-24px {
  padding-left: 24px !important;
}

.pr-24px {
  padding-right: 24px !important;
}

.p-24px {
  padding: 24px !important;
}

.gap-25px {
  gap: 25px;
}

.mb-25px {
  margin-bottom: 25px !important;
}

.mt-25px {
  margin-top: 25px !important;
}

.ml-25px {
  margin-left: 25px !important;
}

.mr-25px {
  margin-right: 25px !important;
}

.m-25px {
  margin: 25px !important;
}

.pt-25px {
  padding-top: 25px !important;
}

.pb-25px {
  padding-bottom: 25px !important;
}

.pl-25px {
  padding-left: 25px !important;
}

.pr-25px {
  padding-right: 25px !important;
}

.p-25px {
  padding: 25px !important;
}

.gap-26px {
  gap: 26px;
}

.mb-26px {
  margin-bottom: 26px !important;
}

.mt-26px {
  margin-top: 26px !important;
}

.ml-26px {
  margin-left: 26px !important;
}

.mr-26px {
  margin-right: 26px !important;
}

.m-26px {
  margin: 26px !important;
}

.pt-26px {
  padding-top: 26px !important;
}

.pb-26px {
  padding-bottom: 26px !important;
}

.pl-26px {
  padding-left: 26px !important;
}

.pr-26px {
  padding-right: 26px !important;
}

.p-26px {
  padding: 26px !important;
}

.gap-27px {
  gap: 27px;
}

.mb-27px {
  margin-bottom: 27px !important;
}

.mt-27px {
  margin-top: 27px !important;
}

.ml-27px {
  margin-left: 27px !important;
}

.mr-27px {
  margin-right: 27px !important;
}

.m-27px {
  margin: 27px !important;
}

.pt-27px {
  padding-top: 27px !important;
}

.pb-27px {
  padding-bottom: 27px !important;
}

.pl-27px {
  padding-left: 27px !important;
}

.pr-27px {
  padding-right: 27px !important;
}

.p-27px {
  padding: 27px !important;
}

.gap-28px {
  gap: 28px;
}

.mb-28px {
  margin-bottom: 28px !important;
}

.mt-28px {
  margin-top: 28px !important;
}

.ml-28px {
  margin-left: 28px !important;
}

.mr-28px {
  margin-right: 28px !important;
}

.m-28px {
  margin: 28px !important;
}

.pt-28px {
  padding-top: 28px !important;
}

.pb-28px {
  padding-bottom: 28px !important;
}

.pl-28px {
  padding-left: 28px !important;
}

.pr-28px {
  padding-right: 28px !important;
}

.p-28px {
  padding: 28px !important;
}

.gap-29px {
  gap: 29px;
}

.mb-29px {
  margin-bottom: 29px !important;
}

.mt-29px {
  margin-top: 29px !important;
}

.ml-29px {
  margin-left: 29px !important;
}

.mr-29px {
  margin-right: 29px !important;
}

.m-29px {
  margin: 29px !important;
}

.pt-29px {
  padding-top: 29px !important;
}

.pb-29px {
  padding-bottom: 29px !important;
}

.pl-29px {
  padding-left: 29px !important;
}

.pr-29px {
  padding-right: 29px !important;
}

.p-29px {
  padding: 29px !important;
}

.gap-30px {
  gap: 30px;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.mt-30px {
  margin-top: 30px !important;
}

.ml-30px {
  margin-left: 30px !important;
}

.mr-30px {
  margin-right: 30px !important;
}

.m-30px {
  margin: 30px !important;
}

.pt-30px {
  padding-top: 30px !important;
}

.pb-30px {
  padding-bottom: 30px !important;
}

.pl-30px {
  padding-left: 30px !important;
}

.pr-30px {
  padding-right: 30px !important;
}

.p-30px {
  padding: 30px !important;
}

.gap-31px {
  gap: 31px;
}

.mb-31px {
  margin-bottom: 31px !important;
}

.mt-31px {
  margin-top: 31px !important;
}

.ml-31px {
  margin-left: 31px !important;
}

.mr-31px {
  margin-right: 31px !important;
}

.m-31px {
  margin: 31px !important;
}

.pt-31px {
  padding-top: 31px !important;
}

.pb-31px {
  padding-bottom: 31px !important;
}

.pl-31px {
  padding-left: 31px !important;
}

.pr-31px {
  padding-right: 31px !important;
}

.p-31px {
  padding: 31px !important;
}

.gap-32px {
  gap: 32px;
}

.mb-32px {
  margin-bottom: 32px !important;
}

.mt-32px {
  margin-top: 32px !important;
}

.ml-32px {
  margin-left: 32px !important;
}

.mr-32px {
  margin-right: 32px !important;
}

.m-32px {
  margin: 32px !important;
}

.pt-32px {
  padding-top: 32px !important;
}

.pb-32px {
  padding-bottom: 32px !important;
}

.pl-32px {
  padding-left: 32px !important;
}

.pr-32px {
  padding-right: 32px !important;
}

.p-32px {
  padding: 32px !important;
}

.gap-33px {
  gap: 33px;
}

.mb-33px {
  margin-bottom: 33px !important;
}

.mt-33px {
  margin-top: 33px !important;
}

.ml-33px {
  margin-left: 33px !important;
}

.mr-33px {
  margin-right: 33px !important;
}

.m-33px {
  margin: 33px !important;
}

.pt-33px {
  padding-top: 33px !important;
}

.pb-33px {
  padding-bottom: 33px !important;
}

.pl-33px {
  padding-left: 33px !important;
}

.pr-33px {
  padding-right: 33px !important;
}

.p-33px {
  padding: 33px !important;
}

.gap-34px {
  gap: 34px;
}

.mb-34px {
  margin-bottom: 34px !important;
}

.mt-34px {
  margin-top: 34px !important;
}

.ml-34px {
  margin-left: 34px !important;
}

.mr-34px {
  margin-right: 34px !important;
}

.m-34px {
  margin: 34px !important;
}

.pt-34px {
  padding-top: 34px !important;
}

.pb-34px {
  padding-bottom: 34px !important;
}

.pl-34px {
  padding-left: 34px !important;
}

.pr-34px {
  padding-right: 34px !important;
}

.p-34px {
  padding: 34px !important;
}

.gap-35px {
  gap: 35px;
}

.mb-35px {
  margin-bottom: 35px !important;
}

.mt-35px {
  margin-top: 35px !important;
}

.ml-35px {
  margin-left: 35px !important;
}

.mr-35px {
  margin-right: 35px !important;
}

.m-35px {
  margin: 35px !important;
}

.pt-35px {
  padding-top: 35px !important;
}

.pb-35px {
  padding-bottom: 35px !important;
}

.pl-35px {
  padding-left: 35px !important;
}

.pr-35px {
  padding-right: 35px !important;
}

.p-35px {
  padding: 35px !important;
}

.gap-36px {
  gap: 36px;
}

.mb-36px {
  margin-bottom: 36px !important;
}

.mt-36px {
  margin-top: 36px !important;
}

.ml-36px {
  margin-left: 36px !important;
}

.mr-36px {
  margin-right: 36px !important;
}

.m-36px {
  margin: 36px !important;
}

.pt-36px {
  padding-top: 36px !important;
}

.pb-36px {
  padding-bottom: 36px !important;
}

.pl-36px {
  padding-left: 36px !important;
}

.pr-36px {
  padding-right: 36px !important;
}

.p-36px {
  padding: 36px !important;
}

.gap-37px {
  gap: 37px;
}

.mb-37px {
  margin-bottom: 37px !important;
}

.mt-37px {
  margin-top: 37px !important;
}

.ml-37px {
  margin-left: 37px !important;
}

.mr-37px {
  margin-right: 37px !important;
}

.m-37px {
  margin: 37px !important;
}

.pt-37px {
  padding-top: 37px !important;
}

.pb-37px {
  padding-bottom: 37px !important;
}

.pl-37px {
  padding-left: 37px !important;
}

.pr-37px {
  padding-right: 37px !important;
}

.p-37px {
  padding: 37px !important;
}

.gap-38px {
  gap: 38px;
}

.mb-38px {
  margin-bottom: 38px !important;
}

.mt-38px {
  margin-top: 38px !important;
}

.ml-38px {
  margin-left: 38px !important;
}

.mr-38px {
  margin-right: 38px !important;
}

.m-38px {
  margin: 38px !important;
}

.pt-38px {
  padding-top: 38px !important;
}

.pb-38px {
  padding-bottom: 38px !important;
}

.pl-38px {
  padding-left: 38px !important;
}

.pr-38px {
  padding-right: 38px !important;
}

.p-38px {
  padding: 38px !important;
}

.gap-39px {
  gap: 39px;
}

.mb-39px {
  margin-bottom: 39px !important;
}

.mt-39px {
  margin-top: 39px !important;
}

.ml-39px {
  margin-left: 39px !important;
}

.mr-39px {
  margin-right: 39px !important;
}

.m-39px {
  margin: 39px !important;
}

.pt-39px {
  padding-top: 39px !important;
}

.pb-39px {
  padding-bottom: 39px !important;
}

.pl-39px {
  padding-left: 39px !important;
}

.pr-39px {
  padding-right: 39px !important;
}

.p-39px {
  padding: 39px !important;
}

.gap-40px {
  gap: 40px;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.mt-40px {
  margin-top: 40px !important;
}

.ml-40px {
  margin-left: 40px !important;
}

.mr-40px {
  margin-right: 40px !important;
}

.m-40px {
  margin: 40px !important;
}

.pt-40px {
  padding-top: 40px !important;
}

.pb-40px {
  padding-bottom: 40px !important;
}

.pl-40px {
  padding-left: 40px !important;
}

.pr-40px {
  padding-right: 40px !important;
}

.p-40px {
  padding: 40px !important;
}

.gap-41px {
  gap: 41px;
}

.mb-41px {
  margin-bottom: 41px !important;
}

.mt-41px {
  margin-top: 41px !important;
}

.ml-41px {
  margin-left: 41px !important;
}

.mr-41px {
  margin-right: 41px !important;
}

.m-41px {
  margin: 41px !important;
}

.pt-41px {
  padding-top: 41px !important;
}

.pb-41px {
  padding-bottom: 41px !important;
}

.pl-41px {
  padding-left: 41px !important;
}

.pr-41px {
  padding-right: 41px !important;
}

.p-41px {
  padding: 41px !important;
}

.gap-42px {
  gap: 42px;
}

.mb-42px {
  margin-bottom: 42px !important;
}

.mt-42px {
  margin-top: 42px !important;
}

.ml-42px {
  margin-left: 42px !important;
}

.mr-42px {
  margin-right: 42px !important;
}

.m-42px {
  margin: 42px !important;
}

.pt-42px {
  padding-top: 42px !important;
}

.pb-42px {
  padding-bottom: 42px !important;
}

.pl-42px {
  padding-left: 42px !important;
}

.pr-42px {
  padding-right: 42px !important;
}

.p-42px {
  padding: 42px !important;
}

.gap-43px {
  gap: 43px;
}

.mb-43px {
  margin-bottom: 43px !important;
}

.mt-43px {
  margin-top: 43px !important;
}

.ml-43px {
  margin-left: 43px !important;
}

.mr-43px {
  margin-right: 43px !important;
}

.m-43px {
  margin: 43px !important;
}

.pt-43px {
  padding-top: 43px !important;
}

.pb-43px {
  padding-bottom: 43px !important;
}

.pl-43px {
  padding-left: 43px !important;
}

.pr-43px {
  padding-right: 43px !important;
}

.p-43px {
  padding: 43px !important;
}

.gap-44px {
  gap: 44px;
}

.mb-44px {
  margin-bottom: 44px !important;
}

.mt-44px {
  margin-top: 44px !important;
}

.ml-44px {
  margin-left: 44px !important;
}

.mr-44px {
  margin-right: 44px !important;
}

.m-44px {
  margin: 44px !important;
}

.pt-44px {
  padding-top: 44px !important;
}

.pb-44px {
  padding-bottom: 44px !important;
}

.pl-44px {
  padding-left: 44px !important;
}

.pr-44px {
  padding-right: 44px !important;
}

.p-44px {
  padding: 44px !important;
}

.gap-45px {
  gap: 45px;
}

.mb-45px {
  margin-bottom: 45px !important;
}

.mt-45px {
  margin-top: 45px !important;
}

.ml-45px {
  margin-left: 45px !important;
}

.mr-45px {
  margin-right: 45px !important;
}

.m-45px {
  margin: 45px !important;
}

.pt-45px {
  padding-top: 45px !important;
}

.pb-45px {
  padding-bottom: 45px !important;
}

.pl-45px {
  padding-left: 45px !important;
}

.pr-45px {
  padding-right: 45px !important;
}

.p-45px {
  padding: 45px !important;
}

.gap-46px {
  gap: 46px;
}

.mb-46px {
  margin-bottom: 46px !important;
}

.mt-46px {
  margin-top: 46px !important;
}

.ml-46px {
  margin-left: 46px !important;
}

.mr-46px {
  margin-right: 46px !important;
}

.m-46px {
  margin: 46px !important;
}

.pt-46px {
  padding-top: 46px !important;
}

.pb-46px {
  padding-bottom: 46px !important;
}

.pl-46px {
  padding-left: 46px !important;
}

.pr-46px {
  padding-right: 46px !important;
}

.p-46px {
  padding: 46px !important;
}

.gap-47px {
  gap: 47px;
}

.mb-47px {
  margin-bottom: 47px !important;
}

.mt-47px {
  margin-top: 47px !important;
}

.ml-47px {
  margin-left: 47px !important;
}

.mr-47px {
  margin-right: 47px !important;
}

.m-47px {
  margin: 47px !important;
}

.pt-47px {
  padding-top: 47px !important;
}

.pb-47px {
  padding-bottom: 47px !important;
}

.pl-47px {
  padding-left: 47px !important;
}

.pr-47px {
  padding-right: 47px !important;
}

.p-47px {
  padding: 47px !important;
}

.gap-48px {
  gap: 48px;
}

.mb-48px {
  margin-bottom: 48px !important;
}

.mt-48px {
  margin-top: 48px !important;
}

.ml-48px {
  margin-left: 48px !important;
}

.mr-48px {
  margin-right: 48px !important;
}

.m-48px {
  margin: 48px !important;
}

.pt-48px {
  padding-top: 48px !important;
}

.pb-48px {
  padding-bottom: 48px !important;
}

.pl-48px {
  padding-left: 48px !important;
}

.pr-48px {
  padding-right: 48px !important;
}

.p-48px {
  padding: 48px !important;
}

.gap-49px {
  gap: 49px;
}

.mb-49px {
  margin-bottom: 49px !important;
}

.mt-49px {
  margin-top: 49px !important;
}

.ml-49px {
  margin-left: 49px !important;
}

.mr-49px {
  margin-right: 49px !important;
}

.m-49px {
  margin: 49px !important;
}

.pt-49px {
  padding-top: 49px !important;
}

.pb-49px {
  padding-bottom: 49px !important;
}

.pl-49px {
  padding-left: 49px !important;
}

.pr-49px {
  padding-right: 49px !important;
}

.p-49px {
  padding: 49px !important;
}

.gap-50px {
  gap: 50px;
}

.mb-50px {
  margin-bottom: 50px !important;
}

.mt-50px {
  margin-top: 50px !important;
}

.ml-50px {
  margin-left: 50px !important;
}

.mr-50px {
  margin-right: 50px !important;
}

.m-50px {
  margin: 50px !important;
}

.pt-50px {
  padding-top: 50px !important;
}

.pb-50px {
  padding-bottom: 50px !important;
}

.pl-50px {
  padding-left: 50px !important;
}

.pr-50px {
  padding-right: 50px !important;
}

.p-50px {
  padding: 50px !important;
}

.gap-51px {
  gap: 51px;
}

.mb-51px {
  margin-bottom: 51px !important;
}

.mt-51px {
  margin-top: 51px !important;
}

.ml-51px {
  margin-left: 51px !important;
}

.mr-51px {
  margin-right: 51px !important;
}

.m-51px {
  margin: 51px !important;
}

.pt-51px {
  padding-top: 51px !important;
}

.pb-51px {
  padding-bottom: 51px !important;
}

.pl-51px {
  padding-left: 51px !important;
}

.pr-51px {
  padding-right: 51px !important;
}

.p-51px {
  padding: 51px !important;
}

.gap-52px {
  gap: 52px;
}

.mb-52px {
  margin-bottom: 52px !important;
}

.mt-52px {
  margin-top: 52px !important;
}

.ml-52px {
  margin-left: 52px !important;
}

.mr-52px {
  margin-right: 52px !important;
}

.m-52px {
  margin: 52px !important;
}

.pt-52px {
  padding-top: 52px !important;
}

.pb-52px {
  padding-bottom: 52px !important;
}

.pl-52px {
  padding-left: 52px !important;
}

.pr-52px {
  padding-right: 52px !important;
}

.p-52px {
  padding: 52px !important;
}

.gap-53px {
  gap: 53px;
}

.mb-53px {
  margin-bottom: 53px !important;
}

.mt-53px {
  margin-top: 53px !important;
}

.ml-53px {
  margin-left: 53px !important;
}

.mr-53px {
  margin-right: 53px !important;
}

.m-53px {
  margin: 53px !important;
}

.pt-53px {
  padding-top: 53px !important;
}

.pb-53px {
  padding-bottom: 53px !important;
}

.pl-53px {
  padding-left: 53px !important;
}

.pr-53px {
  padding-right: 53px !important;
}

.p-53px {
  padding: 53px !important;
}

.gap-54px {
  gap: 54px;
}

.mb-54px {
  margin-bottom: 54px !important;
}

.mt-54px {
  margin-top: 54px !important;
}

.ml-54px {
  margin-left: 54px !important;
}

.mr-54px {
  margin-right: 54px !important;
}

.m-54px {
  margin: 54px !important;
}

.pt-54px {
  padding-top: 54px !important;
}

.pb-54px {
  padding-bottom: 54px !important;
}

.pl-54px {
  padding-left: 54px !important;
}

.pr-54px {
  padding-right: 54px !important;
}

.p-54px {
  padding: 54px !important;
}

.gap-55px {
  gap: 55px;
}

.mb-55px {
  margin-bottom: 55px !important;
}

.mt-55px {
  margin-top: 55px !important;
}

.ml-55px {
  margin-left: 55px !important;
}

.mr-55px {
  margin-right: 55px !important;
}

.m-55px {
  margin: 55px !important;
}

.pt-55px {
  padding-top: 55px !important;
}

.pb-55px {
  padding-bottom: 55px !important;
}

.pl-55px {
  padding-left: 55px !important;
}

.pr-55px {
  padding-right: 55px !important;
}

.p-55px {
  padding: 55px !important;
}

.gap-56px {
  gap: 56px;
}

.mb-56px {
  margin-bottom: 56px !important;
}

.mt-56px {
  margin-top: 56px !important;
}

.ml-56px {
  margin-left: 56px !important;
}

.mr-56px {
  margin-right: 56px !important;
}

.m-56px {
  margin: 56px !important;
}

.pt-56px {
  padding-top: 56px !important;
}

.pb-56px {
  padding-bottom: 56px !important;
}

.pl-56px {
  padding-left: 56px !important;
}

.pr-56px {
  padding-right: 56px !important;
}

.p-56px {
  padding: 56px !important;
}

.gap-57px {
  gap: 57px;
}

.mb-57px {
  margin-bottom: 57px !important;
}

.mt-57px {
  margin-top: 57px !important;
}

.ml-57px {
  margin-left: 57px !important;
}

.mr-57px {
  margin-right: 57px !important;
}

.m-57px {
  margin: 57px !important;
}

.pt-57px {
  padding-top: 57px !important;
}

.pb-57px {
  padding-bottom: 57px !important;
}

.pl-57px {
  padding-left: 57px !important;
}

.pr-57px {
  padding-right: 57px !important;
}

.p-57px {
  padding: 57px !important;
}

.gap-58px {
  gap: 58px;
}

.mb-58px {
  margin-bottom: 58px !important;
}

.mt-58px {
  margin-top: 58px !important;
}

.ml-58px {
  margin-left: 58px !important;
}

.mr-58px {
  margin-right: 58px !important;
}

.m-58px {
  margin: 58px !important;
}

.pt-58px {
  padding-top: 58px !important;
}

.pb-58px {
  padding-bottom: 58px !important;
}

.pl-58px {
  padding-left: 58px !important;
}

.pr-58px {
  padding-right: 58px !important;
}

.p-58px {
  padding: 58px !important;
}

.gap-59px {
  gap: 59px;
}

.mb-59px {
  margin-bottom: 59px !important;
}

.mt-59px {
  margin-top: 59px !important;
}

.ml-59px {
  margin-left: 59px !important;
}

.mr-59px {
  margin-right: 59px !important;
}

.m-59px {
  margin: 59px !important;
}

.pt-59px {
  padding-top: 59px !important;
}

.pb-59px {
  padding-bottom: 59px !important;
}

.pl-59px {
  padding-left: 59px !important;
}

.pr-59px {
  padding-right: 59px !important;
}

.p-59px {
  padding: 59px !important;
}

.gap-60px {
  gap: 60px;
}

.mb-60px {
  margin-bottom: 60px !important;
}

.mt-60px {
  margin-top: 60px !important;
}

.ml-60px {
  margin-left: 60px !important;
}

.mr-60px {
  margin-right: 60px !important;
}

.m-60px {
  margin: 60px !important;
}

.pt-60px {
  padding-top: 60px !important;
}

.pb-60px {
  padding-bottom: 60px !important;
}

.pl-60px {
  padding-left: 60px !important;
}

.pr-60px {
  padding-right: 60px !important;
}

.p-60px {
  padding: 60px !important;
}

.gap-61px {
  gap: 61px;
}

.mb-61px {
  margin-bottom: 61px !important;
}

.mt-61px {
  margin-top: 61px !important;
}

.ml-61px {
  margin-left: 61px !important;
}

.mr-61px {
  margin-right: 61px !important;
}

.m-61px {
  margin: 61px !important;
}

.pt-61px {
  padding-top: 61px !important;
}

.pb-61px {
  padding-bottom: 61px !important;
}

.pl-61px {
  padding-left: 61px !important;
}

.pr-61px {
  padding-right: 61px !important;
}

.p-61px {
  padding: 61px !important;
}

.gap-62px {
  gap: 62px;
}

.mb-62px {
  margin-bottom: 62px !important;
}

.mt-62px {
  margin-top: 62px !important;
}

.ml-62px {
  margin-left: 62px !important;
}

.mr-62px {
  margin-right: 62px !important;
}

.m-62px {
  margin: 62px !important;
}

.pt-62px {
  padding-top: 62px !important;
}

.pb-62px {
  padding-bottom: 62px !important;
}

.pl-62px {
  padding-left: 62px !important;
}

.pr-62px {
  padding-right: 62px !important;
}

.p-62px {
  padding: 62px !important;
}

.gap-63px {
  gap: 63px;
}

.mb-63px {
  margin-bottom: 63px !important;
}

.mt-63px {
  margin-top: 63px !important;
}

.ml-63px {
  margin-left: 63px !important;
}

.mr-63px {
  margin-right: 63px !important;
}

.m-63px {
  margin: 63px !important;
}

.pt-63px {
  padding-top: 63px !important;
}

.pb-63px {
  padding-bottom: 63px !important;
}

.pl-63px {
  padding-left: 63px !important;
}

.pr-63px {
  padding-right: 63px !important;
}

.p-63px {
  padding: 63px !important;
}

.gap-64px {
  gap: 64px;
}

.mb-64px {
  margin-bottom: 64px !important;
}

.mt-64px {
  margin-top: 64px !important;
}

.ml-64px {
  margin-left: 64px !important;
}

.mr-64px {
  margin-right: 64px !important;
}

.m-64px {
  margin: 64px !important;
}

.pt-64px {
  padding-top: 64px !important;
}

.pb-64px {
  padding-bottom: 64px !important;
}

.pl-64px {
  padding-left: 64px !important;
}

.pr-64px {
  padding-right: 64px !important;
}

.p-64px {
  padding: 64px !important;
}

.gap-65px {
  gap: 65px;
}

.mb-65px {
  margin-bottom: 65px !important;
}

.mt-65px {
  margin-top: 65px !important;
}

.ml-65px {
  margin-left: 65px !important;
}

.mr-65px {
  margin-right: 65px !important;
}

.m-65px {
  margin: 65px !important;
}

.pt-65px {
  padding-top: 65px !important;
}

.pb-65px {
  padding-bottom: 65px !important;
}

.pl-65px {
  padding-left: 65px !important;
}

.pr-65px {
  padding-right: 65px !important;
}

.p-65px {
  padding: 65px !important;
}

.gap-66px {
  gap: 66px;
}

.mb-66px {
  margin-bottom: 66px !important;
}

.mt-66px {
  margin-top: 66px !important;
}

.ml-66px {
  margin-left: 66px !important;
}

.mr-66px {
  margin-right: 66px !important;
}

.m-66px {
  margin: 66px !important;
}

.pt-66px {
  padding-top: 66px !important;
}

.pb-66px {
  padding-bottom: 66px !important;
}

.pl-66px {
  padding-left: 66px !important;
}

.pr-66px {
  padding-right: 66px !important;
}

.p-66px {
  padding: 66px !important;
}

.gap-67px {
  gap: 67px;
}

.mb-67px {
  margin-bottom: 67px !important;
}

.mt-67px {
  margin-top: 67px !important;
}

.ml-67px {
  margin-left: 67px !important;
}

.mr-67px {
  margin-right: 67px !important;
}

.m-67px {
  margin: 67px !important;
}

.pt-67px {
  padding-top: 67px !important;
}

.pb-67px {
  padding-bottom: 67px !important;
}

.pl-67px {
  padding-left: 67px !important;
}

.pr-67px {
  padding-right: 67px !important;
}

.p-67px {
  padding: 67px !important;
}

.gap-68px {
  gap: 68px;
}

.mb-68px {
  margin-bottom: 68px !important;
}

.mt-68px {
  margin-top: 68px !important;
}

.ml-68px {
  margin-left: 68px !important;
}

.mr-68px {
  margin-right: 68px !important;
}

.m-68px {
  margin: 68px !important;
}

.pt-68px {
  padding-top: 68px !important;
}

.pb-68px {
  padding-bottom: 68px !important;
}

.pl-68px {
  padding-left: 68px !important;
}

.pr-68px {
  padding-right: 68px !important;
}

.p-68px {
  padding: 68px !important;
}

.gap-69px {
  gap: 69px;
}

.mb-69px {
  margin-bottom: 69px !important;
}

.mt-69px {
  margin-top: 69px !important;
}

.ml-69px {
  margin-left: 69px !important;
}

.mr-69px {
  margin-right: 69px !important;
}

.m-69px {
  margin: 69px !important;
}

.pt-69px {
  padding-top: 69px !important;
}

.pb-69px {
  padding-bottom: 69px !important;
}

.pl-69px {
  padding-left: 69px !important;
}

.pr-69px {
  padding-right: 69px !important;
}

.p-69px {
  padding: 69px !important;
}

.gap-70px {
  gap: 70px;
}

.mb-70px {
  margin-bottom: 70px !important;
}

.mt-70px {
  margin-top: 70px !important;
}

.ml-70px {
  margin-left: 70px !important;
}

.mr-70px {
  margin-right: 70px !important;
}

.m-70px {
  margin: 70px !important;
}

.pt-70px {
  padding-top: 70px !important;
}

.pb-70px {
  padding-bottom: 70px !important;
}

.pl-70px {
  padding-left: 70px !important;
}

.pr-70px {
  padding-right: 70px !important;
}

.p-70px {
  padding: 70px !important;
}

.gap-71px {
  gap: 71px;
}

.mb-71px {
  margin-bottom: 71px !important;
}

.mt-71px {
  margin-top: 71px !important;
}

.ml-71px {
  margin-left: 71px !important;
}

.mr-71px {
  margin-right: 71px !important;
}

.m-71px {
  margin: 71px !important;
}

.pt-71px {
  padding-top: 71px !important;
}

.pb-71px {
  padding-bottom: 71px !important;
}

.pl-71px {
  padding-left: 71px !important;
}

.pr-71px {
  padding-right: 71px !important;
}

.p-71px {
  padding: 71px !important;
}

.gap-72px {
  gap: 72px;
}

.mb-72px {
  margin-bottom: 72px !important;
}

.mt-72px {
  margin-top: 72px !important;
}

.ml-72px {
  margin-left: 72px !important;
}

.mr-72px {
  margin-right: 72px !important;
}

.m-72px {
  margin: 72px !important;
}

.pt-72px {
  padding-top: 72px !important;
}

.pb-72px {
  padding-bottom: 72px !important;
}

.pl-72px {
  padding-left: 72px !important;
}

.pr-72px {
  padding-right: 72px !important;
}

.p-72px {
  padding: 72px !important;
}

.gap-73px {
  gap: 73px;
}

.mb-73px {
  margin-bottom: 73px !important;
}

.mt-73px {
  margin-top: 73px !important;
}

.ml-73px {
  margin-left: 73px !important;
}

.mr-73px {
  margin-right: 73px !important;
}

.m-73px {
  margin: 73px !important;
}

.pt-73px {
  padding-top: 73px !important;
}

.pb-73px {
  padding-bottom: 73px !important;
}

.pl-73px {
  padding-left: 73px !important;
}

.pr-73px {
  padding-right: 73px !important;
}

.p-73px {
  padding: 73px !important;
}

.gap-74px {
  gap: 74px;
}

.mb-74px {
  margin-bottom: 74px !important;
}

.mt-74px {
  margin-top: 74px !important;
}

.ml-74px {
  margin-left: 74px !important;
}

.mr-74px {
  margin-right: 74px !important;
}

.m-74px {
  margin: 74px !important;
}

.pt-74px {
  padding-top: 74px !important;
}

.pb-74px {
  padding-bottom: 74px !important;
}

.pl-74px {
  padding-left: 74px !important;
}

.pr-74px {
  padding-right: 74px !important;
}

.p-74px {
  padding: 74px !important;
}

.gap-75px {
  gap: 75px;
}

.mb-75px {
  margin-bottom: 75px !important;
}

.mt-75px {
  margin-top: 75px !important;
}

.ml-75px {
  margin-left: 75px !important;
}

.mr-75px {
  margin-right: 75px !important;
}

.m-75px {
  margin: 75px !important;
}

.pt-75px {
  padding-top: 75px !important;
}

.pb-75px {
  padding-bottom: 75px !important;
}

.pl-75px {
  padding-left: 75px !important;
}

.pr-75px {
  padding-right: 75px !important;
}

.p-75px {
  padding: 75px !important;
}

.gap-76px {
  gap: 76px;
}

.mb-76px {
  margin-bottom: 76px !important;
}

.mt-76px {
  margin-top: 76px !important;
}

.ml-76px {
  margin-left: 76px !important;
}

.mr-76px {
  margin-right: 76px !important;
}

.m-76px {
  margin: 76px !important;
}

.pt-76px {
  padding-top: 76px !important;
}

.pb-76px {
  padding-bottom: 76px !important;
}

.pl-76px {
  padding-left: 76px !important;
}

.pr-76px {
  padding-right: 76px !important;
}

.p-76px {
  padding: 76px !important;
}

.gap-77px {
  gap: 77px;
}

.mb-77px {
  margin-bottom: 77px !important;
}

.mt-77px {
  margin-top: 77px !important;
}

.ml-77px {
  margin-left: 77px !important;
}

.mr-77px {
  margin-right: 77px !important;
}

.m-77px {
  margin: 77px !important;
}

.pt-77px {
  padding-top: 77px !important;
}

.pb-77px {
  padding-bottom: 77px !important;
}

.pl-77px {
  padding-left: 77px !important;
}

.pr-77px {
  padding-right: 77px !important;
}

.p-77px {
  padding: 77px !important;
}

.gap-78px {
  gap: 78px;
}

.mb-78px {
  margin-bottom: 78px !important;
}

.mt-78px {
  margin-top: 78px !important;
}

.ml-78px {
  margin-left: 78px !important;
}

.mr-78px {
  margin-right: 78px !important;
}

.m-78px {
  margin: 78px !important;
}

.pt-78px {
  padding-top: 78px !important;
}

.pb-78px {
  padding-bottom: 78px !important;
}

.pl-78px {
  padding-left: 78px !important;
}

.pr-78px {
  padding-right: 78px !important;
}

.p-78px {
  padding: 78px !important;
}

.gap-79px {
  gap: 79px;
}

.mb-79px {
  margin-bottom: 79px !important;
}

.mt-79px {
  margin-top: 79px !important;
}

.ml-79px {
  margin-left: 79px !important;
}

.mr-79px {
  margin-right: 79px !important;
}

.m-79px {
  margin: 79px !important;
}

.pt-79px {
  padding-top: 79px !important;
}

.pb-79px {
  padding-bottom: 79px !important;
}

.pl-79px {
  padding-left: 79px !important;
}

.pr-79px {
  padding-right: 79px !important;
}

.p-79px {
  padding: 79px !important;
}

.gap-80px {
  gap: 80px;
}

.mb-80px {
  margin-bottom: 80px !important;
}

.mt-80px {
  margin-top: 80px !important;
}

.ml-80px {
  margin-left: 80px !important;
}

.mr-80px {
  margin-right: 80px !important;
}

.m-80px {
  margin: 80px !important;
}

.pt-80px {
  padding-top: 80px !important;
}

.pb-80px {
  padding-bottom: 80px !important;
}

.pl-80px {
  padding-left: 80px !important;
}

.pr-80px {
  padding-right: 80px !important;
}

.p-80px {
  padding: 80px !important;
}

.gap-81px {
  gap: 81px;
}

.mb-81px {
  margin-bottom: 81px !important;
}

.mt-81px {
  margin-top: 81px !important;
}

.ml-81px {
  margin-left: 81px !important;
}

.mr-81px {
  margin-right: 81px !important;
}

.m-81px {
  margin: 81px !important;
}

.pt-81px {
  padding-top: 81px !important;
}

.pb-81px {
  padding-bottom: 81px !important;
}

.pl-81px {
  padding-left: 81px !important;
}

.pr-81px {
  padding-right: 81px !important;
}

.p-81px {
  padding: 81px !important;
}

.gap-82px {
  gap: 82px;
}

.mb-82px {
  margin-bottom: 82px !important;
}

.mt-82px {
  margin-top: 82px !important;
}

.ml-82px {
  margin-left: 82px !important;
}

.mr-82px {
  margin-right: 82px !important;
}

.m-82px {
  margin: 82px !important;
}

.pt-82px {
  padding-top: 82px !important;
}

.pb-82px {
  padding-bottom: 82px !important;
}

.pl-82px {
  padding-left: 82px !important;
}

.pr-82px {
  padding-right: 82px !important;
}

.p-82px {
  padding: 82px !important;
}

.gap-83px {
  gap: 83px;
}

.mb-83px {
  margin-bottom: 83px !important;
}

.mt-83px {
  margin-top: 83px !important;
}

.ml-83px {
  margin-left: 83px !important;
}

.mr-83px {
  margin-right: 83px !important;
}

.m-83px {
  margin: 83px !important;
}

.pt-83px {
  padding-top: 83px !important;
}

.pb-83px {
  padding-bottom: 83px !important;
}

.pl-83px {
  padding-left: 83px !important;
}

.pr-83px {
  padding-right: 83px !important;
}

.p-83px {
  padding: 83px !important;
}

.gap-84px {
  gap: 84px;
}

.mb-84px {
  margin-bottom: 84px !important;
}

.mt-84px {
  margin-top: 84px !important;
}

.ml-84px {
  margin-left: 84px !important;
}

.mr-84px {
  margin-right: 84px !important;
}

.m-84px {
  margin: 84px !important;
}

.pt-84px {
  padding-top: 84px !important;
}

.pb-84px {
  padding-bottom: 84px !important;
}

.pl-84px {
  padding-left: 84px !important;
}

.pr-84px {
  padding-right: 84px !important;
}

.p-84px {
  padding: 84px !important;
}

.gap-85px {
  gap: 85px;
}

.mb-85px {
  margin-bottom: 85px !important;
}

.mt-85px {
  margin-top: 85px !important;
}

.ml-85px {
  margin-left: 85px !important;
}

.mr-85px {
  margin-right: 85px !important;
}

.m-85px {
  margin: 85px !important;
}

.pt-85px {
  padding-top: 85px !important;
}

.pb-85px {
  padding-bottom: 85px !important;
}

.pl-85px {
  padding-left: 85px !important;
}

.pr-85px {
  padding-right: 85px !important;
}

.p-85px {
  padding: 85px !important;
}

.gap-86px {
  gap: 86px;
}

.mb-86px {
  margin-bottom: 86px !important;
}

.mt-86px {
  margin-top: 86px !important;
}

.ml-86px {
  margin-left: 86px !important;
}

.mr-86px {
  margin-right: 86px !important;
}

.m-86px {
  margin: 86px !important;
}

.pt-86px {
  padding-top: 86px !important;
}

.pb-86px {
  padding-bottom: 86px !important;
}

.pl-86px {
  padding-left: 86px !important;
}

.pr-86px {
  padding-right: 86px !important;
}

.p-86px {
  padding: 86px !important;
}

.gap-87px {
  gap: 87px;
}

.mb-87px {
  margin-bottom: 87px !important;
}

.mt-87px {
  margin-top: 87px !important;
}

.ml-87px {
  margin-left: 87px !important;
}

.mr-87px {
  margin-right: 87px !important;
}

.m-87px {
  margin: 87px !important;
}

.pt-87px {
  padding-top: 87px !important;
}

.pb-87px {
  padding-bottom: 87px !important;
}

.pl-87px {
  padding-left: 87px !important;
}

.pr-87px {
  padding-right: 87px !important;
}

.p-87px {
  padding: 87px !important;
}

.gap-88px {
  gap: 88px;
}

.mb-88px {
  margin-bottom: 88px !important;
}

.mt-88px {
  margin-top: 88px !important;
}

.ml-88px {
  margin-left: 88px !important;
}

.mr-88px {
  margin-right: 88px !important;
}

.m-88px {
  margin: 88px !important;
}

.pt-88px {
  padding-top: 88px !important;
}

.pb-88px {
  padding-bottom: 88px !important;
}

.pl-88px {
  padding-left: 88px !important;
}

.pr-88px {
  padding-right: 88px !important;
}

.p-88px {
  padding: 88px !important;
}

.gap-89px {
  gap: 89px;
}

.mb-89px {
  margin-bottom: 89px !important;
}

.mt-89px {
  margin-top: 89px !important;
}

.ml-89px {
  margin-left: 89px !important;
}

.mr-89px {
  margin-right: 89px !important;
}

.m-89px {
  margin: 89px !important;
}

.pt-89px {
  padding-top: 89px !important;
}

.pb-89px {
  padding-bottom: 89px !important;
}

.pl-89px {
  padding-left: 89px !important;
}

.pr-89px {
  padding-right: 89px !important;
}

.p-89px {
  padding: 89px !important;
}

.gap-90px {
  gap: 90px;
}

.mb-90px {
  margin-bottom: 90px !important;
}

.mt-90px {
  margin-top: 90px !important;
}

.ml-90px {
  margin-left: 90px !important;
}

.mr-90px {
  margin-right: 90px !important;
}

.m-90px {
  margin: 90px !important;
}

.pt-90px {
  padding-top: 90px !important;
}

.pb-90px {
  padding-bottom: 90px !important;
}

.pl-90px {
  padding-left: 90px !important;
}

.pr-90px {
  padding-right: 90px !important;
}

.p-90px {
  padding: 90px !important;
}

.gap-91px {
  gap: 91px;
}

.mb-91px {
  margin-bottom: 91px !important;
}

.mt-91px {
  margin-top: 91px !important;
}

.ml-91px {
  margin-left: 91px !important;
}

.mr-91px {
  margin-right: 91px !important;
}

.m-91px {
  margin: 91px !important;
}

.pt-91px {
  padding-top: 91px !important;
}

.pb-91px {
  padding-bottom: 91px !important;
}

.pl-91px {
  padding-left: 91px !important;
}

.pr-91px {
  padding-right: 91px !important;
}

.p-91px {
  padding: 91px !important;
}

.gap-92px {
  gap: 92px;
}

.mb-92px {
  margin-bottom: 92px !important;
}

.mt-92px {
  margin-top: 92px !important;
}

.ml-92px {
  margin-left: 92px !important;
}

.mr-92px {
  margin-right: 92px !important;
}

.m-92px {
  margin: 92px !important;
}

.pt-92px {
  padding-top: 92px !important;
}

.pb-92px {
  padding-bottom: 92px !important;
}

.pl-92px {
  padding-left: 92px !important;
}

.pr-92px {
  padding-right: 92px !important;
}

.p-92px {
  padding: 92px !important;
}

.gap-93px {
  gap: 93px;
}

.mb-93px {
  margin-bottom: 93px !important;
}

.mt-93px {
  margin-top: 93px !important;
}

.ml-93px {
  margin-left: 93px !important;
}

.mr-93px {
  margin-right: 93px !important;
}

.m-93px {
  margin: 93px !important;
}

.pt-93px {
  padding-top: 93px !important;
}

.pb-93px {
  padding-bottom: 93px !important;
}

.pl-93px {
  padding-left: 93px !important;
}

.pr-93px {
  padding-right: 93px !important;
}

.p-93px {
  padding: 93px !important;
}

.gap-94px {
  gap: 94px;
}

.mb-94px {
  margin-bottom: 94px !important;
}

.mt-94px {
  margin-top: 94px !important;
}

.ml-94px {
  margin-left: 94px !important;
}

.mr-94px {
  margin-right: 94px !important;
}

.m-94px {
  margin: 94px !important;
}

.pt-94px {
  padding-top: 94px !important;
}

.pb-94px {
  padding-bottom: 94px !important;
}

.pl-94px {
  padding-left: 94px !important;
}

.pr-94px {
  padding-right: 94px !important;
}

.p-94px {
  padding: 94px !important;
}

.gap-95px {
  gap: 95px;
}

.mb-95px {
  margin-bottom: 95px !important;
}

.mt-95px {
  margin-top: 95px !important;
}

.ml-95px {
  margin-left: 95px !important;
}

.mr-95px {
  margin-right: 95px !important;
}

.m-95px {
  margin: 95px !important;
}

.pt-95px {
  padding-top: 95px !important;
}

.pb-95px {
  padding-bottom: 95px !important;
}

.pl-95px {
  padding-left: 95px !important;
}

.pr-95px {
  padding-right: 95px !important;
}

.p-95px {
  padding: 95px !important;
}

.gap-96px {
  gap: 96px;
}

.mb-96px {
  margin-bottom: 96px !important;
}

.mt-96px {
  margin-top: 96px !important;
}

.ml-96px {
  margin-left: 96px !important;
}

.mr-96px {
  margin-right: 96px !important;
}

.m-96px {
  margin: 96px !important;
}

.pt-96px {
  padding-top: 96px !important;
}

.pb-96px {
  padding-bottom: 96px !important;
}

.pl-96px {
  padding-left: 96px !important;
}

.pr-96px {
  padding-right: 96px !important;
}

.p-96px {
  padding: 96px !important;
}

.gap-97px {
  gap: 97px;
}

.mb-97px {
  margin-bottom: 97px !important;
}

.mt-97px {
  margin-top: 97px !important;
}

.ml-97px {
  margin-left: 97px !important;
}

.mr-97px {
  margin-right: 97px !important;
}

.m-97px {
  margin: 97px !important;
}

.pt-97px {
  padding-top: 97px !important;
}

.pb-97px {
  padding-bottom: 97px !important;
}

.pl-97px {
  padding-left: 97px !important;
}

.pr-97px {
  padding-right: 97px !important;
}

.p-97px {
  padding: 97px !important;
}

.gap-98px {
  gap: 98px;
}

.mb-98px {
  margin-bottom: 98px !important;
}

.mt-98px {
  margin-top: 98px !important;
}

.ml-98px {
  margin-left: 98px !important;
}

.mr-98px {
  margin-right: 98px !important;
}

.m-98px {
  margin: 98px !important;
}

.pt-98px {
  padding-top: 98px !important;
}

.pb-98px {
  padding-bottom: 98px !important;
}

.pl-98px {
  padding-left: 98px !important;
}

.pr-98px {
  padding-right: 98px !important;
}

.p-98px {
  padding: 98px !important;
}

.gap-99px {
  gap: 99px;
}

.mb-99px {
  margin-bottom: 99px !important;
}

.mt-99px {
  margin-top: 99px !important;
}

.ml-99px {
  margin-left: 99px !important;
}

.mr-99px {
  margin-right: 99px !important;
}

.m-99px {
  margin: 99px !important;
}

.pt-99px {
  padding-top: 99px !important;
}

.pb-99px {
  padding-bottom: 99px !important;
}

.pl-99px {
  padding-left: 99px !important;
}

.pr-99px {
  padding-right: 99px !important;
}

.p-99px {
  padding: 99px !important;
}

.gap-100px {
  gap: 100px;
}

.mb-100px {
  margin-bottom: 100px !important;
}

.mt-100px {
  margin-top: 100px !important;
}

.ml-100px {
  margin-left: 100px !important;
}

.mr-100px {
  margin-right: 100px !important;
}

.m-100px {
  margin: 100px !important;
}

.pt-100px {
  padding-top: 100px !important;
}

.pb-100px {
  padding-bottom: 100px !important;
}

.pl-100px {
  padding-left: 100px !important;
}

.pr-100px {
  padding-right: 100px !important;
}

.p-100px {
  padding: 100px !important;
}

body,
.offcanvas-content {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body::-webkit-scrollbar,
.offcanvas-content::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  margin-left: 10px;
  background: #eff5f5;
}

::-webkit-scrollbar-thumb {
  background: #78829d;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #78829d;
}

[x-show=isUploading] {
  display: none !important;
}

table td:first-child,
table th:first-child {
  border-left: none !important;
}

.table th {
  cursor: pointer;
}

.table th:not(.action-column)::after {
  content: "";
  background: url("../media/icons/ic_sorting.svg") no-repeat;
  background-position: center;
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: 1px;
  width: 12px;
  height: 12px;
}

.table.table-bordered {
  border-left: none !important;
  border-right: none !important;
  margin: 0 !important;
  border-bottom: none;
  border-color: #f1f1f4 !important;
  border-collapse: collapse !important;
}

.table.table-bordered td:last-child,
.table.table-bordered th:first-child {
  border-right: none !important;
}

.table.table-bordered tr:last-child td {
  border-bottom: none;
}

.table.table-bordered thead th {
  background: #fcfcfc;
}

.table.table-bordered th,
.table.table-bordered td {
  border-color: #f1f1f4 !important;
  vertical-align: top;
}

.table.table-bordered th {
  font-size: 13px;
  line-height: 14px;
  font-weight: 400;
  color: #4b5675;
  height: 40px;
  padding: 13px 16px !important;
  white-space: nowrap;
}

.table.table-bordered td {
  padding: 16px !important;
  padding-right: 10px !important;
  font-size: 14px;
  line-height: 18px;
  color: #071437;
  font-weight: 500;
  vertical-align: middle;
}

.table.table-bordered td p {
  margin-bottom: 0;
}

.table.table-bordered td p.information span {
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  color: #4b5675;
  display: block;
  margin-top: 6px;
  word-break: break-all;
}

.dataTables_scrollBody thead th {
  display: none !important;
}

.detail-tab-content .table_scroller table td {
  border-bottom: 1px solid #f1f1f4 !important;
}

.showing_entries {
  font-size: 14px;
  line-height: 14px;
  color: #071437;
  font-weight: 500;
}

.tasks-table td:nth-child(1),
.tasks-table th:nth-child(1) {
  width: 103px !important;
  min-width: 103px !important;
  max-width: 103px !important;
}

.tasks-table td:nth-child(2),
.tasks-table th:nth-child(2) {
  width: 222px !important;
  min-width: 222px !important;
  max-width: 222px !important;
}

.tasks-table td:nth-child(3),
.tasks-table th:nth-child(3) {
  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;
}

.tasks-table td:nth-child(4),
.tasks-table th:nth-child(4) {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}

.tasks-table td:nth-child(5),
.tasks-table th:nth-child(5) {
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
}

.tasks-table td:nth-child(6),
.tasks-table th:nth-child(6) {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
}

.tasks-table td:nth-child(7),
.tasks-table th:nth-child(7) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

.tasks-table td:nth-child(8),
.tasks-table th:nth-child(8) {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
}

.tasks-table td:nth-child(9),
.tasks-table th:nth-child(9) {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
}

.tasks-table .symbol-label {
  background: #f8f9fb;
}

.dashboard-tasks-table td:nth-child(1),
.dashboard-tasks-table th:nth-child(1),
.overdue-tasks-table td:nth-child(1),
.overdue-tasks-table th:nth-child(1),
.completed-tasks-table td:nth-child(1),
.completed-tasks-table th:nth-child(1),
.inprogress-tasks-table td:nth-child(1),
.inprogress-tasks-table th:nth-child(1),
.todo-tasks-table td:nth-child(1),
.todo-tasks-table th:nth-child(1) {
  width: 102px !important;
  min-width: 102px !important;
  max-width: 102px !important;
}

.dashboard-tasks-table td:nth-child(2),
.dashboard-tasks-table th:nth-child(2),
.overdue-tasks-table td:nth-child(2),
.overdue-tasks-table th:nth-child(2),
.completed-tasks-table td:nth-child(2),
.completed-tasks-table th:nth-child(2),
.inprogress-tasks-table td:nth-child(2),
.inprogress-tasks-table th:nth-child(2),
.todo-tasks-table td:nth-child(2),
.todo-tasks-table th:nth-child(2) {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
}

.dashboard-tasks-table td:nth-child(3),
.dashboard-tasks-table th:nth-child(3),
.overdue-tasks-table td:nth-child(3),
.overdue-tasks-table th:nth-child(3),
.completed-tasks-table td:nth-child(3),
.completed-tasks-table th:nth-child(3),
.inprogress-tasks-table td:nth-child(3),
.inprogress-tasks-table th:nth-child(3),
.todo-tasks-table td:nth-child(3),
.todo-tasks-table th:nth-child(3) {
  width: 302px !important;
  min-width: 302px !important;
  max-width: 302px !important;
}

.dashboard-tasks-table td:nth-child(4),
.dashboard-tasks-table th:nth-child(4),
.overdue-tasks-table td:nth-child(4),
.overdue-tasks-table th:nth-child(4),
.completed-tasks-table td:nth-child(4),
.completed-tasks-table th:nth-child(4),
.inprogress-tasks-table td:nth-child(4),
.inprogress-tasks-table th:nth-child(4),
.todo-tasks-table td:nth-child(4),
.todo-tasks-table th:nth-child(4) {
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
}

.dashboard-tasks-table td:nth-child(5),
.dashboard-tasks-table th:nth-child(5),
.overdue-tasks-table td:nth-child(5),
.overdue-tasks-table th:nth-child(5),
.completed-tasks-table td:nth-child(5),
.completed-tasks-table th:nth-child(5),
.inprogress-tasks-table td:nth-child(5),
.inprogress-tasks-table th:nth-child(5),
.todo-tasks-table td:nth-child(5),
.todo-tasks-table th:nth-child(5) {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
}

.dashboard-tasks-table td:nth-child(6),
.dashboard-tasks-table th:nth-child(6),
.overdue-tasks-table td:nth-child(6),
.overdue-tasks-table th:nth-child(6),
.completed-tasks-table td:nth-child(6),
.completed-tasks-table th:nth-child(6),
.inprogress-tasks-table td:nth-child(6),
.inprogress-tasks-table th:nth-child(6),
.todo-tasks-table td:nth-child(6),
.todo-tasks-table th:nth-child(6) {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
}

.dashboard-tasks-table td:nth-child(7),
.dashboard-tasks-table th:nth-child(7),
.overdue-tasks-table td:nth-child(7),
.overdue-tasks-table th:nth-child(7),
.completed-tasks-table td:nth-child(7),
.completed-tasks-table th:nth-child(7),
.inprogress-tasks-table td:nth-child(7),
.inprogress-tasks-table th:nth-child(7),
.todo-tasks-table td:nth-child(7),
.todo-tasks-table th:nth-child(7) {
  width: 87px !important;
  min-width: 87px !important;
  max-width: 87px !important;
}

.lead-table td:nth-child(1),
.lead-table th:nth-child(1) {
  width: 169px !important;
  min-width: 169px !important;
  max-width: 169px !important;
}

.lead-table td:nth-child(2),
.lead-table th:nth-child(2) {
  width: 216px !important;
  min-width: 216px !important;
  max-width: 216px !important;
}

.lead-table td:nth-child(3),
.lead-table th:nth-child(3) {
  width: 153px !important;
  min-width: 153px !important;
  max-width: 153px !important;
}

.lead-table td:nth-child(4),
.lead-table th:nth-child(4) {
  width: 228px !important;
  min-width: 228px !important;
  max-width: 228px !important;
}

.lead-table td:nth-child(5),
.lead-table th:nth-child(5) {
  width: 109px !important;
  min-width: 109px !important;
  max-width: 109px !important;
}

.lead-table td:nth-child(6),
.lead-table th:nth-child(6) {
  width: 157px !important;
  min-width: 157px !important;
  max-width: 157px !important;
}

.lead-table td:nth-child(7),
.lead-table th:nth-child(7) {
  width: 113px !important;
  min-width: 113px !important;
  max-width: 113px !important;
}

.lead-table td:nth-child(3) {
  white-space: nowrap;
}

.absolute-right-table {
  margin: 0;
  min-height: 60px;
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.absolute-right-table .search-filter-wrap {
  height: 32px;
}

.absolute-right-table .search-filter-wrap input:not(#filter-panel input),
.absolute-right-table .search-filter-wrap .btn:not(#filter-panel .btn) {
  height: 32px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 12px;
}

.absolute-right-table .search-filter-wrap .btn:not(#filter-panel .btn) {
  min-width: 74px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding-top: 10px;
  padding-left: 10px !important;
}

.absolute-right-table .search-filter-wrap .input-icon {
  width: 240px;
}

.absolute-right-table .search-filter-wrap .input-icon span {
  width: 35px;
}

.absolute-right-table .search-filter-wrap .input-icon input {
  padding-left: 32px;
}

.absolute-right-table .search-filter-wrap .input-icon input::-moz-placeholder {
  color: #78829d;
}

.absolute-right-table .search-filter-wrap .input-icon input::placeholder {
  color: #78829d;
}

@media (max-width: 700px) {
  .absolute-right-table {
    flex-direction: column-reverse;
    gap: 20px;
    align-items: flex-start;
  }

  .absolute-right-table .search-filter-wrap {
    width: 100%;
  }
}

.employees-table td:nth-child(1),
.employees-table th:nth-child(1) {
  width: 229px !important;
  min-width: 229px !important;
  max-width: 229px !important;
}

.employees-table td:nth-child(2),
.employees-table th:nth-child(2) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

.employees-table td:nth-child(3),
.employees-table th:nth-child(3) {
  width: 258px !important;
  min-width: 258px !important;
  max-width: 258px !important;
}

.employees-table td:nth-child(4),
.employees-table th:nth-child(4) {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

.employees-table td:nth-child(5),
.employees-table th:nth-child(5) {
  width: 134px !important;
  min-width: 134px !important;
  max-width: 134px !important;
}

.employees-table td:nth-child(6),
.employees-table th:nth-child(6) {
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
}

.clients-table td:nth-child(1),
.clients-table th:nth-child(1) {
  width: 333px !important;
  min-width: 333px !important;
  max-width: 333px !important;
}

.clients-table td:nth-child(2),
.clients-table th:nth-child(2) {
  width: 606px !important;
  min-width: 606px !important;
  max-width: 606px !important;
}

.clients-table td:nth-child(3),
.clients-table th:nth-child(3) {
  width: 122px !important;
  min-width: 122px !important;
  max-width: 122px !important;
}

.clients-table td:nth-child(4),
.clients-table th:nth-child(4) {
  width: 87px !important;
  min-width: 87px !important;
  max-width: 87px !important;
}

.requests-table td:nth-child(1),
.requests-table th:nth-child(1),
.client-details-tasks-table td:nth-child(1),
.client-details-tasks-table th:nth-child(1) {
  width: 102px !important;
  min-width: 102px !important;
  max-width: 102px !important;
}

.requests-table td:nth-child(2),
.requests-table th:nth-child(2),
.client-details-tasks-table td:nth-child(2),
.client-details-tasks-table th:nth-child(2) {
  width: 259px !important;
  min-width: 259px !important;
  max-width: 259px !important;
}

.requests-table td:nth-child(3),
.requests-table th:nth-child(3),
.client-details-tasks-table td:nth-child(3),
.client-details-tasks-table th:nth-child(3) {
  width: 207px !important;
  min-width: 207px !important;
  max-width: 207px !important;
}

.requests-table td:nth-child(4),
.requests-table th:nth-child(4),
.client-details-tasks-table td:nth-child(4),
.client-details-tasks-table th:nth-child(4) {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.requests-table td:nth-child(5),
.requests-table th:nth-child(5),
.client-details-tasks-table td:nth-child(5),
.client-details-tasks-table th:nth-child(5) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

.requests-table td:nth-child(6),
.requests-table th:nth-child(6),
.client-details-tasks-table td:nth-child(6),
.client-details-tasks-table th:nth-child(6) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

.requests-table td:nth-child(7),
.requests-table th:nth-child(7),
.client-details-tasks-table td:nth-child(7),
.client-details-tasks-table th:nth-child(7) {
  width: 131px !important;
  min-width: 131px !important;
  max-width: 131px !important;
}

.client-details-services-table td:nth-child(1),
.client-details-services-table th:nth-child(1) {
  width: 332px !important;
  min-width: 332px !important;
  max-width: 332px !important;
}

.client-details-services-table td:nth-child(2),
.client-details-services-table th:nth-child(2) {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.client-details-services-table td:nth-child(3),
.client-details-services-table th:nth-child(3) {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.client-details-services-table td:nth-child(4),
.client-details-services-table th:nth-child(4) {
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
}

.client-details-services-table td:nth-child(5),
.client-details-services-table th:nth-child(5) {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.table_scroller {
  overflow-y: hidden;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  -ms-overflow-style: none;
}

.table_scroller::-webkit-scrollbar {
  display: none;
}

.user-management-table td:nth-child(1),
.user-management-table th:nth-child(1) {
  width: 229px !important;
  min-width: 229px !important;
  max-width: 229px !important;
}

.user-management-table td:nth-child(2),
.user-management-table th:nth-child(2) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

.user-management-table td:nth-child(3),
.user-management-table th:nth-child(3) {
  width: 258px !important;
  min-width: 258px !important;
  max-width: 258px !important;
}

.user-management-table td:nth-child(4),
.user-management-table th:nth-child(4) {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

.user-management-table td:nth-child(5),
.user-management-table th:nth-child(5) {
  width: 134px !important;
  min-width: 134px !important;
  max-width: 134px !important;
}

.user-management-table td:nth-child(6),
.user-management-table th:nth-child(6) {
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
}

.user-management-table td:nth-child(6) {
  padding-right: 16px !important;
  text-align: center;
}

.user-management-table td:nth-child(6) .action-wrap {
  display: inline-flex;
}

.services-table.table.table-bordered td {
  padding: 24px 16px !important;
  line-height: 16px !important;
}

.services-table td:nth-child(1),
.services-table th:nth-child(1) {
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
}

.services-table td:nth-child(2),
.services-table th:nth-child(2) {
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
}

.services-table td:nth-child(3),
.services-table th:nth-child(3) {
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
}

.services-table td:nth-child(4),
.services-table th:nth-child(4) {
  width: 488px !important;
  min-width: 488px !important;
  max-width: 488px !important;
}

.services-table td:nth-child(5),
.services-table th:nth-child(5) {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
}

.requests-table td:nth-child(1),
.requests-table th:nth-child(1) {
  width: 102px !important;
  min-width: 102px !important;
  max-width: 102px !important;
}

.requests-table td:nth-child(2),
.requests-table th:nth-child(2) {
  width: 270px !important;
  min-width: 270px !important;
  max-width: 270px !important;
}

.requests-table td:nth-child(3),
.requests-table th:nth-child(3) {
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
}

.requests-table td:nth-child(4),
.requests-table th:nth-child(4) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

.requests-table td:nth-child(5),
.requests-table th:nth-child(5) {
  width: 127px !important;
  min-width: 127px !important;
  max-width: 127px !important;
}

.requests-table td:nth-child(6),
.requests-table th:nth-child(6) {
  width: 191px !important;
  min-width: 191px !important;
  max-width: 191px !important;
}

.client-dashboard-requests-table td:nth-child(1),
.client-dashboard-requests-table th:nth-child(1) {
  width: 102px !important;
  min-width: 102px !important;
  max-width: 102px !important;
}

.client-dashboard-requests-table td:nth-child(2),
.client-dashboard-requests-table th:nth-child(2) {
  width: 505px !important;
  min-width: 505px !important;
  max-width: 505px !important;
}

.client-dashboard-requests-table td:nth-child(3),
.client-dashboard-requests-table th:nth-child(3) {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

.client-dashboard-requests-table td:nth-child(4),
.client-dashboard-requests-table th:nth-child(4) {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}

.client-dashboard-requests-table td:nth-child(5),
.client-dashboard-requests-table th:nth-child(5) {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}

.table_bottom_container {
  min-height: 60px;
  padding: 15px 16px;
  border-top: 1px solid #f1f1f4;
}

.table_bottom_container .table_bottom_inner {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.per_page_listing_container {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 30px;
}

.per_page_listing_container span {
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  color: #78829d;
}

.per_page_listing_container .normal-select-wrapper {
  background: #fcfcfc;
}

.per_page_listing_container .normal-select-wrapper::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(../media/icons/ic_down-arrow.svg);
  background-size: 12px 7px;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(3767%) hue-rotate(187deg) brightness(96%) contrast(79%);
  top: 50%;
  background-size: 10px 6px;
  transform: translateY(-50%);
  font-size: 0;
  right: 8px;
  z-index: 1;
}

.per_page_listing_container select {
  position: relative;
  z-index: 2;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
  color: #071437;
  padding: 0 34px 0 10px !important;
  height: 30px;
  min-width: 59px;
  cursor: pointer;
  background: none !important;
}

.per_page_listing_container select:focus {
  background: none !important;
}

.pagination_container {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-right: 80px;
}

.pagination_container span.page_text {
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  color: #78829d;
}

.pagination_container .pagination_buttons {
  display: flex;
  gap: 2px;
}

.pagination_container .pagination_buttons button {
  border: none !important;
  outline: none !important;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #78829d;
  width: 30px;
  height: 30px;
  border-radius: 6px;
}

.pagination_container .pagination_buttons button:not(.active_btn) {
  background: none;
}

.pagination_container .pagination_buttons button:hover {
  background: #f1f1f4;
}

.pagination_container .pagination_buttons button:disabled {
  cursor: not-allowed !important;
  background: none !important;
}

.pagination_container .pagination_buttons button:not(:disabled, .active_btn) {
  transition: 0.3s all;
}

.pagination_container .pagination_buttons button.active_btn {
  color: #071437;
  background: #dbdfe9;
}

.pagination_container .pagination_buttons button.prev_btn img {
  transform: rotate(180deg);
}

.pagination_container .pagination_buttons button.nav_btn img {
  filter: brightness(0) saturate(100%) invert(30%) sepia(64%) saturate(285%) hue-rotate(187deg) brightness(89%) contrast(84%);
}

.pagination_container .pagination_buttons button.nav_btn:disabled img {
  filter: brightness(0) saturate(100%) invert(72%) sepia(11%) saturate(497%) hue-rotate(186deg) brightness(89%) contrast(86%);
}

.lead-table td,
.services-table td {
  vertical-align: unset !important;
}

.client-callrail-table td:nth-child(1),
.client-callrail-table th:nth-child(1) {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}

.client-callrail-table td:nth-child(2),
.client-callrail-table th:nth-child(2) {
  width: 179px !important;
  min-width: 179px !important;
  max-width: 179px !important;
}

.client-callrail-table td:nth-child(3),
.client-callrail-table th:nth-child(3) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

.client-callrail-table td:nth-child(4),
.client-callrail-table th:nth-child(4) {
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
}

.client-callrail-table td:nth-child(5),
.client-callrail-table th:nth-child(5) {
  width: 95px !important;
  min-width: 95px !important;
  max-width: 95px !important;
}

.client-callrail-table td:nth-child(6),
.client-callrail-table th:nth-child(6) {
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
}

.client-callrail-table td:nth-child(7),
.client-callrail-table th:nth-child(7) {
  width: 105px !important;
  min-width: 105px !important;
  max-width: 105px !important;
}

.client-callrail-table td:nth-child(8),
.client-callrail-table th:nth-child(8) {
  width: 105px !important;
  min-width: 105px !important;
  max-width: 105px !important;
}

.client-callrail-table td:nth-child(9),
.client-callrail-table th:nth-child(9) {
  width: 152px !important;
  min-width: 152px !important;
  max-width: 152px !important;
}

.client-callrail-table td:nth-child(10),
.client-callrail-table th:nth-child(10) {
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
}

.client-callrail-table td:nth-child(11),
.client-callrail-table th:nth-child(11) {
  width: 219px !important;
  min-width: 219px !important;
  max-width: 219px !important;
}

.client-callrail-table td:nth-child(12),
.client-callrail-table th:nth-child(12) {
  width: 403px !important;
  min-width: 403px !important;
  max-width: 403px !important;
}

.client-callrail-table .download-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.client-nappointment-table td:nth-child(1),
.client-nappointment-table th:nth-child(1) {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}

.client-nappointment-table td:nth-child(2),
.client-nappointment-table th:nth-child(2) {
  width: 272px !important;
  min-width: 272px !important;
  max-width: 272px !important;
}

.client-nappointment-table td:nth-child(3),
.client-nappointment-table th:nth-child(3) {
  width: 157px !important;
  min-width: 157px !important;
  max-width: 157px !important;
}

.client-nappointment-table td:nth-child(4),
.client-nappointment-table th:nth-child(4) {
  width: 166px !important;
  min-width: 166px !important;
  max-width: 166px !important;
}

.client-nappointment-table td:nth-child(5),
.client-nappointment-table th:nth-child(5) {
  width: 265px !important;
  min-width: 265px !important;
  max-width: 265px !important;
}

.client-nappointment-table td:nth-child(6),
.client-nappointment-table th:nth-child(6) {
  width: 113px !important;
  min-width: 113px !important;
  max-width: 113px !important;
}

.client-nappointment-table td {
  vertical-align: top !important;
}

.client-nappointment-table td.full-tr {
  background: #F8F9FB;
  padding: 14px 16px !important;
}

.client-nappointment-table .action-wrap {
  flex-direction: column;
  gap: 8px;
}

.client-nappointment-table.unconfirmed-table td:nth-child(5),
.client-nappointment-table.unconfirmed-table th:nth-child(5) {
  width: 136px !important;
  min-width: 136px !important;
  max-width: 136px !important;
}

.client-nappointment-table.unconfirmed-table .btn-outline.btn-action,
.client-nappointment-table.global-action-buttons .btn-outline.btn-action {
  border-color: #DBDFE9;
  font-weight: 500;
  width: 90px;
  cursor: pointer;
}

.client-nappointment-table.unconfirmed-table .btn-primary,
.client-nappointment-table.global-action-buttons .btn-primary {
  width: 90px;
  cursor: pointer;
  font-weight: 500;
}


.client-leads-table td:nth-child(1),
.client-leads-table th:nth-child(1) {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}

.client-leads-table td:nth-child(2),
.client-leads-table th:nth-child(2) {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
}

.client-leads-table td:nth-child(3),
.client-leads-table th:nth-child(3) {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
}

.client-leads-table td:nth-child(4),
.client-leads-table th:nth-child(4) {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
}

.client-leads-table td:nth-child(5),
.client-leads-table th:nth-child(5) {
  width: 166px !important;
  min-width: 166px !important;
  max-width: 166px !important;
}

.client-leads-table td:nth-child(6),
.client-leads-table th:nth-child(6) {
  width: 125px !important;
  min-width: 125px !important;
  max-width: 125px !important;
}

.client-leads-table td:nth-child(7),
.client-leads-table th:nth-child(7) {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
}

.client-leads-table td:nth-child(8),
.client-leads-table th:nth-child(8) {
  width: 113px !important;
  min-width: 113px !important;
  max-width: 113px !important;
}

.client-leads-table td {
  vertical-align: top !important;
}

.client-leads-table td.full-tr {
  background: #F8F9FB;
  padding: 14px 16px !important;
}

.client-leads-table .action-wrap {
  flex-direction: column;
  gap: 8px;
}


.marketing-opt-out-table td:nth-child(1),
.marketing-opt-out-table th:nth-child(1) {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.marketing-opt-out-table td:nth-child(2),
.marketing-opt-out-table th:nth-child(2) {
  width: 248px !important;
  min-width: 248px !important;
  max-width: 248px !important;
}

.marketing-opt-out-table td:nth-child(3),
.marketing-opt-out-table th:nth-child(3) {
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
}

.marketing-opt-out-table td:nth-child(4),
.marketing-opt-out-table th:nth-child(4) {
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
}

.marketing-opt-out-table td:nth-child(5),
.marketing-opt-out-table th:nth-child(5) {
  width: 387px !important;
  min-width: 387px !important;
  max-width: 387px !important;
}

.marketing-campaign-table td:nth-last-child(1),
.marketing-campaign-table th:nth-last-child(1) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

.marketing-campaign-table td:nth-last-child(2),
.marketing-campaign-table th:nth-last-child(2) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

@media (max-width: 1199px) {

  .marketing-campaign-table td:nth-child(1),
  .marketing-campaign-table th:nth-child(1) {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
  }
}

.marketing-campaign-table .checkbox {
  color: #071437 !important;
}

.select2-selection__placeholder {
  color: #78829d !important;
  line-height: 16px !important;
}

.select2-container {
  background: #fcfcfc;
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--disabled .select2-selection--single {
  opacity: 1;
}

.select2-container--default:not(.select2-container--disabled).select2-container--open .select2-selection--multiple,
.select2-container--default:not(.select2-container--disabled).select2-container--open .select2-selection--single,
.select2-container--default:not(.select2-container--disabled).select2-container--focus .select2-selection--multiple,
.select2-container--default:not(.select2-container--disabled).select2-container--focus .select2-selection--single {
  border-color: #7d40ab !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-color: #dbdfe9 !important;
  border-radius: 6px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
  margin: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after,
.select2-container--default .select2-selection--multiple .select2-selection__arrow::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(../media/icons/ic_down-arrow.svg);
  background-size: 12px 7px;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(3767%) hue-rotate(187deg) brightness(96%) contrast(79%);
  right: 14px;
  font-size: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 13px 14px;
  font-size: 16px;
  padding-right: 30px;
  color: #071437;
}

.select2-container--default .select2-selection--single {
  height: 48px;
  background: #fcfcfc;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 6px !important;
  min-height: 48px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  background: #fcfcfc;
  overflow: hidden;
  border-radius: 4px;
  min-height: 48px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(../media/icons/ic_down-arrow.svg);
  background-size: 12px 7px;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(3767%) hue-rotate(187deg) brightness(96%) contrast(79%);
  right: 14px;
  top: 15px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:only-child {
  height: 20px;
  flex-grow: 1;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline input.select2-search__field {
  margin-top: 0;
  width: 100% !important;
  color: #071437;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  margin: 0 !important;
  background: #f8f5ff;
  font-size: 13px;
  line-height: 14px;
  padding: 6px 7px !important;
  color: #071437;
  border-radius: 4px !important;
  min-height: 30px;
  flex-direction: row-reverse;
  gap: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  filter: brightness(0) saturate(100%) invert(29%) sepia(14%) saturate(6261%) hue-rotate(249deg) brightness(95%) contrast(88%);
  width: 20px;
  height: 20px;
  margin: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove::before {
  font-size: 13px;
  position: absolute;
  margin-left: 3px;
  margin-top: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:last-child+input.select2-search__field {
  font-size: 12px;
  line-height: 12px;
}

.select2-container--default .select2-results>.select2-results__options {
  padding: 0;
  max-height: 270px;
}

.select2-container--default .select2-results>.select2-results__options .select2-results__option {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #071437;
  padding: 14px;
  transition: background 0.3s ease;
}

.select2-container--default .select2-results>.select2-results__options .select2-results__option[aria-selected=true],
.select2-container--default .select2-results>.select2-results__options .select2-results__option.select2-results__option--highlighted {
  background: #f8f9fb !important;
}

.select2-container--default .select2-dropdown {
  border-radius: 6px;
  overflow: hidden;
}

.form-control::-moz-placeholder,
.select2-search input::-moz-placeholder {
  color: #78829d !important;
}

.form-control::placeholder,
.select2-search input::placeholder {
  color: #78829d !important;
}

.view-lead-form .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  display: none;
}

.view-lead-form .form-control~.select2-container .select2-selection__rendered .select2-selection__choice {
  padding-top: 5px !important;
  font-size: 12px !important;
  line-height: 12px !important;
  font-weight: 400 !important;
  padding-bottom: 5px !important;
  min-height: 24px;
}

.view-lead-form .select2-search.select2-search--inline {
  display: none;
}

.view-lead-form .form-control~.select2-container .select2-selection--multiple {
  border: none;
}

.view-lead-form .form-control~.select2-container .select2-selection--multiple .select2-selection__rendered {
  background: transparent;
  gap: 8px;
}

.view-lead-form .form-control~.select2-container .select2-selection--multiple .select2-selection__rendered::before {
  display: none;
}

.view-lead-form ul.select2-selection__rendered {
  padding: 0 !important;
  border: none !important;
}

.view-lead-form .form-control~.select2-container .select2-selection__rendered .select2-selection__choice,
.edit-lead-form .form-control~.select2-container .select2-selection__rendered .select2-selection__choice {
  color: #071437 !important;
}

.select2[data-color=blue] {
  background: none;
}

.select2[data-color=blue] .select2-selection.select2-selection--single {
  border-color: rgba(27, 132, 255, 0.2) !important;
  background: #eff6ff !important;
  /* 20% lighter */
}

.select2[data-color=blue] .select2-selection__rendered {
  color: #1b84ff !important;
}

.select2[data-color=blue] .select2-selection--single .select2-selection__arrow:after {
  filter: brightness(0) saturate(100%) invert(45%) sepia(76%) saturate(3701%) hue-rotate(198deg) brightness(100%) contrast(102%);
}

.select2[data-color=yellow] {
  background: none;
}

.select2[data-color=yellow] .select2-selection.select2-selection--single {
  border-color: rgba(223, 160, 0, 0.2) !important;
  background: #fff8dd !important;
  /* 20% lighter */
}

.select2[data-color=yellow] .select2-selection__rendered {
  color: #dfa000 !important;
}

.select2[data-color=yellow] .select2-selection--single .select2-selection__arrow:after {
  filter: brightness(0) saturate(100%) invert(49%) sepia(95%) saturate(996%) hue-rotate(16deg) brightness(106%) contrast(101%);
}

.select2[data-color=red] {
  background: none;
}

.select2[data-color=red] .select2-selection.select2-selection--single {
  border-color: rgba(216, 26, 72, 0.2) !important;
  background: #ffeef3 !important;
  /* 20% lighter */
}

.select2[data-color=red] .select2-selection__rendered {
  color: #d81a48 !important;
}

.select2[data-color=red] .select2-selection--single .select2-selection__arrow:after {
  filter: brightness(0) saturate(100%) invert(18%) sepia(51%) saturate(5730%) hue-rotate(334deg) brightness(91%) contrast(94%);
}

.select2[data-color=gray] {
  background: none;
}

.select2[data-color=gray] .select2-selection.select2-selection--single {
  border-color: rgba(135, 144, 158, 0.2) !important;
  background: #f3f4f5 !important;
  /* 20% lighter */
}

.select2[data-color=gray] .select2-selection__rendered {
  color: #87909e !important;
}

.select2[data-color=gray] .select2-selection--single .select2-selection__arrow:after {
  filter: brightness(0) saturate(100%) invert(61%) sepia(16%) saturate(263%) hue-rotate(178deg) brightness(89%) contrast(94%);
}

.select2[data-color=green] {
  background: none;
}

.select2[data-color=green] .select2-selection.select2-selection--single {
  border-color: rgba(4, 180, 64, 0.2) !important;
  background: #eafff1 !important;
  /* 20% lighter */
}

.select2[data-color=green] .select2-selection__rendered {
  color: #04b440 !important;
}

.select2[data-color=green] .select2-selection--single .select2-selection__arrow:after {
  filter: brightness(0) saturate(100%) invert(58%) sepia(30%) saturate(7311%) hue-rotate(107deg) brightness(94%) contrast(97%);
}

.custom-option-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

.custom-option-wrapper.for-bullet span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.custom-option-wrapper.for-image img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.select2-dropdown-with-images .select2-results__options {
  max-height: 156px !important;
}

.select2-dropdown-with-bullet-points .select2-results__option {
  padding: 0 !important;
  background: none !important;
}

.select2-dropdown-with-bullet-points .select2-results__option>div {
  padding: 14px !important;
}

.select2-dropdown.select2-dropdown--below {
  margin-top: 6px;
}

.select2-dropdown.select2-dropdown--above {
  margin-top: -6px;
}

.chart-select-dropdown {
  min-width: 172px;
}

.chart-select-dropdown .select2-results__option {
  border: none !important;
  position: relative;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 12px !important;
  line-height: 15px !important;
  font-weight: 500 !important;
}

.chart-select-dropdown .select2-results__option:not(:last-child)::before {
  content: "" !important;
  display: block;
  position: absolute;
  bottom: 0;
  left: 12px;
  width: calc(100% - 24px);
  height: 1px;
  background: #f1f1f4;
}

.custom-select-ui {
  position: relative;
  z-index: 0;
}

.custom-select-ui>input {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  background: #fcfcfc;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: none !important;
  outline: none !important;
  height: 48px;
  padding: 16px 48px 16px 14px;
  color: #78829d;
  font-size: 16px;
  line-height: 16px;
  border: 1px solid #dbdfe9 !important;
  border-radius: 6px !important;
}

.custom-select-ui>input:focus {
  border-color: #7d40ab !important;
}

.custom-select-ui::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(../media/icons/ic_down-arrow.svg);
  background-size: 12px 7px;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(3767%) hue-rotate(187deg) brightness(96%) contrast(79%);
  right: 14px;
  top: 15px;
  z-index: 3;
}

.custom-select-ui .select2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.custom-selected-values {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}

.custom-selected-values.hide {
  display: none;
}

.custom-selected-values .selected-value {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 4px;
  background: #f8f5ff;
  color: #071437;
  min-height: 24px;
  padding: 4px 7px;
}

.custom-selected-values .selected-value button {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none !important;
  outline: none !important;
  border: none !important;
}

.custom-selected-values .selected-value img {
  filter: brightness(0) saturate(100%) invert(30%) sepia(97%) saturate(929%) hue-rotate(246deg) brightness(81%) contrast(90%);
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.8901960784);
}

.swal2-popup {
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
}

.swal2-popup .swal2-close {
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid #dbdfe9;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
}

.swal2-popup .swal2-title {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  color: #7d40ab;
}

.swal2-popup .swal2-content {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #4b5675;
  margin-top: 0;
}

.swal2-popup .swal2-content .swal2-html-container {
  margin-top: 14px;
}

.swal2-popup .swal2-actions {
  margin: 30px auto 0;
  gap: 8px;
}

.swal2-popup .swal2-actions button {
  border-radius: 6px;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.swal2-popup .swal2-actions .swal2-confirm {
  background: #7d40ab;
  border: 1px solid #7d40ab;
}

.swal2-popup .swal2-actions .swal2-confirm:hover {
  background: #fff;
  color: #7d40ab;
}

.swal2-popup .swal2-icon.swal2-success {
  border: 2px solid #7d40ab !important;
}

.swal2-popup .swal2-icon.swal2-success img {
  width: 32px;
  filter: brightness(0) saturate(100%) invert(31%) sepia(22%) saturate(3151%) hue-rotate(244deg) brightness(92%) contrast(92%);
}

.swal2-popup.assign-request-popup .swal2-confirm,
.swal2-popup.add-service-popup .swal2-confirm,
.swal2-popup.edit-service-popup .swal2-confirm,
.swal2-popup.remove-record-popup .swal2-confirm {
  min-width: 220px;
}

.swal2-popup.swal2-delete {
  width: 500px;
}

.swal2-popup.swal2-delete .swal2-icon {
  width: 78px;
  height: 78px;
  margin: 0;
  border: 2px solid #7d40ab;
  background: #f8f5ff;
}

.swal2-popup.swal2-delete .swal2-title {
  color: #7d40ab;
}

.swal2-popup.swal2-delete .swal2-confirm {
  background: #7d40ab;
  border: 1px solid #7d40ab;
}

.swal2-popup.swal2-delete .swal2-confirm:hover {
  background: #fff;
  color: #7d40ab;
}

.swal2-popup.swal2-success .swal2-icon {
  margin: 0 !important;
  width: 72px;
  height: 72px;
  border: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swal2-popup.swal2-success .swal2-icon .swal2-icon-content {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  justify-content: center;
  background: #f2ecf7;
}

.swal2-popup.swal2-success .swal2-icon .swal2-icon-content img {
  width: 39.63px;
  height: 26.43px;
}

.swal2-popup.swal2-success .swal2-timer-progress-bar-container {
  display: none !important;
}

.assign-request-popup .swal2-icon .swal2-icon-content {
  width: 72px !important;
  height: 72px !important;
  background: none !important;
  border-radius: 0 !important;
}

.assign-request-popup .swal2-icon .swal2-icon-content img {
  width: 72px !important;
  height: 72px !important;
  filter: none !important;
}

.create-clinet-new-request-popup {
  max-width: 475px;
  padding: 40px 10px;
}

.create-clinet-new-request-popup .swal2-content {
  font-size: 16px;
  line-height: 20px;
  max-width: 320px;
  margin: auto;
}

.create-clinet-new-request-popup .swal2-content #swal2-content div {
  margin-top: 16px;
  display: inline-block;
  font-size: 14px;
  line-height: 17px;
}

.create-clinet-new-request-popup .swal2-content #swal2-content div a {
  color: #7d40ab;
  text-decoration: underline;
}

.create-clinet-new-request-popup .swal2-actions {
  margin-top: 36px;
}

.datepicker-wrapper {
  position: relative;
}

.datepicker-wrapper input {
  background-image: url(../media/icons/ic_calendar.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: right 15px center;
}

.datepicker tbody tr>td span.year:hover,
.datepicker tbody tr>td span.hour:hover,
.datepicker tbody tr>td span.minute:hover,
.datepicker tbody tr>td span.month:hover {
  background: #f1f1f4;
}

.datepicker {
  width: auto;
  border: 1px solid #f8f9fb;
  box-shadow: 0px 10px 14px 0px rgba(15, 42, 81, 0.031);
}

.datepicker th.dow,
.datepicker td.day {
  height: 32px;
  width: 38px;
  min-width: 38px;
}

.datepicker thead th {
  background: none !important;
}

.datepicker thead th:hover {
  background: none !important;
}

.datepicker thead th:not(.dow) {
  height: 38px;
}

.datepicker thead th.prev,
.datepicker thead th.next {
  background: none !important;
  vertical-align: middle;
}

.datepicker thead th.prev:hover,
.datepicker thead th.next:hover {
  background: none !important;
}

.datepicker thead th.prev span,
.datepicker thead th.next span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  background: #f1f1f4;
}

.datepicker thead th.next span img {
  transform: rotate(180deg);
}

.datepicker thead th.dow {
  font-size: 13px;
  line-height: 14px;
  font-weight: 400 !important;
  color: #4b5675;
}

.datepicker thead th.datepicker-switch {
  font-size: 13px;
  line-height: 14px;
  font-weight: 500 !important;
  color: #071437;
  background: none !important;
}

.datepicker thead th.datepicker-switch:hover {
  background: none !important;
}

.datepicker tbody td.day {
  font-size: 13px;
  line-height: 14px;
  font-weight: 400 !important;
  color: #071437 !important;
}

.datepicker tbody td.day.old,
.datepicker tbody td.day.new {
  color: #78829d !important;
  background: none !important;
  cursor: not-allowed;
}

.datepicker tbody td.day.active {
  font-weight: 500 !important;
  color: #fff !important;
  background: #7d40ab !important;
}

.datepicker tbody td.day:not(.old, .new, .active):hover {
  background: #f2ecf7 !important;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background: #7d40ab !important;
  color: #fff !important;
}

.datepicker tbody tr>td span.year.focused,
.datepicker tbody tr>td span.year.focused:hover,
.datepicker tbody tr>td span.year.active:hover,
.datepicker tbody tr>td span.year.active.focused:hover,
.datepicker tbody tr>td span.year.active,
.datepicker tbody tr>td span.hour.focused,
.datepicker tbody tr>td span.hour.focused:hover,
.datepicker tbody tr>td span.hour.active:hover,
.datepicker tbody tr>td span.hour.active.focused:hover,
.datepicker tbody tr>td span.hour.active,
.datepicker tbody tr>td span.minute.focused,
.datepicker tbody tr>td span.minute.focused:hover,
.datepicker tbody tr>td span.minute.active:hover,
.datepicker tbody tr>td span.minute.active.focused:hover,
.datepicker tbody tr>td span.minute.active,
.datepicker tbody tr>td span.month.focused,
.datepicker tbody tr>td span.month.focused:hover,
.datepicker tbody tr>td span.month.active:hover,
.datepicker tbody tr>td span.month.active.focused:hover,
.datepicker tbody tr>td span.month.active {
  background: #7d40ab !important;
  color: #fff !important;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #f2ecf7 !important;
}

html {
  overflow-x: hidden !important;
}

.aside-menu .menu-nav>.menu-item .menu-link .menu-icon i {
  transition: 0.3s all;
}

.aside-menu .menu-nav>.menu-item:hover .menu-link .menu-icon i,
.aside-menu .menu-nav>.menu-item.menu-item-active .menu-link .menu-icon i,
.aside-menu .menu-nav>.menu-item.menu-item-open .menu-link .menu-icon i,
.navi-link:hover .symbol-label i {
  color: #7d40ab !important;
}

.aside-menu .menu-nav>.menu-item:hover .menu-submenu .menu-link .menu-icon i,
.aside-menu .menu-nav>.menu-item.menu-item-open .menu-submenu .menu-link .menu-icon i {
  color: inherit !important;
}

@media (min-width: 992px) {
  .aside-minimize .aside {
    width: 76px;
  }

  .aside-minimize .aside .aside-menu .menu-nav>.menu-item {
    width: 44px;
  }
}

.add-activity-form .dropzone .dz-message {
  margin: 0;
}

.bg-body {
  background-color: #eef0f8 !important;
}

#edit-acivity-tab .nav-item {
  margin-bottom: 0.25rem;
}

#edit-acivity-tab .nav-item .nav-link.active,
.primary-tabs .nav-item .nav-link.active {
  background: #7d40ab;
  color: #fff;
  border-color: #7d40ab;
}

#edit-acivity-tab .nav-item .nav-link.active .nav-text,
.primary-tabs .nav-item .nav-link.active .nav-text {
  color: #fff;
}

#edit-acivity-tab .nav-item .nav-link,
.primary-tabs .nav-item .nav-link {
  border-color: #f7f7f7;
}

.input-group.date .input-group-text {
  cursor: pointer;
}

#overview .h-38 {
  height: 38px;
}

ul.errorMessages {
  position: absolute;
  right: 15px;
  top: 15px;
  max-width: 450px;
}

ul.errorMessages li {
  list-style: none;
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}

ul.errorMessages li:last-child {
  margin-bottom: 0;
}

ul.errorMessages li:before {
  content: "\f16f";
  font-family: Flaticon;
  position: absolute;
  left: 0;
}

.specification-div label {
  width: 17.4%;
}

.wizard.wizard-4.user-info-wizard .wizard-nav .wizard-steps .wizard-step {
  flex: 0 0 calc(16.66667% - 0.25rem);
  width: calc(16.66667% - 0.25rem);
}

.wizard.wizard-4.user-info-wizard .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
  justify-content: center;
  padding: 2rem 0;
}

.min-height-85 {
  min-height: 85px !important;
}

.tab-content>.active {
  display: block;
}

#transcript input {
  width: 100px;
}

.h-40 {
  height: 38px;
}

.discount-line {
  margin-bottom: 20px;
}

.discount-line input {
  width: 150px;
}

.discount-line,
.discount-line .calculation {
  display: flex;
  align-items: center;
}

.discount-line label,
.discount-line input {
  margin: 0 15px;
}

.discount-line .fileInput input {
  width: 80px;
}

.discount-line .fileInput label {
  width: 100px;
}

.discount-line .calculation input {
  margin: 0 10px;
}

.discount-line .fileInput:first-child label {
  margin-left: 0;
}

.mt--40 {
  margin-top: -40px;
}

.quantity {
  width: 200px;
}

.mt--15 {
  margin-top: -15px;
}

.user-info-wizard .login-info .div-wrap {
  margin: 0 10px 15px;
}

.visa-icons img {
  width: 35px;
}

.user-info .nav-tabs .nav-item,
.big-tabs .nav-tabs .nav-item {
  display: flex;
  flex: 0 0 calc(16.66667% - 0.25rem);
  width: calc(16.66667% - 0.25rem);
  background-color: #f3f6f9;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.user-info .nav-tabs .nav-item .nav-link,
.order-info .nav-tabs .nav-item .nav-link {
  padding: 2rem 0;
  display: block;
  width: 100%;
  text-align: center;
  border-color: transparent;
}

.user-info .nav-tabs .nav-item .nav-link.active,
.order-info .nav-tabs .nav-item .nav-link.active {
  border-color: transparent;
}

.user-info .nav-tabs,
.order-info .nav-tabs {
  border: none;
  background: #eef0f8;
}

.user-info .nav-tabs .nav-item .nav-link span,
.order-info .nav-tabs .nav-item .nav-link span {
  font-size: 1.1rem;
  font-weight: 600;
}

.order-info .nav-tabs .nav-item {
  display: flex;
  flex: 0 0 calc(25% - 0.25rem);
  width: calc(25% - 0.25rem);
  background-color: #f3f6f9;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.checkbox-with-input {
  display: flex;
  align-items: center;
}

.checkbox-with-input label {
  margin-bottom: 0 !important;
}

.checkbox-with-input input {
  max-width: -moz-max-content;
  max-width: max-content;
  margin-left: 30px;
}

.width-45 {
  width: 45px;
}

span.note-sub-title {
  font-size: 12px;
  color: #3f4254;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  line-height: 22px;
}

.pie-chart .apexcharts-canvas {
  width: 100% !important;
}

.asending-desending-none thead th.sorting:before,
.asending-desending-none thead th.sorting:after,
.asending-desending-none thead th.sorting_asc:before,
.asending-desending-none thead th.sorting_asc:after,
.asending-desending-none thead th.sorting_desc:before,
.asending-desending-none thead th.sorting_desc:after {
  display: none;
}

.transaction-wrap {
  border: 2px solid #000;
  border-radius: 10px;
  padding: 20px;
}

tr.dt-rowReorder-moving {
  outline: 2px solid #888888;
  outline-offset: -2px;
}

.radio>span {
  flex-shrink: 0;
}

.w-md-50 {
  width: 50%;
}

.question-edit.wrap {
  position: absolute;
  right: 15px;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: 30px 0;
}

.template-input-with-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.template-input-with-checkbox div:first-child {
  min-width: 400px;
}

.template-input-with-checkbox div:last-child input {
  width: 100px;
}

.input-full-width .form-group {
  width: 150px;
}

.question-wrap {
  margin-bottom: 20px;
}

.question-wrap:last-child {
  margin-bottom: 0;
}

.question-wrap ul {
  padding-left: 5px;
  margin: 0;
}

.question-wrap ul li {
  list-style: none;
  margin-bottom: 4px;
}

.question-wrap p {
  margin-bottom: 6px;
}

.border-md-left,
.border-lg-left {
  border-left: 1px solid #ebedf3 !important;
}

ul.total-amount {
  padding: 0;
  margin: 0;
}

ul.total-amount li {
  list-style: none;
  line-height: 28px;
}

ul.total-amount li span {
  width: 90px;
  display: inline-block;
}

#canvas {
  cursor: default;
  height: 400px;
  width: 100%;
}

#result img {
  width: 100%;
  width: 100%;
  border: 1px solid #ebedf3 !important;
  padding: 1.25rem !important;
  margin-top: 4.25rem !important;
}

.user-top-right-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #7d40ab;
}

.symbol-group .symbol {
  border-radius: 50%;
  margin-left: -20px;
}

.symbol-group .symbol:not(:first-child) {
  border: none !important;
}

.symbol-group .symbol:not(:first-child).symbol-36 .symbol-label {
  width: 34px;
  height: 34px;
}

.symbol-group .symbol:first-child {
  border: 1px solid #7d40ab;
}

.symbol-group .symbol:first-child.symbol-36 .symbol-label {
  min-width: 36px;
}

.symbol-group .symbol.symbol-36 {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.symbol-group .symbol:nth-child(4) {
  background: #04b440;
  color: #fff;
}

.symbol-group .symbol .symbol-label-text {
  font-size: 14px;
  font-weight: 600;
}

.symbol-group+span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.user-avatar-symbol {
  position: relative;
}

.user-avatar-symbol .remove-user-avatar {
  position: absolute;
  padding: 0 !important;
  top: 1px;
  right: 1px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0705882353);
  border: 1px solid #dbdfe9;
  width: 20px;
  height: 20px;
}

.user-avatar-symbol .remove-user-avatar img {
  filter: brightness(0) saturate(100%) invert(20%) sepia(57%) saturate(6673%) hue-rotate(337deg) brightness(88%) contrast(92%);
}

.symbol.symbol-68 .symbol-label {
  width: 68px;
  height: 68px;
  border-radius: 50%;
}

.symbol.symbol-72 .symbol-label {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

.symbol.user-avatar-symbol .default-img {
  width: 33px;
  height: 33px;
  border-radius: 0 !important;
}

.symbol.symbol-36 .symbol-label {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.symbol.symbol-72 .symbol-label {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

.symbol.symbol-32 .symbol-label {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.symbol-label img {
  border-radius: 50%;
}

.symbol-label img:not(.no-full-width) {
  width: 100%;
  height: 100%;
}

.aside-menu .menu-nav>.menu-item>.menu-link {
  border-radius: 12px;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link {
  background: rgba(125, 64, 171, 0.1019607843);
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-text {
  color: #7d40ab;
  font-weight: 600 !important;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
  background: rgba(125, 64, 171, 0.1019607843);
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-text {
  color: #7d40ab;
}

.aside-menu .menu-nav>.menu-item:hover .menu-link .menu-icon img,
.aside-menu .menu-nav>.menu-item.menu-item-active .menu-link .menu-icon img,
.aside-menu .menu-nav>.menu-item.menu-item-open .menu-link .menu-icon img,
.navi-link:hover .symbol-label img,
.aside-menu .menu-nav>.menu-item:hover .menu-link .menu-icon svg,
.aside-menu .menu-nav>.menu-item.menu-item-active .menu-link .menu-icon svg,
.aside-menu .menu-nav>.menu-item.menu-item-open .menu-link .menu-icon svg,
.navi-link:hover .symbol-label svg{
  filter: brightness(0) saturate(100%) invert(25%) sepia(58%) saturate(1791%) hue-rotate(251deg) brightness(98%) contrast(86%);
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-icon,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-icon {
  margin-right: 10px;
  flex: 0 0 20px;
}

.header-fixed .header {
  border-bottom: 1px solid #f1f1f4;
  box-shadow: none;
  background-color: #fff !important;
  transition: left 0.3s linear;
}

.aside {
  box-shadow: none;
  border-right: 1px solid #f1f1f4;
}

@media (min-width: 992px) {
  .aside {
    transition: width 0.3s linear;
  }
}

.brand-toggle {
  position: relative;
  left: 32px;
  border: 1px solid #f1f1f4;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  padding: 6px !important;
  background: #fff !important;
}

.brand-toggle span.svg-icon {
  margin: 0 !important;
}

.brand .brand-toggle .svg-icon svg {
  width: 15px !important;
}

.aside-minimize .aside-menu .menu-nav>.menu-item>.menu-link {
  justify-content: center;
}

@media (min-width: 992px) {
  .aside-minimize .aside-menu .menu-nav>.menu-item>.menu-link span.svg-icon.menu-icon {
    margin-right: 0;
  }
}

.brand .brand-logo .small-logo {
  display: none;
  max-width: 31px;
}

.brand .brand-logo img {
  height: 30px;
}

.aside-minimize .brand {
  padding: 0 7px;
  position: relative;
  left: 15px;
}

.aside-minimize .brand .brand-toggle {
  left: 10px;
}

.aside-minimize .brand .brand-logo {
  justify-content: center;
}

.aside-minimize .brand .brand-logo .small-logo {
  display: block;
}

.aside-menu {
  margin: 16px 0;
}

.aside-menu .menu-nav {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media (min-width: 992px) {
  .aside-minimize .aside-menu .menu-nav {
    padding: 0px 15px;
  }

  .aside-fixed .wrapper {
    transition: padding-left 0.3s linear;
  }
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-text {
  color: #4b5675;
  font-size: 14px;
  white-space: nowrap;
}

.aside-menu .menu-nav>.menu-item>.menu-heading {
  color: #99a1b7;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 0 2px;
  min-height: auto;
  white-space: nowrap;
}

.aside-menu .menu-nav>.menu-item:hover>.menu-heading {
  background: transparent !important;
  cursor: auto !important;
}

.aside-minimize .aside-menu .menu-nav>.menu-item span.menu-heading {
  white-space: nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  word-wrap: break-word;
}

.menu-link.sign-out {
  min-height: 48px !important;
  background: #7d40ab;
  display: flex;
  flex-grow: 1;
  align-items: stretch;
  margin: 0;
  text-decoration: none;
  position: relative;
  outline: none;
  cursor: pointer;
  min-height: 44px;
  padding: 9px 12px;
  border-radius: 12px;
}

.menu-link.sign-out img {
  display: none;
}

.menu-link.sign-out:hover {
  background: #53187f !important;
}

.menu-link.sign-out span {
  text-align: center;
  justify-content: center;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.aside-minimize .sign-out-item .menu-link.sign-out {
  align-items: center;
}

@media (min-width: 992px) {
  .aside-minimize .sign-out-item img {
    display: block;
  }

  .aside-minimize .sign-out-item span {
    display: none !important;
  }
}

.sign-out-item {
  margin-top: 48px !important;
  margin-bottom: 20px !important;
}

.topbar .topbar-item span.svg-icon img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(58%) saturate(1791%) hue-rotate(251deg) brightness(98%) contrast(86%);
}

.content-page-title-wrap {
  margin: 0 0 16px;
  gap: 12px;
  min-height: 40px;
}

.content-page-title {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #071437;
  margin: 0;
}

.card {
  border: 1px solid #f1f1f4;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 12px;
  width: 100%;
  overflow: visible;
}

.services-interested {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 200px;
  min-width: 180px;
}

.services-interested span.services-tag {
  border: 1px solid #dbdfe9;
  background: #f9f9f9;
  padding: 4px 6px;
  font-size: 11px;
  line-height: 12px;
  color: #78829d;
  border-radius: 4px;
}

span.status {
  padding: 4px 6px 4px 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.01em;
  position: relative;
  border-radius: 4px;
  display: inline-block;
  white-space: nowrap;
}

span.status.no-dot {
  padding-left: 6px;
}

.action-wrap {
  display: flex;
  flex-wrap: nowrap;
}

.action-wrap .btn.btn-sm.btn-icon {
  width: 30px;
  height: 30px;
}

.btn-light-primary img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(58%) saturate(1791%) hue-rotate(251deg) brightness(98%) contrast(86%);
  position: relative;
  top: -1px;
}

.btn-light-primary:focus img,
.btn-light-primary:hover img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(8%) saturate(2%) hue-rotate(70deg) brightness(104%) contrast(100%);
}

.btn-primary {
  font-size: 13px;
  font-weight: 500 !important;
  line-height: 20px;
  letter-spacing: -0.01em;
  height: 40px;
}

.btn-primary img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(8%) saturate(2%) hue-rotate(70deg) brightness(104%) contrast(100%);
  position: relative;
  top: -1px;
  margin-right: 2px;
}

.btn-primary:focus,
.btn-primary:hover {
  border-color: #53187f !important;
  background: #53187f !important;
  color: #fff !important;
  box-shadow: 0px 4px 12px 0px rgba(83, 24, 127, 0.1607843137) !important;
}

.btn-action {
  width: 72px;
  height: 32px;
  padding: 0;
  font-size: 12px;
  line-height: 32px;
}

.btn-outline {
  border: 1px solid #f1f1f4;
  color: #4b5675;
}

.btn-outline:hover {
  color: #071437 !important;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0705882353);
  background: #fcfcfc;
}

span.status:not(.no-dot):before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 7px;
}

span.status.status_primary {
  color: #7d40ab;
  background: #f8f5ff;
  border: 1px solid rgba(125, 64, 171, 0.2);
}

span.status.status_primary:before {
  background-color: #7d40ab;
}

span.status.status_gray {
  color: #87909e;
  background: rgba(135, 144, 158, 0.1019607843);
  border: 1px solid rgba(135, 144, 158, 0.2);
}

span.status.status_gray:before {
  background-color: #87909e;
}

span.status.status_blue {
  color: #1b84ff;
  background: #eff6ff;
  border: 1px solid rgba(27, 132, 255, 0.2);
}

span.status.status_blue:before {
  background-color: #1b84ff;
}

span.status.status_tomato {
  color: #ff6f1e;
  background: #fff5ef;
  border: 1px solid rgba(255, 111, 30, 0.2);
}

span.status.status_tomato:before {
  background-color: #ff6f1e;
}

span.status.status_yellow {
  color: #dfa000;
  background: #fff8dd;
  border: 1px solid rgba(223, 160, 0, 0.2);
}

span.status.status_yellow:before {
  background-color: #dfa000;
}

span.status.status_green {
  color: #04b440;
  background: #eafff1;
  border: 1px solid rgba(4, 180, 64, 0.2);
}

span.status.status_green:before {
  background-color: #04b440;
}

span.status.status_red {
  color: #d81a48;
  background: #ffeef3;
  border: 1px solid rgba(216, 26, 72, 0.2);
}

span.status.status_red:before {
  background-color: #d81a48;
}

span.status.status_purple {
  color: #7d40ab;
  background: #f5f3ff;
  border: 1px solid rgba(125, 64, 171, 0.2);
}

span.status.status_purple:before {
  background-color: #7d40ab;
}

span.status.status_orange {
  color: #ff8c00;
  background: #fff4e5;
  border: 1px solid rgba(255, 140, 0, 0.2);
}

span.status.status_orange:before {
  background-color: #ff8c00;
}

.btn.btn-sm.btn-icon:hover {
  background: #f2ecf7;
}

.btn.btn-sm.btn-icon:hover span.svg-icon img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(58%) saturate(1791%) hue-rotate(251deg) brightness(98%) contrast(86%);
}

.btn.btn-sm.btn-icon:hover span.svg-icon svg {
  filter: brightness(0) saturate(100%) invert(25%) sepia(58%) saturate(1791%) hue-rotate(251deg) brightness(98%) contrast(86%);
}

.card.table-card .card-heading {
  padding: 14px 16px;
}

.row.table-top-info {
  margin: 0;
  padding: 14px 3px;
  height: 60px;
  align-items: center;
}

#filter-panel-toggle:not(:hover) {
  background: rgba(125, 64, 171, 0.1019607843) !important;
  color: #7d40ab !important;
}

#filter-panel-toggle:not(:hover) img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(58%) saturate(1791%) hue-rotate(251deg) brightness(98%) contrast(86%) !important;
}

.filter-canvas-wrapper {
  width: 350px !important;
  max-height: calc(100vh - 150px);
  top: 38px !important;
  right: 0 !important;
  left: unset !important;
  bottom: unset !important;
  border: 1px solid #dbdfe9;
  border-radius: 12px;
  box-shadow: none;
  position: absolute;
  z-index: 3;
  padding: 16px 16px 24px !important;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
  display: flex;
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: all 0.3s ease;
  flex-direction: column;
}

@media (max-width: 430px) {
  .filter-canvas-wrapper {
    width: 300px !important;
    margin: 0 !important;
  }
}

@media (max-width: 370px) {
  .filter-canvas-wrapper {
    width: 250px !important;
    right: -15px !important;
  }
}

.filter-canvas-wrapper.show {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

@media (max-width: 991.98px) {
  .filter-canvas-wrapper {
    top: 128px;
    margin-right: 16px;
    height: calc(100% - 130px);
  }
}

@media (max-width: 575px) {
  .filter-canvas-wrapper {
    min-height: auto;
  }

  .filter-canvas-wrapper .offcanvas-footer {
    padding-top: 16px;
  }

  .filter-canvas-wrapper .offcanvas-content {
    height: calc(100% - 96px);
  }
}

.filter-canvas-wrapper.offcanvas-on {
  display: block;
}

.filter-canvas-wrapper~.offcanvas-overlay {
  background: rgba(0, 0, 0, 0);
  display: none;
}

.filter-canvas-wrapper h3 {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #071437;
}

.filter-canvas-wrapper .offcanvas-content {
  max-height: calc(100vh - 150px - 80px - 64px);
  overflow-y: auto;
  padding: 24px 0 !important;
  overflow-x: hidden;
}

.filter-canvas-wrapper .offcanvas-header {
  position: relative;
  padding-bottom: 16px;
}

.filter-canvas-wrapper .offcanvas-header #filter-panel-close {
  width: 18px;
  height: 18px;
  min-width: unset !important;
  padding: 0;
}

.filter-canvas-wrapper .offcanvas-footer {
  position: relative;
  padding-top: 24px;
}

.filter-canvas-wrapper .offcanvas-footer:before {
  content: "";
  bottom: auto;
  top: 0;
  background: #dbdfe9;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}

.filter-canvas-wrapper .offcanvas-footer a {
  line-height: 10px;
  font-size: 14px;
  padding: 13px 24px;
  letter-spacing: unset !important;
}

.filter-canvas-wrapper .offcanvas-header::after {
  content: "";
  background: #dbdfe9;
  position: absolute;
  width: calc(100% + 32px);
  height: 1px;
  bottom: 0;
  left: -16px;
}

label.main-label {
  color: #071437;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.filter-form-group-list:not(:last-child) {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #dbdfe9;
}

.filter-form-group-list .main-label {
  margin-bottom: 16px !important;
  line-height: 14px !important;
}

.filter-form-group-list .form-group {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}

.back-to-page:hover img {
  filter: brightness(0) saturate(100%) invert(36%) sepia(77%) saturate(926%) hue-rotate(242deg) brightness(72%) contrast(94%);
}

.back-to-page img {
  width: 20px;
  position: relative;
  top: -1px;
  margin-right: 1px;
}

.card.custom-plain-card .card-body {
  padding: 24px 16px;
}

.custom-plain-card-primary-dashed {
  background: #f8f5ff;
  border: 1px dashed #7d40ab;
}

p.col-form-label,
label.col-form-label {
  padding: 0;
  font-size: 16px !important;
  line-height: 20px;
  color: #071437;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (max-width: 992px) {

  p.col-form-label,
  label.col-form-label {
    font-size: 14px !important;
    line-height: 16px;
  }
}

label.col-form-label {
  line-height: 16px !important;
}

label.secondary-label {
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: 500;
  color: #4b5675 !important;
  margin-bottom: 8px;
}

label.required::after {
  content: "*";
  color: #d81a48;
}

.form-group label {
  font-size: 14px;
  line-height: 14px;
  color: #071437;
}

.form-control {
  border: 1px solid #dbdfe9;
  background: #fcfcfc;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  padding: 16px 14px;
  height: 48px;
  color: #071437;
}

.normal-select-wrapper {
  position: relative;
  z-index: 0;
}

.normal-select-wrapper select {
  background-image: url(../media/icons/ic_select_down-arrow.svg);
  background-position: right 14px center;
  background-size: 12px 8px;
  background-repeat: no-repeat;
}

.normal-select-wrapper.callrail-heading select {
  font-size: 13px;
  line-height: 14px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  width: 120px;
  height: 40px;
}

select.form-control {
  padding: 4px 14px;
  line-height: 20px;
  position: relative;
  appearance: none;
  /* For most modern browsers */
  -webkit-appearance: none;
  /* For Safari/Chrome */
  -moz-appearance: none;
  /* For Firefox */
}

select.form-control option[value=""] {
  display: none;
}

select.form-control.default-select {
  color: #78829d;
}


.btn-large {
  min-width: 208px;
  height: 48px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}

.card-small-header {
  position: relative;
  padding: 18px 16px;
}

.card-small-header::after {
  content: "";
  background: #f1f1f4;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}

.card-small-header h3 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #071437;
}

.card-small-header .close-icon {
  filter: brightness(0) saturate(100%) invert(54%) sepia(13%) saturate(631%) hue-rotate(186deg) brightness(92%) contrast(90%);
  display: none;
}

input#from.hidden {
  visibility: hidden;
  display: none;
}

.activity-footer {
  padding: 16px;
  position: relative;
}

.activity-footer form.tools.form-row {
  display: flex;
  align-items: center;
  position: relative;
}

.activity-footer form.tools.form-row .btn.btn-primary {
  position: absolute;
  right: 14px;
  height: 32px;
  width: 54px;
  line-height: 32px;
  padding: 0;
}

input#messageInput {
  padding-right: 112px;
  border-radius: 12px;
}

p.no-activity {
  border: 1px solid rgba(120, 130, 157, 0.2);
  display: block;
  background: #fcfcfc;
  border-radius: 900px;
  font-size: 14px;
  line-height: 14px;
  color: #78829d;
  font-weight: 500;
  padding: 7px 16px;
  margin: 0 auto;
  width: 110px;
}

.right-sticky-activity-card {
  position: sticky;
  top: 90px;
  min-height: 75vh;
  max-height: calc(100vh - 120px);
}

.card-body.activity-card-content {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 8px 0 16px !important;
  margin-right: 8px;
  margin-top: 24px;
}

.activity-feed {
  margin-right: -10px;
  padding-right: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.activity-feed .activity-item {
  display: flex;
}

.activity-feed .activity-item.mine {
  justify-content: flex-end;
}

.activity-feed .activity-item.mine .activity-item-inner {
  background: #f8f5ff;
  border: 1px solid rgba(125, 64, 171, 0.1);
}

.activity-feed .activity-item .activity-item-inner {
  max-width: 80%;
  border-radius: 12px;
  background: #fcfcfc;
  border: 1px solid #f1f1f4;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 1200px) {
  .activity-feed .activity-item .activity-item-inner {
    max-width: 282px;
  }
}

.activity-feed .activity-item .activity-item-header {
  display: flex;
  gap: 6px;
  align-items: center;
}

.activity-feed .activity-item .activity-item-header .userimage {
  border: 1px solid rgba(125, 64, 171, 0.2);
  width: 30px;
  height: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(125, 64, 171, 0.1019607843);
  color: #7d40ab;
  font-size: 14px;
  border-radius: 50%;
  line-height: 14px;
  font-weight: 500;
}

.activity-feed .activity-item .activity-item-header .userimage .symbol-label {
  background: none;
}

.activity-feed .activity-item .activity-item-header .username {
  font-size: 14px;
  line-height: 16px;
  flex-grow: 1;
  font-weight: 500;
  color: #071437;
}

.activity-feed .activity-item .activity-item-header .timestamp {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #78829d;
  white-space: nowrap;
}

.activity-feed .activity-item .activity-item-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.activity-feed .activity-item .activity-item-content .message {
  font-size: 14px;
  line-height: 17px;
  color: #071437;
}

.attachment {
  display: flex;
  align-items: center;
  gap: 2px;
}

.attachment a {
  font-size: 14px;
  line-height: 16px;
  color: #071437;
}

.attachment img {
  width: 24px;
  height: 24px;
}

.file-input-label {
  cursor: pointer;
  padding: 6px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(125, 64, 171, 0.2);
  background: rgba(125, 64, 171, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  position: absolute;
  right: 76px;
  top: 8px;
}

textarea.form-control {
  line-height: 22px;
}

.form-control:disabled,
.form-control[readonly] {
  background: #f7f7f7;
  cursor: not-allowed;
}

hr {
  border: none;
  border-top: 1px solid #f1f1f4;
}

hr.box-line {
  border-top: 1px solid #dbdfe9;
}

/* task priority */
div.priority {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
}

div.priority .priority-image {
  display: inline-block;
  min-width: 16px;
  width: 16px;
  height: 16px;
}

div.priority span:not(.priority-image) {
  font-size: 13px;
  line-height: 14px;
  font-weight: 500;
}

div.priority.low {
  color: #87909e;
}

div.priority.low .priority-image {
  background: url(../media/flag.png) no-repeat center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(61%) sepia(16%) saturate(263%) hue-rotate(178deg) brightness(89%) contrast(94%);
}

div.priority.medium {
  color: #1b84ff;
}

div.priority.medium .priority-image {
  background: url(../media/flag.png) no-repeat center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(45%) sepia(76%) saturate(3701%) hue-rotate(198deg) brightness(100%) contrast(102%);
}

div.priority.high {
  color: #dfa000;
}

div.priority.high .priority-image {
  background: url(../media/flag.png) no-repeat center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(49%) sepia(95%) saturate(996%) hue-rotate(16deg) brightness(106%) contrast(101%);
}

div.priority.urgent {
  color: #d81a48;
}

div.priority.urgent .priority-image {
  background: url(../media/flag.png) no-repeat center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(18%) sepia(51%) saturate(5730%) hue-rotate(334deg) brightness(91%) contrast(94%);
}

/* task priority */
/* view task */
.task-name {
  font-size: 24px;
  color: #071437;
  margin-bottom: 12px;
}

.view-task-attachment span {
  color: #071437;
  font-size: 11px;
  line-height: 12px;
  font-weight: 400;
}

/* view task */
@media (max-width: 1399.98px) {
  .specification-div label {
    width: 20.66667%;
  }

  .label-h-lg-38 {
    display: flex;
    align-items: flex-end;
    min-height: 38px;
  }

  .wizard.wizard-4.user-info-wizard .wizard-nav .wizard-steps .wizard-step {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 1312px) {
  .discount-line input {
    width: 120px;
    padding: 0 10px;
  }

  .discount-line label,
  .discount-line input {
    margin: 0 10px;
  }
}

@media (max-width: 1223px) {
  .label-h-slg-38 {
    min-height: 38px;
    display: flex;
    align-items: flex-end;
  }

  #overview .checkbox-inline {
    flex-wrap: wrap;
  }
}

@media (max-width: 1199px) {
  .discount-line {
    display: block;
  }

  .discount-line .fileInput label,
  .discount-line label {
    margin-left: 0;
  }

  .discount-line .fileInput {
    margin-bottom: 11px;
    display: inline-block;
  }

  .right-sticky-activity-card {
    margin-top: 24px;
  }

  .right-sticky-activity-card .activity-card-content {
    min-height: unset !important;
  }

  .card.custom-plain-card .card-body {
    min-height: 450px;
  }
}

@media (max-width: 991.98px) {
  .header-mobile-fixed .header-mobile {
    background: #fff;
  }

  #kt_header_mobile img {
    width: 40%;
  }

  .specification-div label {
    width: 41.66667%;
  }

  .h-40 {
    height: 36px;
  }

  .border-lg-left {
    border-left: none !important;
  }

  #canvas {
    height: 300px;
  }

  .svg-icon svg g [fill] {
    fill: #7d40ab;
  }

  .burger-icon span::before,
  .burger-icon span::after {
    background-color: #7d40ab;
  }

  .burger-icon span {
    background-color: #d8c5e6;
  }
}

@media (max-width: 809px) {
  td.child li.text-center {
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  #overview label {
    min-height: auto;
  }

  .row-block-responsive .dtr-details {
    padding-left: 0;
  }

  #users .card-title {
    width: 100%;
    flex-wrap: wrap;
  }

  .discount-line .calculation input {
    margin: 0;
  }

  .mt--40 {
    margin-top: 0;
  }

  .wizard.wizard-4.user-info-wizard .wizard-nav .wizard-steps .wizard-step {
    width: 100%;
  }

  .wizard.wizard-4.user-info-wizard .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
    padding: 12px 0;
  }

  ul.bill-to-info,
  .checkbox-with-input {
    display: inline-block;
  }

  .pie-chart-wrapper .chart-info {
    max-width: 100%;
  }

  .w-md-50 {
    width: 100%;
  }

  .template-input-with-checkbox div:first-child {
    min-width: auto;
  }

  .template-input-with-checkbox {
    display: block;
  }

  .template-input-with-checkbox div:last-child {
    margin-left: 28px;
    margin-top: 11px;
  }

  .border-md-left {
    border-left: none !important;
  }
}

@media (max-width: 575px) {
  .discount-line .calculation {
    display: block;
  }

  .discount-line .calculation .ansDiv {
    margin-top: 10px;
  }

  .mt-sm--15 {
    margin-top: -15px;
  }

  .user-info .nav-tabs .nav-item,
  .order-info .nav-tabs .nav-item {
    display: block;
    width: 100%;
    flex: 0 0 100%;
  }

  .user-info .nav-tabs .nav-item .nav-link,
  .order-info .nav-tabs .nav-item .nav-link {
    padding: 1rem 0;
  }
}

@media (max-width: 500px) {
  .d-flex.d-time-sec {
    display: block !important;
  }

  .d-time-sec #kt_timepicker_2,
  .d-time-sec .kt_timepicker_2 {
    margin-top: 10px;
    margin-left: 28px;
  }
}

@media (max-width: 440px) {
  #kt_header_mobile img {
    width: 60%;
  }
}

.select2-selection__placeholder {
  color: #78829d !important;
  line-height: 16px !important;
}

.select2-container {
  background: #fcfcfc;
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--disabled .select2-selection--single {
  opacity: 1;
}

.select2-container--default:not(.select2-container--disabled).select2-container--open .select2-selection--multiple,
.select2-container--default:not(.select2-container--disabled).select2-container--open .select2-selection--single,
.select2-container--default:not(.select2-container--disabled).select2-container--focus .select2-selection--multiple,
.select2-container--default:not(.select2-container--disabled).select2-container--focus .select2-selection--single {
  border-color: #7d40ab !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-color: #dbdfe9 !important;
  border-radius: 6px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
  margin: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after,
.select2-container--default .select2-selection--multiple .select2-selection__arrow::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(../media/icons/ic_down-arrow.svg);
  background-size: 12px 7px;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(3767%) hue-rotate(187deg) brightness(96%) contrast(79%);
  right: 14px;
  font-size: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 13px 14px;
  font-size: 16px;
  padding-right: 30px;
  color: #071437;
}

.select2-container--default .select2-selection--single {
  height: 48px;
  background: #fcfcfc;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 6px !important;
  min-height: 48px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  background: #fcfcfc;
  overflow: hidden;
  border-radius: 4px;
  min-height: 48px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(../media/icons/ic_down-arrow.svg);
  background-size: 12px 7px;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(3767%) hue-rotate(187deg) brightness(96%) contrast(79%);
  right: 14px;
  top: 15px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:only-child {
  height: 20px;
  flex-grow: 1;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline input.select2-search__field {
  margin-top: 0;
  width: 100% !important;
  color: #071437;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  margin: 0 !important;
  background: #f8f5ff;
  font-size: 13px;
  line-height: 14px;
  padding: 6px 7px !important;
  color: #071437;
  border-radius: 4px !important;
  min-height: 30px;
  flex-direction: row-reverse;
  gap: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  filter: brightness(0) saturate(100%) invert(29%) sepia(14%) saturate(6261%) hue-rotate(249deg) brightness(95%) contrast(88%);
  width: 20px;
  height: 20px;
  margin: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove::before {
  font-size: 13px;
  position: absolute;
  margin-left: 3px;
  margin-top: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:last-child+input.select2-search__field {
  font-size: 12px;
  line-height: 12px;
}

.select2-container--default .select2-results>.select2-results__options {
  padding: 0;
  max-height: 270px;
}

.select2-container--default .select2-results>.select2-results__options .select2-results__option {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #071437;
  padding: 14px;
  transition: background 0.3s ease;
}

.select2-container--default .select2-results>.select2-results__options .select2-results__option[aria-selected=true],
.select2-container--default .select2-results>.select2-results__options .select2-results__option.select2-results__option--highlighted {
  background: #f8f9fb !important;
}

.select2-container--default .select2-dropdown {
  border-radius: 6px;
  overflow: hidden;
}

.form-control::-moz-placeholder,
.select2-search input::-moz-placeholder {
  color: #78829d !important;
}

.form-control::placeholder,
.select2-search input::placeholder {
  color: #78829d !important;
}

.view-lead-form .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  display: none;
}

.view-lead-form .form-control~.select2-container .select2-selection__rendered .select2-selection__choice {
  padding-top: 5px !important;
  font-size: 12px !important;
  line-height: 12px !important;
  font-weight: 400 !important;
  padding-bottom: 5px !important;
  min-height: 24px;
}

.view-lead-form .select2-search.select2-search--inline {
  display: none;
}

.view-lead-form .form-control~.select2-container .select2-selection--multiple {
  border: none;
}

.view-lead-form .form-control~.select2-container .select2-selection--multiple .select2-selection__rendered {
  background: transparent;
  gap: 8px;
}

.view-lead-form .form-control~.select2-container .select2-selection--multiple .select2-selection__rendered::before {
  display: none;
}

.view-lead-form ul.select2-selection__rendered {
  padding: 0 !important;
  border: none !important;
}

.view-lead-form .form-control~.select2-container .select2-selection__rendered .select2-selection__choice,
.edit-lead-form .form-control~.select2-container .select2-selection__rendered .select2-selection__choice {
  color: #071437 !important;
}

.select2[data-color=blue] {
  background: none;
}

.select2[data-color=blue] .select2-selection.select2-selection--single {
  border-color: rgba(27, 132, 255, 0.2) !important;
  background: #eff6ff !important;
  /* 20% lighter */
}

.select2[data-color=blue] .select2-selection__rendered {
  color: #1b84ff !important;
}

.select2[data-color=blue] .select2-selection--single .select2-selection__arrow:after {
  filter: brightness(0) saturate(100%) invert(45%) sepia(76%) saturate(3701%) hue-rotate(198deg) brightness(100%) contrast(102%);
}

.select2[data-color=yellow] {
  background: none;
}

.select2[data-color=yellow] .select2-selection.select2-selection--single {
  border-color: rgba(223, 160, 0, 0.2) !important;
  background: #fff8dd !important;
  /* 20% lighter */
}

.select2[data-color=yellow] .select2-selection__rendered {
  color: #dfa000 !important;
}

.select2[data-color=yellow] .select2-selection--single .select2-selection__arrow:after {
  filter: brightness(0) saturate(100%) invert(49%) sepia(95%) saturate(996%) hue-rotate(16deg) brightness(106%) contrast(101%);
}

.select2[data-color=red] {
  background: none;
}

.select2[data-color=red] .select2-selection.select2-selection--single {
  border-color: rgba(216, 26, 72, 0.2) !important;
  background: #ffeef3 !important;
  /* 20% lighter */
}

.select2[data-color=red] .select2-selection__rendered {
  color: #d81a48 !important;
}

.select2[data-color=red] .select2-selection--single .select2-selection__arrow:after {
  filter: brightness(0) saturate(100%) invert(18%) sepia(51%) saturate(5730%) hue-rotate(334deg) brightness(91%) contrast(94%);
}

.select2[data-color=gray] {
  background: none;
}

.select2[data-color=gray] .select2-selection.select2-selection--single {
  border-color: rgba(135, 144, 158, 0.2) !important;
  background: #f3f4f5 !important;
  /* 20% lighter */
}

.select2[data-color=gray] .select2-selection__rendered {
  color: #87909e !important;
}

.select2[data-color=gray] .select2-selection--single .select2-selection__arrow:after {
  filter: brightness(0) saturate(100%) invert(61%) sepia(16%) saturate(263%) hue-rotate(178deg) brightness(89%) contrast(94%);
}

.select2[data-color=green] {
  background: none;
}

.select2[data-color=green] .select2-selection.select2-selection--single {
  border-color: rgba(4, 180, 64, 0.2) !important;
  background: #eafff1 !important;
  /* 20% lighter */
}

.select2[data-color=green] .select2-selection__rendered {
  color: #04b440 !important;
}

.select2[data-color=green] .select2-selection--single .select2-selection__arrow:after {
  filter: brightness(0) saturate(100%) invert(58%) sepia(30%) saturate(7311%) hue-rotate(107deg) brightness(94%) contrast(97%);
}

.custom-option-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

.custom-option-wrapper.for-bullet span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.custom-option-wrapper.for-image img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.select2-dropdown-with-images .select2-results__options {
  max-height: 156px !important;
}

.select2-dropdown-with-bullet-points .select2-results__option {
  padding: 0 !important;
  background: none !important;
}

.select2-dropdown-with-bullet-points .select2-results__option>div {
  padding: 14px !important;
}

.select2-dropdown.select2-dropdown--below {
  margin-top: 6px;
}

.select2-dropdown.select2-dropdown--above {
  margin-top: -6px;
}

.chart-select-dropdown {
  min-width: 172px;
}

.chart-select-dropdown .select2-results__option {
  border: none !important;
  position: relative;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 12px !important;
  line-height: 15px !important;
  font-weight: 500 !important;
}

.chart-select-dropdown .select2-results__option:not(:last-child)::before {
  content: "" !important;
  display: block;
  position: absolute;
  bottom: 0;
  left: 12px;
  width: calc(100% - 24px);
  height: 1px;
  background: #f1f1f4;
}

.custom-select-ui {
  position: relative;
  z-index: 0;
}

.custom-select-ui>input {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  background: #fcfcfc;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: none !important;
  outline: none !important;
  height: 48px;
  padding: 16px 48px 16px 14px;
  color: #78829d;
  font-size: 16px;
  line-height: 16px;
  border: 1px solid #dbdfe9 !important;
  border-radius: 6px !important;
}

.custom-select-ui>input:focus {
  border-color: #7d40ab !important;
}

.custom-select-ui::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(../media/icons/ic_down-arrow.svg);
  background-size: 12px 7px;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(3767%) hue-rotate(187deg) brightness(96%) contrast(79%);
  right: 14px;
  top: 15px;
  z-index: 3;
}

.custom-select-ui .select2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.custom-selected-values {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}

.custom-selected-values.hide {
  display: none;
}

.custom-selected-values .selected-value {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 4px;
  background: #f8f5ff;
  color: #071437;
  min-height: 24px;
  padding: 4px 7px;
}

.custom-selected-values .selected-value button {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none !important;
  outline: none !important;
  border: none !important;
}

.custom-selected-values .selected-value img {
  filter: brightness(0) saturate(100%) invert(30%) sepia(97%) saturate(929%) hue-rotate(246deg) brightness(81%) contrast(90%);
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.8901960784);
}

.swal2-popup {
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
}

.swal2-popup .swal2-close {
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid #dbdfe9;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
}

.swal2-popup .swal2-title {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  color: #7d40ab;
}

.swal2-popup .swal2-content {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #4b5675;
  margin-top: 0;
}

.swal2-popup .swal2-content .swal2-html-container {
  margin-top: 14px;
}

.swal2-popup .swal2-actions {
  margin: 30px auto 0;
  gap: 8px;
}

.swal2-popup .swal2-actions button {
  border-radius: 6px;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.swal2-popup .swal2-actions .swal2-confirm {
  background: #7d40ab;
  border: 1px solid #7d40ab;
}

.swal2-popup .swal2-actions .swal2-confirm:hover {
  background: #fff;
  color: #7d40ab;
}

.swal2-popup .swal2-icon.swal2-success {
  border: 2px solid #7d40ab !important;
}

.swal2-popup .swal2-icon.swal2-success img {
  width: 32px;
  filter: brightness(0) saturate(100%) invert(31%) sepia(22%) saturate(3151%) hue-rotate(244deg) brightness(92%) contrast(92%);
}

.swal2-popup.assign-request-popup .swal2-confirm,
.swal2-popup.add-service-popup .swal2-confirm,
.swal2-popup.edit-service-popup .swal2-confirm,
.swal2-popup.remove-record-popup .swal2-confirm {
  min-width: 220px;
}

.swal2-popup.swal2-delete {
  width: 500px;
}

.swal2-popup.swal2-delete .swal2-icon {
  width: 78px;
  height: 78px;
  margin: 0;
  border: 2px solid #7d40ab;
  background: #f8f5ff;
}

.swal2-popup.swal2-delete .swal2-title {
  color: #7d40ab;
}

.swal2-popup.swal2-delete .swal2-confirm {
  background: #7d40ab;
  border: 1px solid #7d40ab;
}

.swal2-popup.swal2-delete .swal2-confirm:hover {
  background: #fff;
  color: #7d40ab;
}

.swal2-popup.swal2-success .swal2-icon {
  margin: 0 !important;
  width: 72px;
  height: 72px;
  border: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swal2-popup.swal2-success .swal2-icon .swal2-icon-content {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  justify-content: center;
  background: #f2ecf7;
}

.swal2-popup.swal2-success .swal2-icon .swal2-icon-content img {
  width: 39.63px;
  height: 26.43px;
}

.swal2-popup.swal2-success .swal2-timer-progress-bar-container {
  display: none !important;
}

.assign-request-popup .swal2-icon .swal2-icon-content {
  width: 72px !important;
  height: 72px !important;
  background: none !important;
  border-radius: 0 !important;
}

.assign-request-popup .swal2-icon .swal2-icon-content img {
  width: 72px !important;
  height: 72px !important;
  filter: none !important;
}

.create-clinet-new-request-popup {
  max-width: 475px;
  padding: 40px 10px;
}

.create-clinet-new-request-popup .swal2-content {
  font-size: 16px;
  line-height: 20px;
  max-width: 320px;
  margin: auto;
}

.create-clinet-new-request-popup .swal2-content #swal2-content div {
  margin-top: 16px;
  display: inline-block;
  font-size: 14px;
  line-height: 17px;
}

.create-clinet-new-request-popup .swal2-content #swal2-content div a {
  color: #7d40ab;
  text-decoration: underline;
}

.create-clinet-new-request-popup .swal2-actions {
  margin-top: 36px;
}

.datepicker-wrapper {
  position: relative;
}

.datepicker-wrapper input {
  background-image: url(../media/icons/ic_calendar.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: right 15px center;
}

.datepicker tbody tr>td span.year:hover,
.datepicker tbody tr>td span.hour:hover,
.datepicker tbody tr>td span.minute:hover,
.datepicker tbody tr>td span.month:hover {
  background: #f1f1f4;
}

.datepicker {
  width: auto;
  border: 1px solid #f8f9fb;
  box-shadow: 0px 10px 14px 0px rgba(15, 42, 81, 0.031);
}

.datepicker th.dow,
.datepicker td.day {
  height: 32px;
  width: 38px;
  min-width: 38px;
}

.datepicker thead th {
  background: none !important;
}

.datepicker thead th:hover {
  background: none !important;
}

.datepicker thead th:not(.dow) {
  height: 38px;
}

.datepicker thead th.prev,
.datepicker thead th.next {
  background: none !important;
  vertical-align: middle;
}

.datepicker thead th.prev:hover,
.datepicker thead th.next:hover {
  background: none !important;
}

.datepicker thead th.prev span,
.datepicker thead th.next span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  background: #f1f1f4;
}

.datepicker thead th.next span img {
  transform: rotate(180deg);
}

.datepicker thead th.dow {
  font-size: 13px;
  line-height: 14px;
  font-weight: 400 !important;
  color: #4b5675;
}

.datepicker thead th.datepicker-switch {
  font-size: 13px;
  line-height: 14px;
  font-weight: 500 !important;
  color: #071437;
  background: none !important;
}

.datepicker thead th.datepicker-switch:hover {
  background: none !important;
}

.datepicker tbody td.day {
  font-size: 13px;
  line-height: 14px;
  font-weight: 400 !important;
  color: #071437 !important;
}

.datepicker tbody td.day.old,
.datepicker tbody td.day.new {
  color: #78829d !important;
  background: none !important;
  cursor: not-allowed;
}

.datepicker tbody td.day.active {
  font-weight: 500 !important;
  color: #fff !important;
  background: #7d40ab !important;
}

.datepicker tbody td.day:not(.old, .new, .active):hover {
  background: #f2ecf7 !important;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background: #7d40ab !important;
  color: #fff !important;
}

.datepicker tbody tr>td span.year.focused,
.datepicker tbody tr>td span.year.focused:hover,
.datepicker tbody tr>td span.year.active:hover,
.datepicker tbody tr>td span.year.active.focused:hover,
.datepicker tbody tr>td span.year.active,
.datepicker tbody tr>td span.hour.focused,
.datepicker tbody tr>td span.hour.focused:hover,
.datepicker tbody tr>td span.hour.active:hover,
.datepicker tbody tr>td span.hour.active.focused:hover,
.datepicker tbody tr>td span.hour.active,
.datepicker tbody tr>td span.minute.focused,
.datepicker tbody tr>td span.minute.focused:hover,
.datepicker tbody tr>td span.minute.active:hover,
.datepicker tbody tr>td span.minute.active.focused:hover,
.datepicker tbody tr>td span.minute.active,
.datepicker tbody tr>td span.month.focused,
.datepicker tbody tr>td span.month.focused:hover,
.datepicker tbody tr>td span.month.active:hover,
.datepicker tbody tr>td span.month.active.focused:hover,
.datepicker tbody tr>td span.month.active {
  background: #7d40ab !important;
  color: #fff !important;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #f2ecf7 !important;
}

@media (min-width: 992px) {
  .form-group.row [class^=col-lg]:first-child:not(:only-child) {
    padding-right: 8px;
  }

  .form-group.row [class^=col-lg]:last-child:not(:only-child) {
    padding-left: 8px;
  }

  .form-group.row [class^=col-lg]:not(:first-child):not(:last-child) {
    padding: 0 8px;
  }
}

@media (min-width: 992px) {
  .full-width-form .form-group.row [class^=col-lg]:first-child:not(:only-child) {
    padding-right: 12px;
  }

  .full-width-form .form-group.row [class^=col-lg]:last-child:not(:only-child) {
    padding-left: 12px;
  }

  .full-width-form .form-group.row [class^=col-lg]:not(:first-child):not(:last-child) {
    padding: 0 12px;
  }
}

@media (min-width: 992px) {
  .full-width-form.create-new-client-form .form-group.row [class^=col-sm]:first-child:not(:only-child) {
    padding-right: 12px;
  }

  .full-width-form.create-new-client-form .form-group.row [class^=col-sm]:last-child:not(:only-child) {
    padding-left: 12px;
  }

  .full-width-form.create-new-client-form .form-group.row [class^=col-sm]:not(:first-child):not(:last-child) {
    padding: 0 12px;
  }
}

@media (min-width: 768px) {

  #addOfficeLocationModal .form-group.row [class^=col-md]:first-child:not(:only-child),
  .global-modalStyle .form-group.row [class^=col-md]:first-child:not(:only-child) {
    padding-right: 10px;
  }

  #addOfficeLocationModal .form-group.row [class^=col-md]:last-child:not(:only-child),
  .global-modalStyle .form-group.row [class^=col-md]:last-child:not(:only-child) {
    padding-left: 10px;
  }

  #addOfficeLocationModal .form-group.row [class^=col-md]:not(:first-child):not(:last-child),
  .global-modalStyle .form-group.row [class^=col-md]:not(:first-child):not(:last-child) {
    padding: 0 10px;
  }
}

.filter-btn {
  display: flex;
  align-items: center;
  line-height: 18px !important;
}

.details-container {
  padding: 24.5px;
}

.details-container .details-primary-info {
  gap: 16.5px;
  margin-bottom: 25px;
}

.details-container .details-primary-info .detail-client {
  padding-right: 12px;
  margin-right: 12px;
  border-right: 1px solid #c4c4da;
}

@media (max-width: 768px) {
  .details-container .details-primary-info .detail-name-wrapper {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start !important;
  }

  .details-container .details-primary-info .detail-name-wrapper .detail-client {
    padding: 0;
    margin: 0;
    border-right: none !important;
  }
}

.details-container .details-primary-info .detail-position {
  font-size: 11px;
  line-height: 23px;
  height: 23px;
  padding: 0 6px !important;
}

.details-container .details-primary-info .detail-position::before {
  content: none;
}

.contact-info-wrapper {
  font-size: 14px;
  line-height: 14px;
}

.edit-client-btn {
  width: 120px;
  font-size: 14px;
  line-height: 14px;
}

.detail-page-tabs {
  gap: 17px;
  border-bottom: 1px solid #dbdfe9;
  height: 48px;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
}

.detail-page-tabs::-webkit-scrollbar {
  display: none;
}

.detail-page-tabs .nav-item {
  margin: 0;
  flex-shrink: 0;
}

.detail-page-tabs .nav-item .nav-link {
  padding: 14px 0 20px 0;
  line-height: 14px;
  font-size: 14px;
  font-weight: 400;
  border: none !important;
  background: none !important;
  height: 48px;
  white-space: nowrap;
}

.detail-page-tabs .nav-item .nav-link.active {
  font-weight: 600;
  border-bottom: 1px solid #7d40ab !important;
}

.tiles-count-wrapper.h-114 .tiles-count {
  height: 114px !important;
}

@media (max-width: 1099px) {
  .tiles-count-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .tiles-count-wrapper .tiles-count {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .tiles-count-wrapper {
    gap: 12px !important;
    grid-template-columns: 1fr 1fr;
  }

  .tiles-count-wrapper .tiles-count {
    padding: 0 16px !important;
  }
}

@media (max-width: 575px) {
  .tiles-count-wrapper .tiles-count h5 {
    font-size: 26px !important;
    line-height: 26px !important;
  }

  .tiles-count-wrapper .tiles-count span {
    line-height: 18px !important;
  }
}

.tiles-count-wrapper .tiles-count {
  width: 220px;
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  padding: 0 24px;
  border: 1px dashed #7d40ab;
  border-radius: 12px;
  background: #f2ecf7;
}

.tiles-count-wrapper .tiles-count.tiles-count-small {
  width: 157px;
  padding: 0 16px;
}

.tiles-count-wrapper .tiles-count.tiles-count-small span {
  white-space: nowrap;
}

.tiles-count-wrapper .tiles-count h5 {
  color: #7d40ab;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
}

.tiles-count-wrapper .tiles-count span {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #071437;
}

.tiles-count-wrapper .tiles-count.tile_primary {
  background: #f2ecf7;
  border-color: #7d40ab;
}

.tiles-count-wrapper .tiles-count.tile_primary h5 {
  color: #7d40ab;
}

.tiles-count-wrapper .tiles-count.tile_blue {
  background: #eff6ff;
  border-color: #1b84ff;
}

.tiles-count-wrapper .tiles-count.tile_blue h5 {
  color: #1b84ff;
}

.tiles-count-wrapper .tiles-count.tile_red {
  background: #ffeef3;
  border-color: #d81a48;
}

.tiles-count-wrapper .tiles-count.tile_red h5 {
  color: #d81a48;
}

.tiles-count-wrapper .tiles-count.tile_gray {
  background: #f3f4f5;
  border-color: #87909e;
}

.tiles-count-wrapper .tiles-count.tile_gray h5 {
  color: #87909e;
}

.tiles-count-wrapper .tiles-count.tile_yellow {
  background: #fff8dd;
  border-color: #dfa000;
}

.tiles-count-wrapper .tiles-count.tile_yellow h5 {
  color: #dfa000;
}

.tiles-count-wrapper .tiles-count.tile_green {
  background: #eafff1;
  border-color: #04b440;
}

.tiles-count-wrapper .tiles-count.tile_green h5 {
  color: #04b440;
}

.file-upload-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.file-uploaded-list {
  display: flex;
  gap: 16px;
  flex-flow: row wrap;
  max-height: 200px;
  overflow-y: scroll;
}

.file-uploaded-list:empty {
  display: none;
}

.file-uploaded-list .file-item-wrapper {
  height: 36px;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px;
  border: 1px solid #f1f1f4;
  flex-flow: row nowrap;
  white-space: nowrap;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 6px;
  cursor: pointer;
}

.file-uploaded-list .file-item-wrapper span {
  font-size: 11px;
  line-height: 12px;
  color: #071437;
}

.file-uploaded-list .file-item-wrapper span .file-size {
  font-weight: 400;
  color: #78829d;
}

.file-uploaded-list .file-item-wrapper img:not(.removeBtn img) {
  width: 24px;
  height: 24px;
}

.file-uploaded-list .file-item-wrapper .removeBtn {
  border: none !important;
  background: none !important;
  height: 16px;
  width: 16px;
  display: grid;
  place-items: center;
  padding: 0 !important;
  filter: brightness(0) saturate(100%) invert(10%) sepia(69%) saturate(848%) hue-rotate(189deg) brightness(96%) contrast(107%);
}

.file-input-wrapper {
  position: relative;
}

.file-input-wrapper input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.ticket-id {
  color: #7d40ab !important;
  cursor: pointer;
  text-decoration: underline;
}

.ticket-id a {
  text-decoration: underline !important;
}

.new-request-attachment span {
  font-weight: 400;
  color: #071437;
  font-size: 12px;
  line-height: 16px;
}

.chat-users-list-container {
  position: absolute;
  top: 8px;
  transform: translateY(-100%);
  border: 1px solid #f1f1f4;
  width: calc(100% - 32px);
  padding: 12px;
  border-radius: 8px;
  background: #fff;
}

.chat-users-list-container .chat-users-list-wrapper {
  display: flex;
  flex-direction: column;
  max-height: 300px;
  overflow-y: scroll;
}

.chat-users-list-container .chat-users-list-wrapper .chat-user-item {
  min-height: 44px;
  border-bottom: 1px solid #f1f1f4;
  display: flex;
  align-items: center;
  gap: 8px;
}

.chat-users-list-container .chat-users-list-wrapper .chat-user-item img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.chat-users-list-container .chat-users-list-wrapper .chat-user-item span {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #071437;
}

.chat-users-list-container .chat-users-list-wrapper .chat-user-item:last-child {
  border-bottom: none;
}

.tag_badge_wrapper {
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
}

.tag_badge_wrapper .tag_badge {
  height: 36px;
  padding: 2px 12px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  color: #4b5675;
}

.tag_badge_wrapper .tag_badge.status_primary_light {
  background: #f8f5ff;
}

.custom-message-container {
  display: flex;
  gap: 17px;
}

.custom-message {
  margin: 14px 0 16px 0;
  width: auto;
  padding: 6px 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  border: 1px solid;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  border-radius: 8px;
}

.custom-message img {
  width: 24px;
  height: 24px;
}

.custom-message.custom-success-message {
  border-color: #04b440;
  background: #eafff1;
  color: #04b440;
}

.custom-message.custom-error-message {
  border-color: #d81a48;
  background: #ffeef3;
  color: #d81a48;
}

.notification-icon-btn {
  width: 40px !important;
  height: 40px !important;
}

.notification-icon-btn.show-dot::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #d81a48;
  border: 2px solid #fff;
  border-radius: 50%;
  top: 4px;
  right: 4px;
}

.notification-dropdown {
  width: 460px;
  border: 1px solid #dbdfe9;
  overflow: hidden;
  border-radius: 12px;
  margin-top: -20px !important;
  margin-right: 10px !important;
  box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.0901960784);
}

@media (max-width: 992px) {
  .notification-dropdown {
    top: 12px !important;
  }
}

@media (max-width: 570px) {
  .notification-dropdown {
    width: 350px;
    right: 0 !important;
  }
}

@media (max-width: 450px) {
  .notification-dropdown {
    width: 300px;
    right: 20px !important;
  }
}

.notification-dropdown .notification-dropdown-content {
  height: 100%;
  max-height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
}

.notification-dropdown .notification-dropdown-header {
  height: 52px;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 0 20px;
  border-bottom: 1px solid #f1f1f4;
}

.notification-dropdown .notification-dropdown-header h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  margin: 0 !important;
  color: #071437;
}

.notification-dropdown .notification-dropdown-header button {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.notification-dropdown .notification-dropdown-body {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.notification-dropdown .notification-dropdown-body::-webkit-scrollbar-track {
  background: #f8f9fb;
}

.notification-dropdown .notification-dropdown-body::-webkit-scrollbar-thumb {
  background: #f1f1f4;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner {
  height: 100%;
  margin-right: -8px;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item {
  padding: 20px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  border-bottom: 1px solid #f1f1f4;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item.seen {
  background: #f8f9fb;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-left .symbol-label {
  background: none;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-left .symbol {
  border-radius: 50%;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-left .symbol.status-success {
  border: 1px solid rgba(4, 180, 64, 0.2);
  background: #eafff1;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-left .symbol.status-in-progress {
  border: 1px solid rgba(223, 160, 0, 0.2);
  background: #fff8dd;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-left .symbol.status-due {
  border: 1px solid rgba(216, 26, 72, 0.2);
  background: #ffeef3;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-left .symbol.status-symbol img {
  width: unset !important;
  height: unset !important;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right {
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex-grow: 1;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-primary {
  display: flex;
  gap: 7px;
  flex-direction: column;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-primary .notification-text {
  margin: 0;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  color: #4b5675;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-primary .notificaiton-received-time {
  font-size: 11px;
  line-height: 12px;
  color: #78829d !important;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-secondary {
  width: 100%;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-secondary .reply-block {
  border: 1px solid #f1f1f4;
  border-radius: 8px;
  background: #fcfcfc;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-secondary .reply-block .reply-block-text {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #4b5675;
  margin: 0;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-secondary .reply-block .input-wrapper {
  display: flex;
  gap: 10px;
  position: relative;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-secondary .reply-block .input-wrapper button {
  position: absolute;
  right: 6px;
  top: 4px;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2ecf7;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-secondary .reply-block .input-wrapper button img {
  width: 16px;
  height: 16px;
  filter: brightness(0) saturate(100%) invert(29%) sepia(13%) saturate(6560%) hue-rotate(249deg) brightness(94%) contrast(87%);
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-secondary .reply-block input {
  height: 32px;
  padding: 9px 30px 9px 10px;
  color: #78829d;
  font-size: 13px;
  line-height: 14px;
  background: none !important;
  border: 1px solid #dbdfe9;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-secondary .btn-wrapper {
  display: flex;
  gap: 10px;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-secondary .btn-wrapper button {
  height: 32px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  border-radius: 6px;
}

.notification-dropdown .notification-dropdown-body .notification-dropdown-body-inner .notification-item .notification-item-right .notification-content-secondary .btn-wrapper button.btn-outline {
  background: #fff;
  border-color: #dbdfe9;
}

.notification-dropdown .notification-dropdown-footer {
  border-top: 1px solid #f1f1f4;
  padding: 0 20px;
  height: 80px;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notification-dropdown .notification-dropdown-footer .mark-all-read {
  width: 100%;
  height: 40px;
  border-radius: 6px;
  color: #4b5675;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  border: 1px solid #dbdfe9;
}

.chart-card-row [class*=col-] {
  padding: 0 12px;
}

.chart-card-row .chart-card {
  border: 1px solid #f1f1f4;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  height: 100%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.031372549);
}

.chart-card-row .chart-card .chart-card-header {
  padding: 13px 30px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f1f1f4;
}

@media (max-width: 550px) {
  .chart-card-row .chart-card .chart-card-header {
    gap: 12px;
    padding: 13px 15px !important;
  }

  .chart-card-row .chart-card .chart-card-header h3 {
    line-height: 30px !important;
  }

  .chart-card-row .chart-card .chart-card-header .chart-card-header-right {
    flex-flow: row wrap;
    gap: 12px !important;
  }

  .chart-card-row .chart-card .chart-card-header .chart-card-header-right .select2-container {
    width: unset !important;
  }
}

.chart-card-row .chart-card .chart-card-header h3 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #071437;
  margin: 0;
}

.chart-card-row .chart-card .chart-card-header .chart-card-header-right {
  display: flex;
  gap: 24px;
}

.chart-card-row .chart-card .chart-card-header .chart-card-header-right select.form-control {
  padding: 4px 32px 4px 13px;
  font-size: 13px;
  line-height: 14px;
  font-weight: 400;
  height: 30px;
  border-radius: 6px;
}

.chart-card-row .chart-card .chart-card-header .chart-card-header-right select.form-control#services-select {
  min-width: 177px;
}

.chart-card-row .chart-card .chart-card-header .chart-card-header-right select.form-control#services-duration-select,
.chart-card-row .chart-card .chart-card-header .chart-card-header-right select.form-control#clients-duration-select,
.chart-card-row .chart-card .chart-card-header .chart-card-header-right select.form-control#tasks-duration-select,
.chart-card-row .chart-card .chart-card-header .chart-card-header-right select.form-control#leads-duration-select {
  min-width: 120px;
}

.chart-card-row .chart-card .chart-card-header .chart-card-header-right .select2-container--default .select2-selection--single {
  height: 30px;
}

.chart-card-row .chart-card .chart-card-header .chart-card-header-right .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 4px 32px 4px 13px;
  font-size: 13px;
  line-height: 14px;
  font-weight: 400;
}

.chart-card-row .chart-card .chart-card-header .chart-card-header-right .select2-container--default .select2-selection--single .select2-selection__arrow::after {
  filter: unset !important;
}

.chart-card-row .chart-card .card-body {
  padding-top: 6px;
  padding-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: unset !important;
}

.chart-card-row .chart-card .card-body>div {
  width: 100%;
}

@media (max-width: 550px) {
  .chart-card-row .chart-card .card-body {
    padding: 24px 5px !important;
  }
}

.chart-card-row .chart-card .card-body>div {
  display: flex;
  min-height: auto !important;
}

.callrail-charts .chart-card-header {
  height: 56px;
}

.apexcharts-legend {
  gap: 24px;
  overflow: visible !important;
  align-items: flex-end !important;
}

.apexcharts-legend .apexcharts-legend-series {
  margin: 0 !important;
  display: flex;
  gap: 6px;
}

.apexcharts-legend .apexcharts-legend-series .apexcharts-legend-marker {
  margin: 0 !important;
  width: 6px !important;
  overflow: hidden !important;
  height: 6px !important;
  border-radius: 50% !important;
}

.apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
  font-size: 14px !important;
  line-height: 14px !important;
  color: #071437 !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
}

#answered-and-missed-calls-chart .apexcharts-legend {
  justify-content: center !important;
  gap: 10px;
  margin-right: 20px;
}

@media (max-width: 1200px) {
  #answered-and-missed-calls-chart .apexcharts-legend {
    margin-right: 0;
  }
}

#answered-and-missed-calls-chart .apexcharts-legend .apexcharts-legend-text {
  line-height: 22px !important;
}

#answered-and-missed-calls-chart .apexcharts-legend .apexcharts-legend-series {
  width: 100%;
}

#answered-and-missed-calls-chart .apexcharts-tooltip-series-group {
  background: none !important;
}

.apexcharts-tooltip {
  background: #fff !important;
  padding: 16px !important;
  display: flex !important;
  gap: 12px !important;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0705882353) !important;
  flex-direction: column !important;
  border: 1px solid #f1f1f4 !important;
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: none !important;
}

.apexcharts-tooltip .apexcharts-tooltip-title {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4b5675 !important;
}

.apexcharts-tooltip .apexcharts-tooltip-series-group {
  font-size: 16px !important;
  line-height: 16px !important;
  height: 16px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  color: #071437 !important;
  padding: 0 !important;
}

.apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-marker {
  display: none !important;
}

#clients-chart .apexcharts-legend {
  justify-content: center !important;
  gap: 10px;
  margin-right: 20px;
}

@media (max-width: 1200px) {
  #clients-chart .apexcharts-legend {
    margin-right: 0;
  }
}

#clients-chart .apexcharts-legend .apexcharts-legend-text {
  line-height: 22px !important;
}

#clients-chart .apexcharts-legend .apexcharts-legend-series {
  width: 100%;
}

#clients-chart .apexcharts-inner {
  max-width: 274px !important;
}

#clients-chart .apexcharts-tooltip-series-group {
  background: none !important;
}

#clients-chart .apexcharts-tooltip-marker {
  background: #fff !important;
}

#clients-chart .apexcharts-tooltip-marker span {
  background: none !important;
}

.apexcharts-yaxis-label,
.apexcharts-xaxis-label {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  font-family: "Inter", sans-serif !important;
  color: #78829d !important;
}

.apexcharts-xaxistooltip {
  display: none !important;
}

#tasks-chart .apexcharts-bar-series .apexcharts-series .apexcharts-bar-area {
  -webkit-clip-path: inset(0% 0% 0% 0% round 8px);
  clip-path: inset(0% 0% 0% 0% round 8px);
}

#tasks-chart .apexcharts-bar-series .apexcharts-series .apexcharts-bar-area.apexcharts-flip-y {
  transform: none !important;
}

#tasks-chart .apexcharts-legend-series[seriesname=Total] {
  order: 0;
}

#tasks-chart .apexcharts-legend-series[seriesname=Total] .apexcharts-legend-marker {
  width: 12px !important;
  border-radius: 50px !important;
  border: 1px dashed #7d40ab !important;
}

#tasks-chart .apexcharts-legend-series[seriesname=Total] .apexcharts-legend-marker path {
  fill: #f8f5ff !important;
}

#tasks-chart .apexcharts-legend-series[seriesname=ToxDo] {
  order: 1;
}

#tasks-chart .apexcharts-legend-series[seriesname=InxProgress] {
  order: 2;
}

#tasks-chart .apexcharts-legend-series[seriesname=Completed] {
  order: 3;
}

#leads-chart .apexcharts-series-markers {
  pointer-events: none !important;
}

#leads-chart .apexcharts-legend-series[seriesname=NewxLeads] .apexcharts-legend-marker {
  width: 12px !important;
  border-radius: 50px !important;
  border: 1px dashed #7d40ab !important;
}

#leads-chart .apexcharts-legend-series[seriesname=NewxLeads] .apexcharts-legend-marker path {
  fill: #f8f5ff !important;
}

#leads-chart .apexcharts-bar-area,
#services-chart .apexcharts-bar-area {
  transform: translateY(5px) !important;
}

@media (max-width: 1140px) {

  #leads-chart .apexcharts-bar-area,
  #services-chart .apexcharts-bar-area {
    transform: translateY(3px) !important;
  }
}

@media (max-width: 768px) {

  #leads-chart .apexcharts-bar-area,
  #services-chart .apexcharts-bar-area {
    transform: translateY(2px) !important;
  }
}

@media (max-width: 575px) {

  #leads-chart .apexcharts-bar-area,
  #services-chart .apexcharts-bar-area {
    transform: translateY(0px) !important;
  }
}

.tooltip .tooltip-inner {
  border: 1px solid #f1f1f4;
  padding: 8px 11px;
  font-size: 14px;
  border-radius: 8px;
}

.tooltip .arrow {
  z-index: 100;
}

.tooltip .arrow::before {
  z-index: 100;
}

.tooltip .client-tooltip-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}

.tooltip .client-tooltip-content span:not(.date) {
  font-size: 12px;
  line-height: 12px;
  color: #4b5675;
  font-weight: 400;
}

.tooltip .client-tooltip-content span.date {
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #071437;
}

@media (max-width: 1439px) {
  .company-details-info-wrapper {
    flex-wrap: wrap;
  }
}

.create-follow-up-container {
  background: #f2ecf7;
  border: 1px solid #7d40ab;
  border-radius: 6px;
  padding: 16px;
}

.create-follow-up-container.disabled {
  border-color: rgba(125, 64, 171, 0.3);
  background: rgba(242, 236, 247, 0.3);
}

.create-follow-up-container.disabled a.view-follow-up-history {
  opacity: 0.3;
  cursor: not-allowed !important;
}

.create-follow-up-container .create-follow-up-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.create-follow-up-container .create-follow-up-header a.view-follow-up-history {
  text-underline-offset: 3px;
  text-decoration: underline;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  color: #7d40ab;
}

.create-follow-up-container .create-follow-up-header a.view-follow-up-history.disabled {
  opacity: 0.3;
  cursor: not-allowed !important;
}

.create-follow-up-container .create-follow-up-body.hide {
  display: none;
}

.next-follow-up-container .view-history {
  font-size: 15px;
  line-height: 16px;
  font-weight: 600;
  color: #7d40ab;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.next-follow-up-container .view-history.disabled {
  opacity: 0.3;
  cursor: not-allowed !important;
}

.next-follow-up-container .next-follow-up-body {
  gap: 72px;
}

@media (max-width: 768px) {
  .next-follow-up-container .next-follow-up-body {
    gap: 24px;
  }
}

#followUpHistoryModal {
  background: rgba(0, 0, 0, 0.8901960784);
}

#followUpHistoryModal .modal-dialog {
  max-width: 800px;
  min-height: unset !important;
}

@media (max-width: 992px) {
  #followUpHistoryModal .modal-dialog {
    width: calc(100% - 30px);
  }
}

#followUpHistoryModal .modal-dialog .modal-content {
  border-radius: 16px;
}

#followUpHistoryModal .modal-header {
  padding: 20px 36px 20px;
  background: #f8f9fb;
  border-bottom-color: #f1f1f4;
}

@media (max-width: 768px) {
  #followUpHistoryModal .modal-header {
    padding: 20px 24px 20px !important;
  }
}

#followUpHistoryModal .modal-header h5 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: #071437;
}

#followUpHistoryModal .modal-header .close {
  width: 24px;
  height: 24px;
  opacity: 1 !important;
}

#followUpHistoryModal .modal-header .close i {
  font-size: 16px !important;
  color: #071437 !important;
}

#followUpHistoryModal .modal-body {
  max-height: 823px;
  padding: 30px 36px 71px;
}

@media (max-width: 768px) {
  #followUpHistoryModal .modal-body {
    padding: 30px 24px 30px;
  }

  #followUpHistoryModal .modal-body .follow-up-history-list {
    margin-right: -6px !important;
    padding-right: 12px !important;
  }
}

#followUpHistoryModal .modal-body .follow-up-history-list {
  overflow-y: scroll;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  margin-right: -24px;
  padding-right: 24px;
}

#followUpHistoryModal .modal-body .follow-up-history-list::-webkit-scrollbar {
  width: 6px;
}

#followUpHistoryModal .modal-body .follow-up-history-list::-webkit-scrollbar-track {
  background: #f8f9fb;
}

#followUpHistoryModal .modal-body .follow-up-history-list::-webkit-scrollbar-thumb {
  background: #4b5675;
  border-radius: 20px;
}

#followUpHistoryModal .modal-body .follow-up-history-list .follow-up-history-list-item {
  padding: 30px 0;
}

#followUpHistoryModal .modal-body .follow-up-history-list .follow-up-history-list-item:first-child {
  padding-top: 0 !important;
}

#followUpHistoryModal .modal-body .follow-up-history-list .follow-up-history-list-item:not(:last-child) {
  border-bottom: 1px solid #f1f1f4;
}

#followUpHistoryModal .modal-body .follow-up-history-list .follow-up-history-list-item:last-child {
  padding-bottom: 0 !important;
}

.callrail-card-wrapper {
  display: grid;
  gap: 20px 24px;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1430px) {
  .callrail-card-wrapper {
    gap: 20px 18px;
  }

  .callrail-card-wrapper .callrail-card {
    padding: 14px 20px !important;
  }

  .callrail-card-wrapper .callrail-card .call-rail-card-right h5 {
    font-size: 20px !important;
  }

  .callrail-card-wrapper .callrail-card .call-rail-card-right span {
    font-size: 14px !important;
  }
}

@media (max-width: 1300px) {
  .callrail-card-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .callrail-card-wrapper .callrail-card .call-rail-card-left {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
  }

  .callrail-card-wrapper .callrail-card .call-rail-card-left img {
    width: 50% !important;
  }

  .callrail-card-wrapper .callrail-card .call-rail-card-right {
    gap: 8px !important;
  }

  .callrail-card-wrapper .callrail-card .call-rail-card-right h5 {
    font-size: 18px !important;
  }
}

@media (max-width: 1100px) {
  .callrail-card-wrapper {
    gap: 20px 16px;
  }
}

@media (max-width: 800px) {
  .callrail-card-wrapper {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 575px) {
  .callrail-card-wrapper {
    grid-template-columns: 1fr !important;
  }
}

.callrail-card-wrapper .callrail-card {
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 16px;
  background: #fff;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.callrail-card-wrapper .callrail-card.card_primary .call-rail-card-left {
  background: #f2ecf7;
}

.callrail-card-wrapper .callrail-card.card_primary .call-rail-card-left img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(58%) saturate(1791%) hue-rotate(251deg) brightness(98%) contrast(86%);
}

.callrail-card-wrapper .callrail-card.card_primary h5 {
  color: #7d40ab;
}

.callrail-card-wrapper .callrail-card.card_green .call-rail-card-left {
  background: #eafff1;
}

.callrail-card-wrapper .callrail-card.card_green .call-rail-card-left img {
  filter: brightness(0) saturate(100%) invert(58%) sepia(30%) saturate(7311%) hue-rotate(107deg) brightness(94%) contrast(97%);
}

.callrail-card-wrapper .callrail-card.card_green h5 {
  color: #04b440;
}

.callrail-card-wrapper .callrail-card.card_blue .call-rail-card-left {
  background: #eff6ff;
}

.callrail-card-wrapper .callrail-card.card_blue .call-rail-card-left img {
  filter: brightness(0) saturate(100%) invert(45%) sepia(76%) saturate(3701%) hue-rotate(198deg) brightness(100%) contrast(102%);
}

.callrail-card-wrapper .callrail-card.card_blue h5 {
  color: #1b84ff;
}

.callrail-card-wrapper .callrail-card.card_red .call-rail-card-left {
  background: #ffeef3;
}

.callrail-card-wrapper .callrail-card.card_red .call-rail-card-left img {
  filter: brightness(0) saturate(100%) invert(18%) sepia(51%) saturate(5730%) hue-rotate(334deg) brightness(91%) contrast(94%);
}

.callrail-card-wrapper .callrail-card.card_red h5 {
  color: #d81a48;
}

.callrail-card-wrapper .callrail-card.card_yellow .call-rail-card-left {
  background: #fff8dd;
}

.callrail-card-wrapper .callrail-card.card_yellow .call-rail-card-left img {
  filter: brightness(0) saturate(100%) invert(49%) sepia(95%) saturate(996%) hue-rotate(16deg) brightness(106%) contrast(101%);
}

.callrail-card-wrapper .callrail-card.card_yellow h5 {
  color: #dfa000;
}

.callrail-card-wrapper .callrail-card.card_tomato .call-rail-card-left {
  background: #fff5ef;
}

.callrail-card-wrapper .callrail-card.card_tomato .call-rail-card-left img {
  filter: brightness(0) saturate(100%) invert(51%) sepia(32%) saturate(3238%) hue-rotate(346deg) brightness(100%) contrast(102%);
}

.callrail-card-wrapper .callrail-card.card_tomato h5 {
  color: #ff6f1e;
}

.callrail-card-wrapper .callrail-card .call-rail-card-left {
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.callrail-card-wrapper .callrail-card .call-rail-card-left img {
  -o-object-fit: cover;
  object-fit: cover;
}

.callrail-card-wrapper .callrail-card .call-rail-card-right {
  display: grid;
  gap: 12px;
}

.callrail-card-wrapper .callrail-card .call-rail-card-right h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}

.callrail-card-wrapper .callrail-card .call-rail-card-right span {
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #071437;
}

.select2-dropdown-for-lead-status {
  width: 103px !important;
}

.select2-dropdown-for-lead-status .select2-results__option {
  font-size: 14px !important;
  padding: 10px 14px !important;
  line-height: 14px !important;
}

.lead_status_select[data-value=lead]+.select2-container {
  width: 78px !important;
}

.lead_status_select[data-value=lead]+.select2-container .select2-selection--single {
  background: #eafff1;
  border: 1px solid rgba(4, 180, 64, 0.2) !important;
}

.lead_status_select[data-value=lead]+.select2-container .select2-selection--single .select2-selection__rendered {
  color: #04b440;
}

.lead_status_select[data-value=lead]+.select2-container .select2-selection--single .select2-selection__rendered::after {
  background-color: #04b440;
}

.lead_status_select[data-value=lead]+.select2-container .select2-selection--single .select2-selection__arrow::after {
  filter: brightness(0) saturate(100%) invert(58%) sepia(30%) saturate(7311%) hue-rotate(107deg) brightness(94%) contrast(97%);
}

.lead_status_select[data-value=not_lead]+.select2-container {
  width: 103px !important;
}

.lead_status_select[data-value=not_lead]+.select2-container .select2-selection--single {
  background: #ffeef3;
  border: 1px solid rgba(216, 26, 72, 0.2) !important;
}

.lead_status_select[data-value=not_lead]+.select2-container .select2-selection--single .select2-selection__rendered {
  color: #d81a48;
}

.lead_status_select[data-value=not_lead]+.select2-container .select2-selection--single .select2-selection__rendered::after {
  background-color: #d81a48;
}

.lead_status_select[data-value=not_lead]+.select2-container .select2-selection--single .select2-selection__arrow::after {
  filter: brightness(0) saturate(100%) invert(18%) sepia(51%) saturate(5730%) hue-rotate(334deg) brightness(91%) contrast(94%);
}

.lead_status_select+.select2-container .select2-selection--single {
  height: 24px;
  border-radius: 4px;
}

.lead_status_select+.select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 13px;
  line-height: 14px;
  padding: 0 0 0 20px;
}

.lead_status_select+.select2-container .select2-selection--single .select2-selection__rendered::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 7px;
  transform: translateY(-50%);
}

.lead_status_select+.select2-container .select2-selection--single .select2-selection__arrow::after {
  right: 6px;
}

.empty_office_location_container .empty_office_location_inner {
  width: 239px;
  display: flex;
  gap: 30px;
  flex-direction: column;
}

.empty_office_location_container .empty_office_location_inner.w-220px {
  width: 220px;
}

.empty_office_location_container .empty_office_location_inner a {
  line-height: 26px;
}

.office_location_card_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

@media (max-width: 1500px) {
  .office_location_card_wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .office_location_card_wrapper {
    gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .office_location_card_wrapper .office_location_card {
    padding: 20px !important;
  }
}

@media (max-width: 430px) {
  .office_location_card_wrapper {
    grid-template-columns: 1fr;
  }
}

.office_location_card_wrapper .office_location_card {
  display: flex;
  flex-direction: column;
  padding: 24px 20px;
  border-radius: 12px;
  border: 1px solid #f1f1f4;
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1215686275);
}

.office_location_card_wrapper .office_location_card.inactive h5 {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.5;
}

.office_location_card_wrapper .office_location_card.inactive p {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.5;
}

.office_location_card_wrapper .office_location_card h5 {
  color: #7d40ab;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 0px;
}

.office_location_card_wrapper .office_location_card p {
  color: #071437;
  font-size: 14px;
  margin: 0;
  line-height: 17px;
  font-weight: 500;
}

.office_location_card_wrapper .office_location_card hr {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 16px;
}

.office_location_card_wrapper .office_location_card .switch-wrapper {
  gap: 6px;
  height: 24px;
}

.office_location_card_wrapper .office_location_card .switch-wrapper label {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #071437;
}

.office_location_card_wrapper .office_location_card .switch-wrapper .switch input:empty~span::before {
  background: #04b440;
}

.office_location_card_wrapper .office_location_card .switch-wrapper .switch input:checked~span::before {
  background: #d81a48 !important;
}

#addOfficeLocationModal,
.global-modalStyle {
  background: rgba(0, 0, 0, 0.8901960784);
}

#addOfficeLocationModal .modal-dialog,
.global-modalStyle .modal-dialog {
  max-width: 620px;
}

@media (max-width: 700px) {

  #addOfficeLocationModal .modal-dialog,
  .global-modalStyle .modal-dialog {
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
  }
}

#addOfficeLocationModal .modal-dialog .modal-content,
.global-modalStyle .modal-dialog .modal-content {
  border-radius: 16px !important;
  overflow: hidden;
}

#addOfficeLocationModal .modal-dialog.modal-xl,
.global-modalStyle .modal-dialog.modal-xl {
  max-width: 1100px;
}

#addOfficeLocationModal .modal-header,
.global-modalStyle .modal-header {
  padding: 20px 36px 20px;
  background: #f8f9fb;
  border-bottom-color: #f1f1f4;
}

@media (max-width: 768px) {

  #addOfficeLocationModal .modal-header,
  .global-modalStyle .modal-header {
    padding: 20px 24px 20px !important;
  }
}

#addOfficeLocationModal .modal-header h5,
.global-modalStyle .modal-header h5 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: #071437;
}

#addOfficeLocationModal .modal-header .close,
.global-modalStyle .modal-header .close {
  width: 24px;
  height: 24px;
  opacity: 1 !important;
}

#addOfficeLocationModal .modal-header .close i,
.global-modalStyle .modal-header .close i {
  font-size: 16px !important;
  color: #071437 !important;
}

#addOfficeLocationModal .modal-body,
.global-modalStyle .modal-body {
  padding: 30px 36px 0;
}

@media (max-width: 768px) {

  #addOfficeLocationModal .modal-body,
  .global-modalStyle .modal-body {
    padding: 24px 24px 0;
  }
}

#addOfficeLocationModal .modal-footer,
.global-modalStyle .modal-footer {
  justify-content: flex-start;
  border: none !important;
  padding: 0 36px 36px !important;
}

@media (max-width: 768px) {

  #addOfficeLocationModal .modal-footer,
  .global-modalStyle .modal-footer {
    padding: 0 24px 24px !important;
  }
}

#addOfficeLocationModal .modal-footer button,
.global-modalStyle .modal-footer button {
  min-width: 180px !important;
  width: 180px !important;
  border-radius: 6px !important;
  margin: 0 !important;
}

.repeat_weekly_container {
  display: flex;
  max-width: 694px;
  flex-direction: column;
  gap: 30px;
}

.repeat_weekly_container .repeat_weekly_item {
  display: flex;
  align-items: flex-start;
  gap: 10px 60px;
  flex-flow: row wrap;
}

@media (max-width: 1150px) {
  .repeat_weekly_container .repeat_weekly_item {
    gap: 0 30px;
  }
}

@media (max-width: 500px) {
  .repeat_weekly_container .repeat_weekly_item {
    flex-direction: column;
  }
}

.repeat_weekly_container .repeat_weekly_item label {
  font-size: 16px;
  line-height: 48px;
  font-weight: 600;
  margin: 0;
  width: 91px;
  color: #071437;
}

.repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
}

.repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container .repeat_weekly_content {
  display: flex;
  gap: 10px 60px;
  align-items: center;
  flex-flow: row wrap;
  flex-grow: 1;
}

@media (max-width: 1150px) {
  .repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container .repeat_weekly_content {
    gap: 10px 30px;
  }
}

@media (max-width: 500px) {
  .repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container .repeat_weekly_content {
    flex-direction: column;
    align-items: flex-start;
  }
}

.repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container .repeat_weekly_content .timepicker_container {
  max-width: 307px;
  flex-grow: 1;
  max-width: 307px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}

@media (max-width: 500px) {
  .repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container .repeat_weekly_content .timepicker_container {
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container .repeat_weekly_content .timepicker_container span {
    display: none !important;
  }

  .repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container .repeat_weekly_content .timepicker_container input {
    width: 130px !important;
  }
}

.repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container .repeat_weekly_content .timepicker_container span {
  width: 20px;
  text-align: center;
  display: inline-block;
}

.repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container .repeat_weekly_content .timepicker_container input {
  width: 130px;
  background-repeat: no-repeat;
  text-transform: lowercase !important;
  background-position: center right 14px;
}

.repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container .repeat_weekly_content .repeat_weekly_btn_wrapper {
  width: 176px;
  display: flex;
  gap: 16px;
}

.repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container .repeat_weekly_content .repeat_weekly_btn_wrapper button {
  height: 48px;
  min-width: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #f8f9fb;
  border: none !important;
  outline: none !important;
}

.repeat_weekly_container .repeat_weekly_item .repeat_weekly_content_container .repeat_weekly_content .repeat_weekly_btn_wrapper button:disabled {
  opacity: 0.3;
  cursor: none;
}

.does_not_work_list_container {
  display: flex;
  max-width: 751px;
  flex-direction: column;
  gap: 30px;
}

.does_not_work_list_container .does_not_work_list_item {
  display: flex;
  align-items: flex-start;
  gap: 10px 60px;
  flex-flow: row wrap;
}

@media (max-width: 1150px) {
  .does_not_work_list_container .does_not_work_list_item {
    gap: 10px 30px;
  }
}

@media (max-width: 500px) {
  .does_not_work_list_container .does_not_work_list_item {
    flex-direction: column;
  }
}

.does_not_work_list_container .does_not_work_list_item .datepicker-wrapper {
  max-width: 148px;
}

.does_not_work_list_container .does_not_work_list_item .datepicker-wrapper input {
  font-weight: 600;
}

.does_not_work_list_container .does_not_work_list_item .does_not_work_content_container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
}

.does_not_work_list_container .does_not_work_list_item .does_not_work_content_container .does_not_work_content {
  display: flex;
  gap: 10px 60px;
  align-items: center;
  flex-flow: row wrap;
  flex-grow: 1;
}

@media (max-width: 1150px) {
  .does_not_work_list_container .does_not_work_list_item .does_not_work_content_container .does_not_work_content {
    gap: 10px 30px;
  }
}

@media (max-width: 500px) {
  .does_not_work_list_container .does_not_work_list_item .does_not_work_content_container .does_not_work_content {
    flex-direction: column;
    align-items: flex-start;
  }
}

.does_not_work_list_container .does_not_work_list_item .does_not_work_content_container .does_not_work_content .timepicker_container {
  max-width: 307px;
  flex-grow: 1;
  max-width: 307px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}

@media (max-width: 500px) {
  .does_not_work_list_container .does_not_work_list_item .does_not_work_content_container .does_not_work_content .timepicker_container {
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .does_not_work_list_container .does_not_work_list_item .does_not_work_content_container .does_not_work_content .timepicker_container span {
    display: none !important;
  }

  .does_not_work_list_container .does_not_work_list_item .does_not_work_content_container .does_not_work_content .timepicker_container input {
    width: 130px !important;
  }
}

.does_not_work_list_container .does_not_work_list_item .does_not_work_content_container .does_not_work_content .timepicker_container span {
  width: 20px;
  text-align: center;
  display: inline-block;
}

.does_not_work_list_container .does_not_work_list_item .does_not_work_content_container .does_not_work_content .timepicker_container input {
  width: 130px;
  background-repeat: no-repeat;
  text-transform: lowercase !important;
  background-position: center right 14px;
}

.does_not_work_list_container .does_not_work_list_item .does_not_work_content_container .does_not_work_content .does_not_work_btn_wrapper {
  width: 112px;
  display: flex;
  gap: 16px;
}

.does_not_work_list_container .does_not_work_list_item .does_not_work_content_container .does_not_work_content .does_not_work_btn_wrapper button {
  height: 48px;
  min-width: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #f8f9fb;
  border: none !important;
  outline: none !important;
}

.does_not_work_list_container .does_not_work_list_item .does_not_work_content_container .does_not_work_content .does_not_work_btn_wrapper button:disabled {
  opacity: 0.3;
  cursor: none;
}

.custom_list_container {
  display: flex;
  max-width: 751px;
  flex-direction: column;
  gap: 30px;
}

.custom_list_container .custom_list_item {
  display: flex;
  align-items: flex-start;
  gap: 10px 60px;
  flex-flow: row wrap;
}

@media (max-width: 1150px) {
  .custom_list_container .custom_list_item {
    gap: 10px 30px;
  }
}

@media (max-width: 500px) {
  .custom_list_container .custom_list_item {
    flex-direction: column;
  }
}

.custom_list_container .custom_list_item .datepicker-wrapper {
  max-width: 148px;
}

.custom_list_container .custom_list_item .datepicker-wrapper input {
  font-weight: 600;
}

.custom_list_container .custom_list_item .custom_content_container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
}

.custom_list_container .custom_list_item .custom_content_container .custom_content {
  display: flex;
  gap: 10px 60px;
  align-items: center;
  flex-flow: row wrap;
  flex-grow: 1;
}

@media (max-width: 1150px) {
  .custom_list_container .custom_list_item .custom_content_container .custom_content {
    gap: 10px 30px;
  }
}

@media (max-width: 500px) {
  .custom_list_container .custom_list_item .custom_content_container .custom_content {
    flex-direction: column;
    align-items: flex-start;
  }
}

.custom_list_container .custom_list_item .custom_content_container .custom_content .timepicker_container {
  max-width: 307px;
  flex-grow: 1;
  max-width: 307px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}

@media (max-width: 500px) {
  .custom_list_container .custom_list_item .custom_content_container .custom_content .timepicker_container {
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .custom_list_container .custom_list_item .custom_content_container .custom_content .timepicker_container span {
    display: none !important;
  }

  .custom_list_container .custom_list_item .custom_content_container .custom_content .timepicker_container input {
    width: 130px !important;
  }
}

.custom_list_container .custom_list_item .custom_content_container .custom_content .timepicker_container span {
  width: 20px;
  text-align: center;
  display: inline-block;
}

.custom_list_container .custom_list_item .custom_content_container .custom_content .timepicker_container input {
  width: 130px;
  background-repeat: no-repeat;
  text-transform: lowercase !important;
  background-position: center right 14px;
}

.custom_list_container .custom_list_item .custom_content_container .custom_content .custom_btn_wrapper {
  width: 176px;
  display: flex;
  gap: 16px;
}

.custom_list_container .custom_list_item .custom_content_container .custom_content .custom_btn_wrapper button {
  height: 48px;
  min-width: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #f8f9fb;
  border: none !important;
  outline: none !important;
}

.custom_list_container .custom_list_item .custom_content_container .custom_content .custom_btn_wrapper button:disabled {
  opacity: 0.3;
  cursor: none;
}

.bootstrap-timepicker-widget {
  width: 160px;
}

.bootstrap-timepicker-widget input {
  font-size: 16px;
  color: #071437;
  font-weight: 500;
}

.bootstrap-timepicker-widget .separator {
  display: none !important;
}

.bootstrap-timepicker-widget .bootstrap-timepicker-meridian {
  width: 30px;
}

.bootstrap-timepicker-widget a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}

.bootstrap-timepicker-widget a .timepicker-up-icon {
  transform: rotate(180deg);
}

.bootstrap-timepicker-widget a .timepicker-down-icon,
.bootstrap-timepicker-widget a .timepicker-up-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../media/icons/ic_down-arrow.svg);
  background-size: 12px 7px;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(3767%) hue-rotate(187deg) brightness(96%) contrast(79%);
}

.add-date-btn {
  min-width: unset !important;
  width: 148px !important;
  background: #f2ecf7 !important;
  color: #7d40ab !important;
  border: 1px solid rgba(125, 64, 171, 0.1) !important;
}

.select-date-container .section-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.select-date-container .section-header h2 {
  font-size: 30px;
  line-height: 42px;
  font-weight: 700;
  color: #071437;
}

.select-date-container .section-header p {
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  max-width: 734px;
  color: #4b5675;
}

.select-date-container .section-header p a {
  color: inherit !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.select-date-container .section-header.heading-top {
  width: 70%;
}

.select-date-container .section-header.heading-top .section-body .form-group {
  width: 75%;
}

@media (max-width: 1100px) {
  .select-date-container .section-header.heading-top {
    width: 100%;
  }

  .select-date-container .section-header.heading-top .section-body .form-group {
    width: 100%;
  }
}

.select-date-container .form-group label {
  font-size: 14px;
  line-height: 14px;
  color: #071437;
}

.select-date-container .form-control {
  border: 1px solid #dbdfe9;
  background: #fcfcfc;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  padding: 16px 14px;
  height: 48px;
  color: #071437;
}

.select-date-container .datepicker-container {
  position: relative;
}

.select-date-container .datepicker-container .datepicker-toggle-button {
  display: flex;
  gap: 12px;
  width: auto;
  max-width: 25%;
}

.select-date-container .datepicker-container .datepicker-toggle-button span {
  font-size: 22px;
  line-height: 42px;
  font-weight: 700;
}

.select-date-container .datepicker-container .datepicker-toggle-button img {
  transition: all 0.2s ease;
}

.select-date-container .datepicker-container .datepicker-toggle-button.datepicker-opened img {
  transform: rotate(180deg);
}

@media (max-width: 1280px) {
  .select-date-container .datepicker-container .datepicker-toggle-button {
    max-width: 100%;
  }
}

.select-date-container .datepicker-container #element-datepicker,
.select-date-container .datepicker-container #element-datepicker-new {
  z-index: 9;
  background: #fff;
  max-width: 286px;
  position: absolute;
  top: 100%;
  left: 0;
}

.select-date-container .datepicker-container #element-datepicker.hide,
.select-date-container .datepicker-container #element-datepicker-new.hide {
  display: none !important;
}

.select-date-container .datepicker-days-container {
  display: flex;
  align-items: center;
  gap: 16px;
}

.select-date-container .datepicker-days-container button {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none !important;
  outline: none !important;
  background: none !important;
}

.select-date-container .datepicker-days-container button.disable {
  opacity: 0.6;
  pointer-events: none;
}

.select-date-container .datepicker-days-container button.next-date-btn img {
  transform: rotate(180deg);
}

.select-date-container .datepicker-days-container .datepicker-days-wrapper {
  display: flex;
  gap: 12px;
}

@media (max-width: 1280px) {
  .select-date-container .datepicker-days-container .datepicker-days-wrapper {
    flex-wrap: wrap;
  }
}

.select-date-container .datepicker-days-container .datepicker-days-wrapper>div {
  cursor: pointer;
  height: 56px;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 17px;
  font-weight: 500;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #dbdfe9;
  width: 97px;
}

.select-date-container .datepicker-days-container .datepicker-days-wrapper>div.active {
  background: #7d40ab;
  border-color: #7d40ab;
  color: #fff;
}

.select-date-container .datepicker-days-container .datepicker-days-wrapper>div.disable {
  opacity: 0.6;
  cursor: none;
}

@media (max-width: 480px) {
  .select-date-container .datepicker-days-container .datepicker-days-wrapper>div {
    flex: 46%;
    max-width: 46%;
  }
}

.select-date-container .time-slots-container {
  padding: 0 40px;
  display: flex;
  gap: 34px;
  flex-direction: column;
}

.select-date-container .time-slots-container .time-slot-wrapper {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.select-date-container .time-slots-container .time-slot-wrapper .time-slot-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}

.select-date-container .time-slots-container .time-slot-wrapper .time-slot-list {
  display: flex;
  grid-template-columns: repeat(9, 1fr);
  gap: 12px;
}

@media (max-width: 1280px) {
  .select-date-container .time-slots-container .time-slot-wrapper .time-slot-list {
    flex-wrap: wrap;
  }
}

.select-date-container .time-slots-container .time-slot-wrapper .time-slot-list .time-slot {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  height: 48px;
  border: 1px solid rgba(125, 64, 171, 0.2);
  background: #f2ecf7;
  color: #7d40ab;
  width: 110px;
}

.select-date-container .time-slots-container .time-slot-wrapper .time-slot-list .time-slot.disable {
  color: #99a1b7;
  cursor: none;
  border-color: transparent;
}

.select-date-container .time-slots-container .time-slot-wrapper .time-slot-list .time-slot.active {
  background: #7d40ab;
  color: #fff;
  border-color: #7d40ab;
}

@media (max-width: 480px) {
  .select-date-container .time-slots-container .time-slot-wrapper .time-slot-list .time-slot {
    flex: 46%;
    max-width: 46%;
  }
}

.date-accordionsec-wrapper>.card {
  border: none;
  background-color: transparent;
  box-shadow: none;
}

.date-accordionsec-wrapper .select-date-container {
  padding: 0 !important;
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card {
  border: 1px solid #f1f1f4;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 12px;
  width: 100%;
  margin-top: 25px;
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .btn-wrap {
  border-top: 1px solid #f1f1f4;
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-body {
  background-color: transparent;
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header {
  background-color: transparent;
  position: relative;
  cursor: pointer;
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header .btn {
  background-color: transparent;
  position: relative;
  padding: 20px;
  cursor: pointer;
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header .btn .section-header {
  gap: 5px;
  padding-right: 20px;
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header .btn .section-header h4 {
  font-size: 16px;
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header .btn .section-header p {
  margin-bottom: 5px;
  color: #071437;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header .btn::before {
  content: "";
  background-image: url(../media/icons/plus-squared.svg);
  position: absolute;
  width: 25px;
  height: 25px;
  right: 20px;
  top: 20px;
  z-index: 1;
  background-size: 100% 100%;
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header .btn.collapsed::before {
  background-image: url(../media/icons/plus-squared.svg);
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header .btn:not(.collapsed) .section-header {
  border-bottom: 1px solid #dbdfe9;
  padding-bottom: 15px;
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header .btn:not(.collapsed)::before {
  background-image: url(../media/icons/minus-squared.svg);
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header .btn:hover,
.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header .btn:focus {
  text-decoration: none;
}

.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header .btn:hover h4,
.date-accordionsec-wrapper .date-accordionsec.accordion .card .card-header .btn:focus h4 {
  color: #7d40ab;
}

.ui-timepicker-container.ui-timepicker-standard {
  border: 1px solid #E4E6EF;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  padding: 0;
  border: 1px solid #E4E6EF;
  margin-top: 5px;
  border-radius: 6px;
}

.ui-timepicker-container.ui-timepicker-standard .ui-timepicker {
  padding: 0;
}

.ui-timepicker-container.ui-timepicker-standard .ui-timepicker a.ui-corner-all {
  border: none;
  text-align: left;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  padding: 12px 14px;
  text-align: left;
}

.ui-timepicker-container.ui-timepicker-standard .ui-timepicker a.ui-corner-all.ui-state-hover,
.ui-timepicker-container.ui-timepicker-standard .ui-timepicker a.ui-corner-all:hover {
  background: #f8f9fb !important;
}

.datepicker tbody tr>td.day.disabled {
  color: #7E8299 !important;
}

.daterangepicker .ranges ul {
  padding: 0 !important;
  border: 1px solid #F1F1F4;
  box-shadow: 0px 10px 14px 0px rgba(15, 42, 81, 0.031372549);
  overflow: hidden;
  border-radius: 6px;
}

.daterangepicker .ranges ul li {
  font-size: 13px;
  padding: 10px 12px;
  cursor: pointer;
}

.daterangepicker .ranges ul li.active {
  background-color: #7d40ab;
  color: #fff;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons {
  padding: 15px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
  height: 26px;
  line-height: 15px;
}

.reportrange {
  padding: 10px 35px 10px 10px !important;
  border: 1px solid #dbdfe9;
  font-size: 13px;
  line-height: 20px;
  height: 40px;
  border-radius: 0.42rem;
  background: #fcfcfc url(../media/icons/ic_select_down-arrow.svg) !important;
  background-position: right 14px center !important;
  background-size: 12px 8px !important;
  background-repeat: no-repeat !important;
  width: auto !important;
}

@media (max-width: 575px) {
  .reportrange {
    width: 170px !important;
  }
}

.appointment-tabs-list {
  border-bottom: none;
}

.appointment-tabs-list.border-bottom-tabs {
  position: relative;
}

.appointment-tabs-list.border-bottom-tabs::before {
  content: "";
  background-color: #dbdfe9;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.appointment-tabs-list.border-bottom-tabs .nav-item .nav-link {
  position: relative;
  z-index: 1;
  color: #4B5675;
  font-weight: 400;
}

.appointment-tabs-list.border-bottom-tabs .nav-item .nav-link.active {
  color: #7d40ab;
  font-weight: 600;
}

.appointment-filter-inner select.form-control {
  width: 140px;
  height: 34px;
  font-size: 12px;
}

.appointment-table-card .absolute-right-table {
  padding-top: 24px;
  padding-bottom: 24px;
}

.filter-result-wrapper {
  padding: 0 16px 24px;
}

.filter-tag {
  display: inline-flex;
  align-items: center;
  background-color: #F1F1F4 !important;
  color: #78829D !important;
  padding: 9px 9px;
  border-radius: 15px;
  font-size: 11px;
}

.filter-tag span {
  color: #071437 !important;
  display: inline-block;
  margin-left: 4px;
}

.filter-tag .close-btn {
  margin-left: 8px;
  cursor: pointer;
  font-weight: bold;
  background: none;
  border: none;
  color: #777;
}

.filter-tag .close-btn img {
  width: 10px;
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7486%) hue-rotate(22deg) brightness(104%) contrast(104%);
}

.filter-tag .close-btn:hover {
  color: #000;
}

.card-body.appointment-card-body.p-0 {
  padding: 0 !important;
}

@media (max-width: 700px) {
  .appointment-table-card .absolute-right-table {
    flex-direction: column;
  }
}

.appointment-inner-tabs {
  background: #FBF9FF;
  padding: 16px 15px 0;
  flex-wrap: nowrap;
  overflow-x: scroll;
}

.appointment-inner-tabs::-webkit-scrollbar {
  display: none;
}

.appointment-inner-tabs li.nav-item {
  font-size: 14px;
  margin: 0;
}

.appointment-inner-tabs li.nav-item .nav-link {
  padding: 9px 20px !important;
  background: transparent;
  border-bottom: none;
  white-space: nowrap;
}

.appointment-inner-tabs li.nav-item .nav-link.active {
  background: #fff;
  border-bottom: transparent;
  position: relative;
  font-weight: 600;
}

.appointment-inner-tabs li.nav-item .nav-link.active:after {
  content: "";
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
}

.form-group.radio-form-group {
  border-bottom: 1px solid #F1F1F4;
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.form-group.radio-form-group label.label-text {
  font-weight: 600;
  margin-bottom: 20px;
}

.form-group.radio-form-group label.radio {
  color: #4B5675;
  font-weight: 500;
}

.form-group.radio-form-group .radio>span {
  background: #fff;
  border-color: #DBDFE9;
}

.form-group.radio-form-group .radio>input:checked~span {
  background: #7D40AB !important;
  border-color: #7D40AB;
}

#editAppointment .form-control:disabled,
#editAppointment .form-control[readonly] {
  opacity: 0.4;
}

.search-template {
  max-width: 272px;
  margin-bottom: 16px;
}

.search-template input {
  height: 32px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 13px;
  padding-left: 30px !important;
}

.search-template span {
  width: 34px;
}

select.form-control.select2.small-field~.select2-container--default .select2-selection--single {
  height: 32px !important;
  font-size: 13px !important;
}

select.form-control.select2.small-field~.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 13px;
}

.small-select-field .select2-results__option {
  font-size: 13px !important;
  line-height: 13px !important;
}

#templateremainderModal .customMessage {
  max-width: 272px;
}

body.offcanvas-open {
  overflow: hidden;
}

/* Offcanvas Panel */
.custom-offcanvas {
  position: fixed;
  top: 0;
  right: -800px;
  width: 800px;
  height: 100%;
  background: #fff;
  z-index: 1050;
  transition: right 0.3s ease;
}

.custom-offcanvas.show {
  right: 0;
}

@media (max-width: 992px) {
  .custom-offcanvas {
    right: -100%;
    width: 100%;
  }
}

/* Header & Close */
.custom-offcanvas-header {
  padding: 12px 36px;
  border-bottom: 1px solid #f1f1f4;
  background: #f8f9fb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-offcanvas-header h5 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: #071437;
}

.custom-offcanvas-header .close {
  font-size: 16px !important;
  color: #071437 !important;
  opacity: 1 !important;
}

.custom-offcanvas-header .close i {
  color: #071437 !important;
}

.custom-offcanvas-header .mark-start-service {
  border: 1px solid #DBDFE9;
  padding: 11px 12px;
  background: #fff;
  border-radius: 6px;
}

@media (max-width: 640px) {
  .custom-offcanvas-header {
    padding: 20px 15px;
    align-items: self-start;
  }

  .custom-offcanvas-header h5 {
    margin-right: -100px;
  }

  .custom-offcanvas-header .canvas-right-header {
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-items: end !important;
    justify-content: start !important;
  }
}

.checkbox.checkbox-outline {
  font-weight: 500;
}

.checkbox.checkbox-outline>span {
  margin-right: 5px;
}

.checkbox.checkbox-outline.checkbox-primary>input:checked~span {
  background-color: #7d40ab;
}

.custom-offcanvas-body {
  padding: 30px 36px;
  max-height: calc(100vh - 60px);
  /* Adjust based on header height */
  overflow-y: auto;
}

.custom-offcanvas-body .history-listing {
  padding: 0;
  margin: 0;
}

.custom-offcanvas-body .history-listing .history-listing-wrap {
  list-style: none;
  display: flex;
  align-items: self-start;
  gap: 12px;
  border-bottom: 1px solid #F1F1F4;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.custom-offcanvas-body .history-listing .history-listing-wrap .info-wrap h4 {
  font-size: 16px;
  line-height: 16px;
  color: #071437;
  font-weight: 600;
  margin-bottom: 5px;
}

.custom-offcanvas-body .history-listing .history-listing-wrap .info-wrap .history-time-date {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 25px;
}

.custom-offcanvas-body .history-listing .history-listing-wrap .info-wrap .history-time-date li {
  position: relative;
  font-size: 12px;
  line-height: 16px;
  color: #4B5675;
}

.custom-offcanvas-body .history-listing .history-listing-wrap .info-wrap .history-time-date li:before {
  content: "";
  position: absolute;
  right: -7px;
  top: 2px;
  height: 12px;
  width: 1px;
  background: #DBDFE9;
}

.custom-offcanvas-body .history-listing .history-listing-wrap .info-wrap .history-time-date li:last-child:before {
  display: none;
}

.custom-offcanvas-body .history-listing .history-listing-wrap .info-wrap .btn {
  border: 1px solid rgba(125, 64, 171, 0.2);
  min-width: 120px;
  font-weight: 500;
}

.custom-offcanvas-body .history-listing .history-listing-wrap:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

@media (max-width: 640px) {
  .custom-offcanvas-body {
    padding: 30px 16px;
  }

  .custom-offcanvas-body .history-listing .history-listing-wrap {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .custom-offcanvas-body .history-listing .history-listing-wrap .info-wrap h4 {
    line-height: 20px;
  }
}

/* Overlay */
#offcanvasOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.89);
  z-index: 1040;
  display: none;
}

#offcanvasOverlay.show {
  display: block;
}

@media (max-width: 640px) {
  .appointment-card-body .absolute-right-table .search-filter-wrap .input-icon {
    width: 100%;
  }
}

.absolute-right-table-heading {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}

.file-upload-container.w-148 .create-attachment.dropzone.dropzone-default {
  width: 148px;
}

p.field-note {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  line-height: 12px;
  color: #4B5675;
  margin-top: 12px;
  margin-bottom: 5px;
}

.preview-template-wrapper {
  height: calc(100% - 92px);
  overflow: hidden;
  border-radius: 24px !important;
}

.preview-template-wrapper .preview-template-tab {
  border-radius: 24px;
  height: 100%;
  overflow-y: auto;
}

.preview-template-wrapper #email-template {
  border: 1px solid #DBDFE9;
}

.preview-template-wrapper #text-message-template {
  max-width: 375px;
  margin: 0 auto;
  border: 1px solid #DBDFE9;
  margin-bottom: 55px;
}

.preview-tabs {
  justify-content: center;
  height: auto;
}

.preview-tabs .nav-item .nav-link {
  padding: 0;
  height: auto;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 20px;
  color: #4B5675;
  position: relative;
}

.preview-tabs .nav-item .nav-link:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #DBDFE9;
  border-radius: 50%;
  margin-right: 8px;
}

.preview-tabs .nav-item .nav-link:after {
  content: "";
  background: #fff;
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  border: 5px solid #7D40AB;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
}

.preview-tabs .nav-item .nav-link.active {
  border-bottom: none !important;
}

.preview-tabs .nav-item .nav-link.active:after {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 510px) {
  .preview-tabs {
    flex-wrap: wrap;
  }
}

#previewTemplate .modal-dialog.modal-xl {
  max-width: 972px;
}

@media (max-width: 480px) {
  #previewTemplate .modal-dialog.modal-xl .modal-body {
    padding: 20px 4px 0;
  }
}

#previewTemplate .modal-dialog.modal-xl .preview-container {
  max-width: 900px;
  background-color: #ffffff;
  overflow: hidden;
}

#previewTemplate .modal-dialog.modal-xl .preview-container .preview-header {
  padding: 40px 40px 20px;
  text-align: center;
}

#previewTemplate .modal-dialog.modal-xl .preview-container .preview-footer {
  padding: 50px 40px 50px;
  text-align: center;
  background: #F8F9FB;
}

#previewTemplate .modal-dialog.modal-xl .preview-container .preview-content {
  padding: 0 48px 60px;
}

@media (max-width: 767px) {

  #previewTemplate .modal-dialog.modal-xl .preview-container .preview-info-table,
  #previewTemplate .modal-dialog.modal-xl .preview-container .preview-info-table tr,
  #previewTemplate .modal-dialog.modal-xl .preview-container .preview-info-table td {
    display: block;
    width: 100% !important;
  }

  #previewTemplate .modal-dialog.modal-xl .preview-container .preview-header {
    padding: 40px 20px 20px;
  }

  #previewTemplate .modal-dialog.modal-xl .preview-container .preview-footer {
    padding: 50px 20px 50px;
  }

  #previewTemplate .modal-dialog.modal-xl .preview-container .preview-content {
    padding: 0 20px 60px;
  }

  #previewTemplate .modal-dialog.modal-xl .preview-container .preview-footer-contact {
    display: flex;
    flex-direction: column;
    gap: 7px;
  }

  #previewTemplate .modal-dialog.modal-xl .preview-container .preview-header-logo {
    width: 250px;
  }

  #previewTemplate .modal-dialog.modal-xl .preview-container .preview-footer-logo {
    width: 200px;
  }

  #previewTemplate .modal-dialog.modal-xl .preview-container .preview-content p:first-child {
    margin-top: 15px !important;
  }

  #previewTemplate .modal-dialog.modal-xl .preview-container h2 {
    font-size: 26px !important;
  }

  #previewTemplate .modal-dialog.modal-xl .preview-container p,
  #previewTemplate .modal-dialog.modal-xl .preview-container span {
    font-size: 16px !important;
    line-height: 26px !important;
  }
}

@media (max-width: 575px) {
  #previewTemplate .modal-dialog.modal-xl .preview-container .preview-header-logo {
    width: 200px;
  }

  #previewTemplate .modal-dialog.modal-xl .preview-container .preview-footer-logo {
    width: 185px;
  }

  #previewTemplate .modal-dialog.modal-xl .preview-container h2 {
    font-size: 24px !important;
    line-height: 31px !important;
  }
}

.text-preview-container {
  max-width: 375px;
  background-color: #ffffff;
  border-radius: 24px;
  border: 1px solid #DBDFE9;
  overflow: hidden;
}

.text-preview-container .text-preview-content {
  padding: 25px 16px 30px;
}

@media screen and (max-width: 767px) {
  .text-preview-container .text-preview-content .text-preview-content p:first-child {
    margin-top: 15px !important;
  }
}

.preview-template-wrapper-history {
  height: calc(100% - 20px);
  overflow: hidden;
  border-radius: 24px !important;
}

.preview-template-wrapper-history .preview-template-tab {
  border-radius: 24px;
  height: 100%;
  overflow-y: auto;
}

.preview-template-wrapper-history #email-template {
  border: 1px solid #DBDFE9;
}

.preview-template-wrapper-history #text-message-template {
  max-width: 375px;
  margin: 0 auto;
  border: 1px solid #DBDFE9;
  margin-bottom: 55px;
}

.book-appointment-for-container .back-button,
.tell-us-more-container .back-button {
  display: flex;
  font-size: 18px;
  line-height: 19px;
  font-weight: 600;
  color: #071437;
  background: none !important;
  outline: none !important;
  border: none !important;
  gap: 12px;
}

.book-appointment-for-container .back-button img,
.tell-us-more-container .back-button img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(4087%) hue-rotate(240deg) brightness(88%) contrast(95%);
}

.book-appointment-for-container h2,
.tell-us-more-container h2 {
  font-size: 30px;
  line-height: 42px;
  font-weight: 700;
  color: #071437;
}

.book-appointment-for-container .appointment-for-button-wrapper,
.tell-us-more-container .appointment-for-button-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.book-appointment-for-container .appointment-for-button-wrapper .appointment-for-button,
.tell-us-more-container .appointment-for-button-wrapper .appointment-for-button {
  padding: 22px 14px;
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #dbdfe9;
  background: #fcfcfc;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  color: #071437;
}

.book-appointment-for-container .appointment-for-button-wrapper .appointment-for-button img,
.tell-us-more-container .appointment-for-button-wrapper .appointment-for-button img {
  transform: rotate(-90deg);
}

.book-appointment-for-container .section-header p,
.tell-us-more-container .section-header p {
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  max-width: 734px;
  color: #4b5675;
}

.book-appointment-for-container .section-header p a,
.tell-us-more-container .section-header p a {
  color: inherit !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/*# sourceMappingURL=custom.css.map */



















/* Appointment.html CSS */
.main-container {
  /* max-width: 1200px; */
  margin: 0 auto;
  /* padding: 20px; */
}

.card-header-custom {
  background: transparent;
  border-bottom: 1px solid #F1F1F4;
  border-radius: 11px 11px 0px 0px !important;
  padding: 18px 16px;
  font-weight: 600;
  font-size: 16px;
  color: #071437;
}

.patient-avatar {
  width: 52px;
  height: 52px;
  background: #EDE4D9;
  border: 1.44px solid #E4D5C3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 23px;
  color: #B99C7A;
}

.patient-info {
  color: #071437;
  font-weight: 500;
  font-size: 16px;
}

.patient-id {
  color: #4B5675;
  font-size: 14px;
}

.info-row {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
  color: #4B5675;
}

.info-row i {
  width: 18px;
  margin-right: 12px;
  opacity: 0.7;
}

.activity-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.activity-badge {
  background: #FCFCFC;
  border: 1px solid rgba(120, 130, 157, 0.2);
  border-radius: 900px;
  padding: 7px 16px;
  font-size: 12px;
  color: #78829D;
  font-weight: 500;
}

.comment-box {
  background: #FCFCFC;
  border: 1px solid #F1F1F4;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 14px;
}

.comment-box.user-comment {
  background: #F8F5FF;
  border: 1px solid rgba(125, 64, 171, 0.1);
  margin-left: 110px;
}

.comment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.user-info {
  display: flex;
  align-items: center;
}

.user-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 6px;
  background: #ddd;
}

.user-name {
  font-weight: 500;
  font-size: 14px;
  color: #071437;
}

.comment-time {
  font-size: 12px;
  color: #78829D;
  font-weight: 500;
}

.comment-text {
  font-size: 14px;
  line-height: 17px;
  color: #071437;
}

.comment-input-box {
  background: #FCFCFC;
  border: 1px solid #DBDFE9;
  border-radius: 12px;
  padding: 8px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.comment-input {
  border: none;
  background: transparent;
  outline: none;
  font-size: 16px;
  color: #78829D;
  flex-grow: 1;
}

.btn-send {
  background: #7D40AB;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 500;
}

.btn-attachment {
  background: #F2ECF7;
  border: 1px solid rgba(125, 64, 171, 0.2);
  border-radius: 6px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  color: #7D40AB;
}

.close-btn {
  background: transparent;
  border: none;
  padding: 7px;
  border-radius: 6px;
  color: #78829D;
}

.reason-text {
  font-size: 14px;
  line-height: 17px;
  color: #4B5675;
}

.activity-scroll {
  max-height: 100%;
  overflow-y: auto;
}








/* client-dashboard.html CSS */
.font-32 {
  font-size: 32px !important;
  line-height: normal !important;
}

.sub-text {
  color: #071437;
  /* font-weight: 500; */
  font-size: 16px;
}

/* begin::Appointments Cards */
.appointments-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  align-items: stretch;
}

.appointments-cards .dashboard-card-col {
  padding: 0;
  margin: 0;
  /* Grid handles the sizing, no need for flex properties */
}

.appointments-cards .dashboard-card {
  background: #FFFFFF;
  border: 1px solid #F1F1F4;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  padding: 24px 16px;
  position: relative;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.appointments-cards .card-purple {
  border-top: 3px solid #7D40AB;
}

.appointments-cards .card-blue {
  border-top: 3px solid #1B84FF;
}

.appointments-cards .card-green {
  border-top: 3px solid #04B440;
}

.appointments-cards .card-red {
  border-top: 3px solid #D81A48;
}

.appointments-cards .card-title {
  font-weight: 500;
  font-size: 14px;
  color: #4B5675;
  margin-bottom: 12px;
  white-space: nowrap;
}

.appointments-cards .card-number {
  font-weight: 700;
  font-size: 24px;
  line-height: normal;
  color: #071437;
  margin-bottom: 0;
}

.appointments-cards .card-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  position: absolute;
  top: 24px;
  right: 16px;
}

.appointments-cards .icon-purple {
  background: #F2ECF7;
  color: #7D40AB;
}

.appointments-cards .icon-blue {
  background: #EFF6FF;
  color: #1B84FF;
}

.appointments-cards .icon-green {
  background: #EAFFF1;
  color: #04B440;
}

.appointments-cards .icon-red {
  background: #FFEEF3;
  color: #D81A48;
}

.appointments-cards .card-trend {
  padding-top: 40px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
}

.appointments-cards .trend-positive {
  color: #04B440;
}

.appointments-cards .trend-negative {
  color: #D81A48;
}

.appointments-cards .trend-icon {
  width: 14px;
  height: 14px;
  color: inherit;
}

.appointments-cards .trend {
  color: inherit;
}

.appointments-cards .trend-up {
  transform: rotate(-180deg);
  background-color: #04B440;
  -webkit-mask: url(../media/icons/ic_down-arrow.svg) no-repeat center;
  mask: url(../media/icons/ic_down-arrow.svg) no-repeat center;
}

.appointments-cards .trend-down {
  transform: rotate(0deg);
  background-color: #D81A48;
  -webkit-mask: url(../media/icons/ic_down-arrow.svg) no-repeat center;
  mask: url(../media/icons/ic_down-arrow.svg) no-repeat center;
}

/* Large desktop - allow up to 4 cards per row */
@media (min-width: 1200px) {
  .appointments-cards {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    max-width: 1400px; /* Optional: limit maximum width */
  }
}

/* Tablet breakpoint */
@media (max-width: 1024px) {
  .appointments-cards {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
  }
}

/* Small tablet breakpoint */
@media (max-width: 768px) {
  .appointments-cards {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
  }
}

/* Mobile breakpoint */
@media (max-width: 576px) {
  .appointments-cards {
    grid-template-columns: 1fr; /* Force single column */
    gap: 16px;
  }
}

/* Extra small mobile breakpoint */
@media (max-width: 480px) {
  .appointments-cards .dashboard-card {
    padding: 20px 12px;
  }
}
/* end::Appointments Cards */

/* begin::Appointments Row */
.appointments-row .responsive-col.left-col {
  padding: 0px 15px 0px 0px;
}

.appointments-row .responsive-col.right-col {
  padding: 0px 0px 0px 15px;
}

.appointments-row .appointment-card {
  background: #FFFFFF;
  border: 1px solid #F1F1F4;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}

.appointments-row .card-header {
  background: transparent;
  border-bottom: 1px solid #F1F1F4;
  padding: 20px 30px;
  border-radius: 12px 12px 0 0 !important;
}

.appointments-row .card-title {
  font-weight: 600;
  font-size: 16px;
  color: #071437;
  margin: 0;
}

.appointments-row .view-all-btn {
  background: #FFFFFF;
  border: 1px solid #DBDFE9;
  border-radius: 6px;
  padding: 10px 12px;
  font-weight: 500;
  font-size: 12px;
  color: #4B5675;
  text-decoration: none;
}

.appointments-row .view-all-btn:hover {
  color: #4B5675;
  text-decoration: none;
  background-color: #f8f9fa;
}

.appointments-row .appointment-item {
  padding: 16px 30px;
  border-bottom: 1px solid #F1F1F4;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.appointments-row .appointment-item:last-child {
  border-bottom: none;
}

.appointments-row .avatar {
  width: 36px;
  height: 36px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  margin-right: 12px;
  border: 1px solid;
}

.appointments-row .avatar-r {
  background: #F1F2F4;
  border-color: #EAECEE;
  color: #A5B9CD;
}

.appointments-row .avatar-s {
  background: #E0E1F6;
  border-color: #D9DAF3;
  color: #979ACF;
}

.appointments-row .avatar-m {
  background: #F8E2F0;
  border-color: #F4D4E8;
  color: #D496BD;
}

.appointments-row .avatar-e {
  background: #E8FBEC;
  border-color: #D7F7DD;
  color: #7ECF8E;
}

.appointments-row .avatar-d {
  background: #F4E4FF;
  border-color: #EFDAFD;
  color: #BC8BDD;
}

.appointments-row .person-info h6 {
  font-weight: 500;
  font-size: 14px;
  color: #071437;
  margin: 0;
}

.appointments-row .person-info small {
  font-weight: 400;
  font-size: 12px;
  color: #78829D;
}

.appointments-row .action-buttons {
  display: flex;
  gap: 12px;
}

.appointments-row .btn-accept {
  background: #7D40AB;
  border: none;
  border-radius: 6px;
  padding: 8px 10px;
  font-weight: 500;
  font-size: 11px;
  color: #FFFFFF;
  min-width: 58px;
  width: fit-content;
}

.appointments-row .btn-accept:hover {
  background: #6a3492;
  color: #FFFFFF;
}

.appointments-row .btn-reject {
  background: #FFFFFF;
  border: 1px solid #DBDFE9;
  border-radius: 6px;
  padding: 8px 10px;
  font-weight: 500;
  font-size: 11px;
  color: #4B5675;
  min-width: 53px;
  width: fit-content;
}

.appointments-row .btn-reject:hover {
  background: #f8f9fa;
  color: #4B5675;
}

.appointments-row .time-slot {
  padding: 16px 30px;
  font-weight: 500;
  font-size: 14px;
  color: #071437;
  text-align: center;
  border-right: 1px solid #F1F1F4;
  min-width: 100px;
  height: 100%;
}

.appointments-row .appointment-details {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-left: 16px;
}

.appointments-row .phone-number {
  font-size: 12px;
  color: #78829D;
}

.appointments-row .clinic-info {
  font-size: 11px;
  font-weight: 500;
  color: #4B5675;
  padding-right: 30px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}

.appointments-row .clinic-logo {
  height: 20px;
  width: 20px;
}

@media (max-width: 1199.5px) {
  .appointments-row .responsive-col.left-col {
    padding: 0px 0px 15px 0px;
  }

  .appointments-row .responsive-col.right-col {
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .appointments-row .person-details {
    flex: 1;
    width: 100%;
  }

  .appointments-row .action-buttons {
    width: 100%;
    justify-content: flex-end;
  }
}

@media (max-width: 576px) {
  .appointments-row .card-header {
    padding: 15px;
  }

}

@media (max-width: 400px) {
  .appointments-row .action-buttons {
    flex-direction: column;
    align-items: end;
    width: fit-content;
  }

  .appointments-row .time-slot {
    padding: 14px;
    min-width: 80px;
  }

  .appointments-row .clinic-info {
    flex-direction: column;
    padding-right: 16px;
  }
}
/* end::Appointments Row */

/* begin::Task Board */
.task-board {
  background: #FFFFFF;
  border: 1px solid #F1F1F4;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  margin: 0 auto;
}

.task-board .task-board-header {
  padding: 20px 30px;
  border-bottom: 1px solid #F1F1F4;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.task-board .task-board-title {
  font-weight: 600;
  font-size: 16px;
  color: #071437;
  margin: 0;
}

.task-board .view-all-btn {
  background: #FFFFFF;
  border: 1px solid #DBDFE9;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #4B5675;
  text-decoration: none;
}

.task-board .view-all-btn:hover {
  color: #4B5675;
  text-decoration: none;
  background-color: #f8f9fa;
}

.task-board .task-section {
  background: #F8F9FB;
  border: 1px solid #F1F1F4;
  border-radius: 12px;
  padding: 24px 16px;
  margin: 15px;
  overflow-y: auto;
}

.task-board .section-title {
  font-weight: 600;
  font-size: 16px;
  color: #071437;
  margin-bottom: 24px;
}

.task-board .task-card {
  background: #FFFFFF;
  border: 1px solid #DBDFE9;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
}

.task-board .task-card:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.5s ease;
}

.task-board .task-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}

.task-board .task-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.task-board .status-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}

.task-board .status-dot.high {
  background: #DFA000;
}

.task-board .status-dot.medium {
  background: #1B84FF;
}

.task-board .status-dot.low {
  background: #87909E;
}

.task-board .status-dot.urgent {
  background: #D81A48;
}

.task-board .task-title {
  font-weight: 600;
  font-size: 14px;
  color: #071437;
  margin: 0;
}

.task-board .priority-flag {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
}

.task-board .priority-flag.high {
  color: #DFA000;
}

.task-board .priority-flag.medium {
  color: #1B84FF;
}

.task-board .priority-flag.low {
  color: #87909E;
}

.task-board .priority-flag.urgent {
  color: #D81A48;
}

.task-board .task-description {
  font-size: 13px;
  color: #4B5675;
  margin: 8px 0 16px 0;
  line-height: 1.54;
  max-width: 70%;
}

.task-description {
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2;
   -webkit-box-orient: vertical;
}

.task-board .task-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #4B5675;
}

.task-board .assignee {
  display: flex;
  align-items: center;
  gap: 4px;
}

.task-board .avatar {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0.5px solid #7D40AB;
  background-color: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  color: #7D40AB;
}

.task-board .flag-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

@media (max-width: 768px) {
  .task-board .task-section {
    margin: 10px;
    height: auto;
    min-height: 300px;
  }

  .task-board .task-board-header {
    padding: 15px 20px;
  }
}

/* end::Task Board */

.client-lead-table .card-header {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 13px 30px;
}

.client-report-table .card-header {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 13px 30px;
}

.client-report-table .card {
    border:none !important;
}

.right-4
{
    right: 16px !important;
}

.top-2 {
    top: 12px !important;
}

.avatar-20 {
    width: 20px !important;
    height: 20px !important;
}


/** Note **/
.card-body.notes-card-content {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 8px 0 16px !important;
  margin-right: 8px;
  margin-top: 24px;
}

.notes-feed {
  margin-right: -10px;
  padding-right: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.notes-feed .notes-item {
  display: block;
  margin-left: 35px;
}

.notes-feed .notes-item.mine {
  justify-content: flex-end;
}

.notes-feed .notes-item.mine .notes-item-inner {
  background: #f8f5ff;
  border: 1px solid rgba(125, 64, 171, 0.1);
}

.notes-feed .notes-item .notes-item-inner {
  max-width: 80%;
  border-radius: 12px;
  background: #fcfcfc;
  border: 1px solid #f1f1f4;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 1200px) {
  .notes-feed .notes-item .notes-item-inner {
    max-width: 100%;
  }
}

.notes-feed .notes-item-header {
  display: flex;
  gap: 6px;
  align-items: center;
}

.notes-feed .notes-item-header .userimage {
  border: 1px solid rgba(125, 64, 171, 0.2);
  width: 30px;
  height: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(125, 64, 171, 0.1019607843);
  color: #7d40ab;
  font-size: 14px;
  border-radius: 50%;
  line-height: 14px;
  font-weight: 500;
}

.notes-feed .notes-item-header .userimage .symbol-label {
  background: none;
}

.notes-feed .notes-item-header .username {
  font-size: 14px;
  line-height: 16px;
  flex-grow: 1;
  font-weight: 500;
  color: #071437;
  display: flex;
  gap:6px;
  align-items: center;
}

.notes-feed .notes-item-header .timestamp {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #78829d;
  white-space: nowrap;
}

.notes-feed .notes-item .notes-item-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.notes-feed .notes-item .notes-item-content .message {
  font-size: 14px;
  line-height: 17px;
  color: #071437;
}

/** Report **/
.report_card_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.report_card_wrapper .report_header {
    padding: 16px 20px;
    border-bottom: 1px solid #f1f1f4;
}

.report_card_wrapper .report_body {
    padding: 16px 20px;
}

.report_card_wrapper .report_body .title {
    color: #78829D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 1500px) {
  .report_card_wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .report_card_wrapper {
    gap: 16px;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 430px) {
  .report_card_wrapper {
    grid-template-columns: 1fr;
  }
}

.report_card_wrapper .report_card {
  display: flex;
  flex-direction: column;

  border-radius: 12px;
  border: 1px solid #f1f1f4;
  background: #fff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.03);
}

.report_card_wrapper .report_card.inactive h5 {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.5;
}

.report_card_wrapper .report_card.inactive p {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.5;
}

.report_card_wrapper .report_card h5 {
  color: #7d40ab;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 0px;
}

.report_card_wrapper .report_card p {
  color: #071437;
  font-size: 14px;
  margin: 0;
  line-height: 17px;
  font-weight: 500;
}

.report_card_wrapper .report_card hr {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 16px;
}

.report_card_wrapper .report_card .switch-wrapper {
  gap: 6px;
  height: 24px;
}

.report_card_wrapper .report_card .switch-wrapper label {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #071437;
}

.report_card_wrapper .report_card .switch-wrapper .switch input:empty~span::before {
  background: #04b440;
}

.report_card_wrapper .report_card .switch-wrapper .switch input:checked~span::before {
  background: #d81a48 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.client-list-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #F1F1F4;
}

.client-list-flex div {
    display: flex;
    align-items: center;
    gap: 12px;
}

.client-list-flex .info-wrap span {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px; /* 100% */
}

.appointment-tab {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.appointment-tab-card {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    align-self: stretch;
    cursor: pointer;
    background-color: white;
    border-radius: 6px;
    border: 1px solid #DBDFE9;
    background: #FCFCFC;
    text-align: center;
}

.appointment-tab-card p {
    color: #071437;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0px !important;
}

.appointment-tab-card-active {
    border-radius: 6px;
    border: 1px solid #7D40AB !important;
    background: #F2ECF7 !important;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2;
    -webkit-box-orient: vertical;
}

.doctor-management-table td:nth-child(1),
.doctor-management-table th:nth-child(1) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

.doctor-management-table td:nth-child(2),
.doctor-management-table th:nth-child(2) {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
}

.doctor-management-table td:nth-child(3),
.doctor-management-table th:nth-child(3) {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
}

.doctor-management-table td:nth-child(4),
.doctor-management-table th:nth-child(4) {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
}

.doctor-management-table td:nth-child(5),
.doctor-management-table th:nth-child(5) {
  width: 134px !important;
  min-width: 134px !important;
  max-width: 134px !important;
}

.doctor-management-table td:nth-child(6),
.doctor-management-table th:nth-child(6) {
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
}

.doctor-management-table td:nth-child(6) {
  padding-right: 16px !important;
  text-align: center;
}

.doctor-management-table td:nth-child(6) .action-wrap {
  display: inline-flex;
}

.doctor-management-table td:nth-child(7),
.doctor-management-table th:nth-child(7) {
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
}

.bg-success {
    background-color: #30b563 !important;
}

.toast-body {
    padding: 0px !important;
}

.custom-navigation {
    position: absolute;
    top: -18px;
    left: -1px;
    right: 0px;
    border-radius: 0px;
}

.custom-navigation .nav .nav-item .active {
    border: none !important;
    border-bottom: 1px solid #E4E6EF;
    font-weight: bold;
    text-decoration: underline;
}

.custom-navigation .nav .nav-link:hover {
    border-color: white !important;
    border-bottom: none !important;
}

.lead-list-section .per_page_listing_container {
    display: none !important;
}

.lead-list-section .list-group-item{
    padding: 0px !important;
    font-size: 14px !important;
}

.lead-list-section .list-group-item a{
    padding: 8px 10px !important;
    font-size: 14px !important;
}

/* Custom Styles to match the image precisely with a DOTTED line */
.timeline {
    list-style: none;
    padding: 0;
    position: relative;
    margin-left: 15px;
}

/* The vertical line - Now DOTTED */
.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    /* Changed to use a dotted border style instead of a solid background */
    border-left: 2px dotted #ced4da; /* A slightly softer gray for the dotted line */
    background-color: transparent; /* Ensure no solid background */
    left: 15px;
}

.timeline-item {
    position: relative;
    margin-bottom: 25px;
    min-height: 70px;
}

/* The icon container */
.timeline-icon-wrap {
    position: absolute;
    left: -4px;
    top: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: flex-start;
    z-index: 10;
}

/* The actual colored circle icon */
.timeline-icon-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 5px #fff; /* White ring to separate icon from line */
    font-size: 1rem;
    color: #fff;
}

/* Content positioning to the right of the icon */
.timeline-content {
    padding-left: 45px;
    line-height: 1.4;
}

.timeline-title {
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 0;
}

.timeline-detail {
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 2px;
}

.timeline-date {
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 5px;
}

/* Specific Icon Colors - Using colors close to the image */
.icon-purple .timeline-icon-circle { background-color: #6c5ce7; }
.icon-yellow .timeline-icon-circle { background-color: #ffeaa7; color: #343a40; }
.icon-orange .timeline-icon-circle { background-color: #ff7675; }
.icon-blue .timeline-icon-circle { background-color: #0984e3; }
.icon-green .timeline-icon-circle { background-color: #00b894; }
.icon-danger .timeline-icon-circle { background-color: #d63031; }

/* Responsive adjustments for smaller screens (Bootstrap 4 handles most responsiveness) */
@media (max-width: 576px) {
    .timeline {
        margin-left: 10px;
    }
}