.staff-info {
    background: #EFF4F5;
}
.staff-info .img-fluid.student-photo {
    max-width: 300px;
    margin-top: 5%;
    margin-bottom: 1.5%;
}
.staff-info .student-change-photo {
    width: 300px;
    color: #fff !important;
    position: absolute;
    bottom: 0px;
    margin: 0 auto;
    z-index: 1;
    left: 0;
}
.staff-info .left-fields.custom-text {
    height: 55px;
    font-size: 15px;
	max-width:300px;
	margin:10px 0px;
    padding-left: 15px;
    border-radius: 6px !important;
}
.staff-info .custom-text {
    height: 45px;
    font-size: 15px;
    padding-left: 15px;
    border-radius: 6px !important;
}
.staff-info .w-40 {width:42%}
.staff-info .w-80 {width:86%}
.staff-info .w-20 {width:20%}
.staff-info .right-fields {margin:15px 15px 15px 0px}
.status-btns {
    display: -webkit-box;
}
.staff-info .btn-active {
	background:#1A8B4A;
    padding: 13px 0px;
}
.staff-info .btn-inactive { 
	background:#FFF;
    padding: 13px 0px;
	color:#323232;
}
.staff-info .photo-container{
    position: relative;
}

.staff-info select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 8px);
    width: 50%;
    margin-right: 0%;
}
.staff-info .text-bold {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 0px;
}
.staff-info select.bg-white.custom-text {
    background: #fff url(../images/new/select.png) no-repeat 94.5% !important;
}
.staff-info .student-change-photo.bank-card {
    top: 158px;
}
.staff-info label.staff-fields.field-fail:after {
    content: "\f05a";
    font-family: FontAwesome;
    color: #DC1616;
    position: absolute;
    font-size: 23px !important;
    right: 20px;
    top: 25px;
    pointer-events: none;
}