/* Set the progress-bar height */


html,
body {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'Helvetica Neue', Arial, sans-serif;
}

.progress {
  /* height: 40px; */
}

/* Avoid wrapping white spaces or breaking words in a button */

.btn {
  white-space: nowrap !important;
  word-wrap: normal;
}

/* No decoration for disabled links */

a[disabled] {
  cursor: default;
  text-decoration: none;
}

/* Increase font-size and padding for accessibility*/

.badge {
  font-size: 90%;
  font-weight: normal;
  padding: 0.5rem !important;
}

/* Strech Buttons to fit the -sm size */

@media (max-width: 576px) {
  button.btn {
    display: block;
    /* width: 100%; */
    margin-bottom: 0.25rem !important;
  }
}


.form-group {
  margin-bottom: 1rem;
}

.asterisk {
  color: red;
  font-size: 1.7em;
  position: relative;
  left: 10px;
}


/* Asterisk by labels on Reg page*/
@media only screen and (min-width: 992px) {
  .asterisk {
    font-size: 10px;
    display: block;
    float: right;
  }
}

/* Asterisk by labels on Reg page*/
@media only screen and (max-width: 991px) {
  .asterisk {
    color: red;
    font-size: 1.7em;
    position: relative;
    left: 10px;
    top: 8px;
  }
}

/* Asterisk by labels on Reg page*/
.asterisk {
  color: red;
  font-size: 1.2em;
  position: relative;
  left: 10px;
}

/*Intially hides password strength*/
.pwstrength {
  display: none;
}

/* width */
::-webkit-scrollbar {
  width: 15px;
  height: 15px !important;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

input.error:not([data-ignore-error="true"]),
select.error:not([data-ignore-error="true"]),
textarea.error:not([data-ignore-error="true"]) {
  border: 1px solid #e07272 !important;
}

/* .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: var(--bs-nav-pills-link-active-color) !important;
  background-color: var(--bs-nav-pills-link-active-bg) !important;
  background-image: var(--bs-gradient) !important;
} */

/* toast */
.toast {
  position: fixed;
  top: 5px;
  right: 5px;
  z-index: 1200;
}

/* new css - override */

.bg-navbar {
  --bs-bg-opacity: 1;
  background-color: #00B0AD !important;
}

.bg-purple {
  --bs-bg-opacity: 1;
  background-color: #00AF86 !important;
}

.site-footer {
  background-color: #004f50 !important;
  padding: 45px 0 20px;
  font-size: 15px;
  line-height: 24px;
  color: #737373;
  border-top: #00B0AD 1px solid !important;
  bottom: 0px;
}

.nav-pills .nav-link.active:not(.noactive),
.nav-pills .show > .nav-link:not(.noactive) {
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 4px solid #00AF86 !important;
  border-radius: 0 !important;
}

.language.btn-toggle {
  background: #00B0AD !important;
  color: white;
}

.text-purple {
  color: #00AF86 !important;
}


.btn-primary {
  background-color: #004F50 !important;
  border: none;

}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: #004F50 !important;
}



.circled-year {
  border: 3px solid #C3C53A !important;
  color: transparent !important;
  position: relative;
}

.circled-year::before {
  content: "2027";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 0.1em;
  font: inherit;
  font-weight: 800;
  color: transparent;
  background: linear-gradient(90deg,
      #004F50 0% 25%,
      /* 2 */
      #00AF86 25% 50%,
      /* 0 */
      #C3C53A 50% 75%,
      /* 2 */
      #00B0AD 75% 100%
      /* 7 */
    );
  -webkit-background-clip: text;
  background-clip: text;

}

.btn-warning {
  background-color: #C3C53A !important;
  border: none;
}

.text-warning {
  --bs-text-opacity: 1;
  color: #C3C53A !important;
}

#return-to-top {
    z-index: 999;
    position: fixed;
    bottom: 60px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: none;
    background-color: #128091 !important;
    opacity: .5;
    transition: all .3s ease-in-out;
}

/* custom */
.bg-census {
    --bs-bg-opacity: 1;
    background-color: #c3c53a !important;
}