/*
Vårdx3 
color accent : #ad3434
secondary accent : rgb(201, 28, 28)
*/

:root {
  --main-accent: #009988;
  --secondary-accent: rgb(146, 193, 233);
  /* Button & Shadows */
  --button-bg: rgba(255, 255, 255, 1);
  --button-shade: rgba(10, 86, 80, 70%);
  --neutral-shade: 200, 200, 200;
  /* Background */
  --bg-img: url('./back.png');
  --bg-start: rgba(255, 255, 255, 1);
  --bg-end: rgba(0, 0, 0, 0.2);
  /* Text */
  --white: rgb(254, 254, 254);
}


/* Top Nav */
#top-layout {
  background-color: var(--main-accent);
  color: #fff;
}

/* Logo - resize with max heigth/width */
.logo-image {
  max-height: 300px;
  max-width: 300px;
  
}

/* Remove
      .page-main-header {
        color: var(--main-accent);
      } */

.test-version {
  background: var(--main-accent);
  color: #fff;
}

#center-layout, #center-layout .questions-page {
  /*background: rgb(238 238 238 / 80%) repeat scroll 0% 0%;*/
  background: linear-gradient(
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0)
    ),
    var(--bg-img) !important;
  background-size: cover;
  background-position: center;
  font-size: 1.1rem;
}

.menu-list,
.page-description,
.page-description-login {
  font-weight: bold;
}
.call-emergancy-warning {
  display: none;
}
.menu-list .menu-list-element {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  padding: 4px;
  margin-top: 10px;
  /* Blur effect */
  -webkit-backdrop-filter: blur(4px); /* Safari 9+ */
  backdrop-filter: blur(4px); /* Chrome */
  -webkit-box-shadow: 0 4px 10px var(--button-shade);
  -moz-box-shadow: 0 4px 10px var(--button-shade);
  box-shadow: var(--button-shade) 0px 0px 0px 1px,
    rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
/* Historik background / img */
.push-history[menutype='mycasehistory'] .menu-list-element-icon-left {
  background: url('icons/time-machine-100.png') no-repeat center !important;
  background-size: contain !important;
}

.menu-list-element {
  padding: 6px;
}

.my-bookings-menu-list .menu-list-element-icon-left {
  background-size: contain !important;
}

.menu-list-separator {
  display: none !important;
}

.page-main-header,
.page-description,
.menu-list-question,
.success-title,
.success-description,
.available-dates-interval,
.login-form {
  color: white !important;
}