.sidebar .sidebar-brand {
    height: auto;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 800;
    padding: 10px 15px;
}
.school_top_info b{
    font-size: 28px;
    font-weight: bold;
    vertical-align: middle;
}

.class_rooms .card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 5px 15px;
}

.messagealert {
    width: 20%;
    position: fixed;
    top: 255px;
    z-index: 100000;
    padding: 10px 0px;
    font-size: 20px;
    text-align: center;
    right: 550px;
}
.modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}
.modal-dialog.modal-lg{
    max-width: 800px;
}
.modal-dialog.modal-xl{
    max-width: 1100px;
}
.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start !important;
    padding: .75rem;
    border-top: 1px solid #e3e6f0;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}


.class_rooms .card{
    border-radius: 5px;
    padding: 10px 0px;
}
.class_rooms a:hover{
    text-decoration: none;
}
.class_rooms a:hover h1, 
.class_rooms a:hover h3{
    color: #FBEEEF;
}
.custome_class_name h1{
    font-size: 80px;
    color: rgba(255,255,255,0.7);
    font-weight: bold;
    text-align: center;
}
.custome_class_name h3{
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: rgba(255,255,255,0.2);
    font-size: 22px;
    margin-top: 10px;
    color: rgba(255,255,255,0.7);
    text-align: center;
}

.bg-color-1{
    background-color: #D24D57;
}
.bg-color-2{
    background-color: #26A65B;
}
.bg-color-3{
    background-color: #7A297E;
}
.bg-color-4{
    background-color: #5D81AC;
}
.bg-color-5{
    background-color: #DF7CF7;
}
.bg-color-6{
    background-color: #BE5683;
}
.bg-color-7{
    background-color: #68B0AB;
}
.bg-color-8{
    background-color: #91D18B;
}

.single_q_show{
    background-color: #F9FAFB;
    border: 1px solid #E7EAEE;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px;
}
.ad_q_name h3{
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    float: left;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 0px;
}
.ad_question p{
    font-size: 18px;
    font-weight: bold;
    padding: 3px 0px;
}
.ad_question_mark{
    font-weight: bold;
}
.ad_question_ans{
    padding-left: 15px;
}
.ad_question_ans p{
    font-size: 16px;
    margin: 4px 0px;
}
.ad_question_ans .fas{
    color: #6AC259;
    position: absolute;
    left: 5px;
    line-height: 23px;
}
.ad_total_question{
    float: right;
    position: absolute;
    right: 160px;
    top: 10px;
    border-radius: 3px;
    padding: 3px 5px;
    font-weight: bold;
    color: #fff;
}
.ad_total_marks{
    float: right;
    position: absolute;
    right: 15px;
    top: 10px;
    border-radius: 3px;
    padding: 3px 5px;
    font-weight: bold;
    color: #fff;
}


/*.table_dis td,
.table_disa td {
  position: relative;
}*/


/*
  The below adds a veil ABOVE the td elements
  that are in a tr with the "disabled" property.
  If you click, that's on the veil, not on the button
*/
/*.table_dis tr[disabled] td::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
}
*/
/*
  This shorter one should work too:
  It disables the events of your mouse on the tds
  that are in a tr with the "disabled" property.
  (Plus, I added your blur)
*/
/*.table_disa tr[disabled] td {
  filter: blur(1px);
  pointer-events: none;
}*/






.bg-login-image, .bg-register-image {
    background: url(img/logo-with-pencil-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover cover;
    border-right: 1px solid #ddd;
}
.reg .fa-smile{
    color: #FF8E00;
}