:root {
    --jumbotron-padding-y: 3rem;
  }
  
  .jumbotron, .rules {
    padding-top: var(--jumbotron-padding-y);
    padding-bottom: var(--jumbotron-padding-y);
    margin-bottom: 0;
  }
  .jumbotron {
    background-color: #e9ecef;
  }
  @media (min-width: 768px) {
    .jumbotron {
      padding-top: calc(var(--jumbotron-padding-y) * 2);
      padding-bottom: calc(var(--jumbotron-padding-y) * 2);
    }
  }
  
  .jumbotron p:last-child {
    margin-bottom: 0;
  }
  
  .jumbotron-heading {
    font-weight: 300;
  }
  
  /* .jumbotron .container {
    max-width: 40rem;
  } */
  
  footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  footer p {
    margin-bottom: .25rem;
  }
  
  .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
  
  .hide {
      display: none;
  }
  .card-body h6 {
      margin-top: 1em;
  }
  .gameboard {
     margin-top: 2em;
  }
  .recap {display:none;}

  .icons {
      
    margin-top: .5em;
    margin-bottom: 1em;

  }
  .icons .col {
    padding-right: 7px;
    padding-left: 7px;
  }
  .icons > .col {
      padding-left: 15px;
  }
  .icons .col span {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
}
    .icons .inactive {
      opacity: .5;
    }

    .ask-question, .icons .active, .ask-question.btn-outline-primary:disabled {
      opacity: .75;
      color: white;
    }
    .ask-question.btn-outline-primary:disabled {
      opacity: .5;
    }
    .ask-question:hover {
      opacity: 1;
    }
    
    .turn-recap-section .nurse {
      color: #fc033d;
    }

    #turn-information {
      width: 100%;
    }
    #turn-information .alert {
      color: #333333;
    }
    #turn-information.nurse .alert, .nurse-info .ask-question, .badge.nursing {
      border-color: #fc033d;
      background-color: #fc033d;
      color: #ffffff;
    }
    .turn-recap-section .pathology {
      color: #03a9fc;
    }
    #turn-information.pathology .alert, .pathology-info .ask-question,  .badge.pathology {
        background: #03a9fc;
        border-color: #03a9fc;
        color: #ffffff;
    }
    .turn-recap-section .radiology {
      color: #fc7b03;
    }
    #turn-information.radiology .alert, .radiology-info .ask-question, .badge.radiology {
        background: #fc7b03;
        border-color: #fc7b03;
        color: #ffffff;
    }
  .locked .request-info {
      display: none;
  }

  .turn-recap-section, .doctor-section, .diagnose-section {
      margin-bottom: 1em;
  }

  .pathology-info .locked, .radiology-info .locked, .diagnose-section .locked {
      display: none;
  }

  .locked .locked {
      display:block;
  }
  
  .turn-counter-container {
      margin-bottom: 1em;
  }
  .turn-counter-container .turn {
    height: 1.5em;
    border: 1px solid #ccc;
    text-align: center;
    color: #0b0b0b;
  }
  .turn-counter-container .turn span {
    display: none;
  }
  .turn-counter-container .turn.active {
    background-color: #d4edda;
    border-color: #c3e6cb;
  }
  .turn-counter-container.warning .turn.active {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
  }
  .turn-counter-container.danger .turn.active {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
  }
  .turn-counter-container .turn.active.current span {
    display: block;
  }

  .nurse-icon {
    background-image: url('../img/nurse.svg');
  }
  .active .nurse-icon {
    filter: invert(17%) sepia(89%) saturate(6515%) hue-rotate(340deg) brightness(96%) contrast(106%);
  }
  .pathology-icon {
    background-image: url('../img/microscope.svg');
  }
  .active .pathology-icon {
    filter: invert(43%) sepia(98%) saturate(1040%) hue-rotate(172deg) brightness(99%) contrast(111%);
  }
  .radiology-icon {
    background-image: url('../img/x-ray.svg');
  }
  .active .radiology-icon {
    filter: invert(45%) sepia(64%) saturate(1262%) hue-rotate(1deg) brightness(104%) contrast(98%);
  }
  .icon {
    display: block;
    color: white;
    width: 100%;
    height: 100%;
  }

  .key-info.none #keyInformationList {
    display: none;
  }
  .key-info .text-muted {
    display: none!important;
  }
  .key-info.none .text-muted {
    display: block!important;
  }

  .scoreMod {
    margin-left: .5em;
  }
  .version {
    margin-left: 1em;
  }

  .tab-pane {
    margin-top: 1em;
  }
  /* -- autocomplete --*/
  .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.startGame {
  margin-right: 1em;
}

/* -- carousel -- */
.carousel-caption {
  position: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  color: inherit;
  padding-right: 5%;
  padding-left: 5%;
}
#carousel a:hover {
 background: rgba(0,0,0,.1);
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}
.badge {
  padding: .5em;
}
h1.display-3 {
  font-size: 3.5rem;
  line-height: 1.5;
}
.lead {
  margin-top: 2rem;
  line-height: 1.75em;
  margin-bottom: 2rem;
}
b, strong {
  font-weight: bold;
}



/* -- part 2 -- */
#recap-board {
  max-width: 60em;
  margin: auto;
  margin-top: 3em;
  background: #efefef;
  padding: 1em;
}
  #recap-board__game {
    border-bottom: 1px solid #aaa;
    margin-bottom: 2em;
  }
  .material-icons.no-info {
    color: white;
  }
  .personRecap .person {
    margin-bottom: 2em;
  }