.Poll {
    background-image: url('/poll_background.png');
    width:308px;
    height:456px;
}
.PollQuestion {
    font-family: Verdana,Geneva,sans-serif;
    padding-top: 30px;
    margin-left: 15px;
    margin-right: 5px;
    color: white;
    text-align: center;


}

.PollLine {
    margin-left:75px;
    margin-right:75px;
    margin-bottom: 10px;
    margin-top:10px;
    border-bottom: 2px solid #FFF;
}
.PollItem-Slot{
    border:1px solid black;
    font-family: Verdana,Geneva,sans-serif;
    margin-left: 15px;
    margin-right: 5px;
    color: white;
}
.PollItem-Results{
    margin-left:15px;
    margin-top:10px;
    margin-right: 50px;
    margin-bottom:10px;

}
.PollItem-Results:after {
  content: "";
  display: table;
  clear: both;
}

.PollItem-Reuslts-Bar{
    float: left;
    width: 85%;
}
.PollItem-Results-Value {
    float: left;
    width: 15%;
    color: white;
}
/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-left: 25px;
  margin-right: 15px;
  cursor: pointer;
/*  font-size: 22px; */
  font-family: Verdana,Geneva,sans-serif;
  color: white;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #1B955A;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: white;
}


.fade {
    animation-name: clickItem;
    animation-duration: 2s;
}

@keyframes clickItem {
  from {background-color: white;}
  to {background-color: rgba(142, 92, 205, .75);}
}