/*!
 * CubiVue v1.0.0
 * Copyright 2022 The CubiVue Authors
 * Copyright 2022 CubiVue
 * Licensed Coming Soon
 */
/* --------------------------------- Theme setup -------------------------------------------*/
/* Topbar Header */
/* Sidebar Navigation */
/* Sub Header */
/* Aside */
/* Icons */
/* Table */
/* Card */
/* Buttons */
/* Widgets */
/* Modal */
/* Form elements */
/* Board */
/* Layout variables */
/* List group */
/* Dropdown item */
/* Steps */
@keyframes DropDownSlide {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

.form-label {
  margin-bottom: 0.15625rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gray-shade-800);
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  font-weight: 500;
  line-height: 1.5;
  color: var(--gray-shade-800);
}

.col-form-label-lg {
  padding-top: calc(0.4rem + 1px);
  padding-bottom: calc(0.4rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-label-lg {
  font-size: 1.25rem;
}

.form-label-sm {
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--text-muted);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  background-color: var(--form-control-bg);
  background-clip: padding-box;
  border: 1px solid var(--gray-shade-400);
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control[type="file"] {
  overflow: hidden;
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: var(--text-color);
  background-color: var(--form-control-bg);
  border-color: var(--input-focus-border-color);
  outline: 0;
  box-shadow: var(--input-focus-shadow);
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

.form-control::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}

.form-control:disabled, .form-control.disabled {
  background-color: var(--gray-shade-200);
  color: var(--gray-shade-500);
  pointer-events: none;
}

.form-control[readonly] {
  pointer-events: none;
  background: var(--gray-shade-200);
  color: var(--gray-shade-700);
  border: 1px solid var(--gray-shade-400);
}

.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #74808f;
  background-color: #f6f8fa;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #eaecee;
}

.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #74808f;
  background-color: #f6f8fa;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #eaecee;
}

.form-control.focus-none {
  box-shadow: unset !important;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #74808f;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding-block: 0.25rem;
  font-size: 0.875rem;
  border-radius: 0.3rem;
}

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  padding-block: 0.4rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.form-control-lg::file-selector-button {
  padding: 0.4rem 1rem;
  margin: -0.4rem -1rem;
  margin-inline-end: 1rem;
}

.form-control-lg::-webkit-file-upload-button {
  padding: 0.4rem 1rem;
  margin: -0.4rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}

textarea.form-control-lg {
  min-height: calc(1.5em + 0.8rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.drag-area {
  width: 100%;
  min-height: 250px;
  background: var(--drag-drop-bg);
  border: 2px dashed #b0bec5;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  color: #607d8b;
  padding: 15px;
}

.drag-area .thumbnail-caption {
  color: inherit;
}

.upload-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  width: 100%;
  padding: 50px 0;
}

.upload-info label {
  cursor: pointer;
  font-weight: 600;
}

.thumbnails-block {
  border-top: 0.0625rem solid #cfd8dc;
  padding-top: 0.9375rem;
  margin-top: 0.9375rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.thumbnails-block .thumbnail-section {
  flex: 0 0 30%;
  margin: 1%;
}

.thumbnails-block .thumbnail-section .thumbnail {
  max-height: 7.5rem;
  overflow: hidden;
  border: 0px solid #b0bec5;
  padding: 0px;
  position: relative;
  cursor: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.thumbnails-block .thumbnail-section .thumbnail:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
}

.thumbnails-block .thumbnail-section .thumbnail img {
  width: 100%;
}

.thumbnails-block .thumbnail-section .thumbnail .action {
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
  font-size: 1.25rem;
  color: #fff;
  cursor: pointer;
}

.thumbnails-block .thumbnail-section .thumbnail-caption {
  background: transparent;
  border: 0;
  border-bottom: 0.0625rem solid #b0bec5;
  width: 100%;
  height: 2.1875rem;
}

.thumbnails-block .thumbnail-section .thumbnail-caption:focus-visible {
  outline: none;
}

.form-footer {
  padding: 1.5rem 1.75rem;
  background-color: var(--white);
  border-top: 1px solid var(--gray-shade-400);
}

.filter-input.bootstrap-select {
  height: 30px;
}

.filter-input .dropdown-toggle {
  height: 30px !important;
  padding: 3px 22px 3px 6px !important;
  font-size: 12px !important;
}

.filter-input .dropdown-toggle:after {
  margin-top: 3px !important;
  font-size: 12px !important;
}

p-inputnumber .p-inputnumber-buttons-stacked input {
  border-inline-end: 0;
}

p-inputnumber .p-inputnumber-buttons-stacked input:focus {
  box-shadow: unset !important;
  border-color: var(--gray-shade-400) !important;
}

p-inputnumber .p-inputnumber .p-inputnumber-button-group .p-button {
  color: var(--gray-shade-600);
  background: white !important;
  border: 1px solid var(--gray-shade-400);
  border-inline-start: 0;
}

p-inputnumber .p-inputnumber .p-inputnumber-button-group .p-button:first-child {
  border-block-end: 0;
}

p-inputnumber .p-inputnumber .p-inputnumber-button-group .p-button:last-child {
  border-block-start: 0;
}

p-inputnumber .p-inputnumber .p-inputnumber-button-group .p-button .p-button-icon {
  color: var(--icon-fill);
}

p-calendar input {
  height: 2.375rem;
}

.p-inputnumber-input::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}

p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber .p-inputtext {
  border-color: #b10003 !important;
}

p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputnumber-button-group button {
  border-color: #b10003;
}

.p-fluid .p-inputtext {
  height: 2.375rem;
}

p-columnfilter .p-inputtext {
  height: 1.9375rem !important;
}

.p-inputtext {
  padding: 0.375rem 0.75rem !important;
}

.p-inputtext.ng-dirty.ng-invalid:focus {
  box-shadow: unset !important;
}

.p-inputtext::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}

.p-inputtext:disabled + .p-button-icon-only, .p-inputtext.disabled + .p-button-icon-only {
  background-color: var(--gray-shade-200) !important;
  color: var(--gray-shade-500);
  pointer-events: none;
}

.p-inputtext:disabled + .p-inputnumber-button-group, .p-inputtext.disabled + .p-inputnumber-button-group {
  background-color: var(--gray-shade-200);
  pointer-events: none;
}

.p-inputtext:disabled, .p-inputtext.disabled {
  background-color: var(--gray-shade-200);
  color: var(--gray-shade-500);
  pointer-events: none;
}

.p-inputtext[readonly] {
  pointer-events: none;
  background: var(--gray-shade-200);
  color: var(--gray-shade-700);
  border: 1px solid var(--gray-shade-400);
}

.form-group {
  margin-block-end: 1rem;
}

input.ng-dirty.ng-invalid {
  border: 1px solid #dc3545;
}

input[type="number"].input-controllers-none {
  -moz-appearance: textfield;
}

input[type="number"].input-controllers-none::-webkit-inner-spin-button, input[type="number"].input-controllers-none::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.hierarchical-form {
  position: relative;
}

.hierarchical-form::before {
  content: "";
  border: dotted #bfc7d2;
  position: absolute;
  border-width: 0 0 0 2px;
  height: calc(100% - 50px);
  top: 40px;
  left: 15px;
}

.hierarchical-form .circle {
  position: relative;
}

.hierarchical-form .circle::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 1px solid #bfc7d2;
  border-radius: 50%;
  left: -37px;
  top: 14px;
  transition: 0.5s;
}

.hierarchical-form .circle .line {
  position: relative;
}

.hierarchical-form .circle .line::before {
  content: "";
  border: dotted #bfc7d2;
  position: absolute;
  border-width: 2px 0 0 0;
  height: 4px;
  top: 20px;
  left: -27px;
  width: 27px;
}

.hierarchical-form.checkbox-timeline::before {
  z-index: 99;
  top: 24px;
  left: 19px;
  height: calc(100% - 44px);
}

.hierarchical-form.checkbox-timeline.timeline-top-20::before {
  top: 20px;
}

.hierarchical-form.checkbox-timeline.timeline-h-calc-30::before {
  height: calc(100% - 30px);
}

.hierarchical-form.checkbox-timeline .circle::before {
  display: none;
}

.hierarchical-form.checkbox-timeline .circle .line::before {
  left: -22px;
  width: 22px;
}

.hierarchical-form.checkbox-timeline .circle .line.line-top-per-50::before {
  top: 50%;
}

.placeholder-text-default .p-placeholder {
  text-transform: none;
}

.invalid-feedback {
  font-size: 13px !important;
}

.animated-search-hidden .p-autocomplete-input {
  border-style: none;
  padding: 0 !important;
  border: 0;
  transition: all 0.2s ease-in;
}

.animated-search-hidden .p-autocomplete-input::placeholder {
  color: white;
}

.animated-search-hidden .p-autocomplete-input:focus {
  box-shadow: unset !important;
  border: unset !important;
}

.animated-search-visible .p-autocomplete-input {
  transition: all 0.2s ease-in;
  border: 1px solid var(--gray-shade-400);
  padding: 0.375rem 0.75rem !important;
}

.animated-search-visible .p-autocomplete-input::placeholder {
  color: var(--input-placeholder-color);
}

.pe-auto input {
  pointer-events: auto !important;
}

.color-placeholder {
  color: var(--input-placeholder-color) !important;
}

.clearable-search .p-autocomplete-clear-icon {
  right: 35px;
  top: 18px;
  width: 12px;
  z-index: 1;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  background-color: var(--form-control-bg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2374808f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid var(--gray-shade-400);
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}

.form-select:focus {
  color: var(--text-color);
  background-color: var(--form-control-bg);
  border-color: var(--input-focus-border-color);
  outline: 0;
  box-shadow: var(--input-focus-shadow);
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.form-select:disabled {
  background-color: var(--input-disabled-bg);
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #74808f;
}

.form-select::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.3rem;
}

.form-select-lg {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.bootstrap-select > .dropdown-toggle {
  display: block;
  width: 100%;
  padding: 0.375rem 1.8rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #74808f;
  background-color: var(--form-control-bg);
  border: 1px solid var(--gray-shade-400);
}

.bootstrap-select > .dropdown-toggle:after {
  margin-top: 2px;
  content: "\f107";
  font-family: FontAwesome;
  border: 0;
  vertical-align: unset;
  font-size: 14px;
}

.bootstrap-select > .dropdown-toggle.btn-light:hover {
  border: 1px solid var(--gray-shade-400);
  background-color: var(--form-control-bg);
  color: #74808f;
}

.bootstrap-select > .dropdown-toggle.btn-light:focus {
  outline-offset: unset;
  border-color: var(--input-focus-border-color);
  background-color: var(--form-control-bg);
  color: #74808f;
  outline: unset !important;
  box-shadow: 0 0 0 0.25rem rgba(61, 112, 178, 0.25);
}

.bootstrap-select .dropdown-menu {
  max-height: 240px;
}

.bootstrap-select .dropdown-item:hover, .bootstrap-select .dropdown-item:focus {
  background-color: rgba(61, 112, 178, 0.15);
}

.bootstrap-select .bs-ok-default::after {
  width: 6px;
  height: 11px;
  border-width: 0 0.18em 0.18em 0;
  border-color: var(--select-dropdown-icon);
  margin-top: 4px;
}

.bootstrap-select.rounded-select > .dropdown-toggle {
  border-radius: 100px;
}

.dropup .dropdown-toggle::after {
  content: "\f107" !important;
  font-family: FontAwesome;
  border: 0 !important;
  vertical-align: unset !important;
  font-size: 14px;
}

.form-check {
  display: block;
  padding-left: 1.625rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.625rem;
}

.form-check-input[type="checkbox"]:not(.switch) {
  display: none;
}

.form-check-input[type="checkbox"]:not(.switch) + label {
  position: relative;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.form-check-input[type="checkbox"]:not(.switch) + label:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f00c";
  color: white;
  position: relative;
  border-radius: 0.125rem;
  left: 0;
  width: 1.125rem;
  height: 1.125rem;
  background: white;
  border: 0.125rem solid #a0adbd;
  top: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.form-check-input[type="checkbox"]:not(.switch):checked + label:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.72rem;
  content: "\f00c";
  color: #3d70b2;
  border-color: #3d70b2;
}

.form-check-input[type="checkbox"]:not(.switch):checked.primary + label:before {
  border-color: #3d70b2;
  color: #3d70b2;
}

.form-check-input[type="checkbox"]:not(.switch):checked.secondary + label:before {
  border-color: #74808f;
  color: #74808f;
}

.form-check-input[type="checkbox"]:not(.switch):checked.success + label:before {
  border-color: #00af12;
  color: #00af12;
}

.form-check-input[type="checkbox"]:not(.switch):checked.info + label:before {
  border-color: #008bdf;
  color: #008bdf;
}

.form-check-input[type="checkbox"]:not(.switch):checked.warning + label:before {
  border-color: #ff973d;
  color: #ff973d;
}

.form-check-input[type="checkbox"]:not(.switch):checked.danger + label:before {
  border-color: #a12626;
  color: #a12626;
}

.form-check-input[type="checkbox"]:not(.switch):checked.light + label:before {
  border-color: #f7f9fa;
  color: #f7f9fa;
}

.form-check-input[type="checkbox"]:not(.switch):checked.dark + label:before {
  border-color: #1f262e;
  color: #1f262e;
}

.form-check-input[type="checkbox"]:not(.switch):checked.filled.primary + label:before {
  background: #3d70b2;
  color: white;
}

.form-check-input[type="checkbox"]:not(.switch):checked.filled.secondary + label:before {
  background: #74808f;
  color: white;
}

.form-check-input[type="checkbox"]:not(.switch):checked.filled.success + label:before {
  background: #00af12;
  color: white;
}

.form-check-input[type="checkbox"]:not(.switch):checked.filled.info + label:before {
  background: #008bdf;
  color: white;
}

.form-check-input[type="checkbox"]:not(.switch):checked.filled.warning + label:before {
  background: #ff973d;
  color: white;
}

.form-check-input[type="checkbox"]:not(.switch):checked.filled.danger + label:before {
  background: #a12626;
  color: white;
}

.form-check-input[type="checkbox"]:not(.switch):checked.filled.light + label:before {
  background: #f7f9fa;
  color: white;
}

.form-check-input[type="checkbox"]:not(.switch):checked.filled.dark + label:before {
  background: #1f262e;
  color: white;
}

.form-check-input[type="checkbox"]:not(.switch).checkbox-lg + label {
  font-size: 0.938rem;
}

.form-check-input[type="checkbox"]:not(.switch).checkbox-lg + label:before {
  width: 1.25rem !important;
  height: 1.25rem !important;
  font-size: 0.8rem !important;
}

.form-check-input[type="checkbox"]:not(.switch).checkbox-sm + label {
  font-size: 0.813rem;
}

.form-check-input[type="checkbox"]:not(.switch).checkbox-sm + label:before {
  width: 1rem !important;
  height: 1rem !important;
  font-size: 0.625rem !important;
}

.form-check-input[type="checkbox"]:not(.switch):disabled + label:before {
  opacity: 0.8;
  cursor: no-drop !important;
  background-color: #f7f9fa;
}

.form-check-input[type="checkbox"]:indeterminate {
  background-color: #3d70b2;
  border-color: #3d70b2;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input[type="radio"] {
  display: none;
}

.form-check-input[type="radio"] + label {
  position: relative;
  cursor: pointer;
  padding-left: 1.5625rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--gray-shade-1200);
}

.form-check-input[type="radio"] + label:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 0.0625rem solid #3d70b2;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 3px;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: white;
}

.form-check-input[type="radio"] + label:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 49%;
  left: 9px;
  opacity: 0;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) scale(0);
}

.form-check-input[type="radio"].primary + label:before {
  border-color: #3d70b2;
}

.form-check-input[type="radio"].secondary + label:before {
  border-color: #74808f;
}

.form-check-input[type="radio"].success + label:before {
  border-color: #00af12;
}

.form-check-input[type="radio"].info + label:before {
  border-color: #008bdf;
}

.form-check-input[type="radio"].warning + label:before {
  border-color: #ff973d;
}

.form-check-input[type="radio"].danger + label:before {
  border-color: #a12626;
}

.form-check-input[type="radio"].light + label:before {
  border-color: #f7f9fa;
}

.form-check-input[type="radio"].dark + label:before {
  border-color: #1f262e;
}

.form-check-input[type="radio"]:checked + label:before {
  background: #3d70b2;
  box-shadow: inset 0 0 0 3.5px var(--background-base);
  border-color: 0.125rem solid #3d70b2;
}

.form-check-input[type="radio"]:checked + label:after {
  transform: translate(-50%, -50%) scale(1);
  animation: ripple 1s none;
}

.form-check-input[type="radio"]:checked.primary + label:before {
  border-color: #3d70b2;
  background: #3d70b2;
}

.form-check-input[type="radio"]:checked.secondary + label:before {
  border-color: #74808f;
  background: #74808f;
}

.form-check-input[type="radio"]:checked.success + label:before {
  border-color: #00af12;
  background: #00af12;
}

.form-check-input[type="radio"]:checked.info + label:before {
  border-color: #008bdf;
  background: #008bdf;
}

.form-check-input[type="radio"]:checked.warning + label:before {
  border-color: #ff973d;
  background: #ff973d;
}

.form-check-input[type="radio"]:checked.danger + label:before {
  border-color: #a12626;
  background: #a12626;
}

.form-check-input[type="radio"]:checked.light + label:before {
  border-color: #f7f9fa;
  background: #f7f9fa;
}

.form-check-input[type="radio"]:checked.dark + label:before {
  border-color: #1f262e;
  background: #1f262e;
}

.form-check-input[type="radio"].radio-lg + label {
  font-size: 0.938rem;
}

.form-check-input[type="radio"].radio-lg + label:before {
  width: 1.125rem !important;
  height: 1.125rem !important;
  font-size: 0.8rem !important;
}

.form-check-input[type="radio"].radio-sm + label {
  font-size: 0.813rem;
}

.form-check-input[type="radio"].radio-sm + label:before {
  width: 0.875rem !important;
  height: 0.875rem !important;
  font-size: 0.6rem !important;
}

.form-check-input[type="radio"]:disabled + label:before {
  opacity: 0.8;
  cursor: no-drop !important;
  background-color: #f7f9fa;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%233d70b2'/%3e%3c/svg%3e");
}

.form-check-input[type="checkbox"]:indeterminate {
  background-color: #3d70b2;
  border-color: #3d70b2;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  cursor: no-drop !important;
  filter: none;
  opacity: 0.5;
}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
  cursor: no-drop !important;
}

.form-switch .form-check-input {
  width: 2.1em;
  height: 1.1em;
  vertical-align: middle;
  background-color: var(--form-switch-input-bg);
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid var(--form-switch-input-bg);
  appearance: none;
  margin-left: -2.6em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2.1em;
  transition: background-position 0.15s ease-in-out;
  margin-left: 1.5625rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.25rem;
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}

.form-switch .form-check-input + label {
  font-size: 0.875rem;
  padding-left: 0.375rem;
}

.form-switch .form-check-input:focus {
  border-color: rgba(61, 112, 178, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(61, 112, 178, 0.25);
}

.form-switch .form-check-input:focus.primary {
  border-color: rgba(61, 112, 178, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(61, 112, 178, 0.25);
}

.form-switch .form-check-input:focus.secondary {
  border-color: rgba(116, 128, 143, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(116, 128, 143, 0.25);
}

.form-switch .form-check-input:focus.success {
  border-color: rgba(0, 175, 18, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 175, 18, 0.25);
}

.form-switch .form-check-input:focus.info {
  border-color: rgba(0, 139, 223, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 139, 223, 0.25);
}

.form-switch .form-check-input:focus.warning {
  border-color: rgba(255, 151, 61, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 151, 61, 0.25);
}

.form-switch .form-check-input:focus.danger {
  border-color: rgba(161, 38, 38, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(161, 38, 38, 0.25);
}

.form-switch .form-check-input:focus.light {
  border-color: rgba(247, 249, 250, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(247, 249, 250, 0.25);
}

.form-switch .form-check-input:focus.dark {
  border-color: rgba(31, 38, 46, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(31, 38, 46, 0.25);
}

.form-switch .form-check-input.switch-icon:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: attr(data-icon-off);
  font-size: 0.5rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #0f141c;
}

.form-switch .form-check-input.switch-label {
  min-width: 5em;
  width: unset;
  height: 1.3em;
  padding: 0.3125rem;
}

.form-switch .form-check-input.switch-label:before {
  font-weight: 500;
  content: attr(data-label-off);
  font-size: 0.6875rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #0f141c;
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-color: #3d70b2;
  border-color: #3d70b2;
  justify-content: flex-start;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked.primary {
  background-color: #3d70b2;
  border-color: #3d70b2;
}

.form-switch .form-check-input:checked.secondary {
  background-color: #74808f;
  border-color: #74808f;
}

.form-switch .form-check-input:checked.success {
  background-color: #00af12;
  border-color: #00af12;
}

.form-switch .form-check-input:checked.info {
  background-color: #008bdf;
  border-color: #008bdf;
}

.form-switch .form-check-input:checked.warning {
  background-color: #ff973d;
  border-color: #ff973d;
}

.form-switch .form-check-input:checked.danger {
  background-color: #a12626;
  border-color: #a12626;
}

.form-switch .form-check-input:checked.light {
  background-color: #f7f9fa;
  border-color: #f7f9fa;
}

.form-switch .form-check-input:checked.dark {
  background-color: #1f262e;
  border-color: #1f262e;
}

.form-switch .form-check-input:checked.switch-icon:before {
  content: attr(data-icon-on);
  color: white;
}

.form-switch .form-check-input:checked.switch-label:before {
  content: attr(data-label-on);
  color: white;
}

.form-switch .form-check-input.switch-lg {
  width: 2.5em;
  height: 1.3em;
  padding: 0.3125rem;
}

.form-switch .form-check-input.switch-lg + label {
  font-size: 0.938rem;
}

.form-switch .form-check-input.switch-lg.switch-icon:before {
  font-size: 0.625rem;
}

.form-switch .form-check-input.switch-sm {
  width: 1.8em;
  height: 1em;
}

.form-switch .form-check-input.switch-sm + label {
  font-size: 0.813rem;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.form-switch-inline {
  display: inline-flex;
  align-items: center;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  cursor: no-drop !important;
  filter: none;
  opacity: 0.5;
}

.p-checkbox {
  align-items: center;
  justify-content: center;
}

.p-checkbox .p-checkbox-box {
  border: 0.125rem solid #a0adbd !important;
  border-radius: 0.125rem !important;
  width: 1rem !important;
  height: 1rem !important;
  font-size: 0.625rem !important;
}

.p-checkbox .p-checkbox-box.p-highlight {
  background: #3d70b2 !important;
  border-color: #3d70b2 !important;
}

.p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 0.625rem !important;
  color: white;
  width: 12px !important;
  height: 12px !important;
}

.p-checkbox .p-checkbox-box .p-checkbox-icon.pi-check::before {
  font-size: 0.625rem !important;
  color: white;
}

.p-checkbox .p-checkbox-box .p-checkbox-icon.fs-11 {
  font-size: 11px !important;
}

.p-inputswitch {
  width: 2.1em !important;
  height: 1.1em !important;
}

.p-inputswitch .p-inputswitch-slider {
  background-color: var(--form-switch-input-bg) !important;
  border-radius: 0.625rem !important;
}

.p-inputswitch .p-inputswitch-slider:before {
  width: 0.75rem !important;
  height: 0.75rem !important;
  margin-top: -6px !important;
  border-radius: 0.375rem !important;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #3d70b2 !important;
  border-color: #3d70b2;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  left: -2px !important;
}

.p-inputswitch.p-focus .p-inputswitch-slider.primary {
  border-color: rgba(61, 112, 178, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(61, 112, 178, 0.25);
}

.p-inputswitch.p-focus .p-inputswitch-slider.secondary {
  border-color: rgba(116, 128, 143, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(116, 128, 143, 0.25);
}

.p-inputswitch.p-focus .p-inputswitch-slider.success {
  border-color: rgba(0, 175, 18, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 175, 18, 0.25);
}

.p-inputswitch.p-focus .p-inputswitch-slider.info {
  border-color: rgba(0, 139, 223, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 139, 223, 0.25);
}

.p-inputswitch.p-focus .p-inputswitch-slider.warning {
  border-color: rgba(255, 151, 61, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 151, 61, 0.25);
}

.p-inputswitch.p-focus .p-inputswitch-slider.danger {
  border-color: rgba(161, 38, 38, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(161, 38, 38, 0.25);
}

.p-inputswitch.p-focus .p-inputswitch-slider.light {
  border-color: rgba(247, 249, 250, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(247, 249, 250, 0.25);
}

.p-inputswitch.p-focus .p-inputswitch-slider.dark {
  border-color: rgba(31, 38, 46, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(31, 38, 46, 0.25);
}

p-radiobutton .p-radiobutton {
  width: 1rem;
  height: 1rem;
}

p-radiobutton .p-radiobutton .p-radiobutton-box {
  width: 1rem;
  height: 1rem;
}

p-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 8px;
  height: 8px;
  transition-duration: 0.15s;
}

p-radiobutton .p-radiobutton.primary .p-radiobutton-box.p-highlight {
  background: transparent;
  border-color: #3d70b2;
}

p-radiobutton .p-radiobutton.primary .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  background: transparent !important;
}

p-radiobutton .p-radiobutton.primary .p-radiobutton-box.p-highlight .p-radiobutton-icon {
  background-color: #3d70b2;
}

.radio-relative::before {
  position: relative !important;
  display: inline-block;
}

.p-checkbox.p-chechbox-xs .p-checkbox-box {
  width: 14px !important;
  height: 14px !important;
}

.p-checkbox-sm .p-checkbox-box {
  width: 14px !important;
  height: 14px !important;
}

.p-checkbox-sm .p-checkbox-box .p-checkbox-icon {
  width: 10px !important;
  height: 10px !important;
}

.p-inputswitch.p-switch-sm {
  width: 1.8em !important;
  height: 0.9375rem !important;
}

.p-inputswitch.p-switch-sm .p-inputswitch-slider:before {
  width: 0.5625rem !important;
  height: 0.5625rem !important;
  margin-top: -5px !important;
  left: 0.1875rem;
}

.p-inputswitch.p-switch-sm.p-inputswitch-checked .p-inputswitch-slider:before {
  left: -4px !important;
}

.p-disabled {
  opacity: 0.55 !important;
}

p-tableCheckbox.keyboard-support .p-checkbox .p-checkbox-box:focus {
  box-shadow: var(--input-focus-shadow) !important;
}

.indeterminate-checkbox .p-checkbox-box {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--white) !important;
}

.p-checkbox-dark .p-checkbox-box {
  background: var(--white) !important;
  border: 1px solid var(--white) !important;
}

.p-checkbox-dark .p-checkbox-box .p-checkbox-icon {
  color: var(--black-900) !important;
}

.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box, .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus) .p-checkbox-box {
  --p-checkbox-focus-border-color: var(--p-form-field-focus-border-color);
  --p-checkbox-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
  --p-checkbox-focus-ring-width: var(--p-form-field-focus-ring-width);
  --p-checkbox-focus-ring-style: var(--p-form-field-focus-ring-style);
  --p-checkbox-focus-ring-color: var(--p-form-field-focus-ring-color);
  --p-checkbox-focus-ring-offset: var(--p-form-field-focus-ring-offset);
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px white, var(--input-focus-shadow);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px white, var(--input-focus-shadow);
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #3d70b2;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #c5d4e8;
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #eff2f6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #3d70b2;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #c5d4e8;
}

.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #eff2f6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #a0adbd;
}

.form-range:disabled::-moz-range-thumb {
  background-color: #a0adbd;
}

.form-floating {
  position: relative;
}

.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding-block: 2px;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}

.form-floating > .form-control {
  padding-block: 0.75rem;
  padding-inline: 2px;
  border: 0;
  border-bottom: 1px solid var(--gray-shade-400);
  border-radius: unset;
  height: 2.125rem;
}

.form-floating > .form-control::placeholder {
  color: transparent;
}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 0.75;
}

.form-floating > .form-control:-webkit-autofill {
  padding-top: 0.75;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:focus {
  box-shadow: 0 0.15rem 0 0 rgba(61, 112, 178, 0.25);
}

.form-floating > .form-select {
  padding-top: 0.75;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.9rem) translateX(0.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.9rem) translateX(0.15rem);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}

.input-group > .form-control:focus {
  box-shadow: unset;
  border-color: var(--gray-shade-400);
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--input-group-color);
  text-align: center;
  white-space: nowrap;
  border: 1px solid var(--gray-shade-400);
  border-radius: 0.25rem;
}

.input-group-addon {
  border-radius: 0 5px 5px 0;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.4rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.3rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-wrapper {
  position: relative;
}

.input-group-wrapper .form-control {
  padding-inline-start: 2.1875rem;
}

.input-group-wrapper .input-group-media {
  position: absolute;
  top: 50%;
  width: auto;
  transform: translateY(-50%) !important;
}

.input-group-wrapper .input-group-media.icon {
  opacity: 0.5;
}

.input-group-wrapper .input-group-media.icon svg,
.input-group-wrapper .input-group-media.icon i {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.input-group-wrapper .input-group-media.text span {
  font-size: 1rem;
  font-weight: 400;
  color: #263238;
}

.input-group-wrapper.start .input-group-media {
  left: 0;
}

.input-group-wrapper.start .input-group-media .text {
  margin-inline-start: 0.75rem;
}

.input-group-wrapper.start .form-control {
  padding-inline-start: 2.1875rem;
}

.input-group-wrapper.end .input-group-media {
  right: 0;
}

.input-group-wrapper.end .input-group-media .text {
  margin-inline-end: 0.75rem;
}

.input-group-wrapper.end .form-control {
  padding-inline-end: 2.1875rem;
  padding-inline-start: 0.75rem;
}

.p-inputwrapper-focus .wrapper-focus.p-chips {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  border-color: #007bff;
  border-radius: 4px 0 0 4px !important;
}

.p-inputgroup .p-chips ul {
  border-radius: 4px 0 0 4px;
}

.wrapper-focus.p-inputwrapper-focus.p-focus {
  box-shadow: var(--p-inputtext-focus-ring-shadow);
  outline: var(--p-inputtext-focus-ring-width) var(--p-inputtext-focus-ring-style) var(--p-inputtext-focus-ring-color);
  outline-offset: var(--p-inputtext-focus-ring-offset);
  border-radius: var(--p-form-field-border-radius);
}

.wrapper-focus.p-inputwrapper-focus.p-focus input:focus {
  border: 1px solid var(--p-inputtext-border-color);
  box-shadow: none;
  outline: none;
}

.valid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #00af12;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  color: white;
  background-color: rgba(0, 175, 18, 0.9);
  border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #00af12;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #00af12;
  box-shadow: 0 0 0 0.25rem rgba(0, 175, 18, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #00af12;
}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #00af12;
  box-shadow: 0 0 0 0.25rem rgba(0, 175, 18, 0.25);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #00af12;
}

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #00af12;
}

.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 175, 18, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #00af12;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: .5em;
}

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated
.input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}

.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated
.input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}

.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #b10003;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  color: white;
  background-color: rgba(177, 0, 3, 0.9);
  border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #b10003;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #b10003;
  box-shadow: 0 0 0 0.25rem rgba(177, 0, 3, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #b10003;
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #b10003;
  box-shadow: 0 0 0 0.25rem rgba(177, 0, 3, 0.25);
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #b10003;
}

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #b10003;
}

.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(177, 0, 3, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #b10003;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: .5em;
}

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated
.input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}

.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated
.input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}

:root {
  --bs-blue: #3d70b2;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: white;
  --bs-gray: #74808f;
  --bs-gray-dark: #38414d;
  --bs-gray-100: var(--gray-shade-100);
  --bs-gray-200: var(--gray-shade-200);
  --bs-gray-300: var(--gray-shade-300);
  --bs-gray-400: var(--gray-shade-400);
  --bs-gray-500: var(--gray-shade-500);
  --bs-gray-600: var(--gray-shade-600);
  --bs-gray-700: var(--gray-shade-700);
  --bs-gray-800: var(--gray-shade-800);
  --bs-gray-900: var(--gray-shade-900);
  --bs-gray-1000: var(--gray-shade-1000);
  --bs-gray-1100: var(--gray-shade-1100);
  --bs-gray-1200: var(--gray-shade-1200);
  --bs-primary: #3d70b2;
  --bs-secondary: #74808f;
  --bs-success: #00af12;
  --bs-info: #008bdf;
  --bs-warning: #ff973d;
  --bs-danger: #a12626;
  --bs-light: #f7f9fa;
  --bs-dark: #1f262e;
  --bs-primary-rgb: 61, 112, 178;
  --bs-secondary-rgb: 116, 128, 143;
  --bs-success-rgb: 0, 175, 18;
  --bs-info-rgb: 0, 139, 223;
  --bs-warning-rgb: 255, 151, 61;
  --bs-danger-rgb: 161, 38, 38;
  --bs-light-rgb: 247, 249, 250;
  --bs-dark-rgb: 31, 38, 46;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 15, 20, 28;
  --bs-body-color-rgb: 116, 128, 143;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #74808f;
  --bs-body-bg: white;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}

h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}

h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}

h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #3d70b2;
  text-decoration: none;
}

a:hover {
  color: #3765a0;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: white;
  background-color: #1f262e;
  border-radius: 0.3rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  color: var(--text-muted);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}

legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.btn {
  --bs-btn-padding-x: 1.875rem;
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 600;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--white);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 2px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.313rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 3px 5px rgba(15, 20, 28, 0.125);
  --bs-btn-disabled-opacity: 0.5;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  font-family: var(--bs-btn-font-family);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: var(--bs-btn-bg);
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  padding: 0.5rem 1.875rem;
  font-size: 1rem;
  border-radius: 0.313rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-hover-bg);
}

.btn-check:focus + .btn, .btn:focus {
  outline: 0;
}

.btn:disabled, .btn.disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: var(--bs-btn-disabled-opacity);
}

.btn svg,
.btn i {
  margin-top: -0.25rem;
  margin-inline-end: 0.3125rem;
}

.btn svg {
  width: 15px;
  height: 15px;
}

.btn i {
  font-size: 0.9375rem;
}

.btn-primary {
  --bs-btn-color: white;
  --bs-btn-bg: #3d70b2;
  --bs-btn-border-color: #3d70b2;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: #345f97;
  --bs-btn-hover-border-color: #315a8e;
  --bs-btn-focus-shadow-rgb: 90, 133, 190;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: #315a8e;
  --bs-btn-active-border-color: #2e5486;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(15, 20, 28, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: #3d70b2;
  --bs-btn-disabled-border-color: #3d70b2;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(61, 112, 178, 0.5);
  background-color: #3d70b2;
  color: white;
}

.btn-secondary {
  --bs-btn-color: white;
  --bs-btn-bg: #74808f;
  --bs-btn-border-color: #74808f;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: #636d7a;
  --bs-btn-hover-border-color: #5d6672;
  --bs-btn-focus-shadow-rgb: 137, 147, 160;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: #5d6672;
  --bs-btn-active-border-color: #57606b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(15, 20, 28, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: #74808f;
  --bs-btn-disabled-border-color: #74808f;
}

.btn-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(116, 128, 143, 0.5);
  background-color: #74808f;
  color: white;
}

.btn-success {
  --bs-btn-color: white;
  --bs-btn-bg: #00af12;
  --bs-btn-border-color: #00af12;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: #00950f;
  --bs-btn-hover-border-color: #008c0e;
  --bs-btn-focus-shadow-rgb: 38, 187, 54;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: #008c0e;
  --bs-btn-active-border-color: #00830e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(15, 20, 28, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: #00af12;
  --bs-btn-disabled-border-color: #00af12;
}

.btn-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 175, 18, 0.5);
  background-color: #00af12;
  color: white;
}

.btn-info {
  --bs-btn-color: white;
  --bs-btn-bg: #008bdf;
  --bs-btn-border-color: #008bdf;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: #0076be;
  --bs-btn-hover-border-color: #006fb2;
  --bs-btn-focus-shadow-rgb: 38, 156, 228;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: #006fb2;
  --bs-btn-active-border-color: #0068a7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(15, 20, 28, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: #008bdf;
  --bs-btn-disabled-border-color: #008bdf;
}

.btn-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 139, 223, 0.5);
  background-color: #008bdf;
  color: white;
}

.btn-warning {
  --bs-btn-color: white;
  --bs-btn-bg: #ff973d;
  --bs-btn-border-color: #ff973d;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: #d98034;
  --bs-btn-hover-border-color: #cc7931;
  --bs-btn-focus-shadow-rgb: 255, 167, 90;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: #cc7931;
  --bs-btn-active-border-color: #bf712e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(15, 20, 28, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: #ff973d;
  --bs-btn-disabled-border-color: #ff973d;
}

.btn-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 151, 61, 0.5);
  background-color: #ff973d;
  color: white;
}

.btn-danger {
  --bs-btn-color: white;
  --bs-btn-bg: #a12626;
  --bs-btn-border-color: #a12626;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: #892020;
  --bs-btn-hover-border-color: #811e1e;
  --bs-btn-focus-shadow-rgb: 175, 71, 71;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: #811e1e;
  --bs-btn-active-border-color: #791d1d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(15, 20, 28, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: #a12626;
  --bs-btn-disabled-border-color: #a12626;
}

.btn-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(161, 38, 38, 0.5);
  background-color: #a12626;
  color: white;
}

.btn-light {
  --bs-btn-color: #0f141c;
  --bs-btn-bg: #f7f9fa;
  --bs-btn-border-color: #f7f9fa;
  --bs-btn-hover-color: #0f141c;
  --bs-btn-hover-bg: #d2d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 212, 215, 217;
  --bs-btn-active-color: #0f141c;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #b9bbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(15, 20, 28, 0.125);
  --bs-btn-disabled-color: #0f141c;
  --bs-btn-disabled-bg: #f7f9fa;
  --bs-btn-disabled-border-color: #f7f9fa;
}

.btn-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 249, 250, 0.5);
  background-color: #f7f9fa;
  color: #0f141c;
}

.btn-dark {
  --bs-btn-color: white;
  --bs-btn-bg: #1f262e;
  --bs-btn-border-color: #1f262e;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: #41474d;
  --bs-btn-hover-border-color: #353c43;
  --bs-btn-focus-shadow-rgb: 65, 71, 77;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: #4c5158;
  --bs-btn-active-border-color: #353c43;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(15, 20, 28, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: #1f262e;
  --bs-btn-disabled-border-color: #1f262e;
}

.btn-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(31, 38, 46, 0.5);
  background-color: #1f262e;
  color: white;
}

.btn-outline-primary {
  color: #3d70b2;
  border-color: rgba(61, 112, 178, 0.5);
}

.btn-outline-primary:hover {
  color: white;
  background-color: #3d70b2;
  border-color: #3d70b2;
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(61, 112, 178, 0.5);
  background-color: #3d70b2;
  color: white;
}

.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: white;
  background-color: #3d70b2;
}

.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(61, 112, 178, 0.5);
}

.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #3d70b2;
  background-color: transparent;
}

.btn-outline-primary svg {
  fill: #3d70b2;
}

.btn-outline-secondary {
  color: #74808f;
  border-color: rgba(116, 128, 143, 0.5);
}

.btn-outline-secondary:hover {
  color: white;
  background-color: #74808f;
  border-color: #74808f;
}

.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(116, 128, 143, 0.5);
  background-color: #74808f;
  color: white;
}

.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: white;
  background-color: #74808f;
}

.btn-check:checked + .btn-outline-secondary:focus,
.btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(116, 128, 143, 0.5);
}

.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #74808f;
  background-color: transparent;
}

.btn-outline-secondary svg {
  fill: #74808f;
}

.btn-outline-success {
  color: #00af12;
  border-color: rgba(0, 175, 18, 0.5);
}

.btn-outline-success:hover {
  color: white;
  background-color: #00af12;
  border-color: #00af12;
}

.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 175, 18, 0.5);
  background-color: #00af12;
  color: white;
}

.btn-check:checked + .btn-outline-success,
.btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
  color: white;
  background-color: #00af12;
}

.btn-check:checked + .btn-outline-success:focus,
.btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 175, 18, 0.5);
}

.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: #00af12;
  background-color: transparent;
}

.btn-outline-success svg {
  fill: #00af12;
}

.btn-outline-info {
  color: #008bdf;
  border-color: rgba(0, 139, 223, 0.5);
}

.btn-outline-info:hover {
  color: white;
  background-color: #008bdf;
  border-color: #008bdf;
}

.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 139, 223, 0.5);
  background-color: #008bdf;
  color: white;
}

.btn-check:checked + .btn-outline-info,
.btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
  color: white;
  background-color: #008bdf;
}

.btn-check:checked + .btn-outline-info:focus,
.btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 139, 223, 0.5);
}

.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #008bdf;
  background-color: transparent;
}

.btn-outline-info svg {
  fill: #008bdf;
}

.btn-outline-warning {
  color: #ff973d;
  border-color: rgba(255, 151, 61, 0.5);
}

.btn-outline-warning:hover {
  color: white;
  background-color: #ff973d;
  border-color: #ff973d;
}

.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 151, 61, 0.5);
  background-color: #ff973d;
  color: white;
}

.btn-check:checked + .btn-outline-warning,
.btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
  color: white;
  background-color: #ff973d;
}

.btn-check:checked + .btn-outline-warning:focus,
.btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 151, 61, 0.5);
}

.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: #ff973d;
  background-color: transparent;
}

.btn-outline-warning svg {
  fill: #ff973d;
}

.btn-outline-danger {
  color: #a12626;
  border-color: rgba(161, 38, 38, 0.5);
}

.btn-outline-danger:hover {
  color: white;
  background-color: #a12626;
  border-color: #a12626;
}

.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(161, 38, 38, 0.5);
  background-color: #a12626;
  color: white;
}

.btn-check:checked + .btn-outline-danger,
.btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
  color: white;
  background-color: #a12626;
}

.btn-check:checked + .btn-outline-danger:focus,
.btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(161, 38, 38, 0.5);
}

.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #a12626;
  background-color: transparent;
}

.btn-outline-danger svg {
  fill: #a12626;
}

.btn-outline-light {
  color: #f7f9fa;
  border-color: rgba(247, 249, 250, 0.5);
}

.btn-outline-light:hover {
  color: #0f141c;
  background-color: #f7f9fa;
  border-color: #f7f9fa;
}

.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 249, 250, 0.5);
  background-color: #f7f9fa;
  color: #0f141c;
}

.btn-check:checked + .btn-outline-light,
.btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
  color: #0f141c;
  background-color: #f7f9fa;
}

.btn-check:checked + .btn-outline-light:focus,
.btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 249, 250, 0.5);
}

.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #f7f9fa;
  background-color: transparent;
}

.btn-outline-light svg {
  fill: #f7f9fa;
}

.btn-outline-dark {
  color: #1f262e;
  border-color: rgba(31, 38, 46, 0.5);
}

.btn-outline-dark:hover {
  color: white;
  background-color: #1f262e;
  border-color: #1f262e;
}

.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(31, 38, 46, 0.5);
  background-color: #1f262e;
  color: white;
}

.btn-check:checked + .btn-outline-dark,
.btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
  color: white;
  background-color: #1f262e;
}

.btn-check:checked + .btn-outline-dark:focus,
.btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(31, 38, 46, 0.5);
}

.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #1f262e;
  background-color: transparent;
}

.btn-outline-dark svg {
  fill: #1f262e;
}

.btn-soft-primary {
  color: #3d70b2;
  border-color: rgba(61, 112, 178, 0.5);
  background-color: rgba(61, 112, 178, 0.15);
}

.btn-soft-primary:hover {
  color: white;
  background-color: #3d70b2;
  border-color: #3d70b2;
}

.btn-check:focus + .btn-soft-primary, .btn-soft-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(61, 112, 178, 0.5);
  background-color: #3d70b2;
  color: white;
}

.btn-check:checked + .btn-soft-primary,
.btn-check:active + .btn-soft-primary, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.dropdown-toggle.show {
  color: white;
  background-color: #3d70b2;
  border-color: #3d70b2;
}

.btn-check:checked + .btn-soft-primary:focus,
.btn-check:active + .btn-soft-primary:focus, .btn-soft-primary:active:focus, .btn-soft-primary.active:focus, .btn-soft-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(61, 112, 178, 0.5);
}

.btn-soft-primary:disabled, .btn-soft-primary.disabled {
  color: #3d70b2;
  background-color: rgba(61, 112, 178, 0.08);
}

.btn-soft-primary svg {
  fill: #3d70b2;
}

.btn-soft-secondary {
  color: #74808f;
  border-color: rgba(116, 128, 143, 0.5);
  background-color: rgba(116, 128, 143, 0.15);
}

.btn-soft-secondary:hover {
  color: white;
  background-color: #74808f;
  border-color: #74808f;
}

.btn-check:focus + .btn-soft-secondary, .btn-soft-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(116, 128, 143, 0.5);
  background-color: #74808f;
  color: white;
}

.btn-check:checked + .btn-soft-secondary,
.btn-check:active + .btn-soft-secondary, .btn-soft-secondary:active, .btn-soft-secondary.active, .btn-soft-secondary.dropdown-toggle.show {
  color: white;
  background-color: #74808f;
  border-color: #74808f;
}

.btn-check:checked + .btn-soft-secondary:focus,
.btn-check:active + .btn-soft-secondary:focus, .btn-soft-secondary:active:focus, .btn-soft-secondary.active:focus, .btn-soft-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(116, 128, 143, 0.5);
}

.btn-soft-secondary:disabled, .btn-soft-secondary.disabled {
  color: #74808f;
  background-color: rgba(116, 128, 143, 0.08);
}

.btn-soft-secondary svg {
  fill: #74808f;
}

.btn-soft-success {
  color: #00af12;
  border-color: rgba(0, 175, 18, 0.5);
  background-color: rgba(0, 175, 18, 0.15);
}

.btn-soft-success:hover {
  color: white;
  background-color: #00af12;
  border-color: #00af12;
}

.btn-check:focus + .btn-soft-success, .btn-soft-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 175, 18, 0.5);
  background-color: #00af12;
  color: white;
}

.btn-check:checked + .btn-soft-success,
.btn-check:active + .btn-soft-success, .btn-soft-success:active, .btn-soft-success.active, .btn-soft-success.dropdown-toggle.show {
  color: white;
  background-color: #00af12;
  border-color: #00af12;
}

.btn-check:checked + .btn-soft-success:focus,
.btn-check:active + .btn-soft-success:focus, .btn-soft-success:active:focus, .btn-soft-success.active:focus, .btn-soft-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 175, 18, 0.5);
}

.btn-soft-success:disabled, .btn-soft-success.disabled {
  color: #00af12;
  background-color: rgba(0, 175, 18, 0.08);
}

.btn-soft-success svg {
  fill: #00af12;
}

.btn-soft-info {
  color: #008bdf;
  border-color: rgba(0, 139, 223, 0.5);
  background-color: rgba(0, 139, 223, 0.15);
}

.btn-soft-info:hover {
  color: white;
  background-color: #008bdf;
  border-color: #008bdf;
}

.btn-check:focus + .btn-soft-info, .btn-soft-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 139, 223, 0.5);
  background-color: #008bdf;
  color: white;
}

.btn-check:checked + .btn-soft-info,
.btn-check:active + .btn-soft-info, .btn-soft-info:active, .btn-soft-info.active, .btn-soft-info.dropdown-toggle.show {
  color: white;
  background-color: #008bdf;
  border-color: #008bdf;
}

.btn-check:checked + .btn-soft-info:focus,
.btn-check:active + .btn-soft-info:focus, .btn-soft-info:active:focus, .btn-soft-info.active:focus, .btn-soft-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 139, 223, 0.5);
}

.btn-soft-info:disabled, .btn-soft-info.disabled {
  color: #008bdf;
  background-color: rgba(0, 139, 223, 0.08);
}

.btn-soft-info svg {
  fill: #008bdf;
}

.btn-soft-warning {
  color: #ff973d;
  border-color: rgba(255, 151, 61, 0.5);
  background-color: rgba(255, 151, 61, 0.15);
}

.btn-soft-warning:hover {
  color: white;
  background-color: #ff973d;
  border-color: #ff973d;
}

.btn-check:focus + .btn-soft-warning, .btn-soft-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 151, 61, 0.5);
  background-color: #ff973d;
  color: white;
}

.btn-check:checked + .btn-soft-warning,
.btn-check:active + .btn-soft-warning, .btn-soft-warning:active, .btn-soft-warning.active, .btn-soft-warning.dropdown-toggle.show {
  color: white;
  background-color: #ff973d;
  border-color: #ff973d;
}

.btn-check:checked + .btn-soft-warning:focus,
.btn-check:active + .btn-soft-warning:focus, .btn-soft-warning:active:focus, .btn-soft-warning.active:focus, .btn-soft-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 151, 61, 0.5);
}

.btn-soft-warning:disabled, .btn-soft-warning.disabled {
  color: #ff973d;
  background-color: rgba(255, 151, 61, 0.08);
}

.btn-soft-warning svg {
  fill: #ff973d;
}

.btn-soft-danger {
  color: #a12626;
  border-color: rgba(161, 38, 38, 0.5);
  background-color: rgba(161, 38, 38, 0.15);
}

.btn-soft-danger:hover {
  color: white;
  background-color: #a12626;
  border-color: #a12626;
}

.btn-check:focus + .btn-soft-danger, .btn-soft-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(161, 38, 38, 0.5);
  background-color: #a12626;
  color: white;
}

.btn-check:checked + .btn-soft-danger,
.btn-check:active + .btn-soft-danger, .btn-soft-danger:active, .btn-soft-danger.active, .btn-soft-danger.dropdown-toggle.show {
  color: white;
  background-color: #a12626;
  border-color: #a12626;
}

.btn-check:checked + .btn-soft-danger:focus,
.btn-check:active + .btn-soft-danger:focus, .btn-soft-danger:active:focus, .btn-soft-danger.active:focus, .btn-soft-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(161, 38, 38, 0.5);
}

.btn-soft-danger:disabled, .btn-soft-danger.disabled {
  color: #a12626;
  background-color: rgba(161, 38, 38, 0.08);
}

.btn-soft-danger svg {
  fill: #a12626;
}

.btn-soft-light {
  color: #f7f9fa;
  border-color: rgba(247, 249, 250, 0.5);
  background-color: rgba(247, 249, 250, 0.15);
}

.btn-soft-light:hover {
  color: #0f141c;
  background-color: #f7f9fa;
  border-color: #f7f9fa;
}

.btn-check:focus + .btn-soft-light, .btn-soft-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 249, 250, 0.5);
  background-color: #f7f9fa;
  color: #0f141c;
}

.btn-check:checked + .btn-soft-light,
.btn-check:active + .btn-soft-light, .btn-soft-light:active, .btn-soft-light.active, .btn-soft-light.dropdown-toggle.show {
  color: #0f141c;
  background-color: #f7f9fa;
  border-color: #f7f9fa;
}

.btn-check:checked + .btn-soft-light:focus,
.btn-check:active + .btn-soft-light:focus, .btn-soft-light:active:focus, .btn-soft-light.active:focus, .btn-soft-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 249, 250, 0.5);
}

.btn-soft-light:disabled, .btn-soft-light.disabled {
  color: #f7f9fa;
  background-color: rgba(247, 249, 250, 0.08);
}

.btn-soft-light svg {
  fill: #f7f9fa;
}

.btn-soft-dark {
  color: #1f262e;
  border-color: rgba(31, 38, 46, 0.5);
  background-color: rgba(31, 38, 46, 0.15);
}

.btn-soft-dark:hover {
  color: white;
  background-color: #1f262e;
  border-color: #1f262e;
}

.btn-check:focus + .btn-soft-dark, .btn-soft-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(31, 38, 46, 0.5);
  background-color: #1f262e;
  color: white;
}

.btn-check:checked + .btn-soft-dark,
.btn-check:active + .btn-soft-dark, .btn-soft-dark:active, .btn-soft-dark.active, .btn-soft-dark.dropdown-toggle.show {
  color: white;
  background-color: #1f262e;
  border-color: #1f262e;
}

.btn-check:checked + .btn-soft-dark:focus,
.btn-check:active + .btn-soft-dark:focus, .btn-soft-dark:active:focus, .btn-soft-dark.active:focus, .btn-soft-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(31, 38, 46, 0.5);
}

.btn-soft-dark:disabled, .btn-soft-dark.disabled {
  color: #1f262e;
  background-color: rgba(31, 38, 46, 0.08);
}

.btn-soft-dark svg {
  fill: #1f262e;
}

.btn-text-primary {
  background-color: transparent;
  color: #3d70b2;
  border-color: transparent;
}

.btn-text-primary:hover {
  background: rgba(61, 112, 178, 0.06);
  color: #3d70b2;
  border-color: transparent;
}

.btn-text-secondary {
  background-color: transparent;
  color: #74808f;
  border-color: transparent;
}

.btn-text-secondary:hover {
  background: rgba(116, 128, 143, 0.06);
  color: #74808f;
  border-color: transparent;
}

.btn-text-success {
  background-color: transparent;
  color: #00af12;
  border-color: transparent;
}

.btn-text-success:hover {
  background: rgba(0, 175, 18, 0.06);
  color: #00af12;
  border-color: transparent;
}

.btn-text-info {
  background-color: transparent;
  color: #008bdf;
  border-color: transparent;
}

.btn-text-info:hover {
  background: rgba(0, 139, 223, 0.06);
  color: #008bdf;
  border-color: transparent;
}

.btn-text-warning {
  background-color: transparent;
  color: #ff973d;
  border-color: transparent;
}

.btn-text-warning:hover {
  background: rgba(255, 151, 61, 0.06);
  color: #ff973d;
  border-color: transparent;
}

.btn-text-danger {
  background-color: transparent;
  color: #a12626;
  border-color: transparent;
}

.btn-text-danger:hover {
  background: rgba(161, 38, 38, 0.06);
  color: #a12626;
  border-color: transparent;
}

.btn-text-light {
  background-color: transparent;
  color: #f7f9fa;
  border-color: transparent;
}

.btn-text-light:hover {
  background: rgba(247, 249, 250, 0.06);
  color: #f7f9fa;
  border-color: transparent;
}

.btn-text-dark {
  background-color: transparent;
  color: #1f262e;
  border-color: transparent;
}

.btn-text-dark:hover {
  background: rgba(31, 38, 46, 0.06);
  color: #1f262e;
  border-color: transparent;
}

.btn-icon-only {
  width: 2.357rem;
  height: 2.357rem;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn-link {
  font-weight: 600;
  color: #3d70b2;
  text-decoration: none;
}

.btn-link:hover {
  color: #3765a0;
}

.btn-link:disabled, .btn-link.disabled {
  color: #74808f;
}

.btn-light {
  border: 2px solid var(--btn-border-light) !important;
  color: var(--btn-color-light) !important;
  background: var(--btn-bg-light) !important;
}

.btn-light:hover {
  color: var(--gray-shade-900) !important;
  border: 2px solid var(--btn-border-light) !important;
  background: var(--btn-border-light) !important;
}

.btn-light svg {
  fill: var(--btn-border-light);
}

.btn-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(116, 128, 143, 0.3);
}

.btn-lg {
  padding: 0.625rem 1.875rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.btn-sm {
  padding: 0.375rem 1.125rem;
  font-size: 0.875rem;
  border-radius: 0.3rem;
}

.icon-btn {
  width: 2.1875rem;
  height: 2.1875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.icon-btn:hover {
  background-color: var(--header-icons-hover-bg);
  border: 1px solid var(--header-icons-hover-bg);
}

.icon-btn:focus {
  background-color: var(--header-icons-focus-bg);
  border: 1px solid var(--header-icons-focus-bg);
}

.icon-btn svg {
  fill: var(--icon-fill);
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
}

.btn-panel-toggler {
  border: 0;
  background: unset;
  padding: 6px;
  color: white;
  background-color: #74808f;
  border-color: #74808f;
  display: inline-block;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 2px solid transparent;
  font-size: 12px;
}

.btn.btn-tabindex-focus:focus {
  box-shadow: var(--input-focus-shadow);
}

.btn-primary:focus-visible {
  border-color: var(--p-select-focus-border-color);
  box-shadow: var(--p-select-focus-ring-shadow);
  outline: var(--p-select-focus-ring-width) var(--p-select-focus-ring-style) var(--p-select-focus-ring-color);
  outline-offset: var(--p-select-focus-ring-offset);
}

.focus-visible:focus-visible {
  box-shadow: var(--input-focus-shadow);
  outline: 0;
}

.btn-focus-visible:focus {
  border-color: var(--p-select-focus-border-color);
  box-shadow: var(--p-select-focus-ring-shadow);
  outline: var(--p-select-focus-ring-width) var(--p-select-focus-ring-style) var(--p-select-focus-ring-color);
  outline-offset: var(--p-select-focus-ring-offset);
}

.p-button-secondary:focus-visible {
  --p-button-secondary-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
  --p-button-secondary-focus-ring-color: var(--p-form-field-focus-ring-color)
      outline-color: var(--p-button-secondary-focus-ring-color);
  box-shadow: var(--p-button-secondary-focus-ring-shadow);
}

:root {
  --bs-primary-rgb: 61, 112, 178;
  --bs-secondary-rgb: 116, 128, 143;
  --bs-success-rgb: 0, 175, 18;
  --bs-info-rgb: 0, 139, 223;
  --bs-warning-rgb: 255, 151, 61;
  --bs-danger-rgb: 161, 38, 38;
  --bs-light-rgb: 247, 249, 250;
  --bs-dark-rgb: 31, 38, 46;
  --primary: RGB(var(--bs-primary-rgb));
  --secondary: RGB(var(--bs-secondary-rgb));
  --secondary-dark: #dbdbdb;
  --background-base: #f5f7fa;
  --icon-fill: #64748b;
  --success: RGB(var(--bs-success-rgb));
  --white: #fff;
  --black: 0, 0, 0;
  --btn-border-light: #bec3cb;
  --btn-bg-light: #f7f9fa;
  --btn-color-light: #647181;
  --body-bg: #f0f2f5;
  --login-body-bg: white;
  --logo-text-color: #333333;
  --header-bg: #fff;
  --header-icons-hover-bg: #f2f2f2;
  --header-icons-focus-bg: #dbdbdb;
  --sidebar-bg: #fff;
  --sidebar-bg-hover: #5f5e75;
  --sidebar-end-bg: #fff;
  --sidebar-icon-hover: #575757;
  --nav-link-color: #999;
  --text-color: #707090;
  --border-color: #eaeaea;
  --text-muted: #74808f;
  --breadcrumb-active-color: #74808f;
  --pagination-bg: #fff;
  --pagination-hover-bg: #e9ecef;
  --table-bg: #fff;
  --table-text-color: #6c757d;
  --table-border-collapse: #e8e8e8;
  --table-header-bg: #f8f9fa;
  --card-bg: #ffffff;
  --card-footer-bg: #ffffff;
  --card-border-color: var(--border-color);
  --illustration-bg-color: #ffffff;
  --form-control-bg: #fff;
  --form-label-color: #333;
  --input-border-color: #bfccd4;
  --input-group-color: #1f262e;
  --input-disabled-bg: #f7f9fa;
  --select-dropdown-icon: #000;
  --input-focus-shadow: 0 0 0 0.2rem #268fff80;
  --input-focus-border-color: #007bff;
  --input-placeholder-color: #adb2b7;
  --form-switch-input-bg: #d3d3d3;
  --modal-content-bg: #fff;
  --btn-close-color: #707090;
  --btn-close-filter: initial;
  --modal-title-color: #5a607f;
  --drag-drop-bg: #f5f7fa99;
  --pagination-color: #333333;
  --pagination-active-bg: #333333;
  --page-count-color: #333;
  --dropdown-border-color: rgba(0, 0, 0, 0.15);
  --dropdown-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --dropdown-bg: #fff;
  --dropdown-bg-hover: #e9ecef;
  --dropdown-border-color: rgba(0, 0, 0, 0.15);
  --datepicker-bg: $white;
  --stepper-line: #ccd5e0;
  --scrollbar-bg: #eff2f6;
  --scrollbar-thumb-bg: #ccd5e0;
  --scrollbar-thumb-border: #ddd;
  --accordion-header-bg: #fcfeff;
  --accordion-header-border: #e8e8e8;
  --accordion-tabcontent-bg: #fff;
  --accordion-button-active-bg: #ecf1f7;
  --accordion-border-color: #0f141c20;
  --accordion-button-bg:#fff;
  --p-treenode-background: #fff;
  --p-treenode-input-group-bg: #f8f9fa;
  --p-treenod-highlight-bg: #ebf7ff;
  --p-treenod-highlight-color: #212529;
  --p-tree-toggler: #6c757d;
  --droppoint-placeholder: #f6f8fa;
  --droppoint-placeholder-border: #ccd5e0;
  --p-tag-success-color: #fff;
  --card-footer-bg: #f6f8fa;
  --p-multiselect-token-bg: #eff2f6;
  --p-multiselect-token-color: #151c26;
  --apex-tooltip-bg: white;
  --gray-shade-100: #fcfeff;
  --gray-shade-200: #f6f8fa;
  --gray-shade-300: #eff2f6;
  --gray-shade-400: #ccd5e0;
  --gray-shade-500: #a0adbd;
  --gray-shade-600: #74808f;
  --gray-shade-700: #424c59;
  --gray-shade-800: #38414d;
  --gray-shade-900: #1f262e;
  --gray-shade-1000: #151c26;
  --gray-shade-1100: #131a23;
  --gray-shade-1200: #0f141c;
  --success-100: #dffcf0;
  --success-200: #baf3db;
  --success-300: #4bce97;
  --success-400: #2abb7f;
  --success-500: #22a06b;
  --success-600: #1f845a;
  --success-700: #206b4b;
  --warning-100: #fffbeb;
  --warning-200: #fff2bf;
  --warning-300: #f8da62;
  --warning-400: #efce48;
  --warning-500: #e3c035;
  --warning-600: #c4a427;
  --warning-700: #9a811d;
  --danger-100: #ffedeb;
  --danger-200: #ffb6ac;
  --danger-300: #f87462;
  --danger-400: #ef5c48;
  --danger-500: #e34935;
  --danger-600: #CF282A;
  --danger-700: #A12626;
  --black-50: #f2f2f2;
  --black-100: #e5e5e5;
  --black-200: #ccd5e0;
  --black-300: #999999;
  --black-400: #666666;
  --black-500: #444444;
  --black-600: #333333;
  --black-700: #222222;
  --black-800: #0d0d0d;
  --black-900: #000000;
  --info-100: #ebf7ff;
  --info-200: #F8FBFF;
  --info-500: #35A0E3;
  --route-card-border-color: #6c757d;
}

.dark {
  --bs-primary-rgb: 61, 112, 178;
  --bs-secondary-rgb: 116, 128, 143;
  --bs-success-rgb: 0, 175, 18;
  --bs-info-rgb: 0, 139, 223;
  --bs-warning-rgb: 255, 151, 61;
  --bs-danger-rgb: 161, 38, 38;
  --bs-light-rgb: 247, 249, 250;
  --bs-dark-rgb: 31, 38, 46;
  --primary: RGB(var(--bs-primary-rgb));
  --secondary: RGB(var(--bs-secondary-rgb));
  --secondary-dark: #dbdbdb;
  --background-base: #0f172a;
  --icon-fill: #eeeeee;
  --icon-hover-fill: #fff;
  --success: RGB(var(--bs-success-rgb));
  --white: #131a23;
  --bs-btn-bg: #85d185;
  --btn-border-light: #74808f;
  --btn-bg-light: #2a323d;
  --btn-color-light: #ccd5e0;
  --bs-light-rgb: 42, 50, 61;
  --body-bg: #1f262e;
  --login-body-bg: var(--body-bg);
  --logo-text-color: white;
  --header-bg: #131a23;
  --header-icons-hover-bg: #273659;
  --header-icons-focus-bg: #1f4367;
  --sidebar-bg: #131a23;
  --sidebar-bg-hover: #5f5e75;
  --sidebar-end-bg: #1e293b;
  --sidebar-icon-hover: #575757;
  --nav-link-color: #fffdfd;
  --text-color: #ffffff;
  --text-muted: #a0adbd;
  --border-color: #2c343a;
  --breadcrumb-active-color: #fffdfd;
  --pagination-bg: #0f172a;
  --pagination-hover-bg: #19243e;
  --table-bg: #151c26;
  --table-text-color: #cbccce;
  --table-border-collapse: #7e88a0;
  --table-header-bg: #151c26;
  --card-bg: #131a23;
  --card-footer-bg: #131a23;
  --card-border-color: #424c59;
  --illustration-bg-color: #131a23;
  --form-control-bg: #20262e;
  --form-label-color: #fffdfd;
  --input-border-color: #3f4b5b;
  --input-group-color: #a0adbd;
  --input-disabled-bg: #4c5059;
  --select-dropdown-icon: #fff;
  --input-focus-shadow: 0 0 0 1px #e3f3fe;
  --input-focus-border-color: #8dd0ff;
  --input-placeholder-color: #adb2b7;
  --form-switch-input-bg: #3f4b5b;
  --modal-content-bg: #141e2a;
  --modal-bg: #fff;
  --btn-close-color: #ffffff;
  --btn-close-filter: invert(1) grayscale(100%) brightness(200%);
  --modal-title-color: #eff2f6;
  --drag-drop-bg: #141e2a;
  --pagination-color: #a0adbd;
  --pagination-active-bg: #38414d;
  --page-count-color: #74808f;
  --dropdown-border-color: rgba(255, 255, 255, 0.15);
  --dropdown-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --dropdown-bg: #141e2a;
  --dropdown-bg-hover: #0f172a;
  --dropdown-border-color: rgba(255, 255, 255, 0.15);
  --black: #000;
  --datepicker-bg: #2a323d;
  --stepper-line: #74808f;
  --scrollbar-bg: #20262e;
  --scrollbar-thumb-bg: #38414d;
  --scrollbar-thumb-border: #38414d;
  --p-tag-success-color: #151515;
  --accordion-header-bg: #2a323d;
  --accordion-header-border: #3f4b5b;
  --accordion-tabcontent-bg: #131a23;
  --accordion-button-active-bg: #2a323d;
  --accordion-border-color: #3f4b5b;
  --accordion-button-bg:#2a323d;
  --p-treenode-background: #131a23;
  --p-treenode-input-group-bg: #1f262e;
  --p-tree-toggler: rgba(255, 255, 255, 0.87);
  --droppoint-placeholder: #1f262e;
  --droppoint-placeholder-border: #424c59;
  --card-footer-bg: #2a323d;
  --p-multiselect-token-bg: #38414d;
  --p-multiselect-token-color: #fff;
  --p-treenod-highlight-bg: #2a323d;
  --p-treenod-highlight-color: #fff;
  --apex-tooltip-bg: #1f262e;
  --gray-shade-100: #131a23;
  --gray-shade-200: #151c26;
  --gray-shade-300: #1f262e;
  --gray-shade-400: #38414d;
  --gray-shade-500: #424c59;
  --gray-shade-600: #74808f;
  --gray-shade-700: #a0adbd;
  --gray-shade-800: #ccd5e0;
  --gray-shade-900: #eff2f6;
  --gray-shade-1000: #f6f8fa;
  --gray-shade-1100: #fcfeff;
  --gray-shade-1200: #ffffff;
  --success-700: #dffcf0;
  --success-600: #baf3db;
  --success-500: #4bce97;
  --success-400: #2abb7f;
  --success-300: #22a06b;
  --success-200: #1f845a;
  --success-100: #206b4b;
  --warning-700: #fffbeb;
  --warning-600: #fff2bf;
  --warning-500: #f8da62;
  --warning-400: #efce48;
  --warning-300: #e3c035;
  --warning-200: #c4a427;
  --warning-100: #9a811d;
  --danger-700: #ffedeb;
  --danger-600: #ffb6ac;
  --danger-500: #f87462;
  --danger-400: #ef5c48;
  --danger-300: #e34935;
  --danger-200: #ca3521;
  --danger-100: #7c2626;
  --info-100: #ebf7ff;
}

/* Topbar Header */
/* Sidebar Navigation */
/* Sub Header */
/* Aside */
/* Icons */
/* Table */
/* Card */
/* Details */
/* Buttons */
/* Widgets */
/* Modal */
/* Form elements */
/* Board */
/* Chatroom */
/*List group */
.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md, content section {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-md--footer {
  box-shadow: 0 -2px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-xxl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.shadow-outline {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.shadow-none {
  box-shadow: none;
}

.shadow-sm {
  box-shadow: 0px 1px 4px #15223214 !important;
}

.outline-0 {
  outline: 0;
}

html {
  scroll-behavior: smooth;
  font-variant-numeric: tabular-nums;
  font-size: 100%;
  scrollbar-width: thin;
}

body {
  color: var(--text-color);
  background: var(--body-bg);
  font-family: var(--bs-body-font-family);
  font-size: 0.9375rem;
  font-weight: 400;
  overflow-x: hidden;
  margin: 0;
  line-height: var(--bs-body-line-height);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(15, 20, 28, 0);
  scroll-behavior: smooth;
}

body.freeze {
  overflow: hidden;
}

* {
  letter-spacing: 0 !important;
}

p {
  font-size: calc(0.9375rem * 0.934);
  font-weight: 400;
  margin-bottom: 0;
  color: var(--gray-shade-600);
}

small {
  font-size: calc(0.9375rem * 0.85) !important;
}

a {
  color: #3d70b2;
}

strong {
  font-size: 0.9375rem;
  font-weight: 600;
}

ul {
  padding-left: 0;
  margin-bottom: 0;
}

main {
  display: flex;
  flex-direction: row;
  margin-top: 3.75rem;
}

content {
  height: 100%;
  width: 100%;
  padding-inline: 1rem;
}

@media (min-width: 992px) {
  content {
    padding-left: calc(3.75rem + 0.9375rem);
    padding-right: 0.9375rem;
    transition: all 0.5s;
  }
}

content section {
  margin: 0.9375rem;
  margin-bottom: 0;
  overflow-x: hidden;
}

@media (max-width: 767.98px) {
  content section {
    margin: 0.625rem;
  }
}

.menus-sidebar content {
  padding-inline-start: 15px;
}

.map-layout content {
  display: block;
  padding-inline: 0 !important;
}

.sidebar-start-opened content {
  padding-left: calc(16.875rem + 0.9375rem);
}

@media (max-width: 991.98px) {
  .sidebar-start-opened content {
    padding-left: 0;
  }
}

.sidebar-start-opened.menus-sidebar.menus-sidebar-opened content {
  padding-left: calc(16.875rem - 2.625rem);
}

@media (max-width: 991.98px) {
  .sidebar-start-opened .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    z-index: 12;
    display: block;
    cursor: move;
    transition: all 0.2s ease-out;
  }
}

.sidebar-start-opened .map-layout content {
  display: block;
  padding-left: calc(16.875rem - 3.725rem) !important;
}

.sidebar-end-opened content {
  padding-right: calc(16.875rem + 0.9375rem);
}

@media (max-width: 991.98px) {
  .sidebar-end-opened content {
    padding-right: 0;
  }
}

pre[class*="language-"] {
  max-height: 350px;
  background: black;
  color: #a0e6b5;
}

hr {
  border: 0;
  border-bottom: 0.0625rem solid rgba(191, 204, 212, 0.2);
}

#spriteWrapper {
  display: none;
}

.empty-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}

.empty-state .illustration {
  background: var(--illustration-bg-color);
}

.empty-state svg {
  display: inline-block;
}

.empty-state.grid {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.map-vh-300 .leaflet-container {
  height: calc(100vh - 80px - 60px - 80px - 80px) !important;
}

.bg-body-color {
  background: var(--body-bg) !important;
}

.coreui-container app-area-management-mfe-entry content {
  display: block;
  padding: unset !important;
}

.coreui-container planning-portal-mfe-layout content,
.coreui-container master-locations-mfe-layout content {
  display: inline-block;
  padding: unset !important;
}

.login {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
  background-color: var(--login-body-bg);
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .login {
    min-height: 100vh;
  }
}

@media (min-width: 992px) {
  .login {
    height: 100vh;
    overflow: hidden;
  }
}

.login .illustration {
  display: flex;
  flex: 1;
  min-height: 100vh;
  height: auto;
  padding-right: 0;
  background-color: white;
}

@media (max-width: 575.98px) {
  .login .illustration {
    display: none;
  }
}

.login .illustration svg,
.login .illustration img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.login .main-section {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  padding: 3.5rem;
}

@media (max-width: 575.98px) {
  .login .main-section {
    padding-inline: unset !important;
  }
}

@media (min-width: 768px) {
  .login .main-section {
    width: 50%;
  }
}

.login .main-section .footer-section ul {
  display: flex;
  justify-content: center;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.login .main-section .footer-section ul li {
  padding: 0 12px;
}

.login .main-section .footer-section ul li a {
  color: var(--primary);
  text-decoration: none;
  font-weight: 400;
}

.login .main-section .footer-section ul li a:hover {
  opacity: 0.8;
}

.login .logo-section {
  display: flex;
  justify-content: center;
  align-items: center;
}

.login .logo-section .logo {
  width: 10rem;
  max-width: 10rem;
}

.login .logo-section .logo .logo-text {
  fill: var(--logo-text-color);
}

.login .login-section {
  width: 100%;
  height: auto;
  padding: 1.5625rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
}

.login .login-section .logo {
  font-size: 1.25rem;
  justify-content: center;
  max-height: 9.375rem;
  object-fit: contain;
}

.login .login-section .logo .emblem svg {
  margin-right: 0.3125rem;
  fill: var(--primary);
  height: 2.5rem;
  width: 2.5rem;
}

.login .login-section.start {
  overflow: auto;
  justify-content: flex-start;
}

.login .login-form {
  width: 100%;
  max-width: 25rem;
}

.login .login-form .heading-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.25rem;
}

.login .login-form .heading-section h1 {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  padding-block-end: 0.25rem;
}

.login .login-form .heading-section p {
  font-size: 1rem;
  font-weight: 400;
  margin-block-end: 1.5rem;
  text-align: center;
}

.login .login-form .btn.btn-primary {
  color: white;
}

.login .login-form a {
  color: var(--primary);
  font-weight: 400;
}

.login .login-form a:hover {
  opacity: 0.8;
}

.login .input-group-addon {
  background: transparent;
  border-left: 0;
  color: #8c9ba5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(0.9375rem * 0.91);
  font-weight: 400;
  border-radius: 0 0.25rem 0.25rem 0;
  border: 0.0625rem solid var(--border-color);
  color: #162a37;
  height: 2.5rem;
}

.login .input-group-addon:hover, .login .input-group-addon:active, .login .input-group-addon:focus {
  background: transparent;
  border-left: 0;
}

.login .input-group .form-control {
  border-right: 0 !important;
}

.powered-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: calc(1.5625rem * 2) 0 0 0;
}

.powered-section p {
  font-size: calc(0.9375rem * 0.934);
}

.powered-section img {
  width: 6rem;
  margin: 0 0 0 0.3125rem;
}

#index-loader {
  display: none !important;
}

.form-check {
  padding-inline-start: 0;
}

.text-center {
  text-align: center;
}

.mb-1 {
  margin-block-end: 0.5rem;
}

.mt-4 {
  margin-block-start: 1.5rem;
}

.mx-auto {
  margin-inline-end: auto;
  margin-inline-start: auto;
}

.w-50 {
  width: 50%;
}

.w-100 {
  width: 100%;
}

hr {
  border: 0;
  border-bottom: 0.0625rem solid rgba(191, 204, 212, 0.2);
}

/*# sourceMappingURL=maps/login.css.map */