.f-16{font-size: 16px !important;}
.f-18{font-size: 18px !important;}
.f-20{font-size: 20px !important;}
.f-22{font-size: 22px !important;}
.f-25{font-size: 25px !important;}
.nav-container, html[data-placement=vertical] .nav-container{background-image: linear-gradient(100deg,#04283b,#2481c4,#2ea6de,#2ea6de) !important;}
.mr-5{margin-right: 5px}
.pad-10{padding: 10px !important;}
.dropdown-item:hover{cursor: pointer !important;}
.h-50{height: 50px !important;}
.mt-05{margin-top: 0.5rem;}
.float-right{float: right !important;}
.float-left{float: left !important;}
.hide{display: none;}
.link{cursor: pointer;}
.hide{display: none;}
.no-break{white-space: nowrap;}
.error-clr{color: #ff3333 !important;}
.error-bg{    background: #ff6666 !important;border-radius: 10px !important;}
 @media screen and (max-width: 800px) {
 .responsive{overflow-x:auto !important;}
 .nav-container, html[data-placement=vertical] .nav-container{background-image: linear-gradient(100deg, #4b9fcb, #22303a, #152127, #2ea6de) !important;}
}

.float-right{float: right !important;}
.float-left{float: left !important;}
.ml-5{margin-left: 5px !important;}
.bg-green{background:#439b38 !important;color: #fff !important;}
.bg-sl{background:#1ea8e7 !important;color: #fff !important;}
.bg-red{background:#BD362F !important;color: #fff !important;}
.bg-yellow{background:#F89406 !important;color: #fff !important;}
.h-52{height: 50px !important;}
.green{color: #439b38 !important;}
.red{color: #cf2637 !important;}
td {height: 50px;text-align: center;vertical-align: middle;}
table{text-align: center !important;vertical-align: center !important;font-size: 16px !important;}
.nav-tabs{font-size: 16px !important;}
.fees-details{max-height: 500px; overflow-x: auto !important;}
.white{color: #fff !important;}
.dis-block{display: block !important;}
.btn-50-50{height: 50px !important;width: 50px !important;}
select{cursor: pointer;}
.part-wrapper{border: 2px solid;border-radius: 10px;padding: 35px;}
.h-resp{max-height: 180px;overflow-y: auto !important;min-height: 180px;overflow-x: hidden !important;}
.part-dist-wrapper{border: 2px solid;border-radius: 10px;padding: 10px;}
.modal-resp{overflow-x: auto !important; max-height: 500px; overflow-y:auto;}
.over-x-hide{overflow-x: hidden !important;}
.pad-top-0{padding-top: 0 !important;}
.w-50{width: 50px !important;}
.pad-15{padding: 15px !important;}
.alink{color: #1ea8e7;cursor: pointer;}
.no-bg{background: none !important;} 
.no-shadow{box-shadow: none !important;}
.mr-30{margin-right: 30px !important;}
.sch-box{border: 1.5px solid;border-radius: 10px !important;padding: 15px}
body{background-color: #f4f5ff !important;}
.card{border: 2px solid #dad9da !important;}
.w-8rem{width: 8rem !important;}
.mt-1rem{margin-top: 1rem !important;}
.full-view{font-size: 25px !important;font-weight: bold !important;}
.mr-30{margin-right: 30px !important;}
.h-100-p{height: 100% !important;max-height: 100% !important;}
.rmd-card{height: 220px !important;max-height: 220px !important;min-height: 220px !important;overflow-y: auto !important}
.rmd-card-adm{height: 170px !important;max-height: 170px !important;min-height: 170px !important;overflow-y: auto !important}
.w-180{width: 180px !important;}
.card-h-300{height:300px !important;max-height:300px !important;}
.card-wrp-300{height:300px !important;max-height:300px !important;overflow-y:auto !important;}
.route-txt{font-size: 16px;margin-top: 5px;text-decoration: underline;font-weight: bold;}

.f-btn{width: 100% !important;height: 50px;border-radius: 30px;font-size: 16px;}

.ind-rt {padding: 5px;width: 100px;border-radius: 15px;margin-right: 2px;border:1px solid}
.rt-exe{background: #2dd36f;}
.rt-gd{background: #2ea6de;}
.rt-avg{background: #ffc409;}
.rt-pr{background: #eb445a;}
.op-box{max-height: 120px;overflow-y: auto;padding: 10px;border-radius: 5px;font-size: 14px;}
.date-lbl{border-bottom: 2px #dad9da  solid;margin-bottom: 1rem;font-weight: bold;display: flex;align-items: center;}
.w-300p{width: 300px;}
.rt-info{width: 100%;padding: 5px;border-radius: 20px;border: 1px solid;font-size: 14px;}
.mt-10{margin-top: 10px !important;}
.stu-info-card{border: 2px solid #dad9da !important;color: black !important;background: #f7f7f7 !important;border-radius: 10px !important;}
.given-by{width: 100%;padding-top: 5px;border-top: 2px #dad9da solid;margin-top: 15px;}
.h-490{height: 490px !important;}
.p-pic{width: 50px;border-radius: 50%;margin-right: 10px;}
.timing-box{border: 1px #dad9da solid;border-radius: 10px;padding: 10px 10px 0px 10px;}
.amnt-info-box{border: 1px solid;height: 50px;border-radius: 10px;padding: 5px;background: #f5f5f5}
.stu-info-box{border-right: 2px #dad9da solid}
.stu-roll-box{border-bottom: 2px #dad9da solid;margin-bottom: 10px;}
.att-ind{padding: 5px 10px 5px 10px !important;border-radius: 16px !important;font-size: 14px !important;}
.web-resp{max-height: 500px !important; overflow-y:auto !important;}
.trns-km-view{max-height: 300px !important; overflow-y:auto;}
.brdr-1{border: 1px solid !important;}
.num-box{padding: 15px 10px 5px 5px;text-align: center;height: 50px;border-radius: 10px;background: #b8e5fa;font-size: 16px;}
.mt--8{margin-top: -8px !important;}
.mr-40{margin-right: 40px !important;}
.mt--5{margin-top: -5px !important;}
.w-400{width: 400px !important;}
.mr-l-40{margin-left: 40px !important;}
.h-425{height: 425px !important;}