.body{background-color: #666;}
.guest-bb{border-bottom: 1px solid #2a2a36;}
.img-name img[style]{width: 250px!important;height: 70px!important;}
.user-manul{position: fixed;top: 1.5rem;left: -3px;z-index: 9;}
.login_newtheme{height: 100vh;display: flex;align-items: center;}
.login100-form{width: 55%;}
.login100-more{width: calc(100% - 55%);background-color: #052c65;}
.power_01{position: fixed;right: 2rem;bottom: 1.2rem;}
.forget-srn,.forget_otp,.reset_password{height: 100vh;align-items: center;}
.mt-24{margin-top: -24px;}
.cal-icon{position: absolute;right: 7px;font-size: 17px;color: #0f2641;opacity: .5;}
.radion_01{padding: 5px 20px;display: flex;align-items: center;border: 2px solid #028AED80;border-radius: 4px;}
.radion_01.active{background-color: #b415120D;}
select.form-control:not([size]):not([multiple]){border: 0;padding-left: 0;z-index: 99;}
.wrap-input100_01{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;align-items: flex-end;width: 100%;height: 25px;position: relative;border-radius: 10px;margin-bottom: 10px;}
.px-30{width: 170px;}
.main-div{display: block;}
.slider{display: flex;align-items: center;height: 100vh;right: -10rem;position: relative;}
.new01{height: 100vh;align-items: center;display: flex;flex-direction: column;justify-content: center;}
.icon-color{color: #052c65!important;}
.floating-input:focus ~ label,.floating-input:not(:placeholder-shown) ~ label{left: 0;top: -10px;padding: 0;color: #20314f59;font-size: 12px;background-color: transparent;}
.login100-form-social-item{width: 100%;}
.test_01{text-align: left;margin-bottom: 8px;font-size: 14px;}
.test_2{font-size: 12px;color: #2a2a2a;font-weight: 500;}
.floating-label{padding-left: 0!important;padding-right: 0!important;}
.login_01{color: #990e0e;text-align: left;font-weight: 700;font-size: 18px;margin-bottom: 5px;}
.div-center{width: 96%;}
.login100-form-btn{background: #052c65;border-radius: 4px;font-size: 16px;font-weight: 500;}
.login100-form-btn:hover{background: #042d49;}
.txt1{display: flex;align-items: center;color: #2a2a2a!important;font-size: 12px;}
.login100-form-social-item{border: 1px solid #20314f59!important;border-radius: 0!important;}
.login100-form-social-item:hover{border: 1px solid transparent!important;}
input[type=date],input[type=email],input[type=number],input[type=password],input[type=sekect],input[type=text],select{background-color: #fff;outline: 0;border: 0;border-bottom: 1px solid #20314f59!important;border-radius: 0!important;padding: 0;color: #2a2a2a;font-weight: 600;}
.floating-input:focus,.floating-select:focus,.form-control:focus{border: 0!important;border-bottom: 1px solid #20314f59!important;}
label{color: #20314f59;font-size: 12px;left: 0;top: -10px;padding: 0;background-color: transparent;}
.usericons{background-color: transparent;}
.login-error{color: red!important;}
input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow: 0 0 0 30px #fff inset!important;}
.logo-icon{position: fixed;bottom: 6px;left: 190px;z-index: 99;color: #fff;text-align: center;}
.btn-outline-light:hover{color: #028aed;}
.btn-light{color: #028aed!important;}
.btn-light:hover{background-color: #fff;}
.logo-icon ul{list-style: none;background: #ffffffb8;border-radius: 4px;padding: 9px;}
.logo-icon ul li{display: inline-block;}
.logo-icon ul li img{width: 79%;}
h2.schoolname{color: #990e0e;font-weight: 700;text-align: left;padding-bottom: 0;font-size: 22px;}
a.txt1.forget-btn:hover{color: #028aed!important;}
.test_02{text-align: left;margin-bottom: 0;color: #20314f59;font-size: 12px;word-break: break-all;}
.s-soft{position: fixed;top: 35%;left: 0;z-index: 1000;transition: .2s linear;}
.s-item{display: block;width: 40px;padding: 12px;background: #fff;color: #052c65;font-size: 16px;text-align: center;transition: .2s linear;border: 1px;}
.s-item:hover{width: 70px;border-radius: 0 20px 20px 0!important;color: #052c65;}
#so-open{position: fixed;top: 100px;left: -90px;border-radius: 0 30px 30px 0;transition: .2s linear;}
.so-collapse{left: -60px;}
@media only screen and (max-width:600px){
.login100-form{width: 100%;}
.login_newtheme{align-items: baseline;margin-top: 60px;padding: 0;}
.px-30{width: 158px;}
.s-soft{top: 4px;right: 0;left: auto;display: flex;position: relative;margin: 0 auto;justify-content: center;background-color: #fff;gap: 10px;}
.s-soft a:first-child,.s-soft a:last-child{border-radius: 0;}
.s-item:hover{width: 45px;border-radius: 0;}
.s-item{display: block;padding: 12px;font-size: 14px;text-align: center;transition: .2s linear;}
}

.login100-form{background-image: url('../img/bg.svg');background-color: #fff;position: relative;background-position: bottom;background-size: cover;}
#invalid-password,#invalid-username{text-align: start;}
#invalid-username{margin-bottom: 20px!important;}

a.s-item.facebook,a.s-item.instagram,a.s-item.linkedin,a.s-item.twitter,a.s-item.whatsapp,a.s-item.youtube{border-bottom: 2px solid #e31e24;margin-bottom: 4px;border-bottom-right-radius: 10px;border-top-right-radius: 10px;}

a.s-item.facebook:hover{background: #3b5998;color: #fff;}
a.s-item.instagram:hover{background: #e4405f;color: #fff;}
a.s-item.linkedin:hover{background: #0077b5;color: #fff;}
a.s-item.twitter:hover{background: #000000;color: #fff;}
a.s-item.whatsapp:hover{background: #25d366;color: #fff;}
a.s-item.youtube:hover{background: #ff0000;color: #fff;}