#il_center_col {
  padding: 0 !important;
}
div.lxvo-row {
  margin-top: 100px;
}
#xlvo_countdown {
  display: none;
}
#xlvo-voter-header h1.pull-right {
  margin-left: 5px;
}
.xlvo-voter-glyph {
  font-size: 100px;
  color: #DEDEDE;
  text-align: center;
}
.navbar-inverse * {
  color: white !important;
}
#xlvo-display-player {
  background-color: #F9F9F9;
  position: relative;
}
#xlvo-display-player .xlvo-display-player-content {
  position: absolute;
  width: 100%;
}
#xlvo_player_loading {
  width: 100%;
  height: 42px;
  position: absolute;
  z-index: 999;
  text-align: center;
  line-height: 42px;
  background-color: #F9F9F9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
#xlvo_player_loading > div {
  width: 8px;
  height: 8px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2px;
  margin-right: 2px;
  background-color: #B2B2B2;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
#xlvo_player_loading .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
#xlvo_player_loading .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/**
This file contains all less Variables set by ILIAS. Please do not overwrite bootstrap standard variables here.
Set an ILIAS variable here with an il- prefix and overwrite the bootstrap variable in the bootstrap variables file
with the il- variable set here.
 */
/** headline text transform **/
/** inline shadow of a message container **/
/** border configuration, the color is automatically computed from the three color variants **/
/** nagtive or positive contrast color for text and glyph **/
/** contrast threshold for contrast color **/
/** three color variants for neutral, important, breaking Head Infos **/
.label-cd-danger {
  background-color: #FF3A00;
}
.label-cd-danger[href]:hover,
.label-cd-danger[href]:focus {
  background-color: #cc2e00;
}
.label-cd-warning {
  background-color: #f0ad4e;
}
.label-cd-warning[href]:hover,
.label-cd-warning[href]:focus {
  background-color: #ec971f;
}
.label-cd-running {
  background-color: #5cb85c;
}
.label-cd-running[href]:hover,
.label-cd-running[href]:focus {
  background-color: #449d44;
}
#xlvo-player-header h1.pull-right {
  margin-left: 5px;
}
.xlvo-vote-free-input .well-sm {
  margin-bottom: 5px;
  word-break: break-all;
}
.xlvo-fullscreen {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 5000 !important;
  background-color: #F0F0F0 !important;
  overflow-y: scroll;
}
.xlvo-fullscreen #xlvo-display-player {
  font-size: 150%;
}
/* Cursor pointer for QR code button */
.panel-title > .label[data-toggle] {
  cursor: pointer;
}
.well {
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  img {
    height: auto !important;
  }
}
div#il_prop_cont_pin_input div.col-sm-9 {
  width: 100%;
  text-align: center;
}
div#il_prop_cont_pin_input input#pin_input {
  font-size: 3em;
  line-height: 2em;
  height: 80px;
  text-align: center;
  width: 60%;
  margin: auto;
}
div#il_prop_cont_pin_input label[for=pin_input] {
  width: 100%;
  clear: both;
  text-align: center;
}
/*# sourceMappingURL=pin.css.map */