.login-form__fieldset .button-vue__wrapper > span {
  color: #fff
}

.login-form__fieldset .button-vue__wrapper > span svg {
  fill: #fff
}


#side-menu-loader-bar {
  background-color: #3498db !important;
}

main .login-box {
  background-color: #fff  !important;
  color: #280304 !important;
}

main .guest-box.login-box {
  margin-top: 50px !important;
}

main .login-box a {
  color: #3498db !important;
}

main .login-form .login-form__headline {
  color: #280304 !important;
}

main .login-form .input-field__input {
  background-color: #fff !important;
  color: #280304 !important;
}

.input-field__input[data-v-f50b337c]:active:not([disabled]),
.input-field__input[data-v-f50b337c]:hover:not([disabled]), 
.input-field__input[data-v-f50b337c]:focus:not([disabled]) {
  border-color: #3498db !important;
}

form button,
.button-vue--vue-primary[data-v-3f8e123a]:not(:disabled) {
  background-color: rgb(52, 152, 219)!important;
  color: #fff!important;
  transition: background-color .4s ease-in-out;
}

form button:hover,
.button-vue--vue-primary[data-v-3f8e123a]:hover:not(:disabled) {
  background-color: rgba(40, 3, 4, .6) !important;
  transition: background-color .4s ease-in-out;
}

footer {
  background-color: #fff !important;
  border-radius: 0 !important;
  color: rgba(40, 3, 4, .8) !important;
}

footer .info a {
  color: #3498db !important;
}

.srgdev-dpu-time-unit:hover,
.srgdev-dpu-date-cont:hover {
  color: rgb(52, 152, 219) !important;
}