body {
    background-color: #F2F2F2 !important;
    background-image: url('/Images/ECPISealFinal_white750x750.png') !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: bottom left;
    --bs-primary: #337ab7; /* ECPI blue */
    --bs-primary-rgb: 51, 122, 183;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary) !important;
    --bs-btn-border-color: var(--bs-primary) !important;
}

.row-spacer-4 > :not(:last-child) {
    margin-right: 4em;
}

.custom-container {
    width: 100%;
    height: calc(100vh - 70px);
    max-height: calc(100vh - 70px);
}

.text-smaller {
    font-size: 14px
}

.tight {
    width: max-content;
    height: max-content;
}

.reallyTight {
    max-width: max-content;
    max-width: max-content;
}

.nocompress-y {
    min-height: min-content !important;
}

.textline-container {
    min-height: 24px;
}

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

#ecpiLogoContainer {
    width: 0px;
    max-width: 300px;
}

#ecpiLogoContainer img {
    width: 0px;
    max-width: 300px;
}

@media (max-width: 768px) {
    .shrink-mobile-y {
        max-height: max-content !important;
    }
}

@media (min-width: 576px) {
    .h5-sm {
        font-size: 1.25rem !important;
    }
}

@media (min-width: 768px) {
    .h4-md {
        font-size: calc(1.275rem + .3vw) !important;
    }
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*Custom Nav bar*/
.navbar-custom {
    height: 70px;
    min-height:70px;
    max-height: 70px;
}


/* Quiz Timer*/
/*these are added dynamically, so it makes sense to style them like this.*/
.cntSeparator {
    font-size: 54px;
    margin: 10px 7px;
    color: #000;
}

.quizDesc div {
    float: left;
    font-family: Arial;
    width: 70px;
    margin-right: 65px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}
/* End Quiz Timer*/

/* loading overlay */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/gif;base64,R0lGODlhFgAWAMQAAPv7+9LS0s7OzsrKysXFxcHBwbW1tbGxsa2trampqaWlpZycnJCQkIyMjIiIiICAgHd3d2dnZ////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwASACwAAAAAFgAWAAAFaaAkjiQEkWgKNWMUjYGQks4puqMgz+MqmqIYj/SwkQSBGYMxnOlEiyWrKYkhSVGq5KrtemeKxULhtQbC47Iu+W1/DQctVwQ/GLRm0SH+faYKBSlzQwUEQWxCTYA5O1uNM4WMMI9UAWw8IQAh+QQFBwASACwAAAAAEQAVAAAFSaAkjuTzkKjELCMEjU+EMkz7itFNrqLZy6lGDZUTLRKppAixWCiUSSZ0Sq2SDIeDwYrVWr9gJaFgHRfI1XOYFBCABYGvwC2PQ0MAIfkEBQcAEgAsAAAAABUAEQAABUmgJI5k05AouiAjw4wNlI7J0r4i5MzjKpo/GU+ksKEgj9ThMJxBIhLD0tDMRSJJkbQqwXK/YFRhXAiLyGWzet0MCNRuQUAteKtDACH5BAUHABIALAAAAAAWAAwAAAVEoCSOpKKQaHoY47K0TEoeR/uKTCyPq2iKC91OZKihGA1ZoTCUOSAiwpLZlDwgkORIWpVku+DwLiAQBMKQSARCNqPVkBAAIfkEBQcAEgAsAAAAABYAEQAABUqgJI6kYZBoWhDjcYzIkpJF0b7iksw0K5miGI9mQy0UM4FgOGMwRAFlgClqOGWjKFXCwG6/4PDwAYE8xCKyGc1uzyLnNiQCd88lIQAh+QQFBwASACwFAAAAEQAVAAAFSaAkikUxnqMQjOVoHKggsKZ4wPEqtdKLioEZ6mD4GY2JxRGlWCwQy9MzSq1aTw0Go2HNbq/gsATCvT4gZLADEo2wzZGwG/yIn0IAIfkEBQcAEgAsCgAAAAwAFgAABUXgEEhkaQpCSRSmhJYFawajtLZtjO/kcfAGn4F3GPKOyJ1isVDwls2klMdYIBuMKjLbgjxwEAipIW5FIiWIw4wel9PvXQgAIfkEBQcAEgAsBQABABEAFQAABUmgJI5kIJBoKpxpa7awEMD0WBS1fRO5WPC9oLBmOBwMweJxyBwuEEPF4jlMLESQSIrRaEUeogdYsmCksiMIZMQwk77ptahcE9dCACH5BAUHABIALAAABQAWABEAAAVJoCSOZEkKgqmWARqssCS8cW3fOFnsRT7yPZ/w9ojYDgZSMQKxGQ5IEdMHVT2apYXCBmmIGl4JYlFzYCUMxmiRiHVH6dE4B46FAAAh+QQJBwASACwAAAAAFgAWAAAFTKAkjmRpnmiqrmzrvnAsz7QKRRHkBoIQ3LldL1Arkhq6VYFwhEAerIKUKYE4YNJTg2E6GFiMhUihEBkOKwZXtBCLDuhUeNQenV9kVQgAIfkEBQcAEgAsAAAAABYAFgAABWmgJI7kEJBoKpyiIIzBm44uLUv1TLMBf+uSmIqFikCAs9wjYkSKYivS0okjUq9Y1AMCeWChgW3367Jmz9QFgxodqRkNKljEWGdzKMUiVSikESIGBiIEfkgJeyIHByN9SAuAioyEhleCSCEAIfkECQcAEgAsAAAAABYAFgAABU6gJI5kaZrRc64lFLGwmMasS4+Qc58NBKm7Ui9ILN4aDEbDiFQan9AVYmGcLhTGRSJKMhxMggDtYBAVCqKAIHb4mtEiwZpFHp1H6uCdFQIAOw==');
    opacity: 0.5;
    z-index: 10000;
}