.manage-student{

padding: 23px !important;
background: #fff;
border-radius: 10px;
margin-bottom: 20px;

}
.search-title{
display: flex;
gap:8px;
font-size: 14px;
color: #000;
}
.form-container{
    padding-bottom: 15px;
}
.form-container.padbot0{
    padding-bottom: 0px;
}
.form-container input{
font-size: 13px;
color: #000;
width: 100%;
border-bottom: #00000033 solid 1px;
padding: 7px 7px 7px 0;
background: #fff;
}
.form-container select{
font-size: 13px;
color: #000;
width: 100%;
border:none;
border-bottom: #00000033 solid 1px;
padding: 5px 7px 5px 0;
background-color: #fff;
}
.form-fields{
    margin-top: 5px;
}
.form-container input::placeholder{

color: #747774;
}

.manage-student-search{
    background: #EE008B 0% 0% no-repeat padding-box;
    font: normal normal normal 13px/20px Poppins;
        letter-spacing: 0px;
        color: #FFFFFF;
        padding: 7px;
        min-width: 75px;
        height: 33px;
    border-radius: 3px;
}

.justify-content-end{
    justify-content: end;
}

.align-item-end {
        align-items: end;
}

.filter-result{
display: flex;
flex-direction: column;
gap: 25px;
    
}

.filter-result-top{
    display: flex;
    justify-content: end;
    gap: 20px;
}

.filter-result-top button{
display: flex;
gap: 10px;
padding: 6px 15px;
border: 1px solid #17A2B8;
border-radius: 3px;
align-items: center;
font-size: 13px;
line-height: 20px;
    letter-spacing: 0px;
    color: #17A2B8;
        font-family: 'Mukta', sans-serif;
}

.student-detail-container{
    display: flex;
}

.student-detail-container{
    display: flex;
    flex-direction: column;
    gap:25px;
}

.student-details{
    /* padding: 25px; */
    border: 1px solid #DBDBDBD1;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
}
.student-details >div{
    width: 100%;
    /* padding: 25px; */
    display: flex;
    flex-direction: row;
}
.stu-first{
    flex: 1;
    /* width: 60%; */
    display: flex;
    gap:18px;
    padding: 20px;
}
.stu-title{
    font: normal normal 500 19px/25px Mukta;
        letter-spacing: 0px;
        color: #EE008B;
        text-transform: capitalize;
        width: 70%;
}
.stu-title-cont {
   display: flex;
   flex-direction: row;
   gap: 15px;
   width: 100%;
}
.action-icon{
    font-size: 20px;
    color: #ee008b;
}
.stu-second{
    width: 20%;
}
.stu-third{
    width: 20%;
}

.stu-image{
    min-width: 113px;
    max-width: 113px;
width: 40%;    
}
.stu-image img{
    /* height: 121px; */
    
}
.icons{
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: end;
    width: 30%;
    align-items: end;
}
.icons img{
  width: 25px;
}
.student-detail-information{
        /* width: 100%; */
            display: flex;
            flex-grow: 1;
            gap: 12px;
            flex-direction: column;
}
.stu-info{
    display: flex;
    flex-direction: row;
    gap: 12px;
    /* width: 43.33%; */
    flex-grow: 1;
    flex:40%;
    flex: 30%;
    min-width:100px;
}
.stu-info.inner-page{
    display: flex;
    flex-direction: row;
    gap: 12px;
    /* width: 43.33%; */
      
    flex: 20%;
    min-width:100px;
}
.stu-info.second{
    display: flex;
    flex-direction: row;
    gap: 12px;
    /* width: 23.33%; */
    flex:30%;
    flex-grow: 1;
}

.stu-info.last{
    /* width: 33.33%; */
    flex: 30%;
    /* justify-content: end; */
    display: flex;
    gap: 12px;
}

.information{
    font: normal normal 500 16px/19px Mukta;
        letter-spacing: 0px;
        color: #000000;
        text-transform: capitalize;
        min-width: 70px;
}
.information span{
font: normal normal normal 13px/16px Mukta;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
}
.information span a{
text-decoration: underline;
font-size: 13px;
line-height: 13px;
}
.student-info-container{
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: row; */
        gap: 15px;
        width: 100%;
}

.stu-second{
    background-color: #fdf7eb;
    padding:20px 15px;
}
.stu-third{
    background-color: #e9fcfc;
    padding: 20px 15px;
}
.section-1{
    /* display: flex;
    flex-direction: column;
    gap: 15px; */
}
.section-1 .section{
display: flex;
gap: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(112, 112, 112, 0.15);
margin-bottom: 12px;
}

.section-1 .section:nth-child(2) {
    border: none;
}


.section-1 .section .title{
font: normal normal 700 15px/21px Mukta;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    flex-grow: 1;
}
.section-1 .section .fees{
color: #EF7625;
    text-transform: capitalize;
    font: normal normal 700 18px/21px Mukta;
}
.section-1 .section .fees i{


    font: normal normal 700 18px/21px Roboto;
}
.section-1 .section .date{
font: normal normal 600 14px/21px Mukta;
    letter-spacing: 0px;
    color: #000000;
}

.proceed{
    background: #EF7625 0% 0% no-repeat padding-box;
    font: normal normal normal 12px/18px Mukta;
        letter-spacing: 0px;
        color: #FFFFFF;
        padding:5px 15px;
        border-radius: 3px;
        flex-shrink: 1;
}
.avail-transport{
    background: #00BDBD 0% 0% no-repeat padding-box;
    font: normal normal normal 12px/18px Mukta;
        letter-spacing: 0px;
        color: #FFFFFF;
        padding:5px 15px;
        border-radius: 3px;
        flex-shrink: 1;
}

.action-buttons{
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
    gap:8px;
    padding-bottom: 20px;
}

.approve{
    background: #4BAE4F 0% 0% no-repeat padding-box;
    font: normal normal normal 13px/20px Mukta;
        letter-spacing: 0px;
        color: #FFFFFF;
        padding: 3px 11px;
        display: flex;
        gap: 5px;
        align-items: center;
        width: 91px;
        justify-content: center;
}
.reject, .delete{
border: 1px solid #ED1456;
    font: normal normal normal 13px/20px Mukta;
        letter-spacing: 0px;
        color: #ED1456;
        padding: 3px 11px;
        display: flex;
        gap: 5px;
        align-items: center;
        width: 91px;
        height: 27px;
        justify-content: center;
}
.admission-container{
    padding: 20px;
    display: flex;
    flex-direction: row;
    /* max-width: 650px; */
    justify-content: center;
    align-items: center;
    gap:15px;
    border-top: 1px solid #DBDBDBD1;
}
.admission-container .admi-title{
    text-align: left;
        font: normal normal 700 14px/21px Mukta;
        letter-spacing: 0px;
        color: #000000;
}
.admission-container .pre-admission{
    padding: 5px 7px;
}
.admission-container .active{
background: #E4FFE5 0% 0% no-repeat padding-box;
color: #2EAF33 !important;
border-radius: 3px;
}
.admission-container .pre-admission, .admission-container .admission-approved, .admission-container .fees-pending, .admission-container .admission-hold, .admission-container .admission-alloted {
text-align: center;
    font: normal normal normal 12px/14px Mukta;
    letter-spacing: 0px;
    color: #000000;
    padding: 3px 9px;
}