/* Copyright (C) SV Edusports Private Limited - All Rights Reserved
 * Unauthorized copying of this file, via any medium is strictly prohibited
 * Proprietary and confidential
 */
@main-bg-color: #20283d;


 .ng-hide {
  display: none !important;
}

.visible-hidden{
  visibility: hidden !important;
}

.otperrormsg{
  margin-top: 25px;
  text-align: center;
  min-height: 30px;
}

.moberrormsg{
  margin-top: 15px;
  text-align: center;
  min-height: 25px;
  color: red;
}

#mob-submit-btn-main-div{
  position: relative;
  .submit-loader-div{
    position: absolute;
    left: 0px;
    right: 0px;
    top:3px;
  }
}


.black_backgrnd {
  background-color: @main-bg-color;

    .topiccolor {
      color: #90939e;
      font-size: 21px;
      padding-left: 0px;
      padding-bottom: 35px;
  }

  .otp_entering_box {
    .pos_rel {
      position: relative;

      .input-size {
        height: 54px;
        font-size: 18px;
        background-color: #394156;
        border: 1px solid #394156;
        padding: 6px 46px 6px 60px;
        color:#ffffff;
        cursor: pointer;
        &:focus {
          border-color:1px  solid  #394156 !important;
          outline:none !important;
          box-shadow:none !important;
        }
      }

      .pos_absolute {
        position: absolute;
        color: #ffffff;
        left: 28px;
        font-size: 39px;
        bottom: -1px;

      }
    }
  }

  .marg-top-verify {
    margin-top: 10px;
    margin-bottom: 35px;
    text-align:center;
    .height-input {
      height: 48px;
      font-size:16px;
      background-color:#01d390;
      color:#ffffff;

      &:hover {
        color: #fff !important;
        background-color:#01d390 !important;
        border-color: #4cae4c;
      }
    }
  }

  .marg-top-resend {
    margin-bottom: 166px;
    text-align:center;
    .button-size {
      height: 48px;
      background-color: #394156;
      color:#ffffff;
      font-size:16px;
      border: 1px solid #394156;

      &:hover {
        color: #ffffff !important;
        background-color: #394156 !important;
        border-color:  #394156 !important;
      }

      &:focus {
        color: #ffffff !important;
        background-color: #394156 !important;
        border-color: none !important;
        background-image: transparent;
      }
    }
  }
}

.container-logo-div{
  margin-top:60px;
  img{
    width: 100%;
    margin-left: 7px;
  }
}

.container-content-div{
  margin-top: 60px;
}

.container-otp-varification{
  .marg-top-verify{
    position: relative;
    height: 45px;
    .submit-loader-div{
         position: absolute;
      top: 3px;
      left: 0px;
      right: 0px;
      text-align: center;
    } 
  }
  .marg-top-resend{
    position: relative;
    .submit-loader-div{
      position: absolute;
      top: 3px;
      left: 0px;
      right: 0px;
      text-align: center;
    }
  }

}

.login-buttons{
  width: 55%;
}