:root {
    --client-primary: #016eaf;
    --client-secondary: #4A8CBC;
    --client-tertiary: #1D1D1D;
    --client-quaternary: #4B4575;
    --client-quinary: #4B4575;
    --login-container: 221px;
}

#login-container {
    min-height: calc(100vh - var(--login-container));
}

.btn {
    /*display: inline-block;*/
    /*font-weight: 400;*/
    /*color: #212529;*/
    /*text-align: center;*/
    /*vertical-align: middle;*/
    /*cursor: pointer;*/
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
    /*background-color: transparent;*/
    /*border: 1px solid transparent;*/
    /*padding: .375rem .75rem;*/
    /*font-size: 1rem;*/
    /*line-height: 1.5;*/
    /*border-radius: .25rem;*/
    /*transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
}

.text-client {
    color: var(--client-primary);
}

.btn-client-primary {
    color: #fff;
    background-color: var(--client-primary);
    border-color: var(--client-primary);
}

.btn-client-primary:hover {
    color: var(--client-primary);
    background-color: transparent;
    border-color: var(--client-primary);
}

.btn-client-primary:focus, .btn-client-primary.focus {
    box-shadow: 0 0 0 0.2rem transparent;
}

.btn-client-secondary {
    color: #fff;
    background-color: var(--client-secondary);
    border-color: var(--client-secondary);
}

.btn-client-secondary:hover {
    color: var(--client-secondary);
    background-color: transparent;
    border-color: var(--client-secondary);
}

.btn-client-secondary:focus, .btn-client-secondary.focus {
    box-shadow: 0 0 0 0.2rem transparent;
}

.btn-client-tertiary {
    color: #fff;
    background-color: var(--client-tertiary);
    border-color: var(--client-tertiary);
}

.btn-client-tertiary:hover {
    color: var(--client-tertiary);
    background-color: transparent;
    border-color: var(--client-tertiary);
}

.btn-client-tertiary:focus, .btn-client-tertiary.focus {
    box-shadow: 0 0 0 0.2rem transparent;
}

.bg-opacity-blue {
    background-color: rgba(68, 191, 227, 0.5) !important;
}

.bg-opacity-gold {
    background-color: rgba(213, 161, 44, 0.75) !important;
}

.text-black {
    color: #000 !important;
}

header li.nav-item.active-red a {
    color: #D2232A;
}

.hide-for-now {
    display:none;
}


.cc-btn {
    display: block;
    padding: 0.75em 1.2em;
    font-size: 1rem;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    font-family: sans-serif;
}