* {
  font-family: Roboto;
}

/* input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
} */

select,
option {
  font-family: Roboto, Arial, Helvetica;
}

body {
  background-color: rgb(10, 11, 14);
  background-image: url("/images/background.jpg");
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.title-header {
  color: white;
  text-shadow: 2px 2px black;
}

.title-header-contrast {
  /* color: rgb(00, 102, 195); */
  color: rgb(124, 137, 175);
}

.title-border {
  border-bottom: 1px solid rgb(124, 137, 175);
}

.btn {
  text-shadow: 1px 1px black;
}

.icon-shadow {
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 1));
}

.nav-item .active {
  background: linear-gradient(135deg, rgb(124, 137, 175), rgb(58, 64, 82));
  border: 1px solid rgb(159, 168, 218);
}

.nav-link {
  color: white;
  text-shadow: 1px 1px black;
}

.nav-link:hover {
  color: rgb(124, 137, 175);
}

.raffle-running {
  color: rgb(124, 137, 175);
}

.raffle-ended {
  color: rgb(2, 173, 2);
}

.card {
  color: white;
  text-shadow: 2px 2px black;
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid rgb(124, 137, 175);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.card-header,
.card-footer {
  border-color: rgb(124, 137, 175);
}

.card-selectable {
  cursor: pointer;
}

.card-selectable:hover {
  box-shadow: 0 0 15px 5px #48abe0;
}

table.card-table,
table.card-table-simple {
  color: white;
}

table.card-table tr {
  border-bottom: 1px solid rgb(124, 137, 175);
}

.table-subs {
  color: #acacac;
}

.card-draw {
  color: rgb(250, 207, 173);
  background-color: rgba(250, 209, 165, 0.1);
}

.card-prize {
  background-color: rgba(0, 0, 0, 0.4);
}

.card-prize.card-header {
  color: rgb(115, 165, 128);
  background-color: rgba(96, 147, 93, 0.1);
}

.btn-new-draw,
.btn-new-draw:hover {
  border: 1px solid rgb(159, 168, 218);
  background: linear-gradient(135deg, rgb(124, 137, 175), rgb(58, 64, 82));
}

.modal-content {
  border: 1px solid rgb(124, 137, 175);
}

.modal-header {
  border-bottom: 1px solid rgb(124, 137, 175);
}

.modal-footer {
  border-top: 1px solid rgb(124, 137, 175);
}