:root {
  --mainblue--: #003380;
  --secondaryblue--: #0047b2;
  --accentblue--: #ebf3ff;
  --mainorange--: #ff8e23;
  --hoverorange--: #ffa149;
  --mainbackground--: #fcfcfc;
  --accentgray--: #475467;
  --secondarygray--: #eaecf0;
  --darkblue--: #101828;
  --text-main-green--: #039855;
  --accentgreen--: #39ff14;
  --text-main-gray--: #090c0d;
  --text-main-gray-fade--: #090c0d99;
  --text-secondary-gray--: #94a1a6;
  --disable-gray--: #6c6c6c;
  --color-indicator-red--: #d92d20;
  --color-indicator-green--: #039855;
  --color-indicator-neutral--: #090c0d;
  --focus-color--: #89b9fe;
  --neutralwhite--: #fff;
  --font-regular--: 400;
  --font-medium--: 500;
  --font-bold--: 700;
  --font-size-10px--: 10px;
  --font-size-11px--: 11px;
  --font-size-12px--: 12px;
  --font-size-13px--: 13px;
  --font-size-14px--: 14px;
  --font-size-15px--: 15px;
  --font-size-18px--: 18px;
  --font-size-20px--: 20px;
  --font-size-24px--: 24px;
  --btn-radius--: 0.2rem;
}

* {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  box-sizing: border-box;
  color: #101828;
  /* padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important; */
  transition: all 0.3s ease-in-out;
  font-style: normal;
}

*:focus {
  outline: none !important;
  box-shadow: none !important;
}

.invalid {
    border: 1px solid #FF3B30 !important;
}

.text-13px {
  font-size: var(--font-size-13px--) !important;
}

.text-15px {
  font-size: var(--font-size-15px--) !important;
}

body {
  transition: none;
  /* background-color: #F9FAFB !important; */
}

/* BACKGROUND */
.bg-orange {
  background-color: var(--mainorange--) !important;
  color: white !important;
}

.bg-orange:hover {
  background-color: #ffa149 !important;
  color: white !important;
}

/* HEIGHT */
.min-height {
  min-height: 100vh !important;
}

/* FONT COLOR */
.text-orange {
  color: var(--mainorange--) !important;
}

/* ACTIVE PAGE */

.nav-item > .nav-link.active {
  background-color: #ffa149 !important;
  /* color: white !important; */
}

.nav-item > .nav-link.active > i,
.nav-item > .nav-link.active > span {
  color: white !important;
}

::-ms-reveal {
  display: none !important;
}

.max-height{
  height: 100vh !important;
}