html, body{
  height:100%;
  background:white;
  /* background:url('/img/login-background.jpg'); */
  background:url('/img/rims-bg-1.jpg');
  /* background:url('/img/rims-bg-2.jpg'); */
  /* background:url('/img/rims-bg-3.jpg'); */
  /* background:url('/img/rims-bg-4.jpg'); */
  /* background:url('/img/rims-bg-5.jpg'); */
  background-size:cover;
  background-attachment:fixed;
}

h1 {
  font-size: 34px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 26px;
}
h4 {
  font-size: 22px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 18px;
}

.logo-wrapper{
  text-align:center;
}

.login{
  padding-top:10%;
}


i.waves-effect.waves-light.btn.login-btn.waves-input-wrapper{
  padding:0px;
}

.login-logo{
  width:50%;
  opacity:.7;
  margin-bottom: 20px;
}

.login-btn{
  width:100%;
}

.login-helper-links{
  padding-top:14px; 
}

.login-btn input{
  width:100%;
  height:100%;
}

.login .bg-danger{
  color:#25f3df;
}

.glass{
  background:rgba(255,255,255,0.1);
  border-radius:5px;
  padding:40px 20px !important;
  -moz-box-shadow:    0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow:         0px 0px 2px 2px rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.4);
}


.login .input-field .prefix{
  color:#dfdfdf;
}

/* .login input{
  color:white;
} */

.dashboard-card{
  padding:14px;
}

.login [type="checkbox"].filled-in:not(:checked)+label:after{
  border:2px solid #9e9e9e
}

.login a{
  color:#dfdfdf;
}


.side-nav .userView{
  background:url('/img/login-background.jpg');
  background-size:cover;
}


.login{
  transform: translate(0%, 50%);
}

/*    div.tablesorter-header-inner:after {
      content: '\2195';
      display:block;
      position:relative;
      float:right;
      right: 10px;
    }
    th[aria-sort="ascending"] > div.tablesorter-header-inner:after {
      content:'\2193';
      display:block;
      position:relative;
      float:right;
      right: 10px;
    }
    th[aria-sort="descending"] > div.tablesorter-header-inner:after {
      content:'\2191';
      display:block;
      position:relative;
      float:right;
      right: 10px;
    }*/
.brand-logo img {
  height: 60px;
  padding: 10px;
}

@media all and (max-width: 999px) and (min-width:600px) {
  .login{
    transform: translate(0%, 0%);
    margin-top:20px;
  }
}

@media all and (max-width: 600px) and (min-width:200px) {
  .login{
    transform: translate(0%, 0%);
    margin-top:100px;
  }
}