@charset "UTF-8";
/* COLORS */
/* FONT SIZES */
.text-small {
  font-size: 0.75rem;
}

.font-08,
.font-8 {
  font-size: 8px !important;
}

.font-10 {
  font-size: 10px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-21 {
  font-size: 21px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-23 {
  font-size: 22px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-25 {
  font-size: 25px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-27 {
  font-size: 27px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-29 {
  font-size: 29px !important;
}

.font-30 {
  font-size: 30px !important;
}

.font-32 {
  font-size: 32px !important;
}

.font-34 {
  font-size: 34px !important;
}

.font-36 {
  font-size: 36px !important;
}

.font-38 {
  font-size: 38px !important;
}

.font-40 {
  font-size: 40px !important;
}

.font-42 {
  font-size: 42px !important;
}

.font-44 {
  font-size: 44px !important;
}

.font-46 {
  font-size: 46px !important;
}

.font-48 {
  font-size: 48px !important;
}

.font-50 {
  font-size: 50px !important;
}

.font-60 {
  font-size: 60px !important;
}

.font-65 {
  font-size: 65px !important;
}

.font-70 {
  font-size: 70px !important;
}

.font-80 {
  font-size: 80px !important;
}

.font-90 {
  font-size: 90px !important;
}

.font-100 {
  font-size: 100px !important;
}

.cursor,
.cursor:hover {
  cursor: pointer;
}

.cursor-pointer,
.cursor-pointer:hover {
  cursor: pointer;
}

.cursor-grab,
.cursor-grab:hover {
  cursor: grab;
}

.cursor-move,
.cursor-move:hover {
  cursor: move;
}

.cursor-help,
.cursor-help:hover {
  cursor: help;
}

/* BACKGROUNDS */
.bg-DDFFBB {
  background: #ddffbb;
}

.bg-green {
  background: green;
  color: #fff;
}

.bg-light-green {
  background-color: lightgreen !important;
}

.bg-red {
  background: red;
  color: #fff;
}

.bg-yellow {
  background: yellow;
  color: #333333;
}

.bg-orange {
  background: orange;
  color: #333333;
}

.bg-black {
  background: black;
  color: #fff;
}

.bg-eee,
.bg-light-gray {
  background: #eee;
}

.bg-fff,
.bg-white {
  background: #fff;
}

.bg-site-blue {
  background: steelblue;
}

.rsi-count-trigger:hover {
  cursor: pointer;
  background: #f89051;
}

.btn-100-pc {
  width: 100%;
}

/* Responsive CSS */
@media only screen and (min-width: 0px) {
  .btn-expand {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 576px) {
  .btn-expand {
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  .btn-expand {
    width: auto;
  }
}
@media only screen and (min-width: 992px) {
  .btn-expand {
    width: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .btn-expand {
    width: auto;
  }
}
/* responsive borders */
.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-x {
  border-left: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
}

.border-y {
  border-top: 1px solid #dee2e6 !important;
  border-bottom: 1px solid #dee2e6 !important;
}

@media (min-width: 576px) {
  .border-sm-top {
    border-top: 1px solid #dee2e6 !important;
  }

  .border-sm-right {
    border-right: 1px solid #dee2e6 !important;
  }

  .border-sm-bottom {
    border-bottom: 1px solid #dee2e6 !important;
  }

  .border-sm-left {
    border-left: 1px solid #dee2e6 !important;
  }

  .border-sm-top-0 {
    border-top: 0 !important;
  }

  .border-sm-right-0 {
    border-right: 0 !important;
  }

  .border-sm-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-sm-left-0 {
    border-left: 0 !important;
  }

  .border-sm-x {
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
  }

  .border-sm-y {
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
}
@media (min-width: 768px) {
  .border-md-top {
    border-top: 1px solid #dee2e6 !important;
  }

  .border-md-right {
    border-right: 1px solid #dee2e6 !important;
  }

  .border-md-bottom {
    border-bottom: 1px solid #dee2e6 !important;
  }

  .border-md-left {
    border-left: 1px solid #dee2e6 !important;
  }

  .border-md-top-0 {
    border-top: 0 !important;
  }

  .border-md-right-0 {
    border-right: 0 !important;
  }

  .border-md-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-md-left-0 {
    border-left: 0 !important;
  }

  .border-md-x {
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
  }

  .border-md-y {
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
}
@media (min-width: 992px) {
  .border-lg-top {
    border-top: 1px solid #dee2e6 !important;
  }

  .border-lg-right {
    border-right: 1px solid #dee2e6 !important;
  }

  .border-lg-bottom {
    border-bottom: 1px solid #dee2e6 !important;
  }

  .border-lg-left {
    border-left: 1px solid #dee2e6 !important;
  }

  .border-lg-top-0 {
    border-top: 0 !important;
  }

  .border-lg-right-0 {
    border-right: 0 !important;
  }

  .border-lg-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-lg-left-0 {
    border-left: 0 !important;
  }

  .border-lg-x {
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
  }

  .border-lg-y {
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
}
@media (min-width: 1200px) {
  .border-xl-top {
    border-top: 1px solid #dee2e6 !important;
  }

  .border-xl-right {
    border-right: 1px solid #dee2e6 !important;
  }

  .border-xl-bottom {
    border-bottom: 1px solid #dee2e6 !important;
  }

  .border-xl-left {
    border-left: 1px solid #dee2e6 !important;
  }

  .border-xl-top-0 {
    border-top: 0 !important;
  }

  .border-xl-right-0 {
    border-right: 0 !important;
  }

  .border-xl-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-xl-left-0 {
    border-left: 0 !important;
  }

  .border-xl-x {
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
  }

  .border-xl-y {
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
}
/* COLORS */
.required {
  color: crimson;
  font-weight: bold;
  margin-right: 0.25rem;
}

.color-default {
  color: #333333 !important;
}

.color-default:hover {
  color: #333333 !important;
}

.color-blue,
.color-site-blue {
  color: #0073aa !important;
}

a.color-ezblue {
  color: #0073aa;
  text-decoration: none;
}

a.color-ezblue:hover {
  color: #0073aa;
  text-decoration: underline;
}

.color-black {
  color: #000;
}

.color-333333 {
  color: #333333 !important;
}

.color-555 {
  color: #555555 !important;
}

a.color-black {
  color: #000;
  text-decoration: none;
}

a.color-black:hover {
  color: #000;
  text-decoration: underline;
}

.color-white {
  color: #fff !important;
}

a.color-white {
  color: #fff;
  text-decoration: none;
}

a.color-white:hover {
  color: #fff;
  text-decoration: underline;
}

i.color-white {
  color: #fff;
}

.color-red {
  color: #dc143c !important;
}

a.color-red {
  color: #dc143c;
  text-decoration: none;
}

a.color-red:hover {
  color: #dc143c;
  text-decoration: underline;
}

.color-dark-green {
  color: green !important;
}

.color-green {
  color: #32cd32 !important;
}

a.color-green {
  color: #32cd32;
  text-decoration: none;
}

a.color-green:hover {
  color: #32cd32;
  text-decoration: underline;
}

.color-eee {
  color: #eee !important;
}

a.color-eee {
  color: #eee;
  text-decoration: none;
}

a.color-eee:hover {
  color: #eee;
  text-decoration: underline;
}

.color-charcoal {
  color: #888;
}

a.color-charcoal {
  color: #888;
  text-decoration: none;
}

a.color-charcoal:hover {
  color: #888;
  text-decoration: underline;
}

.color-orange {
  color: orange;
}

a.color-orange {
  color: orange;
  text-decoration: none;
}

a.color-orange:hover {
  color: orange;
  text-decoration: underline;
}

.color-C0C0C0,
.color-medium-gray {
  color: #c0c0c0 !important;
}

a.color-medium-gray {
  color: #c0c0c0 !important;
  text-decoration: none;
}

a.color-medium-gray:hover {
  color: #c0c0c0 !important;
  text-decoration: underline;
}

.color-dark-gray {
  color: #555555 !important;
}

a.color-dark-gray {
  color: #555555 !important;
  text-decoration: none;
}

a.color-dark-gray:hover {
  color: #555555 !important;
  text-decoration: underline;
}

.link {
  color: #1E418E;
  text-decoration: none;
}
.link:hover {
  color: #224ba3 !important;
  text-decoration: underline;
  cursor: pointer;
}

a.table-link {
  width: 100%;
  color: #1E418E;
  text-decoration: none;
}
a.table-link:hover {
  color: #224ba3 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}

/* WIDTH IN PIXELS */
.width-5 {
  width: 5px;
}

.width-10 {
  width: 10px;
}

.width-15 {
  width: 15px;
}

.width-20 {
  width: 20px;
}

.width-25 {
  width: 25px;
}

.width-30 {
  width: 30px;
}

.width-35 {
  width: 35px;
}

.width-40 {
  width: 40px;
}

.width-45 {
  width: 45px;
}

.width-50 {
  width: 50px;
}

.width-60 {
  width: 60px;
}

.width-65 {
  width: 65px;
}

.width-70 {
  width: 70px;
}

.width-80 {
  width: 80px;
}

.width-85 {
  width: 85px;
}

.width-90 {
  width: 90px;
}

.width-100 {
  width: 100px;
}

.width-110 {
  width: 110px;
}

.width-120 {
  width: 120px;
}

.width-130 {
  width: 130px;
}

.width-135 {
  width: 135px;
}

.width-140 {
  width: 140px;
}

.width-150 {
  width: 150px;
}

.width-180 {
  width: 180px;
}

.width-200 {
  width: 200px;
}

.width-220 {
  width: 220px;
}

.width-250 {
  width: 250px;
}

.width-260 {
  width: 260px;
}

.width-270 {
  width: 270px;
}

.width-275 {
  width: 275px;
}

.width-300 {
  width: 300px;
}

.width-350 {
  width: 350px;
}

.width-400 {
  width: 400px;
}

.width-450 {
  width: 450px;
}

.width-500 {
  width: 500px;
}

.width-550 {
  width: 550px;
}

.width-600 {
  width: 600px;
}

.width-650 {
  width: 650px;
}

.width-700 {
  width: 700px;
}

.width-750 {
  width: 750px;
}

.width-775 {
  width: 775px;
}

.width-800 {
  width: 800px;
}

.width-850 {
  width: 850px;
}

.width-900 {
  width: 900px;
}

.width-950 {
  width: 950px;
}

.width-1000 {
  width: 1000px;
}

.width-1080 {
  width: 1080px;
}

/* WIDTH IN PERCENTS */
.width-5-pc {
  width: 5%;
}

.width-10-pc {
  width: 10%;
}

.width-15-pc {
  width: 15%;
}

.width-20-pc {
  width: 20%;
}

.width-25-pc {
  width: 25%;
}

.width-30-pc {
  width: 30%;
}

.width-33-pc {
  width: 33%;
}

.width-35-pc {
  width: 35%;
}

.width-40-pc {
  width: 40%;
}

.width-45-pc {
  width: 45%;
}

.width-50-pc {
  width: 50%;
}

.width-55-pc {
  width: 55%;
}

.width-60-pc {
  width: 60%;
}

.width-65-pc {
  width: 65%;
}

.width-70-pc {
  width: 70%;
}

.width-75-pc {
  width: 75%;
}

.width-80-pc {
  width: 80%;
}

.width-85-pc {
  width: 85%;
}

.width-90-pc {
  width: 90%;
}

.width-95-pc {
  width: 95%;
}

.width-100-pc {
  width: 100%;
}

/* MAX WIDTHS */
.max-width-50 {
  max-width: 50px;
}

.max-width-60 {
  max-width: 60px;
}

.max-width-70 {
  max-width: 70px;
}

.max-width-80 {
  max-width: 80px;
}

.max-width-100 {
  max-width: 100px;
}

.max-width-110 {
  max-width: 110px;
}

.max-width-120 {
  max-width: 120px;
}

.max-width-130 {
  max-width: 130px;
}

.max-width-140 {
  max-width: 140px;
}

.max-width-150 {
  max-width: 150px;
}

.max-width-160 {
  max-width: 160px;
}

.max-width-180 {
  max-width: 180px;
}

.max-width-200 {
  max-width: 200px;
}

.max-width-220 {
  max-width: 220px;
}

.max-width-240 {
  max-width: 240px;
}

.max-width-250 {
  max-width: 250px;
}

.max-width-260 {
  max-width: 260px;
}

.max-width-270 {
  max-width: 270px;
}

.max-width-280 {
  max-width: 280px;
}

.max-width-300 {
  max-width: 300px;
}

.max-width-350 {
  max-width: 350px;
}

.max-width-400 {
  max-width: 400px;
}

.max-width-450 {
  max-width: 450px;
}

.max-width-480 {
  max-width: 480px;
}

.max-width-500 {
  max-width: 500px;
}

.max-width-525 {
  max-width: 525px;
}

.max-width-550 {
  max-width: 550px;
}

.max-width-600 {
  max-width: 600px;
}

.max-width-650 {
  max-width: 650px;
}

.max-width-800 {
  max-width: 800px;
}

.max-width-850 {
  max-width: 850px;
}

.max-width-940 {
  max-width: 940px;
}

.max-width-1000 {
  max-width: 1000px;
}

.max-width-1020 {
  max-width: 1020px;
}

.max-width-1060 {
  max-width: 1060px;
}

.max-width-1080 {
  max-width: 1080px;
}

/* MIN WIDTHS */
.min-width-50 {
  min-width: 50px;
}

.min-width-60 {
  min-width: 60px;
}

.min-width-70 {
  min-width: 70px;
}

.min-width-80 {
  min-width: 80px;
}

.min-width-90 {
  min-width: 90px;
}

.min-width-100 {
  min-width: 100px;
}

.min-width-120 {
  min-width: 120px;
}

.min-width-140 {
  min-width: 140px;
}

.min-width-150 {
  min-width: 145px;
}

.min-width-160 {
  min-width: 160px;
}

.min-width-170 {
  min-width: 170px;
}

.min-width-180 {
  min-width: 180px;
}

.min-width-200 {
  min-width: 200px;
}

.min-width-220 {
  min-width: 220px;
}

.min-width-240 {
  min-width: 240px;
}

.min-width-250 {
  min-width: 250px;
}

.min-width-260 {
  min-width: 260px;
}

.min-width-270 {
  min-width: 270px;
}

.min-width-280 {
  min-width: 280px;
}

.min-width-300 {
  min-width: 300px;
}

.min-width-350 {
  min-width: 350px;
}

.min-width-400 {
  min-width: 400px;
}

.min-width-450 {
  min-width: 450px;
}

.min-width-480 {
  min-width: 480px;
}

.min-width-500 {
  min-width: 500px;
}

.min-width-550 {
  min-width: 550px;
}

.min-width-600 {
  min-width: 600px;
}

.min-width-800 {
  min-width: 800px;
}

.min-width-1100 {
  min-width: 1100px;
}

.min-width-1200 {
  min-width: 1200px;
}

.min-width-1400 {
  min-width: 1400px;
}

/* HEIGHTS IN PERCENT */
.height-100-pc {
  height: 100%;
}

.min-height-100-pc {
  min-height: 100%;
}

/* HEIGHTS IN PIXELS */
.height-30 {
  height: 30px;
}

.height-40 {
  height: 40px;
}

.height-55 {
  height: 55px;
}

.height-60 {
  height: 60px;
}

.height-100 {
  height: 100px;
}

.height-150 {
  height: 150px;
}

.height-200 {
  height: 200px;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px;
}

.height-350 {
  height: 350px;
}

.height-400 {
  height: 400px !important;
}

.height-450 {
  height: 450px;
}

.height-500 {
  height: 500px;
}

.height-550 {
  height: 550px;
}

.height-600 {
  height: 600px;
}

.height-650 {
  height: 650px;
}

.height-700 {
  height: 700px;
}

.height-750 {
  height: 750px;
}

.height-800 {
  height: 800px;
}

.height-850 {
  height: 850px;
}

.height-900 {
  height: 900px;
}

.height-950 {
  height: 950px;
}

.height-1000 {
  height: 1000px;
}

.height-1050 {
  height: 1050px;
}

.height-1100 {
  height: 1100px;
}

/* minimum heights */
.min-height-20 {
  min-height: 20px;
}

.min-height-30 {
  min-height: 30px;
}

.min-height-40 {
  min-height: 40px;
}

.min-height-50 {
  min-height: 50px;
}

.min-height-60 {
  min-height: 60px;
}

.min-height-70 {
  min-height: 70px;
}

.min-height-80 {
  min-height: 80px;
}

.min-height-90 {
  min-height: 90px;
}

.min-height-100 {
  min-height: 100px;
}

.min-height-120 {
  min-height: 120px;
}

.min-height-130 {
  min-height: 130px;
}

.min-height-140 {
  min-height: 140px;
}

.min-height-150 {
  min-height: 150px;
}

.min-height-250 {
  min-height: 250px;
}

.min-height-300 {
  min-height: 250px;
}

.min-height-350 {
  min-height: 350px;
}

.min-height-360 {
  min-height: 360px;
}

.min-height-375 {
  min-height: 375px;
}

.min-height-400 {
  min-height: 400px;
}

.min-height-425 {
  min-height: 425px;
}

.min-height-450 {
  min-height: 450px;
}

.min-height-475 {
  min-height: 475px;
}

.min-height-500 {
  min-height: 500px;
}

.min-height-550 {
  min-height: 550px;
}

.min-height-600 {
  min-height: 600px;
}

/* MAX HEIGHTS */
.max-height-150 {
  max-height: 150px;
}

.max-height-500 {
  max-height: 500px;
}

.nav-toggler {
  color: #555555;
}
.nav-toggler:hover {
  cursor: pointer;
}

.nav-trigger {
  color: #555555;
}
.nav-trigger:hover {
  cursor: pointer;
}

.nav-menu {
  width: 100%;
  color: white;
}
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-menu ul li {
  border-bottom: 1px solid #c0c0c0;
  padding: 8px;
  color: #fff;
}
.nav-menu ul li:hover {
  background: #2b5ecd;
  cursor: pointer;
}
.nav-menu ul li:hover .fa-chevron-right {
  color: #fff !important;
  vertical-align: middle;
}
.nav-menu ul li a {
  text-decoration: none;
  color: #fff;
}
.nav-menu ul li a .phone {
  text-decoration: none;
  pointer-events: none;
}
.nav-menu ul li .svg-inline--fa {
  color: #fff !important;
  margin-right: 5px;
}
.nav-menu ul li i {
  color: #fff !important;
  margin-right: 5px;
}
.nav-menu ul li .fa-chevron-right {
  color: #1E418E !important;
}
.nav-menu ul li div,
.nav-menu ul li span {
  color: #fff;
}
.nav-menu ul li.nav-header {
  background: #63BC47;
  color: #fff;
  font-weight: bold;
  cursor: auto;
}
.nav-menu ul li.nav-header div {
  color: #fff;
}
.nav-menu ul li.nav-header-link {
  background: #555555;
  color: #fff;
}
.nav-menu ul li.nav-header-link div {
  color: #fff;
}
.nav-menu ul li.nav-header-link:hover {
  background: #626262 !important;
}
.nav-menu ul li.nav-active {
  background: #fff;
  color: #555555 !important;
}
.nav-menu ul li.nav-active:hover {
  background: #fff !important;
  color: #555555;
}
.nav-menu ul li.nav-active .svg-inline--fa {
  color: #555555 !important;
  margin-right: 5px;
}
.nav-menu ul li.nav-active i {
  color: #555555 !important;
  margin-right: 5px;
}
.nav-menu ul li.nav-active .fa-chevron-right {
  color: #555555 !important;
}
.nav-menu ul li.nav-active div,
.nav-menu ul li.nav-active span {
  color: #555555;
}
.nav-menu ul li.nav-bottom {
  border-bottom: none;
}
.nav-menu ul li.nav-bottom:hover {
  background: #1E418E !important;
  cursor: auto;
}
.nav-menu div.nav-close {
  text-align: center;
  cursor: pointer;
}
.nav-menu div.nav-close .svg-inline--fa {
  color: #fff !important;
  font-size: 21px;
}

div.validation-warning,
input[type=text].validation-warning,
input[type=password].validation-warning,
input[type=date].validation-warning,
input[type=email].validation-warning,
input[type=number].validation-warning,
select.validation-warning,
textarea.validation-warning {
  border: 1px solid #CC0000;
  border-radius: 5px;
}

div.validation-warning.validate-below {
  border: none;
  border-bottom: 1px solid #CC0000;
  margin-top: 5px;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: lightyellow;
}

@media only screen and (min-width: 0px) {
  .info-box {
    font-size: 30px;
  }
  .info-box i {
    font-size: 40px;
  }
  .info-box button {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) {
  .info-box {
    font-size: 30px;
  }
  .info-box i {
    font-size: 40px;
  }
  .info-box button {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .info-box {
    font-size: 30px;
  }
  .info-box i {
    font-size: 40px;
  }
  .info-box button {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .info-box {
    font-size: 30px;
  }
  .info-box i {
    font-size: 50px;
  }
  .info-box button {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .info-box {
    font-size: 30px;
  }
  .info-box i {
    font-size: 50px;
  }
  .info-box button {
    width: 100%;
  }
}
/* workaround for turning off Google Chrome autocomplete */
input.autocomplete-off {
  background: white !important;
  background-color: white !important;
}

/* jquery UI datepicker */
.ui-datepicker-month {
  border-color: #c0c0c0;
  color: #555555;
  padding: 3px;
}

.ui-datepicker-year {
  border-color: #c0c0c0;
  color: #555555;
  padding: 3px;
}

.ui-datepicker-close {
  color: #c0c0c0;
  font-weight: normal !important;
}

.form-wrapper {
  max-width: 550px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.form-header {
  background: #1E418E;
  color: #fff;
  padding: 10px 20px;
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

@media only screen and (min-width: 0px) {
  .form-header {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) {
  .form-header {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .form-header {
    text-align: left;
  }
}
@media only screen and (min-width: 992px) {
  .form-header {
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) {
  .form-header {
    text-align: left;
  }
}
.form-body {
  background: #F8F9FA;
  padding: 20px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.show-opacity {
  opacity: 1;
}

.hide-opacity {
  opacity: 0;
}

/* icon colors */
.icon-red {
  color: red !important;
  font-size: 18px;
}

.icon-green {
  color: green !important;
  font-size: 18px;
}

.icon-orange {
  color: orange !important;
  font-size: 18px;
}

.icon-default {
  color: #888 !important;
  font-size: 18px;
}

.icon-18 {
  font-size: 18px !important;
}

.dataTables_info,
.dataTables_paginate {
  margin-top: 20px !important;
}

/* custom table header color */
.table-dark,
.table-dark th,
.table-dark td {
  background: #555555 !important;
  background-color: #555555 !important;
  border-color: #fff !important;
}

thead.thead-dark th {
  background: #555555 !important;
  background-color: #555555 !important;
  border-color: #fff !important;
}

.action-column {
  background: #eee;
  color: #666666;
  border-bottom: 1px solid #666666;
}
.action-column:hover {
  background: lightyellow !important;
}

tr .action-column:hover {
  background: lightyellow !important;
}

.paginate_button.page-item a {
  color: #1E418E !important;
}
.paginate_button.page-item a:hover {
  background: #1E418E !important;
  color: white !important;
  border: 1px solid #1E418E !important;
}
.paginate_button.page-item a i {
  font-size: 12px;
}

.paginate_button.page-item.active a {
  background-color: #1E418E !important;
  border-color: #1E418E !important;
  color: #fff !important;
}

/**
 * Tooltip Styles
 */
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}

[data-toggle=helptip] {
  z-index: 2;
  cursor: pointer;
}

@media only screen and (min-width: 0px) {
  h1,
h1 span,
h1 div,
h1 a {
    font-size: 18px !important;
  }
}
@media only screen and (min-width: 576px) {
  h1,
h1 span,
h1 div,
h1 a {
    font-size: 20px !important;
  }
}
@media only screen and (min-width: 768px) {
  h1,
h1 span,
h1 div,
h1 a {
    font-size: 22px !important;
  }
}
@media only screen and (min-width: 992px) {
  h1,
h1 span,
h1 div,
h1 a {
    font-size: 24px !important;
  }
}
@media only screen and (min-width: 1200px) {
  h1,
h1 span,
h1 div,
h1 a {
    font-size: 24px !important;
  }
}
/* CALENDER SPECIFIC */
table.calendar {
  width: 100%;
}

table.calendar tbody tr:nth-child(1) {
  display: none !important;
}

table.calendar td {
  width: 14.3%;
  height: 160px;
  padding: 5px;
  vertical-align: top;
}
table.calendar td:hover {
  background: #eee;
}

table.calendar a {
  text-decoration: none;
}
table.calendar a:hover {
  text-decoration: underline;
}

td.today {
  background: #63BC47;
}

table.calendar td.weekday {
  height: 24px;
  vertical-align: center;
  text-align: center;
  background: #555555 !important;
  color: white;
}
table.calendar td.weekday:hover {
  background: #555555 !important;
  color: white;
}

table.calendar th {
  background: #555555;
  color: white;
}
table.calendar th a {
  color: white;
  text-decoration: none !important;
}
table.calendar th a:hover {
  color: white;
  text-decoration: none !important;
}

.highlight-green {
  background: lightgreen !important;
}
.highlight-green:hover {
  background: lightgreen !important;
}

div.day_num {
  text-align: center;
  min-width: 30px;
  padding: 3px;
  text-align: center;
  border-radius: 4px;
}
div.day_num:hover {
  background: white;
  cursor: pointer;
}

div.day_num a {
  color: white;
  text-decoration: none !important;
}
div.day_num a:hover {
  color: white;
  text-decoration: none !important;
}

/* sizing with rem

Base size is 16px:

10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
30px = 1.875rem
32px = 2rem

*/
.alert {
  margin-bottom: 20px;
}

.form-check label {
  margin-left: 5px;
}

.btn-primary {
  background: #1E418E !important;
}

.btn-primary:hover {
  background: #2b5ecd !important;
}

.btn-outline-primary {
  color: #1E418E;
}
.btn-outline-primary i {
  color: #1E418E;
}
.btn-outline-primary:hover {
  background: #1E418E !important;
  color: #fff !important;
}
.btn-outline-primary:hover i {
  color: #fff;
}

.btn-secondary:hover {
  background: #222222 !important;
}

.btn-success:hover {
  background: #458631 !important;
}

.btn-danger:hover {
  background: #b30000 !important;
}

.btn-primary i {
  color: #fff;
}

.btn-warning i {
  color: orange;
}

.btn-outline-warning {
  color: #fff;
}
.btn-outline-warning i {
  color: orange;
}
.btn-outline-warning:hover {
  color: #fff !important;
}
.btn-outline-warning:hover i {
  color: #fff;
}

.btn-secondary i {
  color: #555555;
}

.btn-outline-secondary {
  color: #555555 !important;
}
.btn-outline-secondary i {
  color: #555555 !important;
}
.btn-outline-secondary:hover {
  color: #fff !important;
}
.btn-outline-secondary:hover i {
  color: #fff;
}

.dropdown-menu a.dropdown-item {
  padding-bottom: 10px;
}
.dropdown-menu a.dropdown-item:hover {
  color: #1E418E !important;
  text-decoration: underline;
  background: none;
}
.dropdown-menu a.dropdown-item i {
  font-size: 18px;
  color: #555555;
}

/* COLORS */
html * {
  font-family: "Lato", sans-serif;
  font-size: 15px;
}

.grid {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.header {
  grid-column: 1/3;
  background: #eee;
  padding: 20px;
}

.navs {
  grid-column: 1/2;
  grid-row: 2/4;
  background: #1E418E;
  color: #fff;
}

.main {
  grid-column: 2/3;
  background: #fff;
}

.footer {
  grid-column: 2/3;
}

/* Responsive (see mixins file for breakpoints) */
@media only screen and (min-width: 0px) {
  .navs {
    width: 100%;
  }

  .nav-open {
    grid-template-columns: 1fr auto;
  }
  .nav-open .navs {
    display: block;
  }
  .nav-open .main,
.nav-open .footer {
    display: none;
  }

  .nav-closed {
    grid-template-columns: auto 1fr;
  }
  .nav-closed .navs {
    display: none;
  }
  .nav-closed .main,
.nav-closed .footer {
    display: block;
  }

  .tox-toolbar {
    flex-wrap: wrap !important;
    overflow-x: auto !important;
  }

  .tox-toolbar__group {
    flex-wrap: wrap !important;
  }
}
@media only screen and (min-width: 576px) {
  .navs {
    width: 100%;
  }

  .nav-open {
    grid-template-columns: 1fr auto;
  }
  .nav-open .navs {
    display: block;
  }
  .nav-open .main,
.nav-open .footer {
    display: none;
  }

  .nav-closed {
    grid-template-columns: auto 1fr;
  }
  .nav-closed .navs {
    display: none;
  }
  .nav-closed .main,
.nav-closed .footer {
    display: block;
  }

  .tox-toolbar {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }

  .tox-toolbar__group {
    flex-wrap: nowrap !important;
  }
}
@media only screen and (min-width: 768px) {
  .navs {
    width: 275px;
  }

  .nav-open {
    grid-template-columns: auto 1fr;
  }
  .nav-open .main,
.nav-open .footer {
    display: block;
  }
  .nav-open .navs {
    display: block;
  }

  .nav-closed {
    grid-template-columns: auto 1fr;
  }
  .nav-closed .main,
.nav-closed .footer {
    display: block;
  }
  .nav-closed .navs {
    display: none;
  }

  .tox-toolbar {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }

  .tox-toolbar__group {
    flex-wrap: nowrap !important;
  }
}
@media only screen and (min-width: 992px) {
  .navs {
    width: 275px;
  }

  .nav-open {
    grid-template-columns: auto 1fr;
  }
  .nav-open .main,
.nav-open .footer {
    display: block;
  }
  .nav-open .navs {
    display: block;
  }

  .nav-closed {
    grid-template-columns: auto 1fr;
  }
  .nav-closed .main,
.nav-closed .footer {
    display: block;
  }
  .nav-closed .navs {
    display: none;
  }

  .tox-toolbar {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }

  .tox-toolbar__group {
    flex-wrap: nowrap !important;
  }
}
@media only screen and (min-width: 1200px) {
  .navs {
    width: 275px;
  }

  .nav-open {
    grid-template-columns: auto 1fr;
  }
  .nav-open .main,
.nav-open .footer {
    display: block;
  }
  .nav-open .navs {
    display: block;
  }

  .nav-closed {
    grid-template-columns: auto 1fr;
  }
  .nav-closed .main,
.nav-closed .footer {
    display: block;
  }
  .nav-closed .navs {
    display: none;
  }

  .tox-toolbar {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }

  .tox-toolbar__group {
    flex-wrap: nowrap !important;
  }
}
/* page loading spinner with overlay */
.page-progress-spinner,
.iframe-progress-spinner {
  position: fixed;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(70, 70, 70, 0.7);
  /* toggle body transparency for page loading */
  z-index: 2;
  /* Specify a stack order in case you're using a different order for other elements */
}
.page-progress-spinner i,
.iframe-progress-spinner i {
  font-size: 50px;
  color: #000;
  margin: auto;
}

.img-squeeze {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

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

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

.datepicker-wrapper {
  position: relative;
}

.datepicker-wrapper:before {
  content: "";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #828080;
  font-size: 16px;
  padding: 0.5em;
  position: absolute;
  right: 0;
}

[data-href]:hover {
  cursor: pointer;
}

.ui-slider-range {
  background: #1E418E;
}

.ui-slider-handle {
  border-color: #1E418E;
}

.g-recaptcha {
  display: inline-block;
}

table.mceLayout,
textarea.tinyMCE {
  width: 100% !important;
}

.nav-menu-qsms {
  width: 100%;
  background: #fff;
  color: #555555;
}
.nav-menu-qsms ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-menu-qsms ul li {
  border-bottom: 1px solid #c0c0c0;
  padding: 8px;
  color: #fff;
}
.nav-menu-qsms ul li:hover {
  background: #2b5ecd;
  cursor: pointer;
}
.nav-menu-qsms ul li:hover .fa-chevron-right {
  color: #fff !important;
  vertical-align: middle;
}
.nav-menu-qsms ul li a {
  text-decoration: none;
  color: #fff;
}
.nav-menu-qsms ul li a .phone {
  text-decoration: none;
  pointer-events: none;
}
.nav-menu-qsms ul li .svg-inline--fa {
  color: #fff !important;
  margin-right: 5px;
}
.nav-menu-qsms ul li i {
  color: #fff;
  margin-right: 5px;
}
.nav-menu-qsms ul li .fa-chevron-right {
  color: #1E418E !important;
}
.nav-menu-qsms ul li div,
.nav-menu-qsms ul li span {
  color: #fff;
}
.nav-menu-qsms ul li.nav-header {
  background: #63BC47;
  color: #fff;
  font-weight: bold;
  cursor: auto;
}
.nav-menu-qsms ul li.nav-header div {
  color: #fff;
}
.nav-menu-qsms ul li.nav-header-link {
  background: #555555;
  color: #fff;
}
.nav-menu-qsms ul li.nav-header-link div {
  color: #fff;
}
.nav-menu-qsms ul li.nav-header-link:hover {
  background: #626262 !important;
}
.nav-menu-qsms ul li.nav-active {
  background: #fff;
  color: #555555 !important;
}
.nav-menu-qsms ul li.nav-active:hover {
  background: #fff !important;
  color: #555555;
}
.nav-menu-qsms ul li.nav-active .svg-inline--fa {
  color: #555555 !important;
  margin-right: 5px;
}
.nav-menu-qsms ul li.nav-active i {
  color: #555555;
  margin-right: 5px;
}
.nav-menu-qsms ul li.nav-active .fa-chevron-right {
  color: #555555 !important;
}
.nav-menu-qsms ul li.nav-active div,
.nav-menu-qsms ul li.nav-active span {
  color: #555555;
}
.nav-menu-qsms ul li.nav-bottom {
  border-bottom: none;
}
.nav-menu-qsms ul li.nav-bottom:hover {
  background: #1E418E !important;
  cursor: auto;
}
.nav-menu-qsms div.nav-close {
  text-align: center;
  cursor: pointer;
}
.nav-menu-qsms div.nav-close .svg-inline--fa {
  color: #fff !important;
  font-size: 21px;
}

/*# sourceMappingURL=index.css.map */