:root {
  --input-padding-x: 1.5rem;
  --input-padding-y: .75rem;
}

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.form-signin {
  width: 100%;
  max-width: 330px;
 
  margin: auto;
}


/*@media screen and (orientation: landscape) {
  .form_login{
    height: 50%;
  }  
}*/

/*@media screen and (max-width: 1440px) and (orientation: landscape) {
  .form_login{
    height: 50%;
  }  
}
@media screen and (max-width: 1280px) and (orientation: landscape) {
  .form_login{
    height: 50%;
  }  
}
@media screen and (max-width: 800px) and (orientation: landscape) {
  .form_login{
    height: 50%;
  }  
}

@media screen and (max-width: 600px) and (orientation: landscape){
  .form_login{
    height: 50%;
  }  
}*/

@media screen and (max-width: 1200px) and (orientation: portrait){
  .form_login{
    height: 65%;
  }  
}

@media screen and (max-width: 768px) and (orientation: portrait){
  .form_login{
    height: 50%;
  }  
}
@media screen and (max-width: 480px) and (orientation: portrait){
  .form_login{
    height: 65%;
  }  
}
@media screen and (max-width: 360px) and (orientation: portrait){
  .form_login{
    height: 60%;
  }  
}









.aline_item_left{
    margin-left: auto; 
}

.bg_grey{
    background-color: #909090;
}

.cancel{
    top: -15px;
    right: 0px;
}

h1{
    font-weight: 200;
    font-size: 1.7rem;
    line-height: 1.4;
    font-style: normal;
    width: calc(100% / 4);
    margin-left: 20px;
}


.background img{
    width: 100%;
    height: auto;
}
.right-top{
    right: 25px;1
    top: 20px;
}