html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 1000px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .view {
    height: 650px;
  }
}

.top-nav-collapse {
  background-color: #3f51b5 !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: #3f51b5 !important;
  }
}

.rgba-gradient {
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 255, 0.75), rgba(255, 255, 255, 0.8) 80%);
  background: -webkit-gradient(linear, 90deg, from (rgba(0, 0, 255, 0.75), rgba(255, 255, 255, 0.8) 80%));
  background: linear-gradient(to 90deg, rgba(0, 0, 255, 0.75), rgba(255, 255, 255, 0.8) 80%);
}

/* .card {
  background-color: rgba(255, 255, 255, 0.5);
} */

.md-form label {
  color: #ffffff;
}

h6 {
  line-height: 1.7;
}


.btn-toggle-pass {
  border: none;
  position: absolute;
  top: 11px;
  background: transparent;
  right: 0;
}

.btn-toggle-pass.active {
  color: '#3f51b5';
}

.cc-login-bg {
  background-color:#3278b4;
}