body.ecpi {
    padding-top: 71px;
    background-position-y: 71px !important;
    padding-bottom: 71px;    
}

body.ecpistudent {
    background-position-y: 71px !important;
    padding-bottom: 71px;
    background-color: #EFEFEF;
    /*background-image: url('../Images/ECPISealFinal_white750x750.png');*/
    background-image: url('../Images/ECPISealFinal_white750x750.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}

body.atistudent {
    /*padding-top: 71px;*/
    background-position-y: 200px !important;
    padding-bottom: 71px;
    background-image: url('../Images/ATI_White-01.png');
    background-position: left;
    background-size: 750px;
    background-repeat: no-repeat;
    background-color: #EFEFEF;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.vh-100-header {
    height: calc(100vh - 50px );
}

.vh-75 {
    height: 75vh;
}

/* loading overlay */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    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;
}

/*Loading screen animation*/
.LoadingScreenDiv {
    position: absolute;
    top: 350px;
    right: 55%;
    left: 45%;
    z-index: 100;
    display: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*Bold the display that shows how many rows are currently selected*/
.dataTables_wrapper .select-info {
    font-weight: bolder;
}

/*Style checkbox*/
table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
    content: '\2713' !important;
    margin-top: -15px !important;
    margin-left: -4px !important;
    text-align: center !important;
    font-weight: bold !important;
}

/*Makes border a little wider*/
.border-wider {
    border-width: 2px !important;
}

/*Brings the autocomplete dialog forward and makes it scrollable*/
.ui-autocomplete {
    position: absolute;
    z-index: 2150000000 !important;
    cursor: default;
    border: 2px solid #ccc;
    padding: 5px 0;
    border-radius: 2px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}


/*Used for the export, breaks to the next page*/
.pageBreak {
    page-break-after: always;
}




.ecpiimagejumbotron, .ecpiimage {
    min-height: 200px;
    background-image: url('../Images/feature-virginia-beach-777x437.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.atiimagejumbotron, .atiimage {
    min-height: 200px;
    background-image: url('../Images/feature-ati.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.gradimagebackground {
    background-image: url('../Images/grad.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 210px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}

.ecpiimagejumbotron h2 {
    color: #fff;
}

.ecpiimagejumbotron hr {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -5px;
}

.ecpiimagejumbotron p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0px;
    /*margin-left: -5px;*/
}

.ecpiimagejumbotron .jumbotronoverlay {
    background: rgba(66, 139, 202, 0.80);
    /*padding: 0px 5px;*/
    border-radius: 15px;
    min-height: 180px;
}


#gradimage {
    max-height: 220px;
    object-fit: cover;
}

#startImage {
    max-height: 250px;
}

#welcometext {
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin-left: -5px;
    display: inline-block;
}


@media only screen and (min-width: 600px) {
    /*Width 50% when on a large screen*/
    .width50onLargeScreen {
        width: 50%;
    }
}

@media only screen and (min-width: 600px) {
    /*Width 75% when on a large screen*/
    .width75onLargeScreen {
        width: 75%;
    }
}

@media only screen and (max-width: 600px) {
    /*Shrinks text on mobile to 75% of default*/
    .smallerFontOnMobile {
        font-size: 75%;
    }
}

@media only screen and (orientation:landscape) and (max-width: 600px) {
    /*Used to hide elements when in landscape that can hinder viewing experience*/
    .hideOnMobileLandscape {
        display: none;
    }
}

.font-larger {
    font-size: 125%;
}

.font-85p {
    font-size: 85%;
}

.font-90p {
    font-size: 90%;
}

.font-92p {
    font-size: 92%;
}

.font-95p {
    font-size: 95%;
}

#messageToStudent {
    font-size: 24px;
}

.disabledAnchor {
    pointer-events: none;
    cursor: default;
}


#testSiteBanner {
    font-size: 125%;
    margin-left: 15vw !important;
    width: 20vw !important;
}

.bg-pink {
    background-color: #FF91AF
}

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

.div-height-700 {
    height: 700px;
}

.cursor-pointer {
    cursor: pointer;
}