/* CSS Beautifier:https://www.roxunlimited.com/css-beautifier */

@import url('https://fonts.googleapis.com/css?family=Open+Sans'); 

:root {--primaryColor:#007bff; --successColor:#28a745; --dangerColor:#dc3545; --warningColor:#ffc10; --lightColor:#fff; --darkColor:#000; --greyColor:#333; --fontColor:#676767; --borderColor:#d1d1d1; --tableStripedColor:#5e6e82; --tableStripedBg:#f9fafd; --smFont:.8333333333rem !important; --webFont:12.5px !important;}

body {font-family:'Open Sans', sans-serif; font-size:12.5px; color:#676767;}

h1, h2, h3, h4, h5, h6 {font-family:'Open Sans', sans-serif; color:#000000;}

a {text-decoration:none;}

i {font-size:20px;}

.mt10 {margin-top:10px;}

.mt20 {margin-top:20px;}

.mt30 {margin-top:30px;}

.mt40 {margin-top:40px;}

.mt50 {margin-top:50px;}

.mb10 {margin-bottom:10px;}

.mb20 {margin-bottom:20px;}

.mb30 {margin-bottom:30px;}

.mb40 {margin-bottom:40px;}

.mb50 {margin-bottom:50px;}

.align-right {text-align:right;}

.align-left {text-align:left;}

.align-center {text-align:center;}

.auth {margin-top:30px; display:flex; flex-direction:column; justify-content:space-between;}

.auth h3 {font-weight:700;}

.auth .form-control {font-size:12.5px; height:calc(2.83rem + 2px);}

#togglePassword {right:10px; cursor:pointer; position:absolute; top:10px;}

.auth .form-control label {line-height:1.2 !important; padding:0.9rem .75rem;}

.auth .custom_login_btn {max-width:100%; border-radius:25px; width:100%; padding:10px 0px;}

#login-form {box-shadow:rgba(0,0,0,0.15) 0px 0.75rem 1.5rem; background:rgb(255, 255, 255); padding:30px 25px; border-radius:10px; border-width:1px; border-style:solid; border-color:rgb(235, 236, 236); border-image:initial;}

#login-form label.form-text {top:0px; position:inherit; padding:0; color:#dd0000; font-weight:600;}

.has-error input {border:2px solid #dd0000;}

.divider-text {position:relative; text-align:center; margin-top:15px; margin-bottom:15px;}

.divider-text span {padding:7px; font-size:12px; position:relative; z-index:2;}

.divider-text:after {content:""; position:absolute; width:100%; border-bottom:1px solid #ddd; top:55%; left:0; z-index:1;}

.df {display:flex;}

.btn-social {color:var(--fontColor); border:1px solid var(--borderColor);}

.login-modal .modal-dialog {max-width:1000px; background:url('https://learning.growsociety.in/image/background-login.jpg') no-repeat center center/cover;}

.login-modal .modal-header {background-color:rgb(245 245 245); justify-content:left; padding:10px; border-bottom:none;}

.login-modal .modal-content {background:transparent;}

.login-modal .logo-container img {max-height:80px;}

.login-modal .login-box {background-color:#ffffff; border-radius:0px; padding:30px; margin:30px; max-width:400px; box-shadow:0 4px 8px rgba(0,0,0,0.2); margin-left:auto;}

.login-modal .form-control {border-radius:5px; margin-bottom:20px; padding:10px;}

.login-modal .btn-login {background-color:#ffc107; color:#003366; border-radius:5px; padding:10px 20px; font-weight:bold; width:100%; border:none;}

.login-modal .btn-login:hover {background-color:#e0a800;}

.login-modal .remember-me {font-size:14px;}

.login-modal .forgot-password {font-size:14px; color:#003366; text-decoration:none;}

.login-modal .forgot-password:hover {text-decoration:underline;}

.g-recaptcha {display:flex; justify-content:center;}