@charset "UTF-8";
.login-page {
  background: url("../../images/forest.jpg") no-repeat center center;
  background-size: cover; }

.rgba-grey-dark {
  background: rgba(97, 97, 97, 0.7); }

.login-page {
  /* Gör bakgrunden genomskinlig på autofyllda formulärfält i inloggningsrutan (för Chrome) */
  /* Gör så att labeln "E-post" inte får för stor margin (för Chrome) */
  /* Glömt lösenord modal */ }
  .login-page .card {
    background-color: rgba(97, 97, 97, 0.1); }
  .login-page input:-webkit-autofill,
  .login-page input:-webkit-autofill:hover,
  .login-page input:-webkit-autofill:focus,
  .login-page input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-text-fill-color: white; }
  .login-page .md-form > input:-webkit-autofill:not(.browser-default):not([type="search"]) + label {
    transform: translateY(-14px); }
  .login-page .modal .md-form label,
  .login-page .modal .md-form input {
    color: #000000; }
  .login-page .modal .modal-header .close {
    padding: 1.4rem 1rem; }
  .login-page .md-form label {
    color: #ffffff; }

h6 {
  line-height: 1.7; }

html,
body,
header,
.view {
  height: 100%;
  min-height: 500px; }

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

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

.card {
  margin-top: 30px; }

.md-form input[type=text]:focus:not([readonly]),
.md-form input[type=password]:focus:not([readonly]) {
  border-bottom: 1px solid #8EDEF8;
  box-shadow: 0 1px 0 0 #8EDEF8; }

.md-form input[type=text]:focus:not([readonly]) + label,
.md-form input[type=password]:focus:not([readonly]) + label {
  color: #8EDEF8; }

.vw-dark-form .md-form .form-control {
  color: #fff; }

.navbar.navbar-dark form .md-form input:focus:not([readonly]) {
  border-color: #8EDEF8; }

.md-form i ~ .invalid-feedback {
  width: auto;
  margin-left: 40px;
  background-color: rgba(229, 228, 255, 0.4);
  padding-left: 3px !important; }

/* Fixar så att bordern under fältet blir rött om fältet är invalid */
.form-control.input-validation-error {
  border-color: #dc3545 !important;
  box-shadow: 0 1px 0 0 #dc3545 !important;
  /* Ser till att felmeddelande visas när det ska */ }
  .form-control.input-validation-error ~ .invalid-feedback {
    display: block; }

/* Buttons */
/* Alltid samma utseende på Avbryt-knappar om man använder btn btn-cancel */
.btn.btn-cancel, .btn.btn-cancel:hover, .btn.btn-cancel:active {
  font-weight: 500;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent;
  color: black; }

.btn.btn-cancel i {
  color: black !important; }