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

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

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

/* 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;
}


/*Style selected rows in cohort table*/
#CohortTable tbody tr.selected td, #UnassignedCSTable tbody tr.selected td, #AssignedCSTable tbody tr.selected td {
    background-color: #ffeeba !important;
    color: black;
}

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

table.dataTable thead th {
    white-space: nowrap
}

/*#CohortTable tbody tr {
    cursor: pointer;
}
*/

/*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 (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-90p{
    font-size: 90%;
}

.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;
}

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

.bg-red {
    background: #FF999C;
}

.square-box {
    width: 14px;
    height: 14px;
    background: #FF999C;
    margin-right: 10px;
}

.disable-click-event {
    pointer-events: none;
}