@import "../../content/login.css";

a{
    text-decoration:none;
    color:#444444;
  }
  .login-reg-panel{
      position: relative;
      top:0%;
     transform: translateY(0%);  
      text-align:center;
      width:800px;
      right:0;left:0;
      margin:auto;
      height:400px;
      background-color: rgb(0 0 0 / 70%);
      border-radius:10px;
  }
  .no_account{
    padding: 0px 25px;
  }
  .no_account h4{
    font-size: 20px;
    color: #ffffff;
    font-weight: 300;
    margin: 35px 0 0px 0;
    padding: 0px;
    font-style: inherit;
  }
  .no_account a{
    color: #ebeff0;
font-size:12px;
padding: 10px 0 0 0px;
  }
  .white-panel{
      background-color: rgba(255,255, 255, 1);
      height: 450px;
      position: absolute;
      top: -25px;
      width:50%;
      left:calc(50% - 50px);
      transition:.3s ease-in-out;
      z-index:0;
      box-shadow: 0 0 10px 0px #00000096;
      border-radius:10px;
  }
  .login-info-box{
    width: 45%;
    padding: 0;
    top: 0%;
    left: 0;
    position: absolute;
    text-align: left;
}
.register-info-box{
    width: 45%;
    padding: 0;
    top: 8%;
    left: 0;
    position: absolute;
    text-align: left;
    
}
.right-log{right:50px !important;}



  .login-reg-panel input[type="radio"]{
      position:relative;
      display:none;
  }
  .login-reg-panel{
      color:#B8B8B8;
  }
  .login-reg-panel #label-login, 
  .login-reg-panel #label-register{
      border:1px solid #9E9E9E;
      padding:5px 5px;
      width:150px;
      display:block;
      text-align:center;
      border-radius:10px;
      cursor:pointer;
      font-weight: 600;
      font-size: 18px;
  }

  
  .login-show, 
  .register-show{
      z-index: 1;     
      transition:0.3s ease-in-out;
      color:#242424;
      text-align:left;
      padding:50px;
  }
  .show-log-panel{
      display:block;
      opacity:0.9;
  }
  .login-show input[type="text"], .login-show input[type="password"], input[type="email"]{
      width: 100%;
      display: block;
      margin:20px 0;
      padding: 10px;
      border: 1px solid #b5b5b5;
      outline: none;
  }
  .login-show input[type="button"], .btn-block{
      max-width: 150px;
      width: 100%;
      background: #444444;
      color: #f9f9f9;
      border: none;
      padding: 10px;
      text-transform: uppercase;
      border-radius: 2px;
      float:right;
      cursor:pointer;
      font-size:12px;
  }
  .login-show a{
      display:inline-block;
      padding:10px 0;
  }
  
  .register-show input[type="text"], .register-show input[type="password"]{
      width: 100%;
      display: block;
      margin:20px 0;
      padding: 15px;
      border: 1px solid #b5b5b5;
      outline: none;
  }
  .register-show input[type="button"] {
      max-width: 150px;
      width: 100%;
      background: #444444;
      color: #f9f9f9;
      border: none;
      padding: 10px;
      text-transform: uppercase;
      border-radius: 2px;
      float:right;
      cursor:pointer;
  }
  .credit {
      position:absolute;
      bottom:10px;
      left:10px;
      color: #3B3B25;
      margin: 0;
      padding: 0;
      font-family: Arial,sans-serif;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 1px;
      z-index: 99;
  }
  a{
    text-decoration:none;
    color:#2c7715;
  }
      
  @media screen and (max-width:768px) {
    .login-reg-panel{
        width: 100% !important;
    }  
    .white-panel {
        height: auto;
        position: relative;
        top: 20px;
        width: 100%;
        left: 0;
        margin-bottom: 35px;
    }
    .login-show, .register-show{
        padding:15px;
    }
    .register-info-box {
        width: 100%;
        padding: 0;
        top: 0;
        left: 0;
        position: relative;
        text-align: left;
    }
    .llogo {
        width: 100px;
        margin: 15px auto auto;
        display: block;
    }
    .clogo {
        width: 48px;
        margin: 25px auto auto;
    }
}