/* Bracket Override */
.nav-link {
    white-space: normal !important;
}

/* custom CSS */

#iq-image-bg{
  background-image: url('/static/assets/img/torilo/login-bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #23a6ba;
  /* {% static 'assets/img/torilo/iq.jpeg' %} */
}
.update-password-form{
  padding: 30px;
  border-radius: 15px;
}

@media screen and (max-width: 900px) {
    #iq-image-bg {
        display: none !important;
    }
}


.pad-md-0 {
    padding: 0px !important;
}
.pad-md-5 {
    padding: 5px !important;
}
.pad-md-7 {
    padding: 7px !important;
}
.pad-md-left-7 {
    padding: 0px;
    padding-left: 7px !important;
}
.pad-md-right-7 {
    padding: 0px;
    padding-right: 7px !important;
}
.pad-md-10 {
    padding: 10px !important;
}
.center-block {
    float: none;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.full-height{
    height: 100% !important;
}


/* custom padding bottom */
.pad-b-30{
    padding-bottom: 30px;
}
.pad-b-20{
    padding-bottom: 20px;
}
.pad-b-10{
    padding-bottom: 10px;
}
.pad-b-7{
    padding-bottom: 7px;
}
.pad-b-5{
    padding-bottom: 5px;
}


/* custom padding top class */
.pad-t-60{
    padding-top: 60px;
}
.pad-t-35{
    padding-top: 35px;
}
.pad-t-30{
    padding-top: 30px;
}
.pad-t-25{
    padding-top: 25px;
}
.pad-t-20{
    padding-top: 20px !important;
}
.pad-t-10{
    padding-top: 10px;
}
.pad-t-15{
    padding-top: 15px !important;
}
.pad-t-13{
    padding-top: 13px;
}
.pad-t-7{
    padding-top: 7px;
}
.pad-t-5{
    padding-top: 5px;
}


/* custom padding for bottom and top */
.pad-bt-30{
    padding-bottom: 30px;
    padding-top: 30px;
}
.pad-bt-20{
    padding-bottom: 20px;
    padding-top: 20px;
}
.pad-bt-18{
    padding-bottom: 18px;
    padding-top: 18px;
}
.pad-bt-10{
    padding-bottom: 10px;
    padding-top: 10px;
}
.pad-bt-7{
    padding-bottom: 7px;
    padding-top: 7px;
}
.padding-bt-5{
    padding-bottom: 5px;
    padding-top: 5px;
}

/* custom padding for left and right */
.pad-lr-40{
    padding-left: 40px;
    padding-right: 40px;
}
.pad-lr-30{
    padding-left: 30px;
    padding-right: 30px;
}
.pad-lr-20{
    padding-left: 20px;
    padding-right: 20px;
}
.pad-lr-10{
    padding-left: 10px;
    padding-right: 10px;
}
.pad-lr-7{
    padding-left: 7px;
    padding-right: 7px;
}
.pad-lr-5{
    padding-left: 5px;
    padding-right: 5px;
}
.pad-lr20{
    padding: 4px 15px 4px 15px;
}
/* custom padding for left and right */
.pad-l-5{
    padding-left: 5px;
}



/* custom margin top class */
.margin-t-60{
    margin-top: 60px;
}
.margin-t-30{
    margin-top: 30px;
}
.margin-t-20{
    margin-top: 20px;
}   
.margin-t-10{
    margin-top: 10px;
}
.margin-t-15{
    margin-top: 15px;
}
.margin-t-7{
    margin-top: 7px;
}
.margin-t-5{
    margin-top: 5px;
}
.margin-t-3{
    margin-top: 3px;
}


/* custom margin bottom class */
.margin-b-30{
    margin-bottom: 30px;
}
.margin-b-20{
    margin-bottom: 20px;
}
.margin-b-10{
    margin-bottom: 10px;
}
.margin-b-15{
    margin-bottom: 15px;
}
.margin-b-7{
    margin-bottom: 7px;
}
.margin-b-5{
    margin-bottom: 5px;
}
.margin-b-0{
    margin-bottom: 0px;
}
.margin-0{
    margin: 0px !important;
}

/* custom margin bottom and top class */
.margin-bt-30{
    margin-bottom: 30px;
    margin-top: 30px;
}
.margin-bt-20{
    margin-bottom: 20px;
    margin-top: 20px;
}
.margin-bt-10{
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin-bt-7{
    margin-bottom: 7px;
    margin-top: 7px;
}
.margin-bt-5{
    margin-bottom: 5px;
    margin-top: 5px;
}

/* custom margin right and left class */
.margin-lr-20{
    margin-right: 20px;
    margin-left: 20px;
}
.margin-lr-10{
    margin-right: 10px;
    margin-left: 10px;
}
.margin-lr-7{
    margin-right: 7px;
    margin-left: 7px;
}
.margin-lr-5{
    margin-right: 5px;
    margin-left: 5px;
}

/* custom margin left class */
.margin-l-20{
    margin-left: 20px;
}
.margin-l-10{
    margin-left: 10px;
}
.margin-l-15{
    margin-left: 15px;
}
.margin-l-7{
    margin-left: 7px;
}
.margin-l-5{
    margin-left: 5px;
}
.margin-l-230{
    margin-left: 230px;
}
.margin-r-20{
    margin-right: 20px;
}

.ml-0{
    margin-left: 0px;
}.mg-md-0{
    margin: 0px !important;
}

/* Other custom CSS Design */
.bg-wh-primary{
    background: #fff;
}
.btn-br-primary{
    background: #1D2939;
}
.settings-back a{
    color: #dee2e6 !important;
}
.settings-back a:hover{
    color: #09152D !important;
}
.bg-secondary-2{
    background: #23a6ba !important;
}
.bg-primary-2{
    background: #09152D !important;
}
.primary-color{
    color: #23a6ba !important;
}


.dashboard-border-bottom{
  margin-bottom: 30px;
}
.dashboard-border-bottom span{
  border-bottom: 2px solid #23a6ba; 
  margin-bottom:5px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}


.btn-gb-primary {
    color: #fff;
    background-color: #1D2939;
    border-color: #1D2939;
}
.btn-gb-primary:hover,
.btn-gb-primary:focus,
.btn-gb-primary:active
{
    color: #fff;
    background-color: rgba(29, 41, 57, 0.88);
    border-color: rgba(29, 41, 57, 0.88);
    cursor: pointer;
}

.box-shadow {
  box-shadow: 0px 0px 5px 1px rgba(217, 217, 217, 0.75);
  -webkit-box-shadow: 0px 0px 5px 1px rgba(217, 217, 217, 0.75);
  -moz-box-shadow: 0px 0px 5px 1px rgba(217, 217, 217, 0.75);
}




/* style for account creation app */
.alert-error {
    color: #b51f2e;
    background-color: #f7d1d5;
    border-color: #f7d1d5
}
.alert-error hr {
    border-top-color: #f7d1d5;
}
.alert-error .alert-link {
    color: #b51f2e;
}

.errorlist{
  margin-bottom: -20px !important;
}.sup{
  color: red;
  font-size: 14px;
}


.modal-dialog-xs {
    min-width: 100% !important;
    height: 100%;
    margin: 0;
    padding: 0;

}


.modal-dialog-sm {
    min-width: 70% !important;
    /* height: 100%; */
    margin: 0;
    padding: 0;
}
.modal-dialog-40 {
    min-width: 40% !important;
    /* height: 100%; */
    margin: 0;
    padding: 0;
}
.modal-dialog-assign-subject {
    min-width: 40% !important;
    height: 500px;
    margin: 0;
    padding: 0;
}

.modal-dialog-lg {
    min-width: 85% !important;
    height: auto;
    margin: 0;
    padding: 0;
}

.input-textarea{
    height: 32px;
}





.modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}
.bradius {
    border-radius: 6px !important;
}
.bradius-t {
    border-radius: 6px 6px 0px 0px !important;
}
.no-border{
    border: 0px solid #fff !important;
}

.cursor{
    cursor: pointer;
}

.btn-action-sm{
    padding: 2px 5px;
}

/* styling the  profile image container */
.image-container{
  width: 170px;
  height: 170px;
  border: 2px solid #f5f5f5;
  background: #f5f5f5;
  cursor: pointer;
  border-radius: 3px;
}

/* profile modal header */
.profile-modal-header{
    background: #23a6ba;
    color: #fff;
    border: 1px solid #23a6ba;
}
.profile-modal-header h6,
.profile-modal-header button
{
    color: #fff;
}
.profile-modal-header button:hover
{
    color: #fff;
    cursor: pointer;
}
.success-alert-container,
.error-alert-container
{
   z-index: 9999;
   position: absolute;
   top: 0px;
   right: 0px;
   left: 0px;
   /* display: none; */
}

/* Profile Header */
.profile-table-header{
    background: #23a6ba;
    border-radius: 6px !important;
}
.profile-table-header th{
    color: #fff !important;
}


.disabled{
    cursor: no-drop;
}.img-bg{
    background: #cecece;
}

.delete-button-container {
    padding: 1px 5px 1px 5px;
  }



/* To add profile plus icon */
.control-boxex {
    list-style: none;
    text-decoration: none;
    overflow: hidden;
    margin-bottom: 0px;
}
.control-boxex>li>a {
    color: #fff;
}
.nextOne {
    right: 30px;
    left: auto;
    position: fixed;
    background: #23a6ba;
    opacity: 0.8;
    top: 90%;
    bottom: 0;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    text-align: center;
    z-index: 999;
    margin-bottom: 0px;
    cursor: pointer;
}
.nextOne:hover {
    opacity: 1;
}
.nextOne i {
    font-size: 18px;
    color: #fff;
    vertical-align: middle;
    margin-top: 33.5%;
}


/* style for settings page setup */
.settings-school-setup p{
    margin-bottom: 0px;
    font-size: 13px;
    text-align: center;
}
.settings-school-setup{
   background: #fff;
   padding: 16px;
   margin-bottom: 14px;
   border-radius: 4px;
   cursor: pointer;
   color: #868ba1;
}
.settings-school-setup h6{
   color: #23a6ba;
   font-weight: 600;
   margin-bottom: 3px;
   text-align: center;
}
.settings-school-setup:hover,
.settings-school-setup:active,
.settings-school-setup:focus{
    background: #23a6ba !important;
    color: #fff !important;
 }

 .form-control-label{
     font-weight: 600;
 }
 .add-border{
     border: 1px solid #ccc;
 }

 /* The settings term section */
 .js-add-table-caption-prev button,
 .js-add-table-caption button,
 .js-add-table-caption-grade-point button,
 .profile-icon
 {
    padding: 4px 6px 4px 6px;
 }
 


 .delete-btn {
    padding: 4px 6px 4px 6px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    background: #ccc;
    border: 1px solid #ccc;
    z-index: 9999;
  }

  .prev-reg{
      color: #343a40 !important;
      border-bottom: 1px solid #fff !important;
      margin-bottom: 30px;
  }

  /* Registered student style */
  .status-card{
      background: transparent;
      height: auto;
      display: block;
      overflow: auto;
      width: auto;
  }
  .status-card .each-status{
      text-align: center;
      width: 65px;
      float: left;
      border-radius: 4px;
  }
  .status-card .each-status p{
    margin-bottom: 0px;
    font-size: 9px;
    border-radius: 3px 3px 0px 0px;
    color: #fff;
  }
  .status-card .each-status div{
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 0px 0px 4px 4px;
    background: #fff;
  }

  .reg-active{
      background: #23a6ba;
      border: 1px solid #23a6ba;
      color: #23a6ba;
  }
  .reg-completed{
      background: orange;
      border: 1px solid orange;
      color: orange;
      margin-right: 15px;
      margin-left: 15px;
  }
  .reg-withdrawn{
      background: #ff5252;
      border: 1px solid #ff5252;
      color: #ff5252;
  }
  .search-registered-student{
    padding-top: 18px !important;
    padding-bottom: 14px !important;
    border: 1px solid #dee2e6;
  }.search-registered-student button{
      padding: 7px 18px 7px 18px;
  }
  .no-search-result-found {
    background: #fff;
    padding-top: 25px;
    padding-bottom: 20px;
    margin-left: 1.5em;
    margin-right: 0em;
    font-size: 20px;
    font-weight: 600;
  }
  .report-card-loading-icon {
    background: #fff;
    padding-top: 25px;
    padding-bottom: 20px;
    margin-left: 1.5em;
    margin-right: 0em;
    font-size: 40px;
    font-weight: 600;
    color: #23a6ba;
    

  }



/* Attendance style */
.student-counter{
    background: #23a6ba;
    color: #fff;
    text-align: center;
    position: absolute;
    left:0px;
    top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px 25px 25px 0px;
}
.custom-card{
    background: #fff;
    padding-top: 35px;
    padding-bottom: 25px;
    margin-bottom: 14px;
    border-radius: 4px;
    cursor: pointer;
    color: #868ba1;
    text-align: center;
    position: relative;
 }
.custom-card p{
    margin-bottom: 0px;
    font-size: 13px;
    text-align: center;
}
.custom-card h6{
   color: #23a6ba;
   font-weight: 600;
   margin-bottom: 3px;
   text-align: center;
}
.custom-card:hover,
.custom-card:active,
.custom-card:focus{
    background: #23a6ba !important;
    color: #fff !important;
 }
 .reg-td td{
     padding-top: 40px;
     padding-bottom: 25px;
 }
  


 /* Style for attendance section */
 .attendance-btn,
 .grade-btn
 {
    padding: 7px 12px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
 }
 .attendance-select{
     height: 36px;
     width: 36px;
     padding:0px;
     margin-top: -7px !important;
     margin-bottom: -9px !important;
 }
 .attendance-select2{
     height: 36px;
     width: 112.5px;
     text-align: center;
     margin-top: -7px !important;
     margin-bottom: -9px !important;
 }
 .assessment-select{
     height: 35px;
     width: 35px;
     padding:0px;
     display: inline-block !important;
     margin-top: -7px !important;
     margin-bottom: -9px !important;
     margin-right: -2px !important;
 }


 .edit-attendance-select{
     height: 36px;
     width: 36px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #23BF08;
    color: #fff;
 }
 .attendance-select2::-ms-expand {
    display: none;
}
 .attendance-present,
 .grade-4
 {
    background: #23BF08;
 }
 .attendance-late,
 .average-grade,
 .grade-3
 {
    background: #FFA500;
 }
 .attendance-holiday,
 .good-grade,
 .grade-2
 {
    background: #23a6ba;
 }
 .attendance-fraction
 {
    background: #6f42c1;
 }
 .attendance-absent,
 .poor-grade,
 .grade-1
 {
    background: #ff5252;
 }
 .attendance-default,
 .attendance-,
 .-grade,
 .grade-
 {
    background: #fff;
    padding: 7px 16.5px;
 }

 .-rating
 {
    background: #fff;
    padding: 7px 56px;
 }
 .excellent-rating
 {
    background: #23BF08;
    padding: 7px 28px;
 }
 .always-rating
 {
    background: #23BF08;
    padding: 7px 34px;
 }
 .very-good-rating
 {
    background: #23a6ba;
    padding: 7px 23.5px;
 }
 .sometimes-rating
 {
    background: #23a6ba;
    padding: 7px 21px;
 }
 .good-rating
 {
    background: #FFA500;
    padding: 7px 39.5px;
 }
 .observed-rating
 {
    background: #FFA500;
    padding: 7px 14.5px;
 }
 .never-rating
 {
    background: #ff5252;
    padding: 7px 39px;
 }
 .fair-rating
 {
    background: #ff5252;
    padding: 7px 44.5px;
 }


 .attendance-indicator{
    padding: 0px 8px;
    border-radius: 3px;
 }
 .attendance-indicator-box{
     font-weight: 600;
     text-align: right;
     padding-top: 7px;
 }
 .attendance-indicator-box-0{
     font-weight: 600;
     text-align: right;
 }
 .attendance-indicator-box-1{
    font-weight: 600;
    text-align: right;
    padding-top: 3px;
}
.week-no-class{
    background: #fff;
    margin-bottom: 15px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid #23a6ba;
 }
 .attendance-btn-lg{
     padding: 7px 18px;
     cursor: pointer;
 }
.pay-tuition-btn,
.print-receipt-btn
{
    padding: 5px 18px;
    cursor: pointer;
    font-size: 12px;
}
.print-payment-details
{
    padding: 10px 18px;
    cursor: pointer;
    font-size: 12px;
}

 .display-none{
     display: none !important;
 }
 .active-table{
     background: #E9ECEF !important;
 }
.trl-table-striped tbody tr:nth-of-type(even) {
    background: #E9ECEF !important;
}
.trl-table-td-v-align-middle td {
    vertical-align: middle !important;
}

.trl-table-bordered th, .trl-table-bordered td {
  border: 1px solid #340a40;
}

.trl-table-bordered > thead > tr > th,
.trl-table-bordered > thead > tr > td {
  border-bottom: 1px solid #340a40;  
}

 .academic-details{
    padding-top: 3px;
    padding-left: 30px;
 }
 .div-no-result-found{
     padding-top: 15px;
     padding-bottom: 15px;
     text-align: center;
     font-weight: 600;
     font-size: 15px;
 }
 .attendance-academic-year{
     color: #23a6ba;
     background: transparent;
     border: 0px solid transparent;
     cursor: pointer;
 }
 .attendance-academic-year:hover,
 .attendance-academic-year:active,
 .attendance-academic-year:focus,
 .mark-attendance-link a:hover,
 .mark-attendance-link a:active,
 .mark-attendance-link a:focus,
 .student-name-link a:hover,
 .student-name-link a:active,
 .student-name-link a:focus
 {
     color: #23a6ba;
 }.mark-attendance-link a{
     color: #23a6ba;
 }.student-name-link a{
    color: #23a6ba;
 }


/* style for fees setup */
.style-fee-header{
    margin-left: -10px !important;
    margin-bottom: 0px;
}
.fee-setup-tr{
    padding: 15px;
    background: #23a6ba;
    color: #fff;
}.style-accordion{
    background: #E9ECEF;
    margin-top: 4px;
}.accordion-card{
    margin-bottom: 4px;
}.style-card-block{
    background: #E9ECEF;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 5px 30px;
}.fee-breakdown-tr{
    padding: 5px 30px;
    background: rgba(35,166,186,.6);
    color: #fff;
}.style-card-block i{
    color: #ccc;
}.school-info-img{
    height: 90px;
    width: 90px;
}



/* style for Payment receipt */
.payment-receipt-container{
    background: #fff;
    border-radius: 5px;
   
}
.container-row{
    border-radius: 5px;
    padding-bottom: 20px;
}
.payment-receipt-container i{
    color: #FFA500;
}
.payment-title{
    background: #23a6ba; 
    padding: 14px;
    color: #fff;
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 30px;
    border-radius: 5px 5px 0px 0px;
}

.student-payment-details{
    border: 0.4px solid #dee2e6;
    padding: 10px 10px;
    margin-bottom: 30px;
    border-radius: 5px;
}

.i-color{
    color: #FFA500;
}
.print-header{
    background: #23a6ba !important;
    color: white !important;
}.print-header th{
    color: #fff !important;
    background: #23a6ba !important;
}.print-style{
    border: 1px solid #dee2e6;
    border-radius: 4px;
}
.print-style-2{
    border: 1px solid #dee2e6;
}
.link-color,
.link-color:hover,
.link-color:focus,
.link-color:active
{
    color: #23a6ba;
}.search-title{
    position: absolute;
    top: -17px;
}



/* Assessment box section */
.assessment-boxes{
    background: #fff;
    padding-top: 15px ;
    padding-bottom: 15px;
    border-radius: 5px;
}

.loader-icon-container{
  font-size: 40px;
  color: #23a6ba;
  padding-top: 10px;
  padding-bottom: 10px;
}


.error-msg-text{
    font-size: 16px;
    font-weight: 100;
}.dismiss-btn{
    letter-spacing: 3px;
    font-weight: 100;
    font-size: 18px;
    border-radius: 0px 0px 5px 5px;
    padding-top: 16px;
    padding-bottom: 16px;
}
.border-radius-5{
    border-radius: 5px;
}.publish-unpublish-btn{
    color: #fff !important;
}
input.upper { text-transform: uppercase; }
input.capitalize { text-transform: capitalize; }
input.lower { text-transform: lowercase; }


.add-logo-height{
  height: 190px !important;
}



/* Teacher assessment section style */
.edit-input{
    /* border: 2px solid #fff; */
    pointer-events: none;
    background: #E9ECEF !important;
    resize: none;
}
.edit-input:hover,
.edit-input:focus,
.edit-input:active
 {
    /* border: 2px solid #fff; */
    pointer-events: none;
    background: #fff !important;
}.error-information{
    padding-top: 20px;
    padding-bottom: 15px;
}
.table-link{
    color: #23a6ba !important;
}
.table-link:hover,
.table-link:active,
.table-link:focus
{
    color: #23a6ba !important;
}


 /* Grade Non academic assessment */
 .non-grade{
     border: 0px solid red;
     margin-bottom: 18px;
 }
 .text-capitalize{
     text-transform: capitalize;
 }
 .text-lowercase{
     text-transform: lowercase;
 }
 .text-uppercase{
     text-transform: uppercase;
 }
.cognitive-assessment{
    background-color: #fff;
    padding: 10px 0px 10px 10px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
}
.span-rating{
    border-left: 1px solid #23a6ba;
}
.status-color td{
    color: #dc3545;
}



/* report card style */
.report-card-attendance{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
    border: 1px solid #09152D;
    border-radius: 1px;
    background: #fff;
}
.report-card-attendance p{
    margin-bottom: 0px;
}
.attendance-title{
    background: #23a6ba;
    color: #fff;
}
.report-padding{
    padding-top: 1px;
    padding-left: 10px;
    padding-bottom: 1px;
}
.report-value{
    background: #fff;
    text-align: center;
}

.just-rotate{
    transform: rotate(270deg);
}

.report-table {
    width: 100%;
    max-width: 100%;
    /* margin-bottom: 1rem; */
    background-color: transparent;
    color: #000;
  }
  .report-table th,
  .report-table td {
    padding: 4px 0px 4px 8px;
    vertical-align: top;
    border: 1px solid #dee2e6;
    /* border: 1px solid #09152D; */
    /* text-align: center; */
  }
  .report-table thead th {
    vertical-align: bottom;
    /* border-bottom: 1px solid #dee2e6; */
  }
  .report-table tbody + tbody {
    border-top: 2px solid #dee2e6;
  }





.report-header-table {
    width: 100%;
    max-width: 100%;
    /* margin-bottom: 1rem; */
    background-color: transparent;
    color: #000;
}
.report-header-table th,
.report-header-table td{
    padding: 1px 10px;
    vertical-align: top;
    /* border: 1px solid #09152D; */
    /* border-top: 1px solid #dee2e6; */
    /* text-align: center; */
}
.report-header-table th:not(:first-child),
.report-header-table td:not(:first-child) {
    text-align: center;
}
.report-header-table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #09152D;
}
.report-header-table tbody + tbody {
    border-top: 2px solid #dee2e6;
}
.report-header-table .table {
    background-color: #E9ECEF;
}


.subject-table {
    width: 100%;
    max-width: 100%;
    /* margin-bottom: 1rem; */
    background-color: transparent;
    color: #000;
}
.subject-table th,
.subject-table td{
    padding: 2px 10px;
    vertical-align: middle;
    border: 1px solid #09152D;
    /* border-top: 1px solid #dee2e6; */
    /* text-align: center; */
}
.subject-table th:not(:first-child),
.subject-table td:not(:first-child) {
    text-align: center;
}
.subject-table thead th {
    vertical-align: middle;
    border-bottom: 1px solid #09152D;
}
.subject-table tbody + tbody {
    border-top: 2px solid #dee2e6;
}
.subject-table .table {
    background-color: #E9ECEF;
}


.subject-rating-table {
    width: 100%;
    max-width: 100%;
    /* margin-bottom: 1rem; */
    background-color: transparent;
    color: #000;
}
.subject-rating-table th,
.subject-rating-table td{
    padding: 0px 10px !important;
    vertical-align: top;
    border: 1px solid #09152D;
    font-size: 14px;
    /* border-top: 1px solid #dee2e6; */
    /* text-align: center; */
}
.subject-rating-table th:not(:first-child),
.subject-rating-table td:not(:first-child) {
    text-align: center;
}
.subject-rating-table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #09152D;
}
.subject-rating-table tbody + tbody {
    border-top: 2px solid #dee2e6;
}
.subject-rating-table .table {
    background-color: #E9ECEF;
}
.school-info p{
    margin-bottom: 0px;
}
.report-header p{
    margin-bottom:0px;
}

.input-icon-bg{
    background-color:#23a6ba !important;
    color: #fff !important;
    cursor: pointer;
}

.input-icon-bg2{
    background-color: orange !important;
    color: #fff !important;
    cursor: pointer;
}

.personal-hide-show-key button
{
    padding: 4px 6px 4px 6px !important;
    position: absolute;
    right: 30px;
    opacity: 0.4;
    background: transparent;
    border: 0px solid #fff;
    color: #666;
}
.personal-hide-show-key button:hover,
.personal-hide-show-key button:focus,
.personal-hide-show-key button:active{
    opacity: 1;
    background: transparent;
    border: 0px solid #fff;
    color: #000;
}
 
.invisible-print-container {
    display: none;
}

.invisible-print-container .invisible-print-data {
    display: none;
}

@media print {
  #print-container {
    display: block;
    visibility: visible;
    position: relative;      
  }
  
  @page {
    margin: 14px !important;
    size: A4 protrait;
    /* size:297mm 210mm;   */
    /* width: 90% !important; */
    /* width: 95% !important; */
    /* height: 1093px !important; 
    width: 850px !important; */
    /*size: auto !important;
    font-size: auto !important; */
  }
  .report-card-container{
    /* border: 0px solid red !important; */
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}




@media (min-width: 993px) and (max-width: 1200px) {
    
}

@media (min-width: 769px) and (max-width: 992px) {}

@media (min-width: 480px) and (max-width: 768px) {

    .pad-sm-0 {
        padding: 0px;
    }

    .pad-sm-5 {
        padding: 5px;
    }
    .pad-sm-10 {
        padding: 10px;
    }
    .status-card{
        margin-top: 15px;
    }
}

@media (min-width: 0px) and (max-width: 589px) {
    /* style for fees setup */
    .style-fee-header{
        margin-left: 0px !important;
        margin-bottom: 0px;
    }
    .margin-b-sm-30{
        margin-bottom: 30px;
    }
}

@media (min-width: 0px) and (max-width: 989px) {
    .search-mg-sm-10{
        margin-bottom: 15px;
    }
}


@media (min-width: 0px) and (max-width: 789px) {
    .margin-b-sm-30{
        margin-bottom: 30px;
    }
    

}

@media (min-width: 0px) and (max-width: 479px) {

    .pad-xs-0 {
        padding: 0px;
    }
    .pad-xs-5 {
        padding: 5px;
    }
    .pad-xs-8 {
        padding: 8px;
    }
    .pad-xs-10 {
        padding: 10px;
    }
    .status-card{
        margin-top: 15px;
    }


}    

.vertical-rl-reverse {
    writing-mode: vertical-rl; 
    transform: rotateZ(180deg);
    padding-left: 0.5rem;
}

.v-pad {
    padding-left: 0.55rem !important;
    padding-bottom: 1rem !important;
}

.inset-shadow {
    box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.2);
}

.popover {
    z-index: 1020;
    border-radius: 0.3rem;
}

.popover-header {
    background: #f7f7f7;
}

.popover-body {
    color: #212529;
}

@media print {
    .report-card-main-container {
        -webkit-print-color-adjust: exact;
    }
}

/* QUIL EDITOR */
.ql-toolbar {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #fff;
}

#js-quill-editor {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #fff;
  min-height: 300px;
  height: 100%;
}

.ql-tooltip {
  z-index: 120;
}

/* NEWSLETTER */
.newsletter p{
    margin-bottom: 0px;
    font-size: 13px;
    text-align: center;
}
.newsletter{
   background: #fff;
   padding: 16px;
   margin-bottom: 14px;
   border-radius: 4px;
   cursor: pointer;
   color: #868ba1;
   /* max-height: 180px; */
   min-height: 180px;
}
.newsletter h6{
   color: #23a6ba;
   font-weight: 600;
   margin-bottom: 3px;
   text-align: center;
}
.newsletter:hover,
.newsletter:active,
.newsletter:focus{
    background: #23a6ba !important;
    color: #fff !important;
 }

@media (max-width: 1200px) {
    .newsletter {
        min-height: 250px !important;
    }
}
@media (max-width: 760px) {
    .newsletter {
        min-height: 200px !important;
    }
}
@media (max-width: 575px) {
    .newsletter {
        min-height: 170px !important;
    }
}

.message-card {
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    margin: .5rem auto;
    max-width: 60%;
    padding: 20px;
}

@media screen and (max-width: 450px) {
    .mob-disp-0 {
        display: none;
    }
    .mob-disp-flex {
        display: flex;
        justify-content: center !important;
    }
    .mob-tx-center {
        text-align: center;
    }
    .mob-flex-col {
        flex-direction: column !important;
    }
    .mob-mb {
        margin-bottom: 1rem;
    }
    .mob-tx-xsm {
        font-size: 12px;
    }
    .mob-bg {
        background: #23a6ba;
        color: #fff;
    }
    .mob-wd-90 {
        width: 90% !important;
    }
    .mob-flow-x {
        overflow-x: scroll;
    }
    .mob-pd-xlg {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .mob-ml-lg {
        margin-left: 15px !important;
    }
}

.nav-horiz .nav-item .nav-link {
    white-space: nowrap !important;
}

.inherit-link-text {
    color: inherit;
    text-decoration: underline;
}

.login-input {
    background: none !important;
    border: none;
    outline: none !important;
    padding-left: 10px;
    width: 100% !important;
}