:root {
  --36er-blue: #000943;
  --36er-red: #ce0e2d;
  --36er-whitegold: #c4bfb0;
  --36er-red-1: #ac2b2a;
  --36er-red-2: #852827;
  --36er-red-3: #601f1e;
  --36er-red-4: #401414;
  --36er-blue-1: #00569e;
  --36er-blue-2: #134a85;
  --36er-blue-3: #1c3d70;
  --36er-blue-4: #1c2f5b;
  --36er-black: #221f21;
  --mid-grey: #373637;
  --light-grey: #4b4a4b;
}

.min-vh-75 {
    min-height: 75vh !important;
}

.min-vh-50 {
    min-height: 50vh !important;
}

.min-vh-25 {
    min-height: 25vh !important;
}

.min-vh-20 {
    min-height: 20vh !important;
}

.min-vh-15 {
    min-height: 15vh !important;
}

.min-vh-10 {
    min-height: 10vh !important;
}

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

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

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

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

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

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

.h-10 {
    height: 10% !important;
}

.h-20 {
    height: 20% !important;
}

.h-30 {
    height: 30% !important;
}

.h-35 {
    height: 35% !important;
}

.h-60 {
    height: 60% !important;
}

.h-80 {
    height: 80% !important;
}

.min-w-25 {
    min-width: 25%;
}

.min-w-50 {
    min-width: 50%;
}

.min-w-75 {
    min-width: 75%;
}

.min-w-100 {
    min-width: 100%;
}

.modal-wide {
    max-width: 1360px;
}

.modal-extra-wide {
    max-width: 1700px;
}

.bg-grey {
    background-color: #555555 !important;
}

@media (min-width: 1400px) {
    .min-w-xxl-25 {
        min-width: 25%;
    }

    .min-w-xxl-50 {
        min-width: 50%;
    }

    .min-w-xxl-75 {
        min-width: 75%;
    }

    .min-w-xxl-100 {
        min-width: 100%;
    }
}

.border {
    border: 5px solid #fff!important;
}

.border-muted {
    border-color: #666666!important;
}

.border-primary {
    border-color: #5F1B6B!important;
}

.border-success {
    border-color: #00B0B9!important;
}

.border-warning {
    border-color: #FF671F!important;
}

.border-info {
    border-color: #009CDE!important;
}

.border-danger {
    border-color: #C6007E!important;
}

.text-primary {
    color: #5F1B6B!important;
}

.text-success {
    color: #00B0B9!important;
}

.text-warning {
    color: #FF671F!important;
}

.text-info {
    color: #009CDE!important;
}

.text-danger {
    color: #C6007E!important;
}

.btn {
  border-color: transparent !important;
}

.btn,
input,
select {
  border-radius: 0 !important;
}

.btn.btn-primary {
  background-color: var(--36er-whitegold);
  border-color: var(--36er-whitegold);
  color: #000;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: var(--36er-blue-1);
  border-color: var(--36er-blue-1);
  color: #fff !important;
}

.btn-success {
    color: #fff;
    background-color: #00B0B9;
    border-color: #00B0B9;
}

.btn.btn-success:hover,
.btn.btn-success:focus {
  background-color: var(--36er-blue-1);
  border-color: var(--36er-blue-1);
  color: #fff !important;
}

.btn-warning{
    color: #fff;
    background-color: #FF671F;
    border-color: #FF671F;
}

.btn.btn-warning:hover,
.btn.btn-warning:focus {
  background-color: var(--36er-blue-1);
  border-color: var(--36er-blue-1);
  color: #fff !important;
}

.btn-info{
    color: #fff;
    background-color: #009CDE;
    border-color: #009CDE;
}

.btn.btn-info:hover,
.btn.btn-info:focus {
  background-color: var(--36er-blue-1);
  border-color: var(--36er-blue-1);
  color: #fff !important;
}

.btn.btn-danger {
  background-color: var(--36er-red);
  border-color: var(--36er-red);
  color: #fff;
}

.btn.btn-danger:hover,
.btn.btn-danger:focus {
  background-color: var(--36er-blue-1);
  border-color: var(--36er-blue-1);
  color: #fff;
}


.btn-primary:hover {
    color: #fff;
    background-color: #832594;
    border-color: #832594;
}

.btn-success:hover {
    color: #fff;
    background-color: #00E1EC;
    border-color: #00E1EC;
}

.btn-warning:hover {
    color: #fff;
    background-color: #EB4C00;
    border-color: #EB4C00;
}

.btn-info:hover {
    color: #fff;
    background-color: #12B9FF;
    border-color: #12B9FF;
}

.btn-danger:hover {
    color: #fff;
    background-color: #F9009E;
    border-color: #F9009E;
}

.btn-primary:disabled,
.btn-success:disabled,
.btn-warning:disabled,
.btn-info:disabled,
.btn-danger:disabled {
    color: #ffffff;
    background-color: #666666;
    border-color: #666666;
}

.bg-primary {
     background-color: var(--mid-grey) !important;
}

.bg-success {
    background-color: #00B0B9!important;
}

.bg-warning {
    background-color: #FF671F!important;
}

.bg-info {
    background-color: #009CDE!important;
}

.bg-danger {
    background-color: #C6007E!important;
}

/*.bg-light {
    background-color: #00B0B9!important;
}*/

.bg-muted {
    background-color: #666666!important;
}

.bg-10 {
    background-color: rgba(255,255,255,0.1)!important;
}

.bg-20 {
    background-color: rgba(255,255,255,0.2)!important;
}

.bg-25 {
    background-color: rgba(255,255,255,0.25)!important;
}

.bg-35 {
    background-color: rgba(255,255,255,0.35)!important;
}

.bg-50 {
    background-color: rgba(255,255,255,0.5)!important;
}

.bg-75 {
    background-color: rgba(255,255,255,0.75)!important;
}

.bg-80 {
    background-color: rgba(255,255,255,0.8)!important;
}

.bg-100 {
    background-color: rgba(255,255,255,1)!important;
}

.fs-0 {
    font-size: 3.5rem!important;
}

.modal-md {
    width: unset!important;
    min-width: 600px;
    max-width: 800px;
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25;
}


/* FORMS */
input,
select,
option {
  color: #fff !important;
  background-color: var(--36er-black) !important;
  background-clip: padding-box !important;
  border: none !important;
}

textarea{
  border-radius: 0 !important;
}

input:focus,
select:focus,
option:focus,
textarea:focus{
  outline: 0 !important;
  box-shadow: 0 0 0 1px var(--36er-blue-1) !important;
}

.form-group {
  margin-bottom: 1rem !important;
}

.form-group.form-buttons-control-container {
  margin-bottom: 0 !important;
}

input.input-mid,
select.input-mid {
  background-color: var(--mid-grey) !important;
}

input[type="text"]:disabled {
  color: #b9b9b9 !important;
  background-color: #595f64 !important;
}

select:disabled {
  color: #b9b9b9 !important;
  background-color: #595f64 !important;
}
/* End Forms */