.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;
  }


}