.sgl-plugin-page .sgl-content-wrapper{padding-bottom: 20px;}
.sgl-plugin-page .display_on_mobile{display: none;}
.sgl-plugin-page .sgl-content-wrapper .sgl-plugin h1{
text-transform:uppercase;
}
.sgl-plugin-page .sgl-content-wrapper .div-responsive{
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 20px;
border: 1px solid #ccc;
margin-bottom: 20px;
}
.sgl-plugin-page .sgl-content-wrapper .registration_header{
text-align: center;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .full{
width:100%;
margin-top:15px;
overflow:hidden;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .half{
width:48%;
float:left;
overflow:hidden;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .half:last-child{
margin-left:4%;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container #mobile-verified{
display:none;
color: green;
float:right;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container #mobile-verified img{
width: 16px;
height: 16px;
margin-top: -1px;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container #verify_mobile-please-wait{
display:none;
float:right;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container #verify_mobile-please-wait img{
margin-top: -2px;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container #verifyMobile_btn{
float:right;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container #telephone-input{
text-indent: 40px;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .reg_error_summary{
color: red;
}
.sgl-plugin-page .sgl-content-wrapper .terms_cond_overlay{
display: none;
position: fixed !important;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.9;
opacity: .90;
filter: alpha(opacity=90);
}
.sgl-plugin-page .sgl-content-wrapper .close_terms_cond {
top: -1%;
right: 2%;
position:absolute;
z-index:9999;
}
.sgl-plugin-page .sgl-content-wrapper .close_terms_cond a{
display:block;
cursor: pointer;
}
.sgl-plugin-page .sgl-content-wrapper .terms_and_conditions_cont{
display: none;
height: 100%;
width: 100%;
position: fixed;
top: 3%;
padding: 1em;
z-index: 1002;
left: 0px;
}
.sgl-plugin-page .sgl-content-wrapper .terms_and_conditions_cont .terms_cond_header {
text-align: center;
}
.sgl-plugin-page .sgl-content-wrapper .terms_and_conditions_cont .terms_cond_header h2{
color:#eee;
}
.sgl-plugin-page .sgl-content-wrapper .terms_and_conditions_cont textarea{
background-color: transparent;
color: #eeeeee !important;
width: 93%;
resize: none;
display: unset;
-webkit-user-select: none;
display: block;
margin: 0px auto;
padding-left: 1.7%;
height: 90%;
font-size: 14px;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
white-space: pre-wrap;
overflow-y: scroll;
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-registration-success-message{
padding:0px 22px;
}
.sgl-plugin-page .sgl-content-wrapper #sgl-plugin-registration-success-message ul{
padding-left:13px;
}
.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;
}
@media all and (max-width: 500px) {
.sgl-plugin-page .display_on_mobile {
display:block;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .full{
margin-top:10px;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .half{
margin-top:10px;
width:100%;
float:none;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .half:first-child{
margin-top:0px;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .half:last-child{
margin-left:0px;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .full.terms{
text-align:center;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .full.terms a{
display:block;
text-align:center;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .full.submit .button{
margin:0px auto;
float:none;
display:block;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .reg_message{
text-align:center;
}
.sgl-plugin-page .sgl-content-wrapper .registration-container .reg_error_summary{
text-align:center;
}
.sgl-plugin-page .sgl-content-wrapper .close_terms_cond a{
width:30px;
height:30px;
}
}