@import url("/css/googlefonts-9492d17d18425343c921e6ef27cf03aa.css");
@import url("/css/googlefontPoppin-c7bcd1cfb28bc4fd3b265b856636e535.css");

:root {
  --bs-white      : #FFFFFF;
  --bs-blue       : #12376F;
  --bs-dark-grey  : #333333;
  --bs-fourth-grey: #808080;
  --bs-success-rgb: 109, 189, 109;
}

#width-50{
  width: 50px;
}

#Detect{
  display:none;
}
#progressLog{
  display:none;
}
#FaceAuthDetect{
  display:none;
}
* {
  margin    : 0;
  padding   : 0;
  box-sizing: border-box;
}

html,
body {
  /* background-color: #FFF8F3; */
  margin         : 0;
  font-family    : "Poppins", sans-serif;
  color          : var(--bs-dark-grey);
  font-size      : 14px;
  scroll-behavior: smooth;
}

p {
  font-weight: 300;
}

.offcanvas.offcanvas-end {
  width: 300px;
}

.form-control::placeholder {
  color: rgba(1, 58, 136, 0.7); font-weight: 400;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin            : 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

a {
  color          : var(--bs-blue);
  text-decoration: underline;
}

.btn {
  border-radius: 8px;
  padding      : 13px 14px;
  font-weight  : 500;
  font-size    : 14px;
  line-height  : 20px;
  text-align   : center;
}

.btn-primary {
  background: var(--bs-blue);
  border    : 2px solid var(--bs-blue);
}

.btn-primary:hover {
  background  : transparent;
  border-color: var(--bs-blue);
  color       : var(--bs-blue);
}

.btn-primary:disabled {
  background  : var(--bs-sec-grey);
  border-color: var(--bs-sec-grey);
}

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

.form-label {
  font-weight  : 500;
  font-size    : 12px;
  line-height  : 16px;
  color        : #4877AB;
  margin-bottom: 8px;
}

.form-control,
.form-select {
  padding         : 14px 16px;
  background-color: var(--bs-white);
  border          : 1px solid #6B96D0;
  border-radius   : 4px;
  font-weight     : 500;
  font-size       : 14px;
  line-height     : 18px;
  color           : #013A88;
}

.form-control:focus,
.form-select:focus {
  color       : #0065ff;
  border-color: #86b7fe;
  outline     : 0;
  box-shadow  : none;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color    : var(--bs-red);
  color           : var(--bs-red);
  background-image: none;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: var(--bs-red);
  box-shadow  : none;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #EDEDED;
  border-color    : #EDEDED;
}

.invalid-feedback {
  color      : var(--bs-red);
  font-style : normal;
  font-weight: 400;
  font-size  : 12px;
  line-height: 16px;
}

.form-check .form-check-input {
  margin-left: -20px;
}

.form-check-input {
  width     : 20px;
  height    : 20px;
  border    : 1px solid #999999;
  margin-top: 0;
}

.form-check-input[type="checkbox"] {
  border-radius: 4px;
}

.form-check-input:checked {
  background-color: var(--bs-blue);
  border-color    : var(--bs-blue);
}

.form-check-input.switch[type="checkbox"] {
  border-radius: 24px;
}

.form-check-input.switch:checked {
  background-color: var(--bs-green);
  border-color    : var(--bs-green);
}

.form-check-input:focus {
  border-color: none;
  box-shadow  : none;
}

.form-check-inline {
  /* margin-right: 8px;  */
  margin-bottom: 8px;
  padding-left : 8px;
}

.accordion-item {
  background   : var(--bs-white);
  border       : 1px solid #DEDEDE;
  box-shadow   : 0px 0px 20px rgb(202 202 202 / 30%);
  border-radius: 8px !important;
  margin-bottom: 12px;
}

.accordion-button {
  border-radius: 8px !important;
  border       : 1px solid #DEDEDE;
  background   : var(--bs-white);
  color        : var(--bs-dark-grey);
  font-size    : 14px;
  font-style   : normal;
  font-weight  : 500;
  line-height  : 48px;
  padding      : 4px 4px 4px 16px;
}

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

.accordion-button:not(.collapsed) {
  color           : var(--bs-dark-grey);
  background-color: var(--bs-white);
  box-shadow      : none;
  border-bottom   : 0.5px solid var(--bs-third-grey);
  border-radius   : 8px 8px 0 0 !important;
}

.accordion-flush .accordion-item .accordion-button {
  border-radius: 8px;
}

.accordion-body {
  border       : 1px solid #DEDEDE;
  border-radius: 0 0 8px 8px;
}

.accordion-body p {
  color      : #1D4481;
  font-size  : 14px;
  font-weight: 500;
  line-height: normal;
}

.accordion-button::after {
  background-image   : url(/images/ico-plus-18cea433f6960c1d0efc7a0f64596ef8.svg);
  background-color   : #F0F0F0;
  width              : 30px;
  height             : 48px;
  background-position: center;
  border-radius      : 0 8px 8px 0;
}

.accordion-button:not(.collapsed)::after {
  background-image   : url(/images/ico-minus-e563c0e91a89bcbcbe821b40e7d4de09.svg);
  background-color   : #F0F0F0;
  width              : 30px;
  height             : 48px;
  background-position: center;
  border-radius      : 0px 0 0 8px;
}

.nav-link {
  color      : #999999;
  padding    : 0;
  text-align : center;
  font-weight: 500;
  font-size  : 10px;
  line-height: 16px;
}

.nav-link i {
  display  : block;
  font-size: 24px;
  margin   : 0 auto;
}

.navbar-nav .nav-link.active {
  color: var(--bs-blue);
}

.nav-pills .nav-link {
  border-radius  : 5px;
  border-right   : 1px solid #A0E0F2;
  border-bottom  : 1px solid #A0E0F2;
  background     : #E8FAFF;
  display        : flex;
  padding        : 10px;
  justify-content: center;
  align-items    : center;
  gap            : 8px;
  color          : var(--bs-dark-grey);
  font-size      : 12px;
  font-weight    : 600;
  line-height    : normal;
}

.nav-pills .nav-link.active {
  border-radius  : 5px;
  border-right   : 1px solid #A0E0F2;
  border-bottom  : 1px solid #A0E0F2;
  background     : #E8FAFF;
  display        : flex;
  padding        : 10px;
  justify-content: center;
  align-items    : center;
  gap            : 8px;
  color          : var(--bs-dark-grey);
  font-size      : 12px;
  font-weight    : 600;
  line-height    : normal;
}

.modal-body {
  padding: 24px;
}

.modal-body h5 {
  color      : #6DBD6D;
  text-align : center;
  font-size  : 20px;
  font-weight: 600;
  line-height: normal;
}

.modal-footer {
  border : none medium;
  display: block;
  padding: 24px;
}