@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,600i,700,700i,800|Open+Sans:400,400i,600,600i,700,700i,800&display=swap);

.pr0{
  padding-right: 0;
}
.cr_forgot{font-size: 12px;}
.txtcolor{
  color: #157be4!important;
  font-weight: bold!important;
}
.alert-danger{
  color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
      body{
        font-family: "Montserrat", sans-serif;
      }
      .alert-error {
    background: #f8d7da!important;
    border-color: #f8d7da!important;
    color: #721c59!important;
}
      .alert{
        right: 5px!important;
        top: 5px!important;
        }
     .text-secondary{
      color: #000!important;
      font-weight: bold;
     }
      .form-control{
        color:#000!important;
      }
      .login-wrapper{
        min-height: 450px!important;
      }
      .login-main-page .login-wrapper{
        background: #01538b !important;
      }
      .login-wrapper .login-logo{
        top: 26%;
        left: 15%;
        width: 70%;
      }
      .login-main-page{
          height: 100vh;
          padding: 7% 70px;
          background: #000;
      }
      @media only screen and (max-width: 600px) {
        .cr_forgot1{
          position: relative;
          top: -31px;
        }
        .login-wrapper .login-logo{
          width: 100%;
          left: 0;
        }
        .login-logo img{
          width: 60%;
          height: auto;
        }
        .login-main-page{
          padding: 10px;
        }
        .fa{
          position: absolute;
          right: 10px;
          top: 10px;
        }
      }
      @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
    .login-logo img{
      width: 100%;
      height: auto;
      margin-top: 57%;
      margin-left: 12%;
    }
  }
  @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){

  }

  @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
    .laws_{
      width: 350px;
      height: auto;
      margin-top: 82px;
    }
  }
  @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
    
  }