:root {
  --main-accent: #C14826DB;
  /* Antagligen rätt fär #92254c*/
  /* Button & Shadows */
  --button-bg: rgba(255, 255, 255, 1);
  --button-outline:#C14826DB;
  --neutral-shade: 200, 200, 200;
  /* Background */
  --bg-img: url('./bg.png');
  --bg-color: rgb(255, 255, 255);
  --bg-start: rgba(255, 255, 255, 1);
  --bg-end: rgba(0, 0, 0, 0.2);
  /* Text */
  --text-main: rgb(0, 0, 0)
  
}
/* 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;
}

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

#center-layout,
.questions-page {
  /*background: rgb(238 238 238 / 80%) repeat scroll 0% 0%;*/
  background: linear-gradient(
      var(--bg-color),
      var(--bg-color)
    );
  background-size: cover !important;
  background-position: right;
  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.6);
  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-outline);
  -moz-box-shadow: 0 4px 10px var(--button-outline);
  box-shadow: var(--button-outline) 0px 0px 0px 1px,
    rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
.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-description,
.page-main-header,
.available-dates-interval {
  color: #ffffff;
}

.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-icon-right {
  background: url('icons-grey/forward-100.png') no-repeat center !important;
  background-size: 20px !important;
}

.how-it-works-image {
  display: none;
}

.info-icon-column {
  background-image: url(infoicondiscreet.png);
}

.menu-list,
.page-description,
.page-description-login,
.booking-card-center-content,
.permissions-content,
.settings-content,
.login-field-header,
.success-title {
font-weight: bold;
color: var(--text-main) !important;
}

.how-it-works-text {
  width: 90%;
}