:root {
  --green: #468315;
  --orange: #df5b21;
  --blue: #029fec;
  --white: #fff;
  --red: #ba2529;
  --fred: #ff0000;
  --lwhite: #f0f0f0;
  --vlwhite: #f9f9f9;
  --lgray: #d0d0d0;
  --mgray: #909090;
  --dgray: #606060;
  --vdgray: #484848;
  --lblack: #1b1b1b;
  --mco-blue: #036;
}

body {
  color: var(--white);
  background: var(--lblack);
  font-family: "Montserrat Alternates";
  font-size: 24px;
}

.accordion {
  width: 100%;
}

.accordion-item {
  border-color: var(--lgray);
}

.accordion-button:not(.collapsed),
.accordion-button.collapsed {
  background: var(--vdgray);
  color: var(--white);
}

.accordion-collapse,
.accordion-body {
  background: var(--dgray);
}

.list-group {
  background: var(--mgray);
}

.list-group-item {
  background: var(--lgray);
}

h1 {
  padding-top: 20px;
  text-align: center;
  margin: 0 auto;
}

h1 > a > img {
  width: 250px;
}

@media screen and (min-width: 993px) {
  .v-main-container {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    padding: 60px;
  }

  .v-base-container {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 800px;
    min-width: 600px;
    margin: 0 auto;
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--lgray);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    background: var(--lwhite);
  }
}

@media screen and (max-width: 992px) {
  .v-main-container {
    display: flex;
    flex-flow: column wrap;
    padding-top: 60px;
  }

  .v-base-container {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 800px;
    min-width: 600px;
    margin: 0 auto;
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--lgray);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    background: var(--lwhite);
  }
}

.v-flashcontainer {
  z-index: 2000 !important;
}

.v-fc-orange {
  color: var(--orange);
}

.v-fc-white {
  color: var(--white);
}

.v-fc-red {
  color: red;
}

.v-fc-lgray {
  color: var(--lgray);
}

.v-fc-mgray {
  color: var(--mgray);
}

.v-fc-dgray {
  color: var(--dgray);
}

.v-fc-vdgray {
  color: var(--vdgray);
}

.v-fc-blue {
  color: var(--blue);
}

.v-fw-n {
  font-weight: normal;
}

.v-fw-b {
  font-weight: bold;
}

.v-fs-30 {
  font-size: 30px;
}

.v-fs-24 {
  font-size: 24px;
}

.v-fs-20 {
  font-size: 20px;
}

.v-fs-18 {
  font-size: 18px;
}

.v-fs-16 {
  font-size: 16px;
}

.v-fs-14 {
  font-size: 14px;
}

.v-fs-12 {
  font-size: 14px;
}

.v-mt-5 {
  margin-top: 5px;
}

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

.v-btn {
  background: var(--white);
  color: var(--orange);
  font-weight: bold;
  font-size: 18px;
  border-radius: 5px;
  padding: 5px;
  border-color: var(--vdgray);
  border-width: 1px;
  border-style: solid;
}

.v-btn:hover {
  box-shadow: rgba(0, 0, 0, 0.6) 0 3px 8px;
  cursor: pointer;
}

.v-btn-orange {
  background: var(--orange);
  color: var(--white);
  font-weight: bold;
  font-size: 18px;
  border-radius: 5px;
  padding: 5px;
}

.v-btn-mgray {
  background: var(--mgray);
  color: var(--white);
  font-weight: bold;
  font-size: 18px;
  border-radius: 5px;
  padding: 5px;
}

.v-btn-orange:hover,
.v-btn-mgray:hover {
  box-shadow: rgba(0, 0, 0, 0.6) 0 3px 8px;
  cursor: pointer;
  color: var(--white);
}

.v-lbl-orange {
  background: var(--orange);
  color: var(--white);
  font-weight: bold;
}

.v-lbl-title {
  color: var(--orange);
  font-weight: bold;
}

.v-bg-orange {
  background: var(--orange);
  color: var(--white);
  padding: 5px;
}

.v-bg-red {
  background: var(--red);
  color: var(--white);
  padding: 5px;
}

.v-bg-green {
  background: var(--green);
  color: var(--white);
}

.v-clickable:hover {
  cursor: pointer;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: var(--dgray);
}

a:hover {
  cursor: pointer;
}

a.v-href,
a.mco-href:hover,
a:hover {
  color: var(--orange);
}

a.v-href:hover {
  color: var(--blue);
}

a.mco-href {
  color: var(--blue);
}

a.v-tooltip-href {
  color: var(--white);
  text-decoration: underline;
}

a.v-tooltip-href:hover {
  text-decoration: none;
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  border-top-color: var(--vdgray);
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  border-right-color: var(--vdgray);
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  border-bottom-color: var(--vdgray);
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  border-left-color: var(--vdgray);
}

.tooltip-inner {
  background: var(--vdgray);
}

.noUi-tooltip {
  color: var(--white);
  font-size: 12px;
  background: var(--vdgray);
}


.modal-body,
.modal-header,
.modal-footer {
  background: var(--lwhite);
}

.modal-title {
  color: var(--orange);
  font-weight: bold;
  font-size: 24px;
}