@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 300;
  src: local('Gotham'), url('../font/GothamLight.otf') format('opentype');
}

.text-info-active {
    color: #c22e31 !important;
}

.text-info {
    color: #1B2646 !important;
}

.btn-success {
    color: #EDECEE !important;
    background-color: #FF7F1C;
    border-color: #FF7F1C;
    border-radius:20px;padding-left:2rem;padding-right:2rem;
    /*box-shadow: 0 5px 10px rgb(51, 134, 196 / 30%) !important;*/
}

.btn-success:hover {
    color: #EDECEE !important;
    background-color: #FF7F1C;
    border-color: #FF7F1C;
    box-shadow: 0 5px 10px rgb(51, 134, 196 / 30%) !important;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 134, 196, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #FF7F1C;
  border-color: #FF7F1C;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #FF7F1C;
  border-color: #FF7F1C;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 134, 196, 0.5);
}

.login-container{
  width:50%;margin-left:auto
}
.login-logo{
  margin-top:auto;margin-left:auto;margin-right:auto
}
.login-container .login-container-sub{
  margin-bottom:auto;margin-top:50px
}
.login-container .login-container-sub .login-card{
  min-width:250px;margin-right:auto;margin-left:auto;background-color:white;width:450px;border-radius:20px;padding:50px
}
.login-container .login-re{
  min-width:250px;margin-top:auto;margin-left:auto;margin-right:auto;background-color:#FF7F1C;width:450px;border-radius:20px;padding:20px;display:none!important;
}
.login-container .login-re img{
  margin-left:auto;
  margin-right:auto;
  height: 60px
}
.login-container .input-login{
  border-radius:1rem;margin-top:1rem;margin-bottom:1rem
}
body.login-new{
    background-image: url("../images/LOGIN MINED EBOOKS BG.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x:hidden;
    min-width: 100vw;
    min-height: 100%;
    display: flex;
    font-family: 'Gotham',  sans-serif ;
    font-style: normal ;
    font-weight: 300;
}

.login-languaje{
  min-width:250px;width:450px;margin-left:auto;margin-right: auto
}
.login-screens{;
    width:50%;
}

.container-login{
  margin:auto;
  width:1400px;
}

.position-container{
  
}

.position-login{
  margin-top:-90px;
}
@media only screen and (max-width: 1024px) {
  .login-screens{
    width:100%;
  }
  .login-screens img{
    height:400px !important;
    max-width: 100%;
  }
  .container-login{
    margin:0;
    width:100%;
    height:100%;
    flex-direction:column;
  }
  .login-container .login-container-sub{
    margin-top: 0;
  }
  .login-container{
    width:100% !important;
  }
  .login-container .login-re{
    display:flex !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .login-container .login-container-sub .login-card{
    margin-left:auto;margin-right:auto;
    margin-top:0;margin-bottom: auto;
    padding:2rem;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .login-logo{
    display: none !important
  }
  
  body.login-new{
    background: url("../images/LOGIN MINED EBOOKS BG.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: flex;
    font-family: 'Gotham',  sans-serif ;
    font-style: normal ;
    font-weight: 300;
  }
  
  .position-container{
    margin-top:20px;
  }
  
  .position-login{
    margin-top:10px;
  }
}
@media only screen and (max-width: 450px){
  .login-container{margin-top: -35px;}
  .login-container .login-container-sub .login-card{max-width: 300px;padding:2rem;}
  .login-container .login-re{max-width: 300px;}
  .login-languaje{max-width: 300px;}
  .login-container .login-re img{
    height: 40px
  }
  .login-screens{
    margin-top: -22px;
  }
  .login-screens img{
    max-width: 100%;
  }
  body.login-new{
    background: url("../images/LOGIN MINED EBOOKS BG.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: flex;
    font-family: 'Gotham',  sans-serif ;
    font-style: normal ;
    font-weight: 300;
  }
  
  .position-container{
    margin-top:20px;
  }
  
  .position-login{
    margin-top:10px;
  }
  
}

.text-info-active {
    color: #3386C4 !important;
}