html, body { height: 100% }
body { margin: 0; padding: 0; background-color: #f5f5f5 }




.msg_error { position: relative; width: 700px; background: rgba(255,0,0,0.05); border: 1px rgba(255,0,0,0.3) solid; border-radius: 5px; margin: 50px auto -50px auto; text-align: center; padding: 10px }
.msg_error .bolding { font-weight: bold; color: #ff0000; padding: 0 0 7px 0; font-size: 14px }
.msg_error p { margin: 0px; line-height: 145%; font-size: 13px } 
.msg_error_login { margin: 50px } 
.msg_error_login p { margin: 0px; line-height: 145% }
.msg_error_login a { color: #ff0004 }
.msg_error_login h2 { color: #ff0004; margin: 25px 0 5px 0 }
   
/*button*/
.mini_button { --bs-btn-padding-y: .10rem; --bs-btn-padding-x: .3rem; --bs-btn-font-size: .70rem }
.button_form { padding: 3px 7px; border-radius: 5px; margin: 0 0 0 3px; font-size: 12px; cursor: pointer }

/*shadows*/
.shadow_down { box-shadow: 0 3px 5px rgba(0,0,0,0.2), inset 0px -15px 10px -10px rgba(0,0,0,0.1) } 
.shadow_down_light { box-shadow: 0 5px 5px rgba(0,0,0,0.07), inset 0px 0px 10px -10px rgba(0,0,0,0.05) } 
.shadow_down_light_no { box-shadow: 0 2px 3px rgba(0,0,0,0.07) }
.shadow_top_light_no { box-shadow: 0 -2px 3px rgba(0,0,0,0.07) }


/*login*/
.login { display: flex;height: 100%; align-items: center; padding-top: 40px; padding-bottom: 40px }
.login .form-signin { width: 100%; max-width: 330px; padding: 15px; margin: auto }
.login .form-signin .checkbox { font-weight: 400 }
.login .form-signin .form-floating:focus-within { z-index: 2 }
.login .form-signin input[type="text"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.login .form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0 }


/*header*/
.header-light { background: #fff }

/*footer*/
.footer-light { background: #fff; margin: 100px 0 0 0 }


/*page*/
.zone_title { position: relative; margin: 40px 0 30px 0 }
.zone_title .left_line { position: relative; width: 50%; float: left }
.zone_title .left_line h1 { margin: -10px 0 0 0 }
.zone_title .right_line { position: relative; width: 45%; margin: 0 0 0 55%; text-align: right }
.zone_title_sm { position: relative; margin: 20px 0 10px 0 }
.zone_title_sm .left_line { position: relative; width: 50%; float: left }
.zone_title_sm .left_line h3 { margin: -2px 0 0 0 }
.zone_title_sm .right_line { position: relative; width: 45%; margin: 0 0 0 55%; text-align: right }

.blank_table { background: #fff  }

.dashboard { display: grid; gap: 15px; grid-template-columns: auto auto auto auto; margin: 40px 0 50px 0 }
.dashboard [class^="box-"] { position: relative; border-radius: 10px; padding: 20px; color: #fff; font-size: 13px }
.dashboard .lbl { position: relative; float: left; width: 65% }
.dashboard .rbl { position: relative; width: 35%; margin: 0 0 0 65%; text-align: right }
.dashboard p { margin: 0; font-style: italic }
.dashboard .total_stud { background: linear-gradient(120deg, #e96465, #f0b190) }
.dashboard .total_quantums { background: linear-gradient(120deg, #6e04ec, #f16eff) }
.dashboard .total_directions { background: linear-gradient(120deg, #2f83e5, #0fcef8) }
.dashboard .total_4 { background: linear-gradient(120deg, #e96501, #f6c81b) }



.mentor_name { margin: 0; font-size: 14px }
.blank_student { background: #fff; padding: 17px 7px; border-radius: 10px; margin: 50px 0 0 0; }

.min_height { min-height: 500px }
.small_text { font-size: 13px; }
.mini_text { font-size: 12px; }




tr.tr_link { cursor: pointer }
/* tr.tr_link:hover {  } */



.quantums { display: grid; gap: 15px; grid-template-columns: auto auto auto; margin: 40px 0 50px 0 }
.quantums > div { padding: 10px; background: #fff; border-radius: 10px; cursor: pointer }
.quantums .tile_ico { position: relative; width: 45px; float: left }
.quantums .tile_info { position: relative; margin: 0 0 0 55px }
.quantums .tile_info .tile_title { margin: 0 }
.quantums .tile_info .tile_desc { margin: 0; font-size: 12px }



.bblocks { position: relative; margin: 30px 0 40px 0 }
.bblocks .block_info_st { position: relative; margin: 0 0 5px 0 }
.bblocks .block_info_st .title_block { position: relative; width: 200px; text-align: right; float: left; font-weight: bold }
.bblocks .block_info_st .value_block { position: relative; margin: 0 0 0 210px }