.wow-class1 {
  color: #C41F3B;
}

/*DK C41F3B*/
.wow-class2 {
  color: #FF7D0A;
}

.wow-class3 {
  color: #ABD473;
}

.wow-class4 {
  color: #69CCF0;
}

.wow-class5 {
  color: #F58CBA;
}

.wow-class6 {
  color: #FFFFFF;
}

.wow-class7 {
  color: #FFF569;
}

.wow-class8 {
  color: #0070DE;
}

.wow-class9 {
  color: #a498c7;
}

/*WL 9482C9*/
.wow-class10 {
  color: #C79C6E;
}

.wow-class11 {
  color: #00FF96;
}

.wow-class12 {
  color: #A330C9;
}

body {
  background-image: url("../img/wow-bfa-bg_ohne.jpg");
  background-size: cover;
  font-size: smaller;
  font-family: Arial, Helvetica, sans-serif;
}

td.signupEntry {
  font-weight: bold;
  text-shadow: 2px 2px 2px #000;
  /* border-radius: 1em; */
  border-bottom: 1px black solid;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 23, 34, 0.7)), color-stop(rgba(2, 4, 5, 0.7)), to(rgba(14, 23, 34, 0.7)));
  background-image: linear-gradient(rgba(14, 23, 34, 0.7), rgba(2, 4, 5, 0.7), rgba(14, 23, 34, 0.7));
  -webkit-filter: blur(5);
          filter: blur(5);
}

.notePopup {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  margin-left: -8em;
  margin-top: -2em;
}

.noteText:hover .notePopup {
  visibility: visible;
}

.state-table {
  border: rgba(12, 17, 19, 0.8);
  border-style: solid;
  padding: 1em;
  margin: 1em auto;
  background-color: rgba(0, 30, 40, 0.85);
  max-width: 100em;
}

.cancelled {
  -webkit-text-decoration: line-through black;
          text-decoration: line-through black;
  text-decoration-thickness: 0.15em;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 40, 40, 0.8)), color-stop(rgba(70, 70, 70, 0.8)), to(rgba(40, 40, 40, 0.8))) !important;
  background-image: linear-gradient(rgba(40, 40, 40, 0.8), rgba(70, 70, 70, 0.8), rgba(40, 40, 40, 0.8)) !important;
}

.state-row {
  border: #00000046;
  border-style: solid;
  width: 98%;
  margin-bottom: 1em;
}

.raidlist-head {
  width: 90%;
  background-color: rgba(234, 208, 247, 0.4);
}

tr.raidlist {
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
  /* border-radius: 1em; */
  border-bottom: 1px black solid;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 23, 34, 0.7)), color-stop(rgba(2, 4, 5, 0.7)), to(rgba(14, 23, 34, 0.7)));
  background-image: linear-gradient(rgba(14, 23, 34, 0.7), rgba(2, 4, 5, 0.7), rgba(14, 23, 34, 0.7));
}

tr.raidlist:nth-child(even) {
  background-color: rgba(247, 247, 247, 0.2);
}

.roleHeader {
  line-height: 5px;
}

.roleConfirmed {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(81, 148, 92, 0.7)), color-stop(rgba(133, 216, 137, 0.7)), to(rgba(81, 148, 92, 0.7)));
  background-image: linear-gradient(rgba(81, 148, 92, 0.7), rgba(133, 216, 137, 0.7), rgba(81, 148, 92, 0.7));
}

.roleSignedUp {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(142, 143, 83, 0.7)), color-stop(rgba(197, 195, 94, 0.7)), to(rgba(142, 143, 83, 0.7)));
  background-image: linear-gradient(rgba(142, 143, 83, 0.7), rgba(197, 195, 94, 0.7), rgba(142, 143, 83, 0.7));
}

.roleOff {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(145, 86, 86, 0.7)), color-stop(rgba(189, 99, 99, 0.7)), to(rgba(145, 86, 86, 0.7)));
  background-image: linear-gradient(rgba(145, 86, 86, 0.7), rgba(189, 99, 99, 0.7), rgba(145, 86, 86, 0.7));
}

.roleBackup {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 91, 145, 0.7)), color-stop(rgba(174, 93, 199, 0.7)), to(rgba(128, 91, 145, 0.7)));
  background-image: linear-gradient(rgba(128, 91, 145, 0.7), rgba(174, 93, 199, 0.7), rgba(128, 91, 145, 0.7));
}

.roleUnsigned {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(114, 114, 114, 0.7)), color-stop(rgba(181, 180, 182, 0.7)), to(rgba(128, 91, 145, 0.7)));
  background-image: linear-gradient(rgba(114, 114, 114, 0.7), rgba(181, 180, 182, 0.7), rgba(128, 91, 145, 0.7));
}

@-webkit-keyframes blinking {
  0% {
    background-color: rgba(2, 224, 253, 0.7);
  }
  50% {
    background-color: #070707;
  }
  100% {
    background-color: rgba(2, 224, 253, 0.7);
  }
}

@keyframes blinking {
  0% {
    background-color: rgba(2, 224, 253, 0.7);
  }
  50% {
    background-color: #070707;
  }
  100% {
    background-color: rgba(2, 224, 253, 0.7);
  }
}

.roleNotSigned {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(56, 79, 95, 0.7)), color-stop(rgba(73, 97, 114, 0.7)), to(rgba(56, 79, 95, 0.7)));
  background-image: linear-gradient(rgba(56, 79, 95, 0.7), rgba(73, 97, 114, 0.7), rgba(56, 79, 95, 0.7));
  -webkit-animation: blinking 2s infinite;
          animation: blinking 2s infinite;
}

td.raidEntry {
  font-weight: bold;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(56, 79, 95, 0.7)), color-stop(rgba(73, 97, 114, 0.7)), to(rgba(56, 79, 95, 0.7)));
  background-image: linear-gradient(rgba(56, 79, 95, 0.7), rgba(73, 97, 114, 0.7), rgba(56, 79, 95, 0.7));
  border-bottom: 1px black solid;
  border-left: 1px black solid;
  color: #d4f5ff;
}

.inviteArea {
  width: 90%;
  margin-top: 2em;
  margin-bottom: 1em;
  padding: 0.5em;
}

.altchar {
  font-style: italic;
}

.altchar:after {
  content: " ..(Alt)";
}

.buttonSmall {
  padding: 0.1em 0.4em !important;
}

.formSign {
  padding: 10px;
}

.raidlink {
  color: #99ceff;
}

img.custom-brand {
  max-height: 8em;
}

.durus-item {
  color: #99ceff;
}

.durus-news {
  font-size: 1.2em;
}

.durus-em {
  font-weight: bold;
}

.durus-frame {
  width: 100%;
  height: 100vh;
}

.durus-text {
  background-color: rgba(56, 79, 95, 0.7);
}

.durus-link {
  color: #99ceff;
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  font-size: medium;
}

.custom-wrapper {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(100, 100, 100, 0)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(100, 100, 100, 0));
  margin-bottom: 1em;
  height: 8.1em;
}

.custom-menu-3 {
  text-align: right;
}

.rowlink {
  text-decoration: none;
  color: white;
}

.rowlink:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  margin-top: -5px;
  left: 3.5em;
  height: 1.4rem;
  /* don't forget to set the height! */
}

.rowlink:hover:before {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 3.5em;
  height: 1.4rem;
}

.checkrow {
  width: 1.5em;
}

.signupName {
  padding-left: 5px;
}

.cbsign:checked:before {
  font-style: italic !important;
}

.centerdiv {
  text-align: center;
  padding-top: 2px;
}

table {
  position: relative;
}

@media (max-width: 60em) {
  .custom-menu-3 {
    text-align: left;
  }
  .custom-wrapper {
    height: 2.2em;
  }
  .custom-toggle {
    display: block;
  }
  .custom-brand {
    display: none;
  }
  .details {
    display: none;
  }
}
/*# sourceMappingURL=header.css.map */