@charset "utf-8";
/* CSS Document*/
/****
* bullet: 6bbd45 - ab5125
****/
body{
  margin: 0; padding: 0;
  background: rgb(255, 216, 216); color: #000;
  font: 13px/24px 'Roboto', sans-serif;
  letter-spacing: 0.5px;
  width: 100%; height: 100vh;
  overflow: hidden;
}
.b500{
  font-weight: 500;
}
.img-responsive{
  max-width: 100%; height: auto;
}
.full-height{
  min-height: 100vh;
}
.login-logo{
  margin: 0;
  transform: translateY( 50%);
}
.login-container{
  margin-bottom: 15vh;
}
.login-logo-box{
  display: inline-block;
  padding: 15px; background: #FFF;
  border: 1px solid #DDD;
  border-radius: 50%; overflow: hidden;
}
.login-logo-img{
  height: 72px; width: auto;
  object-fit: cover; object-position: center;
}
.login-logo-label{
  font-weight: 300; font-size: 17px;
}
.login-logo-label b{
  font-weight: bold; color: rgb(222, 69, 1);
}
.form-control{
  font-size: 13px;  line-height: 30px;
  border-color: #ddd;
  background: rgba(0, 0, 0, 0.01);
  color: #000
}
.form-control:focus{
  background: rgba(0, 0, 0, 0.015);
  outline: none;
}
.login-container{
  max-width: 415px;
}
.login-fcontainer{
  background: rgba(255, 255, 255, 1);
  padding: 60px 30px 30px;  margin-bottom: 10px;
  border-radius: 5px;
}
.login-fcontainer .login-checkinput{
  margin-top: 3px; margin-right: 10px;
  width: 2.5em;  height: 1.3em;
}
.login-btn{
  color: #FFF;
   font-size: 13px; text-transform: capitalize; font-weight: 500;
   padding: .45rem 3.5rem;
}
.login-footer{
  color: #fff;
  font-weight: 300;
}
.login-footer a{
  text-decoration: none; color: inherit;
}
.form-label{
  font-weight: 500;
}
.alert{
  padding: .75rem 1rem;
  color: #000; font-size: 13px; font-weight: 300;
}
.alert b{
  font-weight: bold;
}
/***************************************************
****** RESPONSIVE **********************************
***************************************************/
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
 }

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    
}