/* MitID knap */
.btn-mitid {
  background-color: #0060E6;
  border-color: #0060E6;
  border-radius: 5px; /* Runde hjørner */
  color: #fff;
 
}

.btn-mitid:hover {
  background-color: #004bb4; /* Lidt mørkere blå ved hover */
  border-color: #004bb4;
  color: #fff;
}

/* Layout */
.body {
  position: relative;
  min-height: 450px;
}

.background_front {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 450px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.create,
.login {
  padding: 15px;
  border: 2px solid #606060;
	background-color: rgba(255, 255, 255, 0.9);
}

.login_bg {
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.9);
	min-height: 320px;
	color:#505050
}

/* Formular og fejlmeddelelser */
.form-control.error:focus,
.error,
#pw:invalid,
#rpw:invalid,
#mitid:invalid,
input.wrong {
  border-color: rgba(255, 0, 0, 0.75);
  box-shadow: 0 0 0 .2rem rgba(255, 0, 0, 0.45);
}

.form-group {
  position: relative;
}

.err_msg {
  display: none;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #ca4545;
  color: #fff;
}

form .err_msg.show {
  display: block;
}

/* Input tæller */
.counter {
  position: absolute;
  bottom: -35px;
  z-index: 1;
  display: none;
  padding: 5px;
  font-size: 14px;
  line-height: 14px;
  background-color: #ca4545;
  color: #fff;
  border-radius: 8px;
}

.counter:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 25px;
  width: 10px;
  height: 10px;
  border-bottom: 11px solid #ca4545;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

input:focus + sub.counter,
input:active + sub.counter,
input:hover + sub.counter {
  display: block;
}

input:focus + sub.counter.hide,
input:active + sub.counter.hide,
input:hover + sub.counter.hide {
  display: none;
}

.arrow-up:before {
  border-bottom: 15px solid #ca4545;
}

/* Responsiv tilpasning */
@media (max-width: 575px) {
  img.logo {
    width: 50%;
  }
}