*{
  margin: 0;
  padding: 0;
 box-sizing: border-box;font-family: 'Poppins', sans-serif;font-size: 13px;
}
body{background-color: #f5f6f7;}
/************Width************/
.w100{width:100%;}
.w98{width:98%;}
.w95{width:95%;}
.w90{width:90%;}
.w85{width:85%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w48{width:48%;}
.w40{width:40%;}
.w30{width:30%;}
.w25{width: 25%;}
.w22{width: 22%;}
.w20{width:20%;}
.w24{width:24%;}
.w10{width: 10%;}


.size80{width: 80%;}

.show_tab_bar{display: block;}

@media only screen and (max-width: 992px){
  .size80{width: 90%;}
}

.border-radius05{border-radius: 5px;}
.red{border: 1px solid red;}
.display_none{display: none;}
.align-items-center{align-items: center!important;}
.position-absolute{position: absolute;}
.position-relative{position: relative;}
/************End Width************/



body::-webkit-scrollbar {
  width: 1em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background: rgb(18,116,143);
background: linear-gradient(45deg, rgba(18,116,143,1) 0%, rgba(26,206,234,1) 100%);
 border-radius: 10px;
  outline: 1px solid slategrey;
}

.float-l{float: left;}
.float-r{float: right;}
/************Border Start************/
.bleft{border-left: 5px solid skyblue;}
.bright{border-right: 2px solid #ddd;}
.bod{border: 1px solid #ddd;}
/************End Border************/

.container-95{margin-left: auto;margin-right:auto;width: 95%;}
.container{margin-left: auto;margin-right:auto;width: 90%;}
.container-1{margin-left: auto;margin-right:auto;width: 70vw;}
.auto{margin-left: auto!important;margin-right: auto!important;}
img{max-width: 100%;}

/************Flex************/
.dflex{display: flex;flex-wrap: wrap;}
.wrap{flex-wrap:wrap;}
.size1{flex: 1;}
.size2{flex: 2;}
.size3{flex: 3;}
.flex-start{align-content: flex-start;}
.flex-end{align-content: flex-end;}
.space-between{align-content: space-between;justify-content: space-between;}
.space-around{align-content: space-around;justify-content: space-around;}
.align-item-center{align-items: center;}
/************Flex End************/

/******TEXT ALIGN******/
.center{text-align:center;}
.justify{text-align:justify;}
.left{text-align:left;}
.right{text-align:right;}
/******TEXT ALIGN END******/ 

/******Box-Shadow and text-shadow ******/
.bs{ box-shadow: 0px 0px 10px 1px #cccccc;}
.bs0{box-shadow:2px 2px 9px #ddd;}
.bs1{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.30);}
.bs2{box-shadow:2px 2px 9px #ddd;}
.ts{text-shadow: 1px 1px 3px #333;}
/******Box-Shadow and Text-shadow End******/
.border-1{border-left: 1px solid #fff;}
.border-b-1{border-left: 1px solid #444;}

.pointer{cursor: pointer;}
.delete{color: red;}
/******color******/
.white{color: white;}
.black{color: black;}
/******Color End******/
/****** Media Querys Start*****/
@media only screen and (max-width:768px){
   .w30,.w20,.w22,.w24,.w25,.w60,.w40,.w50,.w70,.w48,.w80{width: 100%!important;flex-direction: column;flex-wrap: wrap;}
}


@media only screen and (max-width:992px){
   .w90{width: 95%!important;}
}

.dash-wrapper{padding: 20px 20px;border-left:2px solid #172744;border-radius: 5px;position: relative;}
.dash-wrapper .curve-effect{border-radius: 5px;
  position: absolute;left: 0;bottom:0px;background-image: url('../images/eff.png');width: 100%;height: 50%;background-size: cover;opacity: 0.2;}
.gra{background: rgb(20,213,242);
background: linear-gradient(45deg, rgba(20,213,242,1) 0%, rgba(16,35,61,1) 100%);}
.gra1{background: rgb(251,146,125);
background: linear-gradient(45deg, rgba(251,146,125,1) 0%, rgba(41,52,81,1) 100%);}
.gra2{background: rgb(249,228,108);
background: linear-gradient(45deg, rgba(249,228,108,1) 0%, rgba(43,52,78,1) 100%);}
.gra3{background: rgb(153,153,225);
background: linear-gradient(45deg, rgba(153,153,225,1) 0%, rgba(43,52,78,1) 100%);}
.gra4{background: rgb(56,184,143);
background: linear-gradient(45deg, rgba(56,184,143,1) 0%, rgba(43,52,78,1) 100%);}
.gra5{background: rgb(61,61,85);
background: linear-gradient(45deg, rgba(61,61,85,1) 0%, rgba(41,65,107,1) 100%);}

.dash-wrapper:hover{box-shadow: 13px 10px 10px 0px rgba(105, 105, 105, 0.09);}
.dash-wrapper h2{font-size: 23px;color: #fff;}
.dash-wrapper h3{font-weight: 500;color: #fff;}
.dash-wrapper i{}
.dash-wrapper img{width: 70%;}
.dash-wrapper p{padding: 5px 0;line-height: 1.5;}

.dash-wrapper-1{padding: 20px 20px;border-radius: 0px;position: relative;background-color: #fff;}
.dash-wrapper-1 img{width: 50%;}
.rupee-sign{font-size: 18px!important;margin-right:5px;}


.add-course-section form label{padding: 10px 0;display: inline-block;}
.add-course-section form input{padding:10px 15px;border-radius:5px;outline: none;border:none;border:1px solid #ddd;box-shadow: inset 0 0 0 #fff,inset 0 0 0 #fff;}
.add-course-section form select{padding:10px 15px;border-radius:5px;outline: none;font-size:13px;border:none;border:1px solid #ddd;box-shadow: inset 0 0 0 #fff,inset 0 0 0 #fff;}
.add-course-section form select option{text-align: center;}
.submit-btn{background-color: #e63338;color: #fff;}
.syllabus-pattren-stu ul li{margin-left: 20px;line-height: 25px;}
.table-section{padding:0 1%!important;}
.table-wrapper{border-collapse: collapse!important;width: 100%;max-width: 100%;margin: 0px auto;font-family: 'Poppins', sans-serif;  }
.table-wrapper .heading-tab{background-color: #ec8b7a;}
.table-wrapper .heading-tab th{color: #fff;}
.table-wrapper td,th{border: 1px solid #ddd;padding: 10px 10px;font-size: 13px;font-family: 'Poppins', sans-serif;}
.table-wrapper tr:nth-child(odd) td{background: #eee;}
.table-wrapper tr:nth-child(even) td{background: #fff;}
.table-wrapper td a {color: black;text-decoration: none;}
.tab-search input[type=text],.tab-search select{height: 35px;background-color:#fff;outline: none;padding:7px 15px;border-radius:5px;border: 1px solid #6666;}
.tab-search input[type=submit]{background: rgb(251,146,125);
background: linear-gradient(45deg, rgba(251,146,125,1) 0%, rgba(41,52,81,1) 100%);height: 36px;color: #fff;outline: none;padding:10px 15px;border-radius:0px 5px 5px 0px;}
.search-icon{top: 10px;right: 20px;cursor: pointer;}
.show-tab-result span{color: #53475a;font-weight: 800;font-family: 'Poppins', sans-serif;padding-left: 10px;}
.head h2{font-size: 20px;font-weight: 700;color: #53475a;}
@media only screen and (max-width: 992px){
  .show-tab-result{padding: 10px 5px;}
  .table-section{overflow-x: scroll;}
  .table-section::-webkit-scrollbar-track {
  border: 1px solid #000;
  padding: 2px 0;
  background-color: #404040;
}

.table-section::-webkit-scrollbar {
  width: 10px;
}

.table-section::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #737272;
  border: 1px solid #000;
}


}
/******************ADD NEW STUDENTS****************/
.add-new-stu{background-color: #fff;}
.add-new-stu form label{padding: 10px 0;display: inline-block;}
.add-new-stu form input{padding:10px 15px;border-radius:5px;outline: none;border:none;border:1px solid #ddd;box-shadow: inset 0 0 0 #fff,inset 0 0 0 #fff;}
.add-new-stu form input:focus{border: 1px solid #172744;}
.add-new-stu form textarea:focus{border: 1px solid #172744;}
.add-new-stu form textarea{padding:10px 15px;border-radius:5px;outline: none;border:none;border:1px solid #ddd;
  box-shadow: inset 0 0 0 #fff,inset 0 0 0 #fff;height: 40px;}
.add-new-stu form select{padding:10px 15px;border-radius:5px;outline: none;border:none;
  border:1px solid #ddd;box-shadow: inset 0 0 0 #fff,inset 0 0 0 #fff;}
.add-new-stu form select option{text-align: center;}
.add-new-stu form input[type=submit]{text-align: center;}
.add-new-stu form input[type=submit]:focus{border: 0!important;}
.add-new-stu form input[type=submit]:hover{opacity: 0.9;}
.submit-btn{color: #fff;text-align: center;cursor: pointer; -webkit-text-align: center;background: rgb(114,210,189);
background: linear-gradient(45deg, rgba(114,210,189,1) 0%, rgba(60,186,159,1) 100%);padding: 12px 8px!important;}
.add-new-stu form-checkbox{position: absolute;top: 10px;box-shadow: 3px 3px 4px #ddd;}
.add-new-stu fieldset{padding: 10px;border: 1px solid #09203b;}
.add-new-stu fieldset legend{background-color: #ec8b7a;
    color: #fff;
    padding: 5px 10px ;
    font-size: 12px;
    border-radius: 5px;
    box-shadow: 0 0 0 2px #ddd  ;
    margin-left: 20px;}
.form-wrap{padding: 0 15px;}
.form-wrap-1{float: right;padding-right: 20px;}
.add_form_row{font-weight: 800;cursor: pointer;}
@media only screen and (max-width:992px){
  .form-wrap{padding: 0 0px;}
  .form-wrap-1{float: right;padding-right: 0px;}
}


.table-wrap-drop{border-collapse: collapse;}
.table-wrap-drop .input-none{border: 0!important;border-radius: 0!important;}
.table-td-border td{border: 1px solid #ddd;}
.table-tab-padding td{padding:8px 10px;}


.tab-payment{border-collapse: collapse;}
.tab-payment td,th{border: 0;border-bottom:1px solid #ddd;font-size: 12px;font-weight: 400;text-align: left;padding: 10px 10px;}
.tab-payment .tab-head{background-color: #d38e85;}



/**********************Add Class Section**************/
  #regForm {
  background-color: #ffffff;
  margin:20px auto;
  font-family: Raleway;
  padding: 20px;
  width: 80%;

}


.tab input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  font-family: Raleway;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
.tab input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

.button {
  background-color: #172744;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  cursor: pointer;margin-right: 15px;
}

.button:hover {
  opacity: 0.8;
}

#prevBtn {
  background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.activeclass {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}

/**********************Add Class Section End**************/

.pad-05{padding: 5px;}
.add-btn{height: 100%;}
.student-show-tabs li{list-style: none;display: inline-block;
  border: 1px solid #ddd;padding: 8px 10px;margin:0 3px;background-color: #fafaf9;border-radius: 3px;text-align: center;}
.student-show-tabs li span{color: green;font-weight: 700;text-decoration: underline;padding-left: 2px;}



/*******************Alert*************/
.alert-success{padding: 15px 10px;background-color: #93e089;color:green;border-radius: 4px;box-shadow: 0 1px 10px 0 rgba(20, 48, 138, 0.03);font-size: 12px;position: relative;}
.alert-error{padding: 15px 10px;background-color: #f8d7da;color:#721c24;border-radius: 4px;box-shadow: 0 1px 10px 0 rgba(20, 48, 138, 0.03);font-size: 12px;position: relative;}
.alert-close{position: absolute;top: 18px;right: 15px;cursor: pointer;}
.already-exist{color: red;padding: 10px 0;}

.reciept-table{border-collapse: collapse;}
.reciept-table th{font-weight: 700;}
.reciept-table td,th{border: 1px solid #ddd;padding: 5px 10px;}




/************************LOGIN FORM START*********************/
.wave{
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: -1;
}

.container_login{
    width: 100vw;
    height: 100vh;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap :7rem;
    padding: 0 2rem;
}

.img-login{
  display: flex;
  justify-content: center;
  align-items: center;text-align: center;
}

.login-content{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

.img-login img{
  width: 400px;
}

.form_wrapper_login{
  width: 360px;
}

.login-content img{
    height: 100px;
}

.login-content h2{
  margin: 15px 0;
  color: #333;
  text-transform: uppercase;
  font-size: 25px;color: #8b0d0e;font-weight: 900;
}

.login-content .input-div{
  position: relative;
    display: grid;
    grid-template-columns: 7% 93%;
    margin: 25px 0;
    padding: 5px 0;
    border-bottom: 2px solid #d9d9d9;
}

.login-content .input-div.one{
  margin-top: 0;
}

.i{
  color: #d9d9d9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.i i{
  transition: .3s;
}

.input-div > div{
    position: relative;
  height: 45px;
}

.input-div > div > h5{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 18px;
  transition: .3s;
}

.input-div:before, .input-div:after{
  content: '';
  position: absolute;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background-color: #8b0d0e;
  transition: .4s;
}

.input-div:before{
  right: 50%;
}

.input-div:after{
  left: 50%;
}

.input-div.focus:before, .input-div.focus:after{
  width: 50%;
}

.input-div.focus > div > h5{
  top: -5px;
  font-size: 15px;
}

.input-div.focus > .i > i{
  color: #8b0d0e;
}

.input-div > div > input{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: none;
  padding: 0.5rem 0.7rem;
  font-size: 1.2rem;
  color: #555;
  font-family: 'poppins', sans-serif;
}

.input-div.pass{
  margin-bottom: 4px;
}

.forget_pass{
  display: block;
  text-align: right;
  text-decoration: none;
  color: #999;
  font-size: 0.9rem;
  transition: .3s;
}

.forget_pass:hover{
  color: #38d39f;
}

.btn-login{
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 25px;
  outline: none;
  border: none;
  background-image: linear-gradient(to right, #0f659a, #0f659a,#153156);
  background-size: 200%;
  font-size: 1.2rem;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  margin: 1rem 0;
  cursor: pointer;
  transition: .5s;
}
.btn-login:hover{
  background-position: right;
}

.login-alert{background-color: rgba(250, 47, 74,0.8);padding: 10px;position: absolute!important;top: 10%;border-radius: 5px;}
.login-alert .message{color: #fff;align-items: center;align-items: center;justify-content: center;}
.login-alert .alert-icon-wrap{font-size: 18px;position: relative;top: 2px;}

.dropdown_bar{cursor: pointer;}

.icon_form_wrap{position: absolute;top: 0px;right: 30px;}
.form_icon_add{font-size:20px;color: #45bea4;border-radius: 2px;text-align: center;cursor: pointer;}
.form_close_icon{color: red;font-size: 20px;cursor: pointer;}
.transport_fee_wrap input{padding:5px 9px!important;}