@font-face {
  font-family: GilroyBold;
  src: url(/fonts/Gilroy-Bold.ttf) format("truetype"); }

@font-face {
  font-family: GilroyBlack;
  src: url(/fonts/Gilroy-Black.ttf) format("truetype"); }

@font-face {
  font-family: GilroySemiBold;
  src: url(/fonts/Gilroy-SemiBold.ttf) format("truetype"); }

@font-face {
  font-family: GilroyExtraBold;
  src: url(/fonts/Gilroy-ExtraBold.ttf) format("truetype"); }

@font-face {
  font-family: GilroyMedium;
  src: url(/fonts/Gilroy-Medium.ttf) format("truetype"); }

@font-face {
  font-family: GilroyRegular;
  src: url(/fonts/Gilroy-Regular.ttf) format("truetype"); }

@font-face {
  font-family: GilroyLight;
  src: url(/fonts/Gilroy-Light.ttf) format("truetype"); }

@font-face {
  font-family: UnboundedBold;
  src: url(/fonts/Unbounded-Bold.ttf) format("truetype"); }

@font-face {
  font-family: UnboundedExtraBold;
  src: url(/fonts/Unbounded-ExtraBold.ttf) format("truetype"); }

@font-face {
  font-family: UnboundedBlack;
  src: url(/fonts/Unbounded-Black.ttf) format("truetype"); }

@font-face {
  font-family: UnboundedMedium;
  src: url(/fonts/Unbounded-Medium.ttf) format("truetype"); }

@font-face {
  font-family: UnboundedRegular;
  src: url(/fonts/Unbounded-Regular.ttf) format("truetype"); }

@font-face {
  font-family: InterRegular;
  src: url(/fonts/Inter-Regular.ttf) format("truetype"); }

@font-face {
  font-family: Exo2Bold;
  src: url(/fonts/Exo2-Bold.ttf) format("truetype"); }

@font-face {
  font-family: RobotoBlack;
  src: url(/fonts/Roboto-Black.ttf) format("truetype"); }

body {
  margin: 0;
  padding: 0;
  border: 0;
  transition: all 150ms ease-in;
  overflow-x: hidden;
  --text_black_default: #3c3c3c;
  --text_black_default_rgb: 60, 60, 60;
  --container_shadow_rgb: 60, 60, 60;
  --input_field_black: #3c3c3c;
  --map_background: rgb(231, 231, 231);
  --map_stroke: rgb(60, 60, 60);
  --map_hover_background: #cccccc;
  --footer_background: #626262;
  --background_text: #f5f5f5;
  --hover_color: #079e33;
  --hover_color_darker: #266000;
  --default_width: 1440px;
  --text_grayed_out1: #565e63;
  --text_grayed_out2: #d1d1d1;
  --input_border: #e7e7e7;
  --default_white: #fff;
  --accepted_color: #079e33;
  --declined_color: #bf0236;
  --pending_color: #ff962d;
  --white_permanent: #fff;
  --icon_stroke: unset;
  --lake_background: #dcdcdc;
  --lake_stroke: unset;
  --body_background: #222222;
  --container_background: #fff;
  --input_field_background: #fff;
  --input_shadow_rgb: 197, 197, 197; }
  body.dark {
    background-color: var(--body_background);
    --text_black_default: #fff;
    --default_white: #000;
    --text_black_default_rgb: 250, 250, 250;
    --map_background: #000;
    --map_stroke: #fff;
    --icon_stroke: #fff;
    --lake_background: #000;
    --lake_stroke: #fff;
    --hover_color: #ff962d;
    --hover_color_darker: #e0852a;
    --container_background: #3c3c3c;
    --input_field_background: #e7e7e7;
    --input_shadow_rgb: 0, 0, 0; }
    body.dark .background_text {
      opacity: 0 !important; }
    body.dark .application_page .inner_wrapper .nav_container .row.active,
    body.dark .application_page .inner_wrapper .nav_container .row:hover {
      background-color: unset !important; }
  @media (max-width: 1550px) {
    body {
      --default_width: 1250px; } }
  @media (max-width: 1360px) {
    body {
      --default_width: 1150px; } }
  @media (max-width: 1199px) {
    body {
      --default_width: 1000px; } }
  @media (max-width: 1049px) {
    body {
      --default_width: 850px; } }
  @media (max-width: 889px) {
    body {
      --default_width: 690px; } }
  @media (max-width: 729px) {
    body {
      --default_width: 90vw; } }
  @media (max-width: 529px) {
    body {
      --default_width: 95vw; } }

div#app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

a {
  text-decoration: none; }

.flex-row {
  display: flex;
  flex-direction: row; }

.hover-orange {
  transition: all ease-in 0.1s; }
  .hover-orange:hover {
    color: var(--hover_color) !important; }

.hover-underline-orange {
  transition: all ease-in 0.2s;
  position: relative;
  padding: 0 7.8px; }
  .hover-underline-orange:hover {
    color: var(--hover_color); }
    .hover-underline-orange:hover::after {
      width: 100%;
      opacity: 1; }
  .hover-underline-orange::after {
    content: '';
    width: 0px;
    height: 1px;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: var(--hover_color);
    transition: all ease-in 0.2s;
    opacity: 0; }

.hover_underline_white {
  transition: all ease-in 0.2s;
  position: relative;
  padding: 0 7.8px; }
  .hover_underline_white:hover {
    color: var(--white_permanent); }
    .hover_underline_white:hover::after {
      width: 100%;
      opacity: 1; }
  .hover_underline_white::after {
    content: '';
    width: 0px;
    height: 1px;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: var(--white_permanent);
    transition: all ease-in 0.2s;
    opacity: 0; }

.router-link-active .hover_underline_white {
  color: var(--white_permanent); }
  .router-link-active .hover_underline_white::after {
    width: 100%;
    opacity: 1; }

.router-link-active.pagination_button span {
  color: var(--hover_color) !important; }

.hover-orange-darker {
  background-color: var(--hover_color);
  transition: all ease-in 0.1s; }
  .hover-orange-darker:hover {
    background-color: var(--hover_color_darker); }

.default-link-button {
  font-family: 'GilroyMedium', sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: var(--white_permanent);
  box-sizing: border-box;
  padding: 10.5px 50.1px; }
  @media (max-width: 1550px) {
    .default-link-button {
      padding: 9.5px 45.1px; } }
  @media (max-width: 1360px) {
    .default-link-button {
      padding: 8px 35px; } }
  @media (max-width: 1199px) {
    .default-link-button {
      padding: 7px 25px; } }
  @media (max-width: 1049px) {
    .default-link-button {
      padding: 7px 20px;
      font-size: 14px; } }

.background_text {
  position: absolute;
  font-family: 'UnboundedBold', sans-serif;
  font-size: 165px;
  line-height: 175px;
  color: var(--background_text);
  text-transform: uppercase;
  z-index: -1; }
  @media (max-width: 1360px) {
    .background_text {
      font-size: 120px !important; } }
  @media (max-width: 1199px) {
    .background_text {
      font-size: 90px !important; } }
  @media (max-width: 889px) {
    .background_text {
      font-size: 70px !important; } }
  @media (max-width: 729px) {
    .background_text {
      font-size: 50px !important; } }
  @media (max-width: 529px) {
    .background_text {
      font-size: 35px !important; } }

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

.button-orange {
  text-decoration: none;
  background-color: var(--hover_color);
  color: var(--white_permanent);
  box-sizing: border-box;
  padding: 10px 49px;
  font-size: 16px;
  font-family: 'GilroyMedium';
  border: none;
  cursor: pointer;
  border-radius: 5px; }
  @media (max-width: 1199px) {
    .button-orange {
      padding: 9px 35px;
      font-size: 14px; } }

.form_box_shadow {
  box-shadow: 5px 10px 5px rgba(197, 197, 197, 0.15); }

.container_box_shadow {
  border-radius: 6px;
  box-shadow: -6px 10px 30px 0px rgba(var(--container_shadow_rgb), 0.3); }

.label_input_block {
  display: flex;
  flex-direction: column; }
  .label_input_block label {
    font-family: 'GilroySemiBold', sans-serif;
    font-size: 12px;
    color: var(--text_black_default);
    margin-bottom: 5px; }
  .label_input_block .input_wrapper {
    position: relative; }
    .label_input_block .input_wrapper .bi-exclamation-circle {
      visibility: hidden;
      position: absolute;
      opacity: 0;
      right: 100%;
      top: 23%;
      transition: all 0.2s ease-in;
      color: var(--declined_color); }
    .label_input_block .input_wrapper input,
    .label_input_block .input_wrapper select {
      box-sizing: border-box;
      padding: 10px;
      border-radius: 5px;
      margin-bottom: 12.5px;
      border: 1.5px solid var(--input_border);
      outline: none;
      transition: all ease-in 0.15s;
      font-family: 'GilroyRegular', sans-serif;
      font-size: 14px;
      width: 100%;
      box-shadow: none;
      background-color: var(--input_field_background); }
      .label_input_block .input_wrapper input:focus,
      .label_input_block .input_wrapper select:focus {
        border-color: var(--hover_color);
        box-shadow: 5px 10px 5px rgba(var(--input_shadow_rgb), 0.15); }
      .label_input_block .input_wrapper input::placeholder,
      .label_input_block .input_wrapper select::placeholder {
        font-family: 'GilroyRegular', sans-serif;
        font-size: 12px;
        color: var(--text_grayed_out2); }
    .label_input_block .input_wrapper input:read-only {
      background-color: rgba(var(--text_black_default_rgb), 0.1);
      color: var(--text_black_default); }
    .label_input_block .input_wrapper select option {
      font-family: inherit;
      font-size: inherit; }
    .label_input_block .input_wrapper .validation_msg {
      font-size: 12px;
      color: var(--declined_color);
      display: none; }
    .label_input_block .input_wrapper.is_invalid {
      margin-bottom: 1px; }
      .label_input_block .input_wrapper.is_invalid .bi-exclamation-circle {
        visibility: visible;
        opacity: 1;
        right: 10px; }
      .label_input_block .input_wrapper.is_invalid input,
      .label_input_block .input_wrapper.is_invalid select {
        border-color: var(--declined_color) !important;
        margin-bottom: 0 !important; }
      .label_input_block .input_wrapper.is_invalid .validation_msg {
        display: inline; }
  @media (max-width: 729px) {
    .label_input_block label {
      font-size: 11px; }
    .label_input_block .input_wrapper input,
    .label_input_block .input_wrapper select {
      font-size: 13px;
      padding: 9px; } }

.butt {
  width: 50%;
  box-sizing: border-box;
  padding: 10px 20px;
  border: none;
  color: var(--white_permanent);
  font-family: 'GilroyMedium', sans-serif;
  font-size: 14px;
  cursor: pointer; }

.mini__butt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 30px;
  background-color: var(--hover_color);
  box-sizing: border-box;
  border: none;
  color: var(--white_permanent);
  font-family: 'GilroyMedium', sans-serif;
  font-size: 14px;
  cursor: pointer; }

.submit_button_box {
  justify-content: center;
  margin-top: 35px; }
  .submit_button_box .submit_button {
    background-color: var(--hover_color);
    box-sizing: border-box;
    padding: 10.5px 50px;
    border: none;
    color: var(--white_permanent);
    font-family: 'GilroyMedium', sans-serif;
    font-size: 14px;
    cursor: pointer; }

.accepted {
  color: var(--accepted_color) !important; }

.declined,
.canceled {
  color: var(--declined_color) !important; }

.pending {
  color: var(--pending_color) !important; }

.is-invalid {
  border-color: var(--declined_color) !important;
  margin: 0 !important; }

.is-valid {
  border-color: var(--accepted_color) !important; }

.img_gray_effect {
  position: relative;
  transition: all 0.2s ease-in; }
  .img_gray_effect::before {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    z-index: 11;
    transition: inherit;
    left: 0;
    top: 0;
    filter: grayscale(100%);
    backdrop-filter: grayscale(100%);
    -webkit-backdrop-filter: grayscale(100%);
    -moz-backdrop-filter: grayscale(100%); }
  .img_gray_effect:hover::before {
    width: 100%; }

@keyframes flash_effect {
  0% {
    display: block;
    opacity: 0;
    width: 100vw;
    height: 100vh; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 0;
    width: 100vw;
    height: 100vh;
    visibility: hidden; } }

.w1 {
  width: 1% !important; }

.w10 {
  width: 10% !important; }

.w15 {
  width: 15% !important; }

.w20 {
  width: 20% !important; }

.w25 {
  width: 25% !important; }

.w30 {
  width: 30% !important; }

.w40 {
  width: 40% !important; }

.w50 {
  width: 50% !important; }

input.multiselect__input {
  border: none !important;
  height: 30px !important; }

.ePermitClientType {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 50px; }
  .ePermitClientType span {
    height: 40px;
    background-color: #079e33;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    font-size: 18px;
    cursor: pointer; }