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

:root {
  --main-accent: #2e0a61;
  --secondary-accent: rgb(46, 10, 97);
  /* Button & Shadows */
  --button-bg: rgba(255, 255, 255, 1);
  --button-shade: rgba(46, 10, 97, 70%);
  --neutral-shade: 200, 200, 200;
  /* Background */
  --bg-img: url('./test.jpg');
  --bg-start: rgba(255, 255, 255, 1);
  --bg-end: rgba(0, 0, 0, 0.2);
}

/* 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 {
  /*background: rgb(238 238 238 / 80%) repeat scroll 0% 0%;*/
  background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(46, 10, 97, 0.15)),
    var(--bg-img);
  background-size: cover;
  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.5);
  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 image */
.push-history[menutype='mycasehistory'] .menu-list-element-icon-left {
  background: url('icons/time-machine-100.png') no-repeat center !important;
}

/* Icon size*/
.my-bookings-menu-list .menu-list-element-icon-left, .push-history[menutype='mycasehistory'] .menu-list-element-icon-left {
  background-size:75% auto !important;
}

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

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

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