/* Author : Abhishekhar Gundeti */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
h1 {
  font-size: 1.25rem;
  font-family: "Poppins", sans-serif;
  line-height: normal;
  font-weight: 700;
}

h6 {
  font-size: 0.625rem;
  font-family: "Poppins", sans-serif;
  line-height: normal;
  font-weight: 700;
  font-weight: 400;
}

.mt-n1 {
  margin-top: -0.25rem !important;
}

.lh-normal {
  line-height: normal !important;
}

.f-10 {
  font-size: 0.625rem;
  line-height: 1.6;
}

.f-12 {
  font-size: 0.75rem;
}

.f-14 {
  font-size: 0.875rem;
}

.form-heading {
  font-size: 0.75rem;
  font-family: "Poppins", sans-serif;
  line-height: normal;
  font-weight: 700;
  font-weight: 600;
  color: #E26274;
  text-transform: uppercase;
}

.lead-heading {
  font-size: 1.875rem;
  font-family: "Poppins", sans-serif;
  line-height: normal;
  font-weight: 700;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.lead-heading .badge {
  font-size: 0.75rem;
  font-weight: 400;
  border: 0.5px solid #B8B8B8;
  padding: 8px;
  border-radius: 4px;
  flex: auto 0 0;
  height: 32px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.btn-primary {
  background: #206BA4;
  color: #fff;
  border-color: #206BA4;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  font-weight: 500;
  border: 1px solid #206BA4;
  min-width: 120px;
}
.btn-primary:hover {
  background: #4CA4E8;
  border-color: #4CA4E8;
}
.btn-primary.btn-icon {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.btn-primary:active, .btn-primary.active {
  background-color: #063960;
}
.btn-primary .material-symbols-outlined {
  font-size: 1rem;
}
.btn-primary:hover .material-symbols-outlined {
  animation: bounceright 0.3s alternate ease infinite;
}
.btn-primary.sm {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 12px 32px;
  color: #fff;
}
@media (max-width: 576px) {
  .btn-primary.sm {
    padding: 12px 10px;
  }
}
.btn-primary[disabled], .btn-primary.disabled, .btn-primary:disabled {
  background-color: #A9A9A9;
  border-color: #A9A9A9;
}

.link-circle-secondary {
  background-color: #E26274;
  color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.add-btn {
  width: 100%;
  border: 1px dashed #206BA4;
  background-color: transparent;
  padding: 10px 16px 10px 16px;
  border-radius: 4px;
  color: #206BA4;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: normal;
  gap: 4px;
}
.add-btn:hover {
  background-color: rgba(32, 107, 164, 0.05);
}

.btn-outline-primary, .btn-outline-secondary {
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  font-weight: 500;
  min-width: 120px;
}

.btn-outline-secondary {
  --bs-btn-color: #E26274;
  --bs-btn-border-color: #E26274;
  --bs-btn-hover-color: #E26274;
  --bs-btn-hover-bg: #F5F5F5;
  --bs-btn-hover-border-color: #E26274;
  --bs-btn-active-color: #E26274;
  --bs-btn-active-bg: #FFF1F3;
  --bs-btn-active-border-color: #E26274;
  --bs-btn-disabled-color: #E26274;
  --bs-btn-disabled-border-color:#E26274;
}

.btn-outline-primary {
  --bs-btn-color: #206BA4;
  --bs-btn-border-color: #206BA4;
  --bs-btn-hover-color: #206BA4;
  --bs-btn-hover-bg: #F5F5F5;
  --bs-btn-hover-border-color: #206BA4;
  --bs-btn-active-color: #206BA4;
  --bs-btn-active-bg: #FFF1F3;
  --bs-btn-active-border-color: #206BA4;
  --bs-btn-disabled-color: #206BA4;
  --bs-btn-disabled-border-color:#206BA4;
}

header {
  padding: 12px 10px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2509803922);
  height: 60px;
  position: relative;
}
header .head-text {
  color: #206BA4;
  font-family: "Poppins", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
}
header .avatar-img-36 {
  width: 36px;
  height: 36px;
}
header .nav {
  --bs-nav-link-padding-y: 0;
  --bs-nav-link-padding-x: 0;
  gap: 16px;
}
header .nav .nav-link {
  color: #666666;
}
header .nav .nav-link:hover {
  color: #206BA4;
}
header .nav .nav-link.active {
  color: #E26274;
}
header .nav .nav-link:has(img).active img {
  border: 2px solid #E26274;
}

.main-frame {
  height: calc(100% - 60px);
  display: flex;
}
.main-frame nav, .main-frame .main-section {
  height: 100%;
  overflow: auto;
}
.main-frame nav {
  width: 84px;
  border-right: 1px solid #B8B8B8;
}
.main-frame .main-section {
  flex: 1 0 0;
  padding: 24px;
}

nav.left-nav {
  padding: 24px 6px;
}
nav.left-nav .nav {
  gap: 12px;
}
nav.left-nav .nav-item {
  font-size: 0.625rem;
  font-weight: 400;
  text-align: center;
  color: #3D3D3D;
  text-transform: uppercase;
}
nav.left-nav .nav-item .nav-link {
  --bs-nav-link-padding-y: 0;
  --bs-nav-link-padding-x: 0;
  background-color: #FFE8CE;
  height: 32px;
  width: 32px;
  margin: 0 auto;
  border-radius: 50%;
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
}
nav.left-nav .nav-item .nav-link:hover {
  background-color: rgba(226, 98, 116, 0.4);
}
nav.left-nav .nav-item .nav-link.active {
  background-color: #E26274;
  color: #fff;
}
nav.left-nav .nav-item .nav-link + .nav-link {
  margin-top: 8px;
}

.table-style-1 {
  font-size: 0.75rem;
}
.table-style-1 thead tr th {
  background-color: #EFF8FF;
  border-bottom: none;
  font-weight: 500;
}
.table-style-1 tbody tr td {
  border: none;
}
.table-style-1 tbody tr:nth-child(2n) td {
  background-color: #F5F5F5;
}
.table-style-1 tbody tr.empty td {
  background-color: #fff !important;
}
.table-style-1 tfoot tr td {
  background-color: #EFF8FF;
  border-bottom: none;
  font-size: 1rem;
  font-weight: 700;
}

.table.no-stripe tbody tr td {
  background-color: transparent;
}
.table.no-stripe tbody tr:nth-child(2n) td {
  background-color: transparent;
}

.table-height-fix {
  height: 344px;
  max-height: 344px;
  border: 1px solid #E0E0E0;
  border-top: none;
}
.table-height-fix .table-style-2 {
  border: none;
  margin-bottom: 0;
  border-top: 1px solid #000;
}

.table-height-fix-2 {
  height: 287px;
  max-height: 287px;
  border: 1px solid #E0E0E0;
  border-top: none;
}
.table-height-fix-2 .table-style-2 {
  border: none;
  margin-bottom: 0;
  border-top: 1px solid #000;
}

.table-style-2 {
  --bs-border-color: #E0E0E0;
  font-size: 0.75rem;
  border: 1px solid #E0E0E0;
  border-top: 1px solid #000;
}
.table-style-2.top {
  border-top: 1px solid #E0E0E0;
}
.table-style-2 thead tr th {
  background-color: #F5F5F5;
  border-bottom: none;
  font-weight: 400;
}
.table-style-2 tbody tr td {
  --bg: $regular-bg;
  border: none;
  background-color: var(--bg);
}
.table-style-2 tbody tr td.fill {
  --bg:#F5F5F5;
}
.table-style-2 tbody tr td.primary {
  --bg:#CCE9FF;
}
.table-style-2 tbody tr td.error {
  --bg:#FFC9D0;
}
.table-style-2 tbody tr td.error-light {
  --bg:#FFF1F3;
}
.table-style-2.row-border:not(caption) > * > * {
  border-bottom: 1px solid #E0E0E0;
}
.table-style-2 .badge-span {
  width: 40px;
  height: 20px;
  padding: 0px 2px 0px 2px;
  border-radius: 10px;
  background-color: #CCE9FF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.table-style-2 .badge-span.empty {
  background-color: transparent;
}

.tast-status {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--color);
  flex: auto 0 0;
}
.tast-status.scheduled {
  --color: #DDA520;
}
.tast-status.proposed {
  --color: #666666;
}
.tast-status.completed {
  --color: #118257;
}
.tast-status.canceled {
  --color: #E84C4E;
}
.tast-status.amc {
  --color: #E362B4;
}
.tast-status.new-installation {
  --color: #9162E3;
}
.tast-status.on-call {
  --color: #E3815B;
}

.status {
  width: 100px;
  height: 24px;
  padding: 0px 4px 0px 4px;
  border-radius: 20px;
  display: inline-block;
  text-align: center;
  background-color: var(--color);
  color: var(--text);
}
.status.closed {
  --color: #A9FFDE;
  --text:#118257;
}
.status.active {
  --color: #FFDD8F;
  --text:#775300;
}
.status.tostart {
  --color: #E6E6E6;
  --text:#525252;
}
.status.canceled {
  --color: #FFA9AB;
  --text:#821113;
}

.progress-bar-status {
  background-color: var(--color);
}
.progress-bar-status.amc {
  --color: #EFAAD5;
}
.progress-bar-status.new-installation {
  --color: #B095E0;
}
.progress-bar-status.on-call {
  --color: #E39D81;
}

.form-label {
  color: #3D3D3D;
  margin-bottom: 4px;
}
.form-label .must {
  color: #C63436;
}

.form-control {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #B8B8B8;
  font-size: 0.75rem;
}
.form-control[type=text] {
  height: 42px;
}
.form-control:focus {
  border: 1px solid #64BCFF;
  box-shadow: none;
}
.form-control:disabled {
  background-color: #F5F5F5;
  color: #666666;
}

.input-group.quantity .btn-outline-secondary {
  --bs-btn-border-radius: 4px;
  --bs-btn-border-color: #B8B8B8;
  min-width: auto;
}
.input-group.quantity .btn-outline-secondary:hover {
  background-color: transparent;
  color: #206BA4;
}
.input-group.quantity input {
  width: 40px;
  flex: 40px 0 0;
}
.input-group.quantity:has(input:focus) .btn-outline-secondary {
  --bs-btn-border-color: #64BCFF;
}

input[type=date i]::-webkit-calendar-picker-indicator {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V4C0 3.45 0.195833 2.97917 0.5875 2.5875C0.979167 2.19583 1.45 2 2 2H3V1C3 0.716667 3.09583 0.479167 3.2875 0.2875C3.47917 0.0958333 3.71667 0 4 0C4.28333 0 4.52083 0.0958333 4.7125 0.2875C4.90417 0.479167 5 0.716667 5 1V2H13V1C13 0.716667 13.0958 0.479167 13.2875 0.2875C13.4792 0.0958333 13.7167 0 14 0C14.2833 0 14.5208 0.0958333 14.7125 0.2875C14.9042 0.479167 15 0.716667 15 1V2H16C16.55 2 17.0208 2.19583 17.4125 2.5875C17.8042 2.97917 18 3.45 18 4V8.025C18 8.30833 17.9042 8.54583 17.7125 8.7375C17.5208 8.92917 17.2833 9.025 17 9.025C16.7167 9.025 16.4792 8.92917 16.2875 8.7375C16.0958 8.54583 16 8.30833 16 8.025V8H2V18H8C8.28333 18 8.52083 18.0958 8.7125 18.2875C8.90417 18.4792 9 18.7167 9 19C9 19.2833 8.90417 19.5208 8.7125 19.7125C8.52083 19.9042 8.28333 20 8 20H2ZM2 6H16V4H2V6ZM11 19V17.35C11 17.2167 11.025 17.0875 11.075 16.9625C11.125 16.8375 11.2 16.725 11.3 16.625L16.525 11.425C16.675 11.275 16.8417 11.1667 17.025 11.1C17.2083 11.0333 17.3917 11 17.575 11C17.775 11 17.9667 11.0375 18.15 11.1125C18.3333 11.1875 18.5 11.3 18.65 11.45L19.575 12.375C19.7083 12.525 19.8125 12.6917 19.8875 12.875C19.9625 13.0583 20 13.2417 20 13.425C20 13.6083 19.9667 13.7958 19.9 13.9875C19.8333 14.1792 19.725 14.35 19.575 14.5L14.375 19.7C14.275 19.8 14.1625 19.875 14.0375 19.925C13.9125 19.975 13.7833 20 13.65 20H12C11.7167 20 11.4792 19.9042 11.2875 19.7125C11.0958 19.5208 11 19.2833 11 19ZM12.5 18.5H13.45L16.475 15.45L16.025 14.975L15.55 14.525L12.5 17.55V18.5ZM16.025 14.975L15.55 14.525L16.475 15.45L16.025 14.975Z" fill="%23206BA4"/></svg>');
  cursor: pointer;
}
input[type=date i][disabled]::-webkit-calendar-picker-indicator {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V4C0 3.45 0.195833 2.97917 0.5875 2.5875C0.979167 2.19583 1.45 2 2 2H3V1C3 0.716667 3.09583 0.479167 3.2875 0.2875C3.47917 0.0958333 3.71667 0 4 0C4.28333 0 4.52083 0.0958333 4.7125 0.2875C4.90417 0.479167 5 0.716667 5 1V2H13V1C13 0.716667 13.0958 0.479167 13.2875 0.2875C13.4792 0.0958333 13.7167 0 14 0C14.2833 0 14.5208 0.0958333 14.7125 0.2875C14.9042 0.479167 15 0.716667 15 1V2H16C16.55 2 17.0208 2.19583 17.4125 2.5875C17.8042 2.97917 18 3.45 18 4V8.025C18 8.30833 17.9042 8.54583 17.7125 8.7375C17.5208 8.92917 17.2833 9.025 17 9.025C16.7167 9.025 16.4792 8.92917 16.2875 8.7375C16.0958 8.54583 16 8.30833 16 8.025V8H2V18H8C8.28333 18 8.52083 18.0958 8.7125 18.2875C8.90417 18.4792 9 18.7167 9 19C9 19.2833 8.90417 19.5208 8.7125 19.7125C8.52083 19.9042 8.28333 20 8 20H2ZM2 6H16V4H2V6ZM11 19V17.35C11 17.2167 11.025 17.0875 11.075 16.9625C11.125 16.8375 11.2 16.725 11.3 16.625L16.525 11.425C16.675 11.275 16.8417 11.1667 17.025 11.1C17.2083 11.0333 17.3917 11 17.575 11C17.775 11 17.9667 11.0375 18.15 11.1125C18.3333 11.1875 18.5 11.3 18.65 11.45L19.575 12.375C19.7083 12.525 19.8125 12.6917 19.8875 12.875C19.9625 13.0583 20 13.2417 20 13.425C20 13.6083 19.9667 13.7958 19.9 13.9875C19.8333 14.1792 19.725 14.35 19.575 14.5L14.375 19.7C14.275 19.8 14.1625 19.875 14.0375 19.925C13.9125 19.975 13.7833 20 13.65 20H12C11.7167 20 11.4792 19.9042 11.2875 19.7125C11.0958 19.5208 11 19.2833 11 19ZM12.5 18.5H13.45L16.475 15.45L16.025 14.975L15.55 14.525L12.5 17.55V18.5ZM16.025 14.975L15.55 14.525L16.475 15.45L16.025 14.975Z" fill="%23666666"/></svg>');
  visibility: visible;
  cursor: not-allowed;
}
input.search {
  background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 13C4.68333 13 3.14583 12.3708 1.8875 11.1125C0.629167 9.85417 0 8.31667 0 6.5C0 4.68333 0.629167 3.14583 1.8875 1.8875C3.14583 0.629167 4.68333 0 6.5 0C8.31667 0 9.85417 0.629167 11.1125 1.8875C12.3708 3.14583 13 4.68333 13 6.5C13 7.23333 12.8833 7.925 12.65 8.575C12.4167 9.225 12.1 9.8 11.7 10.3L17.3 15.9C17.4833 16.0833 17.575 16.3167 17.575 16.6C17.575 16.8833 17.4833 17.1167 17.3 17.3C17.1167 17.4833 16.8833 17.575 16.6 17.575C16.3167 17.575 16.0833 17.4833 15.9 17.3L10.3 11.7C9.8 12.1 9.225 12.4167 8.575 12.65C7.925 12.8833 7.23333 13 6.5 13ZM6.5 11C7.75 11 8.8125 10.5625 9.6875 9.6875C10.5625 8.8125 11 7.75 11 6.5C11 5.25 10.5625 4.1875 9.6875 3.3125C8.8125 2.4375 7.75 2 6.5 2C5.25 2 4.1875 2.4375 3.3125 3.3125C2.4375 4.1875 2 5.25 2 6.5C2 7.75 2.4375 8.8125 3.3125 9.6875C4.1875 10.5625 5.25 11 6.5 11Z" fill="%23206BA4"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 34px;
}

.checkbox {
  position: relative;
}
.checkbox input {
  display: none;
}
.checkbox label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  gap: 10px;
}
.checkbox label::before {
  content: "";
  border: 2px solid #666666;
  width: 18px;
  height: 18px;
  border-radius: 4px;
}
.checkbox input:checked + label::before {
  background-color: #206BA4;
  border-color: #206BA4;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" class="bi bi-check" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/></svg>');
  background-position: center;
}

.progress, .progress-stacked {
  --bs-progress-height: 8px;
  --bs-progress-bar-bg: #206BA4;
  --bs-progress-bg:#B8B8B8;
}
.progress .progress-bar, .progress-stacked .progress-bar {
  border-radius: var(--bs-border-radius);
}

.search-custom {
  position: relative;
}
.search-custom .search-style-1 {
  border: 1px solid #B8B8B8;
  border-radius: 4px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: none;
  position: absolute;
  width: 100%;
  background-color: #fff;
  z-index: 2;
}
.search-custom .search-style-1 li {
  padding: 8px 10px;
  cursor: pointer;
  color: #666666;
}
.search-custom .search-style-1 li:first-child {
  border-radius: 4px 4px 0 0;
}
.search-custom .search-style-1 li:last-child {
  border-radius: 0 0 4px 4px;
}
.search-custom .search-style-1 li:hover, .search-custom .search-style-1 li.active {
  background-color: #EFF8FF;
}
.search-custom .search-style-1 li.active {
  color: #000000;
}
.search-custom input:focus + .search-style-1 {
  display: block;
}

.collapse-arrow svg {
  transition: all ease-in 0.24s;
}
.collapse-arrow[aria-expanded=true] svg {
  transform: rotate(180deg);
}

.form-check {
  padding-left: 0;
}
.form-check input {
  display: none;
}
.form-check .form-check-label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  gap: 10px;
  font-weight: 400;
}
.form-check .form-check-label::before {
  content: "";
  border: 2px solid #666666;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  flex: auto 0 0;
}
.form-check input:checked + .form-check-label::before {
  background-color: #206BA4;
  border-color: #206BA4;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" class="bi bi-check" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/></svg>');
  background-position: center;
}

.copy-btn {
  position: relative;
}
.copy-btn button {
  border: none;
  background-color: transparent;
  position: absolute;
  right: 12px;
  bottom: 9px;
  color: #206BA4;
}

.file-upload {
  display: none;
}
.file-upload + label {
  width: 100%;
  border: 2px dashed #206BA4;
  background: #EFF8FF;
  height: 226px;
  padding: 10px 16px 10px 16px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.progress-stacked {
  --bs-progress-height: 24px;
  --bs-progress-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
.progress-stacked .progress {
  --bs-progress-height: 24px;
  --bs-border-radius: 0;
  --bs-progress-bar-color: #000;
}
.progress-stacked .progress-bar {
  justify-content: flex-start;
  text-align: start;
  padding-left: 10px;
}

.combo-custom {
  position: relative;
}
.combo-custom .combo-style-1 {
  border: 1px solid #B8B8B8;
  border-radius: 4px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: none;
  position: absolute;
  width: calc(100% - var(--bs-gutter-x));
  background-color: #fff;
  z-index: 2;
  max-height: 260px;
  overflow-y: auto;
}
.combo-custom .combo-style-1 li {
  padding: 8px 10px;
  cursor: pointer;
  color: #666666;
}
.combo-custom .combo-style-1 li:first-child {
  border-radius: 4px 4px 0 0;
}
.combo-custom .combo-style-1 li:last-child {
  border-radius: 0 0 4px 4px;
}
.combo-custom .combo-style-1 li:hover, .combo-custom .combo-style-1 li.active {
  background-color: #EFF8FF;
}
.combo-custom .combo-style-1 li.active {
  color: #000000;
}
.combo-custom .combo-style-1.single-select li {
  position: relative;
}
.combo-custom .combo-style-1.single-select li input {
  display: none;
}
.combo-custom .combo-style-1.single-select li label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  gap: 10px;
}
.combo-custom .combo-style-1.single-select li label::before {
  content: "";
  border: 2px solid #666666;
  width: 18px;
  height: 18px;
  border-radius: 4px;
}
.combo-custom .combo-style-1.single-select li input:checked + label::before {
  background-color: #206BA4;
  border-color: #206BA4;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" class="bi bi-check" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/></svg>');
  background-position: center;
}
.combo-custom .combo-style-1.single-select li:has(input:checked) {
  background-color: #EFF8FF;
}
.combo-custom .combo-style-1.single-select li:has(input:checked) label {
  color: #000000;
}
.combo-custom input {
  background-image: url('data:image/svg+xml,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.4752 4.475L0.850195 0.85C0.800195 0.8 0.762695 0.745833 0.737695 0.6875C0.712695 0.629167 0.700195 0.566667 0.700195 0.5C0.700195 0.366667 0.746029 0.25 0.837695 0.15C0.929362 0.05 1.0502 0 1.2002 0L8.8002 0C8.9502 0 9.07103 0.05 9.1627 0.15C9.25436 0.25 9.3002 0.366667 9.3002 0.5C9.3002 0.533333 9.2502 0.65 9.1502 0.85L5.5252 4.475C5.44186 4.55833 5.35853 4.61667 5.2752 4.65C5.19186 4.68333 5.1002 4.7 5.0002 4.7C4.9002 4.7 4.80853 4.68333 4.7252 4.65C4.64186 4.61667 4.55853 4.55833 4.4752 4.475Z" fill="%23206BA4"/></svg>');
  background-repeat: no-repeat;
  background-position: center right 18px;
  padding-right: 30px;
}
.combo-custom input:focus {
  background-image: url('data:image/svg+xml,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.52529 0.225012L9.15029 3.85001C9.20029 3.90001 9.23779 3.95418 9.26279 4.01251C9.28779 4.07085 9.30029 4.13335 9.30029 4.20001C9.30029 4.33335 9.25446 4.45001 9.16279 4.55001C9.07113 4.65001 8.95029 4.70001 8.80029 4.70001L1.20029 4.70001C1.05029 4.70001 0.92946 4.65001 0.837792 4.55001C0.746126 4.45001 0.700293 4.33335 0.700293 4.20001C0.700293 4.16668 0.750293 4.05001 0.850293 3.85001L4.47529 0.225012C4.55863 0.141678 4.64196 0.0833449 4.72529 0.0500116C4.80863 0.0166783 4.90029 1.19209e-05 5.00029 1.19209e-05C5.10029 1.19209e-05 5.19196 0.0166783 5.27529 0.0500116C5.35863 0.0833449 5.44196 0.141678 5.52529 0.225012Z" fill="%23206BA4"/></svg>');
}
.combo-custom input:focus + .combo-style-1 {
  display: block;
}
.combo-custom.show input {
  background-image: url('data:image/svg+xml,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.52529 0.225012L9.15029 3.85001C9.20029 3.90001 9.23779 3.95418 9.26279 4.01251C9.28779 4.07085 9.30029 4.13335 9.30029 4.20001C9.30029 4.33335 9.25446 4.45001 9.16279 4.55001C9.07113 4.65001 8.95029 4.70001 8.80029 4.70001L1.20029 4.70001C1.05029 4.70001 0.92946 4.65001 0.837792 4.55001C0.746126 4.45001 0.700293 4.33335 0.700293 4.20001C0.700293 4.16668 0.750293 4.05001 0.850293 3.85001L4.47529 0.225012C4.55863 0.141678 4.64196 0.0833449 4.72529 0.0500116C4.80863 0.0166783 4.90029 1.19209e-05 5.00029 1.19209e-05C5.10029 1.19209e-05 5.19196 0.0166783 5.27529 0.0500116C5.35863 0.0833449 5.44196 0.141678 5.52529 0.225012Z" fill="%23206BA4"/></svg>');
}
.combo-custom.show input + .combo-style-1 {
  display: block;
}

.offcanvas.offcanvas-end {
  --bs-offcanvas-width: 468px;
  --bs-offcanvas-padding-y: 24px;
  --bs-offcanvas-padding-x: 24px;
}
.offcanvas.offcanvas-end.lg {
  --bs-offcanvas-width: 868px;
}
.offcanvas.offcanvas-end .offcanvas-header {
  padding-bottom: 0;
}
.offcanvas.offcanvas-end .offcanvas-title {
  font-weight: 700;
  font-size: 1rem;
  color: #206BA4;
}
.offcanvas.offcanvas-end .offcanvas-footer {
  padding: var(--bs-offcanvas-padding-x);
}

.filter-offcanvas {
  font-size: 0.75rem;
}
.filter-offcanvas.offcanvas.offcanvas-end {
  --bs-offcanvas-width: 312px;
}

.accordion {
  --bs-accordion-border-width: 0;
  --bs-accordion-btn-padding-x: 12px;
  --bs-accordion-btn-padding-y: 12px;
  --bs-accordion-body-padding-x: 12px;
  --bs-accordion-border-radius: 0;
  --bs-border-radius: 0;
  --bs-accordion-btn-icon-width:10px;
  --bs-accordion-btn-icon:url('data:image/svg+xml,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.4752 4.475L0.850195 0.85C0.800195 0.8 0.762695 0.745833 0.737695 0.6875C0.712695 0.629167 0.700195 0.566667 0.700195 0.5C0.700195 0.366667 0.746029 0.25 0.837695 0.15C0.929362 0.05 1.0502 0 1.2002 0L8.8002 0C8.9502 0 9.07103 0.05 9.1627 0.15C9.25436 0.25 9.3002 0.366667 9.3002 0.5C9.3002 0.533333 9.2502 0.65 9.1502 0.85L5.5252 4.475C5.44186 4.55833 5.35853 4.61667 5.2752 4.65C5.19186 4.68333 5.1002 4.7 5.0002 4.7C4.9002 4.7 4.80853 4.68333 4.7252 4.65C4.64186 4.61667 4.55853 4.55833 4.4752 4.475Z" fill="%23206BA4"/></svg>');
  --bs-accordion-btn-active-icon:url('data:image/svg+xml,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.4752 4.475L0.850195 0.85C0.800195 0.8 0.762695 0.745833 0.737695 0.6875C0.712695 0.629167 0.700195 0.566667 0.700195 0.5C0.700195 0.366667 0.746029 0.25 0.837695 0.15C0.929362 0.05 1.0502 0 1.2002 0L8.8002 0C8.9502 0 9.07103 0.05 9.1627 0.15C9.25436 0.25 9.3002 0.366667 9.3002 0.5C9.3002 0.533333 9.2502 0.65 9.1502 0.85L5.5252 4.475C5.44186 4.55833 5.35853 4.61667 5.2752 4.65C5.19186 4.68333 5.1002 4.7 5.0002 4.7C4.9002 4.7 4.80853 4.68333 4.7252 4.65C4.64186 4.61667 4.55853 4.55833 4.4752 4.475Z" fill="%23206BA4"/></svg>');
}
.accordion .accordion-item {
  border: none;
  border-bottom: 1px solid #B8B8B8;
}
.accordion .accordion-body {
  padding-top: 5px;
}
.accordion .accordion-body .badge {
  --bs-badge-font-weight:400;
  --bs-badge-font-size: 0.625rem;
}
.accordion .accordion-body .badge.text-bg-light {
  background-color: #CCE9FF !important;
}
.accordion .accordion-button {
  font-size: 0.75rem;
  font-weight: 600;
  color: #3D3D3D;
  position: relative;
}
.accordion .accordion-button .badge {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.accordion .accordion-button:after {
  height: 5px;
}

.accordion-button:focus {
  box-shadow: none;
}

.login-page {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  background-color: #F5F5F5;
}
.login-page .left {
  flex: 1 0 0;
  height: 100%;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 991.98px) {
  .login-page .left {
    display: none;
  }
}
.login-page .left figure {
  position: relative;
  max-height: 100%;
}
.login-page .left figure img {
  max-width: 100%;
  max-height: 100%;
}
.login-page .left figure figcaption {
  font-size: 1.5rem;
  font-weight: 500;
  position: absolute;
  bottom: 54px;
  left: 78px;
  z-index: 2;
  color: rgba(255, 255, 255, 0.75);
  width: 330px;
  line-height: 1.4;
}
.login-page .left figure figcaption h1 {
  font-size: 9.375rem;
  line-height: 1;
}
.login-page .right {
  width: 480px;
  padding: 20px 80px;
  align-self: center;
  overflow: auto;
}
@media (max-width: 575.98px) {
  .login-page .right {
    padding: 20px;
  }
}





.login {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  background-color: #F5F5F5;
}
.login .left {
  flex: 1 0 0;
  height: 100%;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 991.98px) {
  .login .left {
    display: none;
  }
}
.login .left figure {
  position: relative;
  max-height: 100%;
}
.login.left figure img {
  max-width: 100%;
  max-height: 100%;
}
.login .left figure figcaption {
  font-size: 1.5rem;
  font-weight: 500;
  position: absolute;
  bottom: 54px;
  left: 78px;
  z-index: 2;
  color: rgba(255, 255, 255, 0.75);
  width: 330px;
  line-height: 1.4;
}
.login .left figure figcaption h1 {
  font-size: 9.375rem;
  line-height: 1;
}
.login .right {
  width: 480px;
  padding: 20px 80px;
  align-self: center;
  overflow: auto;
}
@media (max-width: 575.98px) {
  .login .right {
    padding: 20px;
  }
}

.nav {
  --bs-nav-link-font-weight: 400;
  --bs-nav-link-color: #666666;
  --bs-nav-link-hover-color: #206BA4;
}

.nav-tabs {
  --bs-nav-tabs-link-active-color: #206BA4;
}
.nav-tabs .nav-link {
  border: none;
  padding-left: 0;
  margin-bottom: 0;
  padding-right: 50px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border: none;
}
.nav-tabs .nav-link.active {
  --bs-nav-link-font-weight: 600;
  border-bottom: 2px solid var(--bs-nav-tabs-link-active-color);
}

.assign-card-layout {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.assign-card-layout .assign-card {
  --padding: 12px;
  border: 1px solid #B8B8B8;
  border-radius: 4px;
  padding: var(--padding);
  padding-left: calc(var(--padding) + 8px);
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
.assign-card-layout .assign-card:hover {
  background-color: #EFF8FF;
}
.assign-card-layout .assign-card::before {
  content: "";
  width: 8px;
  background-color: var(--color);
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.assign-card-layout .assign-card.blue {
  --color: #9162E3;
}
.assign-card-layout .assign-card.orange {
  --color: #E3815B;
}
.assign-card-layout .assign-card.pink {
  --color: #E362B4;
}
.assign-card-layout .assign-card.sm {
  width: 168px;
}
.assign-card-layout.sm {
  flex-direction: row;
}
.assign-card-layout.sm .assign-card {
  width: 168px;
  padding: 4px var(--padding);
}

.chart-legend {
  --bg: #3d3d3d;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 10px;
}
.chart-legend span {
  color: #666666;
  font-size: 0.625rem;
}
.chart-legend h4 {
  font-size: 0.875rem;
  color: #3d3d3d;
  margin-bottom: 0;
}
.chart-legend::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--bg);
  width: 4px;
  height: 100%;
  border-radius: 4px;
}
.chart-legend.invoice {
  --bg: #E26274;
}
.chart-legend.outstanding {
  --bg: #666666;
}
.chart-legend.received {
  --bg: #206BA4;
}

.alert {
  --bs-alert-padding-x: 12px;
  --bs-alert-padding-y: 12px;
  --bs-border-width: 0;
}

.alert-info {
  --bs-alert-color: #06603E;
  --bs-alert-bg: #CCFFEB;
}

.alert-danger {
  --bs-alert-color: #C63436;
  --bs-alert-bg: #FFEFEF;
}

.dropdown-menu {
  --bs-dropdown-color: #E6E6E6;
  --bs-dropdown-font-size: 0.75rem;
  --bs-dropdown-link-color: #206BA4;
  --bs-dropdown-link-hover-color: #206BA4;
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-item-padding-y: 0.50rem;
  --bs-dropdown-border-radius: 8px;
  --bs-dropdown-link-active-bg: #206BA4;
  overflow: hidden;
}
.dropdown-menu li + li .dropdown-item {
  border-top: 1px solid #E0E0E0;
}
.dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal {
  --bs-modal-border-radius: 4px;
}

@media (min-width: 576px) {
  .modal-sm {
    --bs-modal-width: 320px;
  }
}
/* Author : Abhishekhar Gundeti */
html,
body {
  height: 100%;
  --bs-primary-rgb: 32, 107, 164;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  color: #000;
  overflow-x: hidden;
  line-height: 24px;
  background-color: #fff;
}

.primary-text {
  color: #206BA4;
}

.secondary-text {
  color: #E26274;
}

.link-primary {
  color: #206BA4 !important;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.filter-section .chip {
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  padding: 0 8px;
  font-size: 0.625rem;
  color: #525252;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.filter-section .chip .badge {
  background-color: #206BA4;
  font-size: 0.625rem;
  font-weight: 400;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 0;
  align-items: center;
  display: flex;
  justify-content: center;
}

.text-300 {
  color: #666666;
}

.text-400 {
  color: #3d3d3d;
}

.history-box {
  border: 1px solid #B8B8B8;
  background: #F5F5F5;
  padding: 10px 4px 10px 10px;
  border-radius: 4px;
  font-size: 0.625rem;
  line-height: normal;
  max-height: 400px;
  overflow: auto;
}

.calendar-view {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.calendar-view .card {
  border: none;
  height: 74px;
  display: flex;
  justify-content: center;
  background-color: transparent;
}
.calendar-view .card.date {
  display: flex;
  justify-content: start;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.calendar-view .card.date span {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
}
.calendar-view .card.date.today span {
  background-color: #206BA4;
  color: #fff;
}

.customer-card {
  padding: 12px 24px;
  border-radius: 4px;
  background-color: #F5F5F5;
}
.customer-card h1 {
  margin-bottom: 0;
}
.customer-card .address {
  margin-top: 10px;
}

.box {
  border: 1px solid #E0E0E0;
  padding: 20px;
  border-radius: 4px;
}

.badge {
  --bs-secondary-rgb: 226, 98, 116;
}

.user-profile {
  height: 94px;
  width: 94px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.user-profile img {
  height: 100%;
  width: 100%;
}
.user-profile::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 16H3.425L13.2 6.225L11.775 4.8L2 14.575V16ZM1 18C0.716667 18 0.479167 17.9042 0.2875 17.7125C0.0958333 17.5208 0 17.2833 0 17V14.575C0 14.3083 0.05 14.0542 0.15 13.8125C0.25 13.5708 0.391667 13.3583 0.575 13.175L13.2 0.575C13.4 0.391667 13.6208 0.25 13.8625 0.15C14.1042 0.05 14.3583 0 14.625 0C14.8917 0 15.15 0.05 15.4 0.15C15.65 0.25 15.8667 0.4 16.05 0.6L17.425 2C17.625 2.18333 17.7708 2.4 17.8625 2.65C17.9542 2.9 18 3.15 18 3.4C18 3.66667 17.9542 3.92083 17.8625 4.1625C17.7708 4.40417 17.625 4.625 17.425 4.825L4.825 17.425C4.64167 17.6083 4.42917 17.75 4.1875 17.85C3.94583 17.95 3.69167 18 3.425 18H1ZM12.475 5.525L11.775 4.8L13.2 6.225L12.475 5.525Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: all ease-in 0.24s;
}
.user-profile:hover::after {
  opacity: 1;
}

.dashboard-box hr {
  --bs-border-color: #E0E0E0;
  margin-left: -20px;
  margin-right: -20px;
  border-color: var(--bs-border-color);
  opacity: 1;
}

.qoute-widget {
  border: 1px solid #E0E0E0;
  overflow: hidden;
  margin-top: 8px;
}
.qoute-widget .col-md {
  --bg: #F5F5F5;
  background-color: var(--bg);
  padding: 8px 12px;
  line-height: normal;
}
.qoute-widget .col-md.canceled {
  --bg: #FFCCCD;
}
.qoute-widget .col-md.closed {
  --bg: #CCFFEB;
}
.qoute-widget .col-md.active {
  --bg: #FFEBBD;
}
.qoute-widget .col-md.follow-up {
  --bg: #FFF9EA;
}
.qoute-widget .col-md.overdue {
  --bg: #FFF9EA;
}

.widget .box {
  padding: 12px 16px;
  color: #3D3D3D;
  line-height: normal;
}
.widget .box.ao, .widget .box.to {
  --bg: #206BA4;
}
.widget .box.tc {
  --bg: #E26274;
}
.widget .box.tbi {
  --bg: #666666;
}
.widget .box .icon {
  height: 40px;
  width: 40px;
  background-color: var(--bg);
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget .box .icon svg {
  width: 20px;
  height: 20px;
}
.widget .box h1 {
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.25rem;
}/*# sourceMappingURL=styles.css.map */