.sgl-plugin-page #sgl-content-wrapper{padding-bottom: 20px;max-width: 600px;margin: 0px;}
.sgl-plugin-page .sgl-content-wrapper .float-right{float: right}
.sgl-plugin-page .sgl-content-wrapper .div-responsive{
width: 387px;
margin-left: auto;
margin-right: auto;
padding: 20px;
border: 1px solid #ccc;
margin-bottom: 20px;
}
.sgl-plugin-page .sgl-content-wrapper .div-responsive.alt{
min-width: 60%;
}
.sgl-plugin-page .sgl-content-wrapper .verify_mobile_header{
text-align:center;
}
.sgl-plugin-page .sgl-content-wrapper .verify-mobile-message h3{
text-align:center;
}
.sgl-plugin-page .sgl-content-wrapper .verify-mobile-message p{
text-align:justify;
}
.sgl-plugin-page .sgl-content-wrapper #sgl-plugin-success-message{
display:none;
text-align:center;
}
.sgl-plugin-page .sgl-content-wrapper #sgl-plugin-error-message{
display:none;
text-align:center;
}
.sgl-plugin-page .sgl-content-wrapper .verify-mobile-container #mobile-verified{
display:none;
color: green;
float:none;
text-align:center;
margin-top:10px;
}
.sgl-plugin-page .sgl-content-wrapper .verify-mobile-container #mobile-verified img{
width: 16px;
height: 16px;
margin-top: -1px;
}
.sgl-plugin-page .sgl-content-wrapper .verify-mobile-container #verify_mobile-please-wait{
display:none;
margin-top: 10px;
text-align: center;
}
.sgl-plugin-page .sgl-content-wrapper .verify-mobile-container #verify_mobile-please-wait img{
margin-top: -2px;
}
.sgl-plugin-page .sgl-content-wrapper .verify-mobile-container #verifyMobile_btn{
float:none;
margin: 0px auto;
display: block;
margin-top: 10px;
}
.sgl-plugin-page .sgl-content-wrapper .verify-mobile-container .reg_error_summary{
color: red;
text-align: center;
margin-top: 10px;
}
.sgl-plugin-page .sgl-content-wrapper .verify-mobile-container #telephone-input{
text-indent: 40px;
}
.sgl-plugin-page .sgl-content-wrapper .bottom{
position:relative;
}
.sgl-plugin-page .sgl-content-wrapper #skip_verification{
position: absolute;
top: 0px;
left:0px
}
.sgl-plugin-page .sgl-content-wrapper #sgl-plugin-email-success-message{
padding:0px 22px;
}
.sgl-plugin-page .mymodal{
width:90%;
max-width:400px;
}
.sgl-plugin-page .mymodal h2{
border-bottom: 1px solid #555;
padding-bottom: 5px;
margin-top: 0.4em;
font-size: 18px !important;
}
.sgl-plugin-page .mymodal input[type="text"]{
width:100%;
}
.sgl-plugin-page .mymodal p{
font-size:13px;
margin-bottom:10px;
}
.sgl-plugin-page .mymodal .right{
float:right;
}
.sgl-plugin-page .mymodal .left{
float:left;
}
.sgl-plugin-page .mymodal .otp_error_summary{
color:red;
font-size:13px;
display:none;
}
.sgl-plugin-page .mymodal #verify_otp-please-wait{
display: block;
min-height: 2.5em;
line-height: 2.4em;
display:none;
}
.sgl-plugin-page .credit-text{
float:none;
text-align: center;
}
.sgl-plugin-page .copyright-text{
text-align: center;
}
.sgl-plugin-page .register_link{
float: right;
line-height: 2.8;
}
.sgl-plugin-page #login_button{
margin: 3px 0px 3px 0px !important;
}
@media only screen and (max-width: 600px) {
.sgl-plugin-page .sgl-content-wrapper .div-responsive {
width: 90%;
}
.sgl-plugin-page .sgl-content-wrapper .div-responsive.alt{
min-width: 90%;
}
}
.sgl-plugin-page .sgl-content-wrapper .login-container input{
margin-top: 10px;
}
.sgl-plugin-page .sgl-content-wrapper .login_header{text-align: center;}
.sgl-plugin-page .sgl-content-wrapper .forgot_password_link{line-height: 2.8}
.sgl-plugin-page .sgl-content-wrapper #login_errors{
padding-top: 10px;
color: red;
margin: 0px;
}
.sgl-plugin-page .login-loader{display: none; float: right; margin-top: 10px;}
.sgl-plugin-page .loggedin_as_info{margin: 0px; padding-top: 10px; padding-bottom: 10px; text-align: center;}