html,
body {
  height: 100%;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
background: url(../../img/elderly.jpg) left top no-repeat;
background-size: cover;
  /* background: #4e8098; /* Old browsers */
  /* background: -moz-linear-gradient(-45deg, #4e8098 0%, #002f87 100%); /* FF3.6-15 */
  /* background: -webkit-linear-gradient(-45deg, #4e8098 0%,#002f87 100%); /* Chrome10-25,Safari5.1-6 */
  /* background: linear-gradient(135deg, #4e8098 0%,#002f87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e8098', endColorstr='#002f87',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  /* background-repeat: no-repeat;
  background-attachment: fixed; */
}
p {
  font-size: 9px;
  color: #8d99ae;
}
form {
  position: relative;
  width: 300px;
  margin: 0 auto;
}
.modal-content {
  width:100%;
}
.modal-body > form {
  position: relative;
  width: 100%;
}
.help-links {
  padding-top: 10px;
  font-size: 15px;
}
.help-links > a {
  color: #777;
}
.help-links > i {
  font-size: 15px;
}
.form-control {
  border-radius: 0;
  -webkit-border-radius: 0px;
}
.input-group {
  height: 47px;
  width: 100%;
  border: 0;
  outline: 0;
}
.input-group > input {
  height: 100%;
  background-color: #A1B8CD;
  color: white;
  font-size: 20px;
}
.input-group > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
.input-group > input::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
.input-group > input:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
.input-group > input:-moz-placeholder { /* Firefox 18- */
  color: white;
}
.input-group-addon {
  height: 100%;
  width: 50px;
  color: #80B4D3;
  background-color: #D9E3E9;
  border-radius: 0;
  -webkit-border-radius: 0px;
}
.input-group-addon > i {
  font-size: 20px;
}
.row {
  padding-top: 5px;
  padding-bottom: 5px;
}
.back-row {
  padding-top: 35px;
}
.logo {
  /*padding-top: 30px;*/
  padding-bottom: 30px;
}
.login-box {
    position: relative;
    top: 5%;
    min-height: 785px;
    height: 100%;
    width: 400px;
    margin: 0 auto;
    background: rgba(255,255,255,.95);
    /* border-radius: 0 0 3px 3px; */
    background-clip: padding-box;
    /* border: 1px solid #e1e1e1; */
    border-bottom-width: 5px;
    padding: 40px 25px;
}
.login {
  border: none;
  outline: none;
  width: 300px;
  height: 47px;
  color: whitesmoke;
  background-image: none;
  background-color: #8CCC42;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
}
.log-btn {
  border: none;
  outline: none;
  width: 300px;
  height: 60px;
  color: #4e8098;
  background-image: none;
  background-color: #FFFFFF;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
}
.back-btn {
  border: none;
  outline: none;
  width: 180px;
  height: 47px;
  color: white;
  background-image: none;
  background-color: #80B4D3;
}

/* for language selecton at login */

.language-prompt {
 width: 276px;
 position: absolute;
 z-index: 3;
/* bottom: 32px;*/
 left: 50%;
 margin-left: -138px;
 opacity: 0;
 display: none;
 pointer-events: none;
 padding: 15px;
 color: #5f6a7d ;
 background-color: #fafafa ;
 font-size: 11px;
 font-weight: 500;
 text-transform: uppercase;
 letter-spacing: 1px;
 -moz-transform: translateY(6px);
 -ms-transform: translateY(6px);
 -webkit-transform: translateY(6px);
 transform: translateY(6px);
 -moz-transition: all 0.2s ease-in;
 -o-transition: all 0.2s ease-in;
 -webkit-transition: all 0.2s ease-in;
 transition: all 0.2s ease-in;
 border-radius: 5px; }
 /* line 172, ../../app/unowned/stylesheets/login.sass */
 .login-page .language-prompt {
   background: #85898c ;
   color: #fafafa ; }
   /* line 177, ../../app/unowned/stylesheets/login.sass */
   .login-page .language-prompt ul li:hover {
     background: #787c7f ; }
 /* line 198, ../../app/unowned/stylesheets/login.sass */
 .language-prompt.active {
   opacity: 1;
   display: block;
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   pointer-events: auto;
   z-index: 10; }
 /* line 203, ../../app/unowned/stylesheets/login.sass */
 .language-prompt ul {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: left; }
   /* line 208, ../../app/unowned/stylesheets/login.sass */
   .language-prompt ul li {
     padding: 5px;
     line-height: 17px; }
     /* line 211, ../../app/unowned/stylesheets/login.sass */
     .language-prompt ul li:hover {
       background-color: #ededed ;
       cursor: pointer; }