#student-search {
    position: relative;
}

.al_reg {
    padding: 20px;
    border: solid 2px;
    margin-bottom: 20px;
    background-color: #f2f2f2;
}
@media only screen and (min-width: 800px) {
    .al_reg {
        background-image: url(https://my.ateb.us/wp-content/uploads/sites/2/2024/06/Degree-Verification-jpg.webp);
        background-size: contain;
        background-repeat: no-repeat;
        background-position-x: right;
    }
}

.loading-indicator {
    position: absolute;
    background: rgb(0 0 0 / 50%);
    inset: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 22px;
}

.invalid input,
.invalid select,
.invalid textarea {
    border: 1px red solid;
}
#student-search-roll.invalid {
    border: solid 1px red;
}

#student-search-roll::placeholder,
#student-search-roll::-webkit-input-placeholder,
#student-search-roll:-moz-placeholder,
#student-search-roll:-ms-input-placeholder {
  color: black;
}
#roll_finder {
    font-size: 16px;
}

[style="height: 35px; visibility: hidden;"] {
    display: none;
}

table th, table td {
    padding: 5px;
}

body table {
    border: solid 1px;
}

thead, tfoot {
    background: #cdd2d5;
}  

.d-none {
    display: none;
}

#student-note {
    border: 1px solid;
    padding: 15px;
    background: #cdd2d5;
} 

#student-info {
    position: relative;
}

#student-info-report {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
}

div#student-results h4 {
    margin-bottom: 2px;
}

.roll-results table {
    margin-bottom: 0;
}

.roll-results .desc {
    margin-top: 10px;
    line-height: 1.2;
}

.roll-result {
    cursor: pointer;
}

#field_remark_bug {
    min-height: 150px;
}

.span-12 {
    -ms-grid-column-span: 12;
    grid-column: span 12;
}