:root {
  --black: #66696a;
  --blue: #005299;
  --dark-blue: #003666;
  --gray-100: #707070;
  --gray-200: #b3b9be;
  --gray-300: #f5f6f6;
  --gray-400: #f4f4f4;
  --gray-500: #dadde1;
  --gray-600: #e8e8e8;
  --gray-700: #8f9395;
  --gray-800: #f2f2f2;
  --gray-rgb: 77, 87, 97;
  --gray: #4d5761;
  --red: #e74a3b;
  --white-rgb: 255, 255, 255;
  --white: #fff;
}

html,
body {
  height: 100%;
}

html {
  height: -webkit-fill-available;
}

/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    min-height: -webkit-fill-available;
  }
}

body {
  background-color: var(--white);
}

@media (min-width: 992px) {
  body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
}

@media (min-width: 1200px) {
  body {
    background-color: var(--gray-300);
  }
}

main {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.ff-segoe {
  font-family: "Segoe Print";
}

input,
textarea,
select,
option,
body {
  color: var(--dark-blue);
  font-family: "Assistant", sans-serif;
  font-size: 18px;
  line-height: 1.25;
  outline: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  /* background: url(https://mywildalberta.ca/images/GFX-MWA-Parks-Reservations.png) no-repeat; */
  /* width: 200px; */
  /* height: 200px; */
  border-width: thin;
}

.container-large,
.container-full,
 .container{
  margin-left: auto;
  margin-right: auto;
  /* max-width: 1150px; */
  padding-left: 15px;
  padding-right: 15px;
  width: 90%;
}

.container-large {
  max-width: 1440px;
}

.container-full {
  max-width: 1830px;
}

strong {
  font-weight: 700 !important;
}

.bg-white {
  background-color: var(--white) !important;
}

.hover\:bg-gray-100:hover,
.bg-gray-100 {
  background-color: var(--gray-100) !important;
}

.hover\:bg-gray-200:hover,
.bg-gray-200 {
  background-color: var(--gray-200) !important;
}

.hover\:bg-gray-300:hover,
.bg-gray-300 {
  background-color: var(--gray-300) !important;
}

.hover\:bg-gray-500:hover,
.bg-gray-500 {
  background-color: var(--gray-500) !important;
}

.hover\:bg-gray-600:hover,
.bg-gray-600 {
  background-color: var(--gray-600) !important;
}

.lh-0 {
  line-height: 0;
}

.lh-10 {
  line-height: 1;
}

.lh-11 {
  line-height: 1.1;
}

.text-black,
.hover\:text-black:hover {
  color: var(--black) !important;
}

.text-white,
.hover\:text-white:hover {
  color: var(--white) !important;
}

.text-gray,
.hover\:text-gray:hover {
  color: var(--gray) !important;
}

.text-gray-100,
.hover\:text-gray-100:hover {
  color: var(--gray-100) !important;
}

.text-gray-200,
.hover\:text-gray-200:hover {
  color: var(--gray-200) !important;
}

.text-gray-500,
.hover\:text-gray-500:hover {
  color: var(--gray-500) !important;
}

.hover\:text-blue:hover,
.text-blue {
  color: var(--blue) !important;
}

.hover\:text-red:hover,
.text-red {
  color: var(--red) !important;
}

.cursor-pointer {
  cursor: pointer;
}

.fs-italic {
  font-style: italic;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.text-decoration-underline {
  text-decoration: underline;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-nowrap {
  white-space: nowrap;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

@media (min-width: 992px) {
  .text-lg-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .text-lg-none {
    color: inherit;
  }

  .text-lg-nowrap {
    white-space: nowrap;
  }

  .text-lg-center {
    text-align: center !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-left {
    text-align: left !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-none {
    color: inherit;
  }

  .text-xl-nowrap {
    white-space: nowrap;
  }

  .text-xl-center {
    text-align: center !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-left {
    text-align: left !important;
  }
}

.border {
  border: 1px solid var(--gray);
}

.border-top {
  border-top: 1px solid #035b9b99;
}

.border-bottom {
  border-bottom: 1px solid #035b9b99;
}

.border-gray {
  border-color: var(--gray) !important;
}

.border-gray-700 {
  border-color: var(--gray-700) !important;
}

.img-fluid {
  display: block;
  max-width: 100%;
}

.overflow-hidden {
  overflow: hidden;
}

.hpx-222 {
  height: 222px;
}

.hpx-310 {
  height: 310px;
}

.wpx-16 {
  width: 16px !important;
}

.wpx-18 {
  width: 18px !important;
}

.wpx-20 {
  width: 20px !important;
}

.wpx-40 {
  width: 40px !important;
}

.wpx-80 {
  width: 80px !important;
}

.wpx-100 {
  width: 100px !important;
}

.w-auto {
  width: auto !important;
}

.w-100 {
  width: 100% !important;
}

@media (min-width: 992px) {
  .hpx-lg-222 {
    height: 222px;
  }

  .hpx-lg-310 {
    height: 310px;
  }

  .wpx-lg-80 {
    width: 80px !important;
  }

  .wpx-lg-100 {
    width: 100px !important;
  }

  .w-lg-auto {
    width: auto !important;
  }

  .w-lg-100 {
    width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .hpx-xl-222 {
    height: 222px;
  }

  .hpx-xl-310 {
    height: 310px;
  }

  .wpx-xl-80 {
    width: 80px !important;
  }

  .wpx-xl-100 {
    width: 100px !important;
  }

  .w-xl-auto {
    width: auto !important;
  }

  .w-xl-100 {
    width: 100% !important;
  }
}

.shadow {
  box-shadow: 0px 6px 12px #00000029;
}

.heading {
  border-bottom: 1px solid var(--blue);
  /* box-shadow: 0 4px 4px var(--gray-300); */
}

@media (min-width: 1200px) {
  .heading-xl-none {
    box-shadow: none;
    border-bottom: none;
  }
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 992px) {
  .text-lg-truncate-none {
    overflow: visible;
    display: block;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit;
  }
}

.overflow-auto {
  overflow: auto;
  flex: 1;
}

@media (min-width: 992px) {
  .overflow-lg-auto {
    overflow: visible;
  }
}

.file-upload {
  display: none;
}

.file-list-item-template {
  display: none !important;
}

.hpx-131 {
  height: 131px !important;
}

a#next:hover {
       color:var(--white) !important;
}


@media (max-width: 576px) {
  .no-data-message {
      text-align: center;
  }
}

.no-scroll {
  overflow: hidden;
}

.inline-spinner{
  position: static !important;
}