.form-control,.btn{
    font-size:14px;
    padding:10px 20px;
    height:auto!important;
}
.btn.btn-primary{
    border-radius:20px;
}
.wrapper{
    display:flex;
    height:100vh;
    justify-content:center;
    align-items:center;
}
.login{
    width:450px;
    padding:30px 70px;
    border-radius:.35rem;
    border:.5px solid #c0ccde;
    background:#fffe;
}
.bg-inner{
    position:absolute;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    background:none center center no-repeat fixed;
    background-size:cover;
    z-index:-1;
    background-image:url(../img/bg_login.jpg);
}
@media (max-width:500px){
    .wrapper{
        background:none;
        padding:20px;
    }
    .media-body{
        display:none;
    }
    .login{
        width:100%;
        padding:0 50px;
        border-radius:0px;
    }
}
.form-control::placeholder{
    font-style:italic;
    font-size:90%;
}
/* CSS */
.btn-forgot {
  background: #FF4742;
  border: 1px solid #FF4742;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: nunito,roboto,proxima-nova,"proxima nova",sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
  min-height: 40px;
  outline: 0;
  padding: 12px 14px;
  text-align: center;
  text-rendering: geometricprecision;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
}

.btn-forgot:hover,
.btn-forgot:active {
  background-color: initial;
  background-position: 0 0;
  color: #FF4742;
  border-color:#FF4742!important;
}

.btn-forgot:active {
  opacity: .5;
}
/* CSS */
.btn-login {
  background: #0A66C2;
  border: 1px solid #0A66C2;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: nunito,roboto,proxima-nova,"proxima nova",sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
  min-height: 40px;
  outline: 0;
  padding: 12px 14px;
  text-align: center;
  text-rendering: geometricprecision;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
}

.btn-login:hover,
.btn-login:active {
  background-color: initial;
  background-position: 0 0;
  color: #0A66C2;
  border-color:#0A66C2!important;
}

.btn-login:active {
  opacity: .5;
}
/* CSS */
.btn-register {
  background: #FF4742;
  border: 1px solid #FF4742;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: nunito,roboto,proxima-nova,"proxima nova",sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
  min-height: 40px;
  outline: 0;
  padding: 12px 14px;
  text-align: center;
  text-rendering: geometricprecision;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
}

.btn-register:hover,
.btn-register:active {
  background-color: initial;
  background-position: 0 0;
  color: #FF4742;
  border-color:#FF4742!important;
}

.btn-register:active {
  opacity: .5;
}

.modal-dialog{
    display:flex;
    max-width:100vw;
    height:100vh;
    align-items:center;
    justify-content:center;
}
.modal-content{
    display:block;
    max-width:100vw;
    width:auto;
    min-width:500px;
}
.modal-body{
    min-height:200px;
}