niubiz-pay/dist/index.css

Library that allows you to make payments and tokenize debit and credit cards with Niubiz.

.customForm-module_formContainer__TTsoQ {
  display: grid;
  align-items: center;
  justify-content: center;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  max-height: 100svh;
  overflow-y: auto;
  padding: 32px;
  z-index: 1000;
}
.customForm-module_formContainer__TTsoQ::-webkit-scrollbar {
  display: none;
}

.customForm-module_formSection__9XoWT {
  max-width: 500px;
  width: 100%;
  border-radius: 16px;
  background: #FFF;
  padding: 24px;
  height: min-content;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}

.customForm-module_formSectionApp__gwKSB {
  width: 100%;
  border-radius: 16px;
  background: #FFF;
  padding: 24px 16px;
  height: min-content;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}

.customForm-module_formHeader__dPkwr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.customForm-module_formTitle__CGRox {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  width: 100%;
}

.customForm-module_formIconClose__NFCGD {
  display: grid;
  place-items: center;
  padding: 8px;
  cursor: pointer;
}

.customForm-module_formBody__Nl19f {
  display: flex;
  flex-direction: column;
  padding: 24px;
}

.customForm-module_formBodyApp__T5hOI {
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
}

.customForm-module_formContent__8TVvm {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.customForm-module_formCardContainer__IAQGT {
  width: 100%;
  display: grid;
  place-items: center;
}

.customForm-module_formInfoCard__Ym5vR {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.customForm-module_formRow__fHS7Q {
  display: flex;
  gap: 16px;
  width: 100%;
}

.customForm-module_formCheckboxContainer__-gM4c {
  display: flex;
  gap: 16px;
  align-items: center;
}

.customForm-module_formCheckbox__YXPHd {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 20px;
  width: 20px;
  min-height: 20px;
  min-width: 20px;
  background-color: #fff;
  border: 1px solid #D0D6D4;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  margin: 0;
}

.customForm-module_formCheckbox__YXPHd:checked {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 20px;
  width: 20px;
  min-height: 20px;
  min-width: 20px;
  background-color: #fff;
  border: 1px solid #006241;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  margin: 0;
}

.customForm-module_formCheckbox__YXPHd:checked:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 10px;
  border: solid #006241;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-100%, -25%);
}

.customForm-module_formCheckboxLabel__T6ErT {
  color: #4C5552;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  user-select: none;
  text-align: left;
}

.customForm-module_formFooter__-eSk8 {
  width: 100%;
}

.customForm-module_formButtonContainer__pELEw {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
}

.customForm-module_buttonPrimary__Z5d-t {
  color: #F5F7F6;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  height: 40px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background-color: #006241;
  border: none;
  border-radius: 40px;
  width: 100%;
  cursor: pointer;
}

.customForm-module_buttonSecondary__wpuEX {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border: none;
  background-color: transparent;
  color: #006241;
  width: 100%;
  cursor: pointer;
}

.customForm-module_inputContainer__63f5b {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.customForm-module_formControl__t-S6N {
  max-height: 56px;
  height: 56px;
  width: 100%;
  min-width: 100%;
  border: 1px solid #D0D6D4;
  border-radius: 10px;
  padding: 16px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
}
.customForm-module_formControl__t-S6N iframe {
  width: 100%;
}
.customForm-module_formControl__t-S6N > div {
  display: grid;
  place-items: center;
}

.customForm-module_formError__n60gZ {
  border: 1px solid #C82014;
}

.customForm-module_inputLabel__45HQo {
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  color: #64706C;
  font-weight: 600;
  text-align: left;
}

.customForm-module_inputErrorContainer__x1Ygx {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0 8px;
  width: 100%;
}

.customForm-module_inputError__qMoZl {
  color: gray;
  animation: customForm-module_errorIn__4mxFR 0.3s ease forwards;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.customForm-module_buttonDisabled__8cd6v {
  background-color: #F5F7F6;
  color: #ABB5B2;
  user-select: none;
  touch-action: none;
}
.card-module_card__BroLO {
  height: 160px;
  width: 280px;
}

.card-module_cardSection__au6Vb {
  height: 160px;
  width: 280px;
  border-radius: 8px;
  text-align: left;
  display: flex;
  align-items: flex-end;
  position: relative;
  perspective: 1000px;
}

.card-module_cardBody__vzdB8 {
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 8px;
  backface-visibility: hidden;
  transition: transform 0.5s ease-in-out;
}

.card-module_cardBodyFront__C9Nxa {
  transform: rotateY(0deg);
  background-color: #EEE;
  z-index: 2;
}

.card-module_cardBodyBack__0ejA4 {
  transform: rotateY(180deg);
  background-color: #EEE;
}

.card-module_cardFlipped__HvooS .card-module_cardBodyFront__C9Nxa {
  transform: rotateY(180deg);
}

.card-module_cardFlipped__HvooS .card-module_cardBodyBack__0ejA4 {
  transform: rotateY(360deg);
}

.card-module_cardBodyResume__O6tHq {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 16px 16px 18px 16px;
  box-sizing: border-box;
  position: relative;
}

.card-module_cardBrand__FHlbB {
  color: #F5F7F6;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 16px;
}

.card-module_cardNumber__-oYX2 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
}

.card-module_cardDate__fBE6w {
  color: #1C201E;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.card-module_cardOwner__nPPO4 {
  color: #1C201E;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.card-module_cardBrandIconContainer__OVuJI {
  position: absolute;
  right: 16px;
  bottom: 18px;
  height: 26px;
  width: 38px;
}

.card-module_cardMagneticTape__wfQMj {
  width: 100%;
  height: 23px;
  background-color: #868686;
  top: 29px;
  position: absolute;
}

.card-module_cardHolderContainer__TlWtP {
  position: absolute;
  top: 66px;
  left: 16px;
}

.card-module_cardCvv__EvwmP {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  top: 66px;
  right: 16px;
}

.card-module_faVisa__QCY-1 {
  background-color: #2847d9;
}
.card-module_faVisa__QCY-1 .card-module_cardMagneticTape__wfQMj {
  background-color: #0614b9;
}
.card-module_faVisa__QCY-1 .card-module_cardNumber__-oYX2,
.card-module_faVisa__QCY-1 .card-module_cardDate__fBE6w,
.card-module_faVisa__QCY-1 .card-module_cardOwner__nPPO4,
.card-module_faVisa__QCY-1 .card-module_cardCvv__EvwmP {
  color: #fff;
}

.card-module_faMastercard__wj00U {
  background-color: #D2D2D2;
}
.card-module_faMastercard__wj00U .card-module_cardMagneticTape__wfQMj {
  background-color: #adadad;
}

.card-module_faAmex__Wx22R {
  background-color: #434343;
}
.card-module_faAmex__Wx22R .card-module_cardMagneticTape__wfQMj {
  background-color: #222222;
}
.card-module_faAmex__Wx22R .card-module_cardNumber__-oYX2,
.card-module_faAmex__Wx22R .card-module_cardDate__fBE6w,
.card-module_faAmex__Wx22R .card-module_cardOwner__nPPO4,
.card-module_faAmex__Wx22R .card-module_cardCvv__EvwmP {
  color: #fff;
}

.card-module_faDinersClub__O7FyO {
  background-color: #0079BE;
}
.card-module_faDinersClub__O7FyO .card-module_cardMagneticTape__wfQMj {
  background-color: #00398e;
}
.card-module_faDinersClub__O7FyO .card-module_cardNumber__-oYX2,
.card-module_faDinersClub__O7FyO .card-module_cardDate__fBE6w,
.card-module_faDinersClub__O7FyO .card-module_cardOwner__nPPO4,
.card-module_faDinersClub__O7FyO .card-module_cardCvv__EvwmP {
  color: #fff;
}
.inputGroup-module_inputContainer__wW9Gi {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.inputGroup-module_inputContent__-eqvR {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.inputGroup-module_inputLabel__pBZ2O {
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  color: #64706C;
  font-weight: 600;
  text-align: left;
}

.inputGroup-module_inputFieldContainer__JFoHJ {
  display: flex;
  width: 100%;
  border-radius: 8px;
  border: 1.5px solid #D0D6D4;
}

.inputGroup-module_inputFieldDateContainer__s-2Tp {
  height: 56px;
}

.inputGroup-module_inputFieldIcon__SnI5b {
  display: grid;
  place-items: center;
  padding-left: 16px;
}

.inputGroup-module_inputFieldIconImg__D6Pem {
  display: grid;
  place-items: center;
  padding-left: 16px;
  object-fit: contain;
}

.inputGroup-module_inputField__G0gKn {
  display: flex;
  padding: 16px;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  width: 100%;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  line-height: 24px;
}

.inputGroup-module_inputFieldWithIcon__wQcBh {
  padding-left: 8px;
}

.inputGroup-module_inputField__G0gKn:focus {
  outline: none;
  box-shadow: none;
}

.inputGroup-module_inputIconContainer__x1HAw {
  padding-right: 20px;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.inputGroup-module_inputErrorContainer__I2H-D {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0 8px;
  width: 100%;
}

.inputGroup-module_inputError__kU1kL {
  color: gray;
  animation: inputGroup-module_errorIn__k0M0w 0.3s ease forwards;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.inputGroup-module_inputSpanMessage__cGXki {
  color: #7C7C7C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.inputGroup-module_inputFieldError__PapWk {
  border: 1.5px solid #C82014;
}

@keyframes inputGroup-module_errorIn__k0M0w {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@charset "UTF-8";
.react-datepicker_react-datepicker__year-read-view--down-arrow__mmKc4,
.react-datepicker_react-datepicker__month-read-view--down-arrow__5UXjp,
.react-datepicker_react-datepicker__month-year-read-view--down-arrow__TYg-k, .react-datepicker_react-datepicker__navigation-icon__uI5kC::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker_react-datepicker-wrapper__bhy9O {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker_react-datepicker__XmpRM {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker_react-datepicker--time-only__xNGwP .react-datepicker_react-datepicker__time-container__Q1rzo {
  border-left: 0;
}
.react-datepicker_react-datepicker--time-only__xNGwP .react-datepicker_react-datepicker__time__Zaptc,
.react-datepicker_react-datepicker--time-only__xNGwP .react-datepicker_react-datepicker__time-box__8i1Gu {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker_react-datepicker-popper__U7Gg0 {
  z-index: 1;
  line-height: 0;
}
.react-datepicker_react-datepicker-popper__U7Gg0 .react-datepicker_react-datepicker__triangle__b1TSc {
  stroke: #aeaeae;
}
.react-datepicker_react-datepicker-popper__U7Gg0[data-placement^=bottom] .react-datepicker_react-datepicker__triangle__b1TSc {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker_react-datepicker-popper__U7Gg0[data-placement^=top] .react-datepicker_react-datepicker__triangle__b1TSc {
  fill: #fff;
  color: #fff;
}

.react-datepicker_react-datepicker__header__F12hV {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker_react-datepicker__header--time__kJSfU {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker_react-datepicker__header--time__kJSfU:not(.react-datepicker_react-datepicker__header--time--only__uVKsB) {
  border-top-left-radius: 0;
}
.react-datepicker_react-datepicker__header__F12hV:not(.react-datepicker_react-datepicker__header--has-time-select__zB6bU) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker_react-datepicker__year-dropdown-container--select__0XGFv,
.react-datepicker_react-datepicker__month-dropdown-container--select__-oaBm,
.react-datepicker_react-datepicker__month-year-dropdown-container--select__mtfFB,
.react-datepicker_react-datepicker__year-dropdown-container--scroll__9o-m-,
.react-datepicker_react-datepicker__month-dropdown-container--scroll__C0Esb,
.react-datepicker_react-datepicker__month-year-dropdown-container--scroll__iL9w- {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker_react-datepicker__current-month__9HbpE,
.react-datepicker_react-datepicker-time__header__xvUAj,
.react-datepicker_react-datepicker-year-header__g5lMm {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker_react-datepicker__current-month__9HbpE {
  padding: 0;
  margin: 0;
}

.react-datepicker_react-datepicker-time__header__xvUAj {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker_react-datepicker__navigation__61rke {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker_react-datepicker__navigation--previous__8aG73 {
  left: 2px;
}
.react-datepicker_react-datepicker__navigation--next__QGlAB {
  right: 2px;
}
.react-datepicker_react-datepicker__navigation--next--with-time__ydGxq:not(.react-datepicker_react-datepicker__navigation--next--with-today-button__rwCST) {
  right: 85px;
}
.react-datepicker_react-datepicker__navigation--years__0Bmux {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker_react-datepicker__navigation--years-previous__moNR2 {
  top: 4px;
}
.react-datepicker_react-datepicker__navigation--years-upcoming__r8TeR {
  top: -4px;
}
.react-datepicker_react-datepicker__navigation__61rke:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker_react-datepicker__navigation-icon__uI5kC {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker_react-datepicker__navigation-icon--next__KzA-X {
  left: -2px;
}
.react-datepicker_react-datepicker__navigation-icon--next__KzA-X::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker_react-datepicker__navigation-icon--previous__DWOV1 {
  right: -2px;
}
.react-datepicker_react-datepicker__navigation-icon--previous__DWOV1::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker_react-datepicker__month-container__vSRvC {
  float: left;
}

.react-datepicker_react-datepicker__year__ASL2P {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker_react-datepicker__year-wrapper__ju3VZ {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker_react-datepicker__year__ASL2P .react-datepicker_react-datepicker__year-text__BgRud {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker_react-datepicker__month__MIBs4 {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker_react-datepicker__month__MIBs4 .react-datepicker_react-datepicker__month-text__yZ7Hp,
.react-datepicker_react-datepicker__month__MIBs4 .react-datepicker_react-datepicker__quarter-text__TwHw0 {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker_react-datepicker__input-time-container__E--Qt {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker_react-datepicker__input-time-container__E--Qt .react-datepicker_react-datepicker-time__caption__Pcu5R {
  display: inline-block;
}
.react-datepicker_react-datepicker__input-time-container__E--Qt .react-datepicker_react-datepicker-time__input-container__9TVPm {
  display: inline-block;
}
.react-datepicker_react-datepicker__input-time-container__E--Qt .react-datepicker_react-datepicker-time__input-container__9TVPm .react-datepicker_react-datepicker-time__input__oWm-w {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker_react-datepicker__input-time-container__E--Qt .react-datepicker_react-datepicker-time__input-container__9TVPm .react-datepicker_react-datepicker-time__input__oWm-w input {
  width: auto;
}
.react-datepicker_react-datepicker__input-time-container__E--Qt .react-datepicker_react-datepicker-time__input-container__9TVPm .react-datepicker_react-datepicker-time__input__oWm-w input[type=time]::-webkit-inner-spin-button,
.react-datepicker_react-datepicker__input-time-container__E--Qt .react-datepicker_react-datepicker-time__input-container__9TVPm .react-datepicker_react-datepicker-time__input__oWm-w input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker_react-datepicker__input-time-container__E--Qt .react-datepicker_react-datepicker-time__input-container__9TVPm .react-datepicker_react-datepicker-time__input__oWm-w input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker_react-datepicker__input-time-container__E--Qt .react-datepicker_react-datepicker-time__input-container__9TVPm .react-datepicker_react-datepicker-time__delimiter__a3j39 {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker_react-datepicker__time-container__Q1rzo {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker_react-datepicker__time-container--with-today-button__jrq2g {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker_react-datepicker__time-container__Q1rzo .react-datepicker_react-datepicker__time__Zaptc {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker_react-datepicker__time-container__Q1rzo .react-datepicker_react-datepicker__time__Zaptc .react-datepicker_react-datepicker__time-box__8i1Gu {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker_react-datepicker__time-container__Q1rzo .react-datepicker_react-datepicker__time__Zaptc .react-datepicker_react-datepicker__time-box__8i1Gu ul.react-datepicker_react-datepicker__time-list__8mtcN {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker_react-datepicker__time-container__Q1rzo .react-datepicker_react-datepicker__time__Zaptc .react-datepicker_react-datepicker__time-box__8i1Gu ul.react-datepicker_react-datepicker__time-list__8mtcN li.react-datepicker_react-datepicker__time-list-item__Xb7c3 {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker_react-datepicker__time-container__Q1rzo .react-datepicker_react-datepicker__time__Zaptc .react-datepicker_react-datepicker__time-box__8i1Gu ul.react-datepicker_react-datepicker__time-list__8mtcN li.react-datepicker_react-datepicker__time-list-item__Xb7c3:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker_react-datepicker__time-container__Q1rzo .react-datepicker_react-datepicker__time__Zaptc .react-datepicker_react-datepicker__time-box__8i1Gu ul.react-datepicker_react-datepicker__time-list__8mtcN li.react-datepicker_react-datepicker__time-list-item--selected__ZDsuh {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker_react-datepicker__time-container__Q1rzo .react-datepicker_react-datepicker__time__Zaptc .react-datepicker_react-datepicker__time-box__8i1Gu ul.react-datepicker_react-datepicker__time-list__8mtcN li.react-datepicker_react-datepicker__time-list-item--selected__ZDsuh:hover {
  background-color: #216ba5;
}
.react-datepicker_react-datepicker__time-container__Q1rzo .react-datepicker_react-datepicker__time__Zaptc .react-datepicker_react-datepicker__time-box__8i1Gu ul.react-datepicker_react-datepicker__time-list__8mtcN li.react-datepicker_react-datepicker__time-list-item--disabled__GK-oR {
  color: #ccc;
}
.react-datepicker_react-datepicker__time-container__Q1rzo .react-datepicker_react-datepicker__time__Zaptc .react-datepicker_react-datepicker__time-box__8i1Gu ul.react-datepicker_react-datepicker__time-list__8mtcN li.react-datepicker_react-datepicker__time-list-item--disabled__GK-oR:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker_react-datepicker__week-number__TbXI7 {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker_react-datepicker__week-number__TbXI7.react-datepicker_react-datepicker__week-number--clickable__5IfcI {
  cursor: pointer;
}
.react-datepicker_react-datepicker__week-number__TbXI7.react-datepicker_react-datepicker__week-number--clickable__5IfcI:not(.react-datepicker_react-datepicker__week-number--selected__d0ecn,
.react-datepicker_react-datepicker__week-number--keyboard-selected__bEv3W):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker_react-datepicker__week-number--selected__d0ecn {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker_react-datepicker__week-number--selected__d0ecn:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker_react-datepicker__week-number--keyboard-selected__bEv3W {
  border-radius: 0.3rem;
  background-color: rgb(41.5, 134.5606060606, 207.5);
  color: #fff;
}
.react-datepicker_react-datepicker__week-number--keyboard-selected__bEv3W:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker_react-datepicker__day-names__jN5iS {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker_react-datepicker__week__VM-1X {
  white-space: nowrap;
}

.react-datepicker_react-datepicker__day-name__1Jy06,
.react-datepicker_react-datepicker__day__qYV-s,
.react-datepicker_react-datepicker__time-name__4Fwuf {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker_react-datepicker__day__qYV-s,
.react-datepicker_react-datepicker__month-text__yZ7Hp,
.react-datepicker_react-datepicker__quarter-text__TwHw0,
.react-datepicker_react-datepicker__year-text__BgRud {
  cursor: pointer;
}
.react-datepicker_react-datepicker__day__qYV-s:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__month-text__yZ7Hp:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__quarter-text__TwHw0:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__year-text__BgRud:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker_react-datepicker__day--today__lYceO,
.react-datepicker_react-datepicker__month-text--today__kjOPr,
.react-datepicker_react-datepicker__quarter-text--today__Mw0ZH,
.react-datepicker_react-datepicker__year-text--today__sU444 {
  font-weight: bold;
}
.react-datepicker_react-datepicker__day--highlighted__FTa8A,
.react-datepicker_react-datepicker__month-text--highlighted__5zpc2,
.react-datepicker_react-datepicker__quarter-text--highlighted__Igpcn,
.react-datepicker_react-datepicker__year-text--highlighted__TxH0x {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker_react-datepicker__day--highlighted__FTa8A:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__month-text--highlighted__5zpc2:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__quarter-text--highlighted__Igpcn:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__year-text--highlighted__TxH0x:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker_react-datepicker__day--highlighted-custom-1__EArue,
.react-datepicker_react-datepicker__month-text--highlighted-custom-1__dPbpA,
.react-datepicker_react-datepicker__quarter-text--highlighted-custom-1__5vPkD,
.react-datepicker_react-datepicker__year-text--highlighted-custom-1__CxnxL {
  color: magenta;
}
.react-datepicker_react-datepicker__day--highlighted-custom-2__1O-5v,
.react-datepicker_react-datepicker__month-text--highlighted-custom-2__EQ552,
.react-datepicker_react-datepicker__quarter-text--highlighted-custom-2__QHO-S,
.react-datepicker_react-datepicker__year-text--highlighted-custom-2__xHQ3m {
  color: green;
}
.react-datepicker_react-datepicker__day--holidays__p5u-Q,
.react-datepicker_react-datepicker__month-text--holidays__0Ddb2,
.react-datepicker_react-datepicker__quarter-text--holidays__uBMmO,
.react-datepicker_react-datepicker__year-text--holidays__WGhK- {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker_react-datepicker__day--holidays__p5u-Q .react-datepicker_overlay__dfAoG,
.react-datepicker_react-datepicker__month-text--holidays__0Ddb2 .react-datepicker_overlay__dfAoG,
.react-datepicker_react-datepicker__quarter-text--holidays__uBMmO .react-datepicker_overlay__dfAoG,
.react-datepicker_react-datepicker__year-text--holidays__WGhK- .react-datepicker_overlay__dfAoG {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker_react-datepicker__day--holidays__p5u-Q:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__month-text--holidays__0Ddb2:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__quarter-text--holidays__uBMmO:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__year-text--holidays__WGhK-:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker_react-datepicker__day--holidays__p5u-Q:hover .react-datepicker_overlay__dfAoG,
.react-datepicker_react-datepicker__month-text--holidays__0Ddb2:hover .react-datepicker_overlay__dfAoG,
.react-datepicker_react-datepicker__quarter-text--holidays__uBMmO:hover .react-datepicker_overlay__dfAoG,
.react-datepicker_react-datepicker__year-text--holidays__WGhK-:hover .react-datepicker_overlay__dfAoG {
  visibility: visible;
  opacity: 1;
}
.react-datepicker_react-datepicker__day--selected__rftaD, .react-datepicker_react-datepicker__day--in-selecting-range__OMlE0, .react-datepicker_react-datepicker__day--in-range__Z9PTd,
.react-datepicker_react-datepicker__month-text--selected__Imwh9,
.react-datepicker_react-datepicker__month-text--in-selecting-range__9aBUh,
.react-datepicker_react-datepicker__month-text--in-range__J-YZC,
.react-datepicker_react-datepicker__quarter-text--selected__iLZHX,
.react-datepicker_react-datepicker__quarter-text--in-selecting-range__-Yp61,
.react-datepicker_react-datepicker__quarter-text--in-range__WhhgZ,
.react-datepicker_react-datepicker__year-text--selected__-U4s0,
.react-datepicker_react-datepicker__year-text--in-selecting-range__vk0wV,
.react-datepicker_react-datepicker__year-text--in-range__Khwwc {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker_react-datepicker__day--selected__rftaD:not([aria-disabled=true]):hover, .react-datepicker_react-datepicker__day--in-selecting-range__OMlE0:not([aria-disabled=true]):hover, .react-datepicker_react-datepicker__day--in-range__Z9PTd:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__month-text--selected__Imwh9:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__month-text--in-selecting-range__9aBUh:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__month-text--in-range__J-YZC:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__quarter-text--selected__iLZHX:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__quarter-text--in-selecting-range__-Yp61:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__quarter-text--in-range__WhhgZ:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__year-text--selected__-U4s0:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__year-text--in-selecting-range__vk0wV:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__year-text--in-range__Khwwc:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker_react-datepicker__day--keyboard-selected__FLZJr,
.react-datepicker_react-datepicker__month-text--keyboard-selected__CaEfB,
.react-datepicker_react-datepicker__quarter-text--keyboard-selected__qxPEo,
.react-datepicker_react-datepicker__year-text--keyboard-selected__XNiG- {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker_react-datepicker__day--keyboard-selected__FLZJr:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__month-text--keyboard-selected__CaEfB:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__quarter-text--keyboard-selected__qxPEo:not([aria-disabled=true]):hover,
.react-datepicker_react-datepicker__year-text--keyboard-selected__XNiG-:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker_react-datepicker__day--in-selecting-range__OMlE0:not(.react-datepicker_react-datepicker__day--in-range__Z9PTd,
.react-datepicker_react-datepicker__month-text--in-range__J-YZC,
.react-datepicker_react-datepicker__quarter-text--in-range__WhhgZ,
.react-datepicker_react-datepicker__year-text--in-range__Khwwc),
.react-datepicker_react-datepicker__month-text--in-selecting-range__9aBUh:not(.react-datepicker_react-datepicker__day--in-range__Z9PTd,
.react-datepicker_react-datepicker__month-text--in-range__J-YZC,
.react-datepicker_react-datepicker__quarter-text--in-range__WhhgZ,
.react-datepicker_react-datepicker__year-text--in-range__Khwwc),
.react-datepicker_react-datepicker__quarter-text--in-selecting-range__-Yp61:not(.react-datepicker_react-datepicker__day--in-range__Z9PTd,
.react-datepicker_react-datepicker__month-text--in-range__J-YZC,
.react-datepicker_react-datepicker__quarter-text--in-range__WhhgZ,
.react-datepicker_react-datepicker__year-text--in-range__Khwwc),
.react-datepicker_react-datepicker__year-text--in-selecting-range__vk0wV:not(.react-datepicker_react-datepicker__day--in-range__Z9PTd,
.react-datepicker_react-datepicker__month-text--in-range__J-YZC,
.react-datepicker_react-datepicker__quarter-text--in-range__WhhgZ,
.react-datepicker_react-datepicker__year-text--in-range__Khwwc) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker_react-datepicker__month--selecting-range__2noQm .react-datepicker_react-datepicker__day--in-range__Z9PTd:not(.react-datepicker_react-datepicker__day--in-selecting-range__OMlE0,
.react-datepicker_react-datepicker__month-text--in-selecting-range__9aBUh,
.react-datepicker_react-datepicker__quarter-text--in-selecting-range__-Yp61,
.react-datepicker_react-datepicker__year-text--in-selecting-range__vk0wV), .react-datepicker_react-datepicker__year--selecting-range__vL5ao .react-datepicker_react-datepicker__day--in-range__Z9PTd:not(.react-datepicker_react-datepicker__day--in-selecting-range__OMlE0,
.react-datepicker_react-datepicker__month-text--in-selecting-range__9aBUh,
.react-datepicker_react-datepicker__quarter-text--in-selecting-range__-Yp61,
.react-datepicker_react-datepicker__year-text--in-selecting-range__vk0wV),
.react-datepicker_react-datepicker__month--selecting-range__2noQm .react-datepicker_react-datepicker__month-text--in-range__J-YZC:not(.react-datepicker_react-datepicker__day--in-selecting-range__OMlE0,
.react-datepicker_react-datepicker__month-text--in-selecting-range__9aBUh,
.react-datepicker_react-datepicker__quarter-text--in-selecting-range__-Yp61,
.react-datepicker_react-datepicker__year-text--in-selecting-range__vk0wV),
.react-datepicker_react-datepicker__year--selecting-range__vL5ao .react-datepicker_react-datepicker__month-text--in-range__J-YZC:not(.react-datepicker_react-datepicker__day--in-selecting-range__OMlE0,
.react-datepicker_react-datepicker__month-text--in-selecting-range__9aBUh,
.react-datepicker_react-datepicker__quarter-text--in-selecting-range__-Yp61,
.react-datepicker_react-datepicker__year-text--in-selecting-range__vk0wV),
.react-datepicker_react-datepicker__month--selecting-range__2noQm .react-datepicker_react-datepicker__quarter-text--in-range__WhhgZ:not(.react-datepicker_react-datepicker__day--in-selecting-range__OMlE0,
.react-datepicker_react-datepicker__month-text--in-selecting-range__9aBUh,
.react-datepicker_react-datepicker__quarter-text--in-selecting-range__-Yp61,
.react-datepicker_react-datepicker__year-text--in-selecting-range__vk0wV),
.react-datepicker_react-datepicker__year--selecting-range__vL5ao .react-datepicker_react-datepicker__quarter-text--in-range__WhhgZ:not(.react-datepicker_react-datepicker__day--in-selecting-range__OMlE0,
.react-datepicker_react-datepicker__month-text--in-selecting-range__9aBUh,
.react-datepicker_react-datepicker__quarter-text--in-selecting-range__-Yp61,
.react-datepicker_react-datepicker__year-text--in-selecting-range__vk0wV),
.react-datepicker_react-datepicker__month--selecting-range__2noQm .react-datepicker_react-datepicker__year-text--in-range__Khwwc:not(.react-datepicker_react-datepicker__day--in-selecting-range__OMlE0,
.react-datepicker_react-datepicker__month-text--in-selecting-range__9aBUh,
.react-datepicker_react-datepicker__quarter-text--in-selecting-range__-Yp61,
.react-datepicker_react-datepicker__year-text--in-selecting-range__vk0wV),
.react-datepicker_react-datepicker__year--selecting-range__vL5ao .react-datepicker_react-datepicker__year-text--in-range__Khwwc:not(.react-datepicker_react-datepicker__day--in-selecting-range__OMlE0,
.react-datepicker_react-datepicker__month-text--in-selecting-range__9aBUh,
.react-datepicker_react-datepicker__quarter-text--in-selecting-range__-Yp61,
.react-datepicker_react-datepicker__year-text--in-selecting-range__vk0wV) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker_react-datepicker__day--disabled__-Yiih,
.react-datepicker_react-datepicker__month-text--disabled__CcXIK,
.react-datepicker_react-datepicker__quarter-text--disabled__kWwLD,
.react-datepicker_react-datepicker__year-text--disabled__O5yGe {
  cursor: default;
  color: #ccc;
}
.react-datepicker_react-datepicker__day--disabled__-Yiih .react-datepicker_overlay__dfAoG,
.react-datepicker_react-datepicker__month-text--disabled__CcXIK .react-datepicker_overlay__dfAoG,
.react-datepicker_react-datepicker__quarter-text--disabled__kWwLD .react-datepicker_overlay__dfAoG,
.react-datepicker_react-datepicker__year-text--disabled__O5yGe .react-datepicker_overlay__dfAoG {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker_react-datepicker__input-container__3lqDy {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker_react-datepicker__input-container__3lqDy .react-datepicker_react-datepicker__calendar-icon__Leaq6 {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker_react-datepicker__view-calendar-icon__Ms3zp input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker_react-datepicker__year-read-view__G5T6h,
.react-datepicker_react-datepicker__month-read-view__c6Nu8,
.react-datepicker_react-datepicker__month-year-read-view__vPdsL {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker_react-datepicker__year-read-view__G5T6h:hover,
.react-datepicker_react-datepicker__month-read-view__c6Nu8:hover,
.react-datepicker_react-datepicker__month-year-read-view__vPdsL:hover {
  cursor: pointer;
}
.react-datepicker_react-datepicker__year-read-view__G5T6h:hover .react-datepicker_react-datepicker__year-read-view--down-arrow__mmKc4,
.react-datepicker_react-datepicker__year-read-view__G5T6h:hover .react-datepicker_react-datepicker__month-read-view--down-arrow__5UXjp,
.react-datepicker_react-datepicker__month-read-view__c6Nu8:hover .react-datepicker_react-datepicker__year-read-view--down-arrow__mmKc4,
.react-datepicker_react-datepicker__month-read-view__c6Nu8:hover .react-datepicker_react-datepicker__month-read-view--down-arrow__5UXjp,
.react-datepicker_react-datepicker__month-year-read-view__vPdsL:hover .react-datepicker_react-datepicker__year-read-view--down-arrow__mmKc4,
.react-datepicker_react-datepicker__month-year-read-view__vPdsL:hover .react-datepicker_react-datepicker__month-read-view--down-arrow__5UXjp {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker_react-datepicker__year-read-view--down-arrow__mmKc4,
.react-datepicker_react-datepicker__month-read-view--down-arrow__5UXjp,
.react-datepicker_react-datepicker__month-year-read-view--down-arrow__TYg-k {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker_react-datepicker__year-dropdown__ffovd,
.react-datepicker_react-datepicker__month-dropdown__y4rx-,
.react-datepicker_react-datepicker__month-year-dropdown__rFp6b {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker_react-datepicker__year-dropdown__ffovd:hover,
.react-datepicker_react-datepicker__month-dropdown__y4rx-:hover,
.react-datepicker_react-datepicker__month-year-dropdown__rFp6b:hover {
  cursor: pointer;
}
.react-datepicker_react-datepicker__year-dropdown--scrollable__kflzo,
.react-datepicker_react-datepicker__month-dropdown--scrollable__XO2VA,
.react-datepicker_react-datepicker__month-year-dropdown--scrollable__65ZJr {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker_react-datepicker__year-option__dP1Jh,
.react-datepicker_react-datepicker__month-option__2QiiT,
.react-datepicker_react-datepicker__month-year-option__P23k6 {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker_react-datepicker__year-option__dP1Jh:first-of-type,
.react-datepicker_react-datepicker__month-option__2QiiT:first-of-type,
.react-datepicker_react-datepicker__month-year-option__P23k6:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker_react-datepicker__year-option__dP1Jh:last-of-type,
.react-datepicker_react-datepicker__month-option__2QiiT:last-of-type,
.react-datepicker_react-datepicker__month-year-option__P23k6:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker_react-datepicker__year-option__dP1Jh:hover,
.react-datepicker_react-datepicker__month-option__2QiiT:hover,
.react-datepicker_react-datepicker__month-year-option__P23k6:hover {
  background-color: #ccc;
}
.react-datepicker_react-datepicker__year-option__dP1Jh:hover .react-datepicker_react-datepicker__navigation--years-upcoming__r8TeR,
.react-datepicker_react-datepicker__month-option__2QiiT:hover .react-datepicker_react-datepicker__navigation--years-upcoming__r8TeR,
.react-datepicker_react-datepicker__month-year-option__P23k6:hover .react-datepicker_react-datepicker__navigation--years-upcoming__r8TeR {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker_react-datepicker__year-option__dP1Jh:hover .react-datepicker_react-datepicker__navigation--years-previous__moNR2,
.react-datepicker_react-datepicker__month-option__2QiiT:hover .react-datepicker_react-datepicker__navigation--years-previous__moNR2,
.react-datepicker_react-datepicker__month-year-option__P23k6:hover .react-datepicker_react-datepicker__navigation--years-previous__moNR2 {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker_react-datepicker__year-option--selected__zcRL-,
.react-datepicker_react-datepicker__month-option--selected__GQb-c,
.react-datepicker_react-datepicker__month-year-option--selected__UZIjP {
  position: absolute;
  left: 15px;
}

.react-datepicker_react-datepicker__close-icon__THXKj {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker_react-datepicker__close-icon__THXKj::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker_react-datepicker__close-icon--disabled__iRnpC {
  cursor: default;
}
.react-datepicker_react-datepicker__close-icon--disabled__iRnpC::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker_react-datepicker__today-button__GOQiX {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker_react-datepicker__portal__RKUB8 {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker_react-datepicker__portal__RKUB8 .react-datepicker_react-datepicker__day-name__1Jy06,
.react-datepicker_react-datepicker__portal__RKUB8 .react-datepicker_react-datepicker__day__qYV-s,
.react-datepicker_react-datepicker__portal__RKUB8 .react-datepicker_react-datepicker__time-name__4Fwuf {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker_react-datepicker__portal__RKUB8 .react-datepicker_react-datepicker__day-name__1Jy06,
  .react-datepicker_react-datepicker__portal__RKUB8 .react-datepicker_react-datepicker__day__qYV-s,
  .react-datepicker_react-datepicker__portal__RKUB8 .react-datepicker_react-datepicker__time-name__4Fwuf {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker_react-datepicker__portal__RKUB8 .react-datepicker_react-datepicker__current-month__9HbpE,
.react-datepicker_react-datepicker__portal__RKUB8 .react-datepicker_react-datepicker-time__header__xvUAj {
  font-size: 1.44rem;
}

.react-datepicker_react-datepicker__children-container__Akzlu {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker_react-datepicker__aria-live__N6QYF {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker_react-datepicker__calendar-icon__Leaq6 {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.loader-module_loaderContainer__YxNiQ {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  place-items: center;
  z-index: 10000;
}
.customPayForm-module_formContainer__d7Ovy {
  display: grid;
  place-items: center;
  position: relative;
}

.customPayForm-module_formContainerApp__eGInx {
  display: grid;
  place-items: center;
  position: relative;
  padding: 24px 16px;
}

.customPayForm-module_formSection__BFynW {
  width: 100%;
  border-radius: 16px;
  background: #FFF;
  height: min-content;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}

.customPayForm-module_formBody__VfvX9 {
  display: flex;
  flex-direction: column;
}

.customPayForm-module_formContent__U0p1y {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.customPayForm-module_formCardContainer__aBPuJ {
  width: 100%;
  display: grid;
  place-items: center;
}

.customPayForm-module_formInfoCard__-WAqS {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.customPayForm-module_formRow__vC9U2 {
  display: flex;
  gap: 16px;
  width: 100%;
}

.customPayForm-module_formHalfContent__icYbh {
  width: 100%;
}

.customPayForm-module_formCheckboxContainer__G-jjF {
  display: flex;
  gap: 16px;
  align-items: center;
}

.customPayForm-module_formCheckbox__C5Vqt {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 20px;
  width: 20px;
  min-height: 20px;
  min-width: 20px;
  background-color: #fff;
  border: 1px solid #D0D6D4;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  margin: 0;
}

.customPayForm-module_formCheckbox__C5Vqt:checked {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 20px;
  width: 20px;
  min-height: 20px;
  min-width: 20px;
  background-color: #fff;
  border: 1px solid #006241;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  margin: 0;
}

.customPayForm-module_formCheckbox__C5Vqt:checked:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 10px;
  border: solid #006241;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-100%, -25%);
}

.customPayForm-module_formCheckboxLabel__LTwkJ {
  color: #4C5552;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  user-select: none;
  text-align: left;
}

.customPayForm-module_buttonPrimary__OltL- {
  color: #F5F7F6;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  height: 40px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background-color: #006241;
  border: none;
  border-radius: 40px;
  width: 100%;
  cursor: pointer;
}

.customPayForm-module_buttonSecondary__O8o4Q {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border: none;
  background-color: transparent;
  color: #006241;
  width: 100%;
  cursor: pointer;
}

.customPayForm-module_inputContainer__g566b {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.customPayForm-module_formControl__cLegR {
  max-height: 56px;
  height: 56px;
  width: 100%;
  min-width: 100%;
  border: 1px solid #D0D6D4;
  border-radius: 10px;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.customPayForm-module_formControl__cLegR iframe {
  width: 100%;
}
.customPayForm-module_formControl__cLegR > div {
  display: grid;
  place-items: center;
  width: 100%;
}

.customPayForm-module_formError__Jq8Tt {
  border: 1px solid #C82014;
}

.customPayForm-module_inputLabel__lu4Wb {
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  color: #64706C;
  font-weight: 600;
  text-align: left;
}

.customPayForm-module_inputErrorContainer__uIlxB {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0 8px;
  width: 100%;
}

.customPayForm-module_inputError__XOJ1Z {
  color: gray;
  animation: customPayForm-module_errorIn__VbgRp 0.3s ease forwards;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.customPayForm-module_blocked__cNGK6 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.38);
  z-index: 1;
}

.customPayForm-module_buttonDisabled__8x9No {
  background-color: #F5F7F6;
  color: #ABB5B2;
  user-select: none;
  touch-action: none;
}