/* Bootstrap 3.3.5 overrides */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: white;
  text-decoration: none;
  background-color: #9f002c;
}

.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-error hr {
    border-top-color: #e4b9c0;
}
.alert-error .alert-link {
    color: #843534;
}

/* Layers */
/* To define an element on a layer, you should combine a layer category **and**
 * a level.
 *
 * For instance, a dialog that opens first will look like this:
 *     <div class="layer-dialog layer-level-0"></div>
 * Then if there is a dialog that opens after this, then it will look like this:
 *     <div class="layer-dialog layer-level-1"></div>
 *
 * Consider the `--layer` of each category, to be a range of 0-9 for that value.
 * In the case of dialogs, that will be a range of 30 to 39.
 *
 * Pull Request: https://gd-code.gaminglabs.com/projects/KOB/repos/kobetron.iris.online/pull-requests/1670/overview
 */
/* Layer categories */
.layer-base   { --layer: 0; z-index: calc((var(--layer) * 10) + 0); }
.layer-nav    { --layer: 1; z-index: calc((var(--layer) * 10) + 0); }
.layer-notif  { --layer: 2; z-index: calc((var(--layer) * 10) + 0); }
.layer-dialog { --layer: 3; z-index: calc((var(--layer) * 10) + 0); }
.layer-popup  { --layer: 4; z-index: calc((var(--layer) * 10) + 0); }
.layer-top    { --layer: 9; z-index: calc((var(--layer) * 10) + 0); }

/* Layer levels */
.layer-level-0 { z-index: calc((var(--layer, 0) * 10) + 0); }
.layer-level-1 { z-index: calc((var(--layer, 0) * 10) + 1); }
.layer-level-2 { z-index: calc((var(--layer, 0) * 10) + 2); }
.layer-level-3 { z-index: calc((var(--layer, 0) * 10) + 3); }
.layer-level-4 { z-index: calc((var(--layer, 0) * 10) + 4); }
.layer-level-5 { z-index: calc((var(--layer, 0) * 10) + 5); }
.layer-level-6 { z-index: calc((var(--layer, 0) * 10) + 6); }
.layer-level-7 { z-index: calc((var(--layer, 0) * 10) + 7); }
.layer-level-8 { z-index: calc((var(--layer, 0) * 10) + 8); }
.layer-level-9 { z-index: calc((var(--layer, 0) * 10) + 9); }
