@font-face {
  font-family: "SFProText-Bold";
  src: url("../fonts/SFProText-Bold.ttf") format("ttf"), url("../fonts/SFProText-Bold.woff") format("woff"), url("../fonts/SFProText-Bold.woff2") format("woff2"), url("../fonts/SFProText-Bold.eot") format("eot");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SFProText-Semibold";
  src: url("../fonts/SFProText-Semibold.ttf") format("ttf"), url("../fonts/SFProText-Semibold.woff") format("woff"), url("../fonts/SFProText-Semibold.woff2") format("woff2"), url("../fonts/SFProText-Semibold.eot") format("eot");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SFProText-Medium";
  src: url("../fonts/SFProText-Medium.ttf") format("ttf"), url("../fonts/SFProText-Medium.woff") format("woff"), url("../fonts/SFProText-Medium.woff2") format("woff2"), url("../fonts/SFProText-Medium.eot") format("eot");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SFProText-Regular";
  src: url("../fonts/SFProText-Regular.ttf") format("ttf"), url("../fonts/SFProText-Regular.woff") format("woff"), url("../fonts/SFProText-Regular.woff2") format("woff2"), url("../fonts/SFProText-Regular.eot") format("eot");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* used for the mandatory text colors and validation texts */
/* used for the secondary border btns color Ex: advanced filter border btn  */
/*used for table outer border */
/* used for the primary color texts Ex: bordered active tabs  */
/* used for the secondary color texts*/
/* used for the black texts */
/* used for the anchor tags */
/* used for the from label texts */
/* used for the primary background color  Ex: primary btns  */
/* used for the secondary background color  Ex: secondary btns  */
/* used for the form border color Ex: text box border  */
/* used for the primary border btns color Ex: loadmore border btn  */
/*used for table outer border */
/* used for tracking details header content seperator */
/* used for the table head text colors */
.primary-btn {
  background-image: var(--primary-gredient-bg, linear-gradient(to right, #B7356E, #ED2D38, #F85839));
  color: var(--default-white, #FFFFFF);
  font-size: 16px;
  font-family: "SFProText-Semibold";
  border: none;
  border-radius: 5px;
  height: 40px;
}
.primary-btn:hover {
  background-image: var(--primary-gredient-bg-hover, linear-gradient(to right, #F85839, #ED2D38, #B7356E));
  color: var(--default-white, #FFFFFF);
}
.primary-btn:focus {
  background-image: var(--primary-gredient-bg-hover, linear-gradient(to right, #F85839, #ED2D38, #B7356E));
  color: var(--default-white, #FFFFFF);
  box-shadow: 0 1px 4px rgba(255, 146, 138, 0.7);
}

.secondary-btn {
  background-color: var(--body-bg, #FFFFFF);
  font-size: 16px;
  font-family: "SFProText-Bold";
  border: var(--form-field-border, 0.75px solid #E5E5E5);
  color: var(--form-label-color, #3D3D3D);
}
.secondary-btn:hover {
  background-color: var(--secondary-color, #eeeeee);
  color: #272626;
}
.secondary-btn:focus {
  background-color: var(--secondary-color, #eeeeee);
  color: #272626;
  box-shadow: 0 1px 4px rgba(238, 238, 238, 0.7);
}

.dark-theme .secondary-btn:hover {
  color: #cbc4c4;
}

.primary-outline-btn {
  border: 1px solid #ff928a;
  color: #ff928a;
}
.primary-outline-btn:hover {
  background-color: #ff928a;
  color: var(--default-white, #FFFFFF);
}
.primary-outline-btn:focus {
  background-color: #ff928a;
  color: var(--default-white, #FFFFFF);
  box-shadow: 0 1px 4px rgba(255, 146, 138, 0.7);
}

.search-input-btn {
  box-shadow: 1px 0.5px 1px rgba(94, 94, 94, 0.25);
  background-color: var(--primary-bg-color, #FFFFFF);
}
.search-input-btn:focus {
  box-shadow: 1px 0.5px 1px rgba(94, 94, 94, 0.25);
  background-color: var(--primary-bg-color, #FFFFFF);
}

.input-search input {
  box-shadow: 0px 0.5px 2px rgba(94, 94, 94, 0.25);
}
.input-search input:focus {
  box-shadow: 0px 0.5px 2px rgba(94, 94, 94, 0.25);
  border: 1px solid #E7E7E7;
}
.input-search .btn {
  border: 1px solid #E7E7E7;
}
.input-search .btn:focus {
  box-shadow: 1px 0.5px 1px rgba(94, 94, 94, 0.25);
}
.input-search .btn:focus-visible {
  outline: unset;
}

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

.filter-btn {
  box-shadow: 0px 0.5px 2px rgba(94, 94, 94, 0.25);
}

.filter-btn:active img,
.filter-btn:focus img {
  filter: invert(0%) sepia(49%) saturate(5311%) hue-rotate(328deg) brightness(102%) contrast(104%);
}

.dark-theme .filter-btn:active img,
.dark-theme .filter-btn:focus img {
  filter: invert(0%) sepia(25%) saturate(867%) hue-rotate(103deg) brightness(98%) contrast(92%);
}

.filter-btn:active,
.filter-btn:focus,
.filter-btn:focus-visible {
  border: 1px solid var(--tab-color, #FF5A54) !important;
  box-shadow: unset;
}

.dark-theme .filter-btn:active,
.filter-btn:focus,
.filter-btn:focus-visible {
  border: 0.7px solid var(--tab-color, #FF5A54) !important;
  box-shadow: unset;
}

.custom-filter-width {
  width: 380px;
}

.custom-select-number {
  width: auto !important;
  min-width: 25px;
  max-width: 52px;
}

.form-select.custom-select-number {
  display: inline-block;
  background-image: url(../images/select-dropdown-arrow.svg);
  background-position: right 0.4rem center;
  background-size: 10px 8px;
  padding-right: 20px;
}

.dark-theme .form-select.custom-select-number {
  background-image: url(../images/select-dropdown-arrow-darktheme.svg);
}

.form-floating > .form-select.select-filter {
  height: calc(2.5rem + 2px);
  padding: 1.2rem 1.75rem 0.25rem 0.75rem;
}

.form-select.custom-select-arrow {
  background-image: url(../images/select-arrow-icon.svg);
  background-size: 12px;
}

.custom-label {
  font-size: 14px;
  font-family: "SFProText-Semibold";
  color: var(--form-label-color, #3D3D3D);
}
.custom-label:hover {
  color: var(--form-label-color, #3D3D3D);
}

.custom-form-input {
  font-size: 14px;
  font-family: "SFProText-Regular";
  border: var(--form-field-border, 0.75px solid #E5E5E5);
  background-color: var(--secondary-bg-color, transparent);
  border-radius: 5px;
  color: var(--primary-header-color, #090B0D);
  height: 37px;
}

.form-select.custom-form-input {
  background-image: url("../images/dropdwon-down-arw.svg") !important;
  background-size: 12px !important;
}

.custom-form-input:focus,
.custom-form-input div.css-13cymwt-control:focus,
.custom-form-input div.css-t3ipsp-control:focus,
.custom-form-input div.css-1nmdiq5-menu:focus, .css-lvhtuy-MenuList div:focus {
  box-shadow: 0 1px 4px rgba(241, 67, 54, 0.1);
  background-color: var(--secondary-bg-color, transparent);
  border: 0.75px solid var(--primary-color, #ff928a);
  color: var(--primary-header-color, #090B0D);
}

.custom-form-input:disabled,
.custom-form-input div.css-13cymwt-control:disabled,
.custom-form-input div.css-t3ipsp-control:disabled,
.custom-form-input div.css-1nmdiq5-menu:disabled, .css-lvhtuy-MenuList div:disabled {
  background-color: var(--read-only-bg, rgba(232, 235, 240, 0.3019607843));
  border: 0px;
  pointer-events: painted !important;
}

.custom-form-input::-moz-placeholder,
.custom-form-input div.css-13cymwt-control::-moz-placeholder,
.custom-form-input div.css-t3ipsp-control::-moz-placeholder,
.custom-form-input div.css-1nmdiq5-menu::-moz-placeholder, .css-lvhtuy-MenuList div::-moz-placeholder {
  color: var(--place-holder-color, #B8B8B8);
}

.custom-form-input::-moz-placeholder, .custom-form-input div.css-13cymwt-control::-moz-placeholder, .custom-form-input div.css-t3ipsp-control::-moz-placeholder, .custom-form-input div.css-1nmdiq5-menu::-moz-placeholder, .css-lvhtuy-MenuList div::-moz-placeholder {
  color: var(--place-holder-color, #B8B8B8);
}

.custom-form-input::placeholder,
.custom-form-input div.css-13cymwt-control::placeholder,
.custom-form-input div.css-t3ipsp-control::placeholder,
.custom-form-input div.css-1nmdiq5-menu::placeholder, .css-lvhtuy-MenuList div::placeholder {
  color: var(--place-holder-color, #B8B8B8);
}

.css-1dimb5e-singleValue {
  color: var(--primary-header-color, #090B0D) !important;
  background-color: var(--table-header-bg, #ffffff) !important;
}

.custom-form-input div.css-t3ipsp-control,
.custom-form-input div.css-1nmdiq5-menu {
  background-color: var(--table-header-bg, #ffffff) !important;
}

.custom-form-input div.css-t3ipsp-control:focus,
.custom-form-input div.css-1nmdiq5-menu:focus {
  background-color: var(--table-header-bg, #ffffff) !important;
}

.custom-form-input div.css-13cymwt-control,
.custom-form-input div.css-t3ipsp-control,
.custom-form-input div.css-1nmdiq5-menu {
  font-size: 14px;
  font-family: "SFProText-Regular";
  border: var(--form-field-border, 0.75px solid #E5E5E5);
  background-color: var(--secondary-bg-color, transparent);
  border-radius: 5px;
  color: var(--custom-dd-color, #090B0D);
}

.css-lvhtuy-MenuList div {
  font-size: 14px;
  font-family: "SFProText-Regular";
  background-color: var(--secondary-bg-color, transparent);
  border-radius: 5px;
  color: var(--primary-header-color, #090B0D);
}

.css-lvhtuy-MenuList div:hover {
  background-color: var(--custom-bg-li, #c4c4c4);
}

.table-accordion-head {
  width: 600px;
}

.custom-checkbox {
  height: 20px;
  width: 20px;
}

.dark-theme .tooltip-img {
  filter: invert(17%) sepia(0%) saturate(0%) hue-rotate(177deg) brightness(104%) contrast(80%);
}

.helper-text {
  color: #9B9B9B;
}

.text-btn {
  color: var(--primary-header-color, #090B0D);
}
.text-btn:hover {
  color: var(--primary-header-color, #090B0D);
}
.text-btn:focus {
  box-shadow: none;
}
.text-btn:focus-visible {
  outline: unset;
}

.dark-theme .text-btn {
  color: var(--table-head-text-color, #3D3D3D);
}
.dark-theme .text-btn:hover {
  color: var(--table-head-text-color, #3D3D3D);
}

.form-check-input.form-checked {
  border-color: #707070;
}
.form-check-input.form-checked:checked {
  background-image: url("../images/radio-check-light.svg");
  background-size: 8px;
  background-color: transparent;
  border-color: var(--tab-color, #FF5A54);
}
.form-check-input.form-checked:focus {
  box-shadow: none;
}
.form-check-input.form-checked:focus-visible {
  outline: unset;
}

.dark-theme .form-check-input.form-checked {
  border-color: #707070;
}
.dark-theme .form-check-input.form-checked:checked {
  background-image: url("../images/radio-check-dark.svg");
  background-size: 8px;
  background-color: transparent;
  border-color: var(--tab-color, #FF5A54);
}
.dark-theme .form-check-input.form-checked:focus {
  box-shadow: none;
}
.dark-theme .form-check-input.form-checked:focus-visible {
  outline: unset;
}

.form-check-input.form-checkbox {
  border-radius: 3px;
}
.form-check-input.form-checkbox:checked {
  background-image: url("../images/tick-icon.svg");
  background-size: 9px;
  background-color: var(--tab-color, #FF5A54);
  border-color: var(--tab-color, #FF5A54);
}
.form-check-input.form-checkbox:focus {
  box-shadow: none;
}
.form-check-input.form-checkbox:focus-visible {
  outline: unset;
}
.form-check-input.form-checkbox:disabled {
  background-color: #E8EBF0;
  border: 1px solid #E8EBF0;
}

.custom-input-icon {
  top: 11px;
  right: 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.custom-input-eye-postion {
  top: 12px;
  right: 12px;
}

.eye-open-icon {
  top: 15px;
  right: 12px;
}

.custom-input-eye-color {
  filter: invert(30%) sepia(0%) saturate(1924%) hue-rotate(179deg) brightness(105%) contrast(92%);
}

.dark-theme .custom-input-eye-color {
  filter: invert(54%) sepia(0%) saturate(102%) hue-rotate(135deg) brightness(89%) contrast(81%);
}

.password-eye-hide::-ms-reveal {
  z-index: 2;
  background: transparent;
}

.custom-form-input.password-eye-hide,
.custom-form-input.password-eye-show {
  padding-right: 40px;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  z-index: 2;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

input[type=time]::-webkit-calendar-picker-indicator {
  z-index: 2;
  background: transparent;
}

.back-btn {
  filter: invert(-1%) sepia(4%) saturate(3707%) hue-rotate(169deg) brightness(91%) contrast(97%);
}

.tooltip-inner {
  background-color: var(--tool-bg, #4D4D4D);
  color: #FFFFFF;
  font-size: 14px;
  width: 500px;
}

.custom-form-input.text-box {
  border-radius: 5px;
  resize: none;
  height: 100px;
}
.custom-form-input.text-box:focus {
  box-shadow: none;
  border: var(--primary-border-color, 1px solid #E8EBF0);
}
.custom-form-input.text-box:focus-visible {
  outline: unset;
}

.primary-border-color {
  border: var(--primary-border-color, 1px solid #E8EBF0);
}

.close-icon:focus {
  box-shadow: none;
}
.close-icon:focus-visible {
  outline: unset;
}

.dark-theme .left-arrow {
  filter: invert(100%) sepia(9%) saturate(919%) hue-rotate(169deg) brightness(96%) contrast(165%);
}

.eye-hidden {
  content: url("../images/hidden-grey.svg");
  display: inline-block;
}

.top-nav-label {
  color: #000000;
}

.top-nav-label-dark {
  color: var(--secondary-header-color, #090B0D);
}

.primary-shadow {
  box-shadow: 0px 0px 2px 0px rgba(7, 88, 149, 0.2);
}

.cust-time-picker .react-datepicker__header,
.react-datepicker-time__header {
  background-color: var(--body-bg, #FFFFFF);
  color: var(--form-label-color, #3D3D3D) !important;
}

.dark-theme .react-datepicker__header:not(.react-datepicker__header--has-time-select),
.dark-theme .react-datepicker {
  border: 0px;
}

.dark-theme .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #333333;
}

.dark-theme .react-datepicker .react-datepicker__time,
.dark-theme .react-datepicker__header {
  background-color: #242121;
  color: #fff;
}

.cust-time-picker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  background-image: var(--primary-gredient-bg, linear-gradient(to right, #B7356E, #ED2D38, #F85839));
  color: var(--form-label-color, #3D3D3D);
}

.cust-time-picker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  background-color: var(--body-bg, #FFFFFF);
  color: var(--form-label-color, #3D3D3D);
}

.dark-theme .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.dark-theme .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: var(--body-bg, #FFFFFF);
  color: var(--body-bg, #FFFFFF);
  border: 0px;
}

.dark-theme .react-datepicker-popper .react-datepicker__triangle {
  stroke: none;
}

.custom-dropdown-li {
  color: var(--primary-header-color, #090B0D);
}

.custom-dropdown-li:hover,
.custom-dropdown-li:focus {
  background-color: var(--custom-bg-li, #c4c4c4);
  color: var(--primary-header-color, #090B0D);
}

.cust-dd-brd-btm {
  border-bottom: var(--list-border-color, 1px solid #E8EBF0);
}

.custom-filter-width {
  min-width: 144px;
  width: 500px;
}

.export-btn:active,
.export-btn:focus,
.export-btn:hover,
.export-btn:focus-visible {
  border: 0.7px solid var(--btn-v2, #079559) !important;
  box-shadow: unset;
  color: var(--btn-v2, #079559);
}

.custom-header-filter {
  width: 200px;
}

.time-frame-input {
  height: 42px;
}/*# sourceMappingURL=forms.css.map */