@charset "UTF-8";
/* Royal Spa - Dárkové poukazy */
/*
// royalspa
$app-hotel: #0b325f;
$app-nav: #e9f6ff;
$app-main: #f0f0f0;
$app-voucher-selected: #fffad2;
$app-item: #ddd;
$app-item-selected: #fffad2;
$app-button: #00aeff;
$app-button-hover: #43c3ff;

// rmb
$app-hotel: #A40C3C;
$app-nav: #faeff2;
$app-main: #f0f0f0;
$app-voucher-selected: #fffad2;
$app-item: #ddd;
$app-item-selected: #fffad2;
$app-button: #A40C3C;
$app-button-hover: #b9184b;

// tlvl + diana
$app-hotel: #e07d14;
$app-nav: #fdf4eb;
$app-main: #f0f0f0;
$app-voucher-selected: #fffad2;
$app-item: #ddd;
$app-item-selected: #fffad2;
$app-button: #f09739;
$app-button-hover: #faa850;

// miramare + valaska + antoaneta
$app-hotel: #0b325f;
$app-nav: #daf0ff;
$app-main: #f0f0f0;
$app-voucher-selected: #fffad2;
$app-item: #ddd;
$app-item-selected: #fffad2;
$app-button: #00a2db;
$app-button-hover: #0cb0ea;

// onv
$app-hotel: #0799a5;
$app-nav: #e9feff;
$app-main: #f0f0f0;
$app-voucher-selected: #fffad2;
$app-item: #ddd;
$app-item-selected: #fffad2;
$app-button: #00bcc5;
$app-button-hover: #19c3cb;
*/
.app-nav {
  background-color: #e9f6ff;
  border-top: 2px solid #0b325f;
  border-bottom: 2px solid #0b325f;
}

.app-nav span {
  vertical-align: middle;
  color: #0b325f;
}

.app-nav__title {
  font-size: 1.2rem;
  font-weight: bold;
}

.app-nav__icon {
  width: 32px;
  margin-right: 0.25em;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .app-nav .e-button {
    max-width: 120px;
  }
}
.app-main {
  background-color: #f0f0f0;
}

.app-voucher {
  background-color: #f0f0f0;
  border-bottom: solid 2px white;
}

.app-voucher--selected {
  background-color: #fffad2;
}

.app-plus-minus {
  width: 45px;
  text-align: center;
  text-decoration: none;
}

.app-item {
  background: #ddd;
  color: #444 !important;
  text-decoration: none;
}

.app-item:hover {
  text-decoration: none;
}

.app-item--selected {
  background: #fffad2 !important;
  color: #000;
}

.app-item__icon {
  width: 35px;
  margin-right: 0.75em;
}

.app-item__icon > img {
  display: block;
  height: 28px;
  max-width: 35px;
  margin: auto;
  vertical-align: middle;
  opacity: 0.75;
}

.app-titlebar {
  background: #0b325f;
  color: #fff;
  font-weight: bold;
}

.app-button__icon {
  height: 20px;
  margin-right: 0.15em;
}

.app-status-icon {
  fill: #0b325f;
}

.app-svg-agree {
  height: 24px;
  margin-right: 0.5em;
  fill: #00aeff;
}

/* legacy */
.e-buttons {
  padding: 0;
}

.e-button, .e-dialog-button {
  gap: 0.25em;
  background-color: #00aeff;
  color: #fff;
  text-decoration: none !important;
}

.e-button:hover, .e-button:focus, .e-dialog-button:hover, .e-dialog-button:focus {
  background-color: #43c3ff;
  color: #fff;
  text-decoration: none !important;
}

.e-dialog-button {
  padding: 0.75em 0;
  height: auto;
  text-decoration: none !important;
}

.e-paginator {
  list-style: none;
}

.e-paginator li {
  list-style: none;
}