html, body,div, h2, span{
  margin:0;
  padding: 0;
}

html{
  font-size:16px;
  padding:10px;
}

.light{
  font-weight:700;
  color: gray;
}

div{
  box-sizing: border-box;
}

input[type=button]{
  background-color:#444;
  color: white;
  font-size: 1em;
  padding:10px;
  cursor:pointer;
}

#home_screen{
  position: absolute;
  height: 90%;
  width: 95%;
  align:center;
  text-align: center;
}

footer{
  position: absolute;
  bottom:10px;
  width:99%;
}

footer p{
  text-align: left;
}

#home_screen #go_btn{  
  bottom:0;
}

#f_s_btn{  
  float: left;
  width:50%;
}

#f_s_btn input[type=button]{
margin:0 20px;
}

div#check_screen{
  //position:absolute;  

}

#back_btn{
  position: relative;
  left:10%;
}

#vote_btn{
  position: absolute;
  right:10%;
}


#bulletin_wrapper{
  display:none;
}
#check_screen{
  display:none;
}
#print_screen{
  display:none;
}

#print_screen:hover{
  cursor: pointer;
}
#info{
  background-color: lightgrey;
  padding: 5px;
  margin: 10px 0;
}

ul{
  padding:0;

}

#parties{

  float: left;
}

#parties ul{
  position:absolute;
  width:65%;
  margin:0;
}

#candidates{
  width:30%;
  float: right
}

div.pref{
  width:2.3em;
  padding: 0.5em 0;
  margin:20px;
  background:lightgray;
  text-align:center;
  font-weight: 700;
  border:2px solid white;
  border-radius: 50%;
  float:left;
}

div.pref.allow{
  background:white;
  border: 2px solid black;
  cursor: pointer;
}

div.pref.allow.selected{
  background:gray;
  border: 2px solid black;
  color:white;
}

#candidates.after{
  clear: both;
}

#bull_wrapper{
  position: relative;
  height:36em;
  overflow: hidden;
  margin-bottom: 10px;
}

li{
  list-style-type: none;
  margin:5px;
}

li.selected{
  background:lightgray;
}

a{
  text-decoration: none;
  color: black;

}

span{
  display:inline-block;
  margin-right: 10px;
  padding:3px;
  width:1.5em;
  height:1em;
  outline: 1px solid black;
  text-align: center;
}

.selected span.checkNumber{  
  background:gray;
}

div#dialog-message{
  display:none;
}

div.ui-dialog{
  width:450px !important;
  text-align:center;
}

.ui-dialog-titlebar {
  background:none;  
}

span.ui-dialog-title {
  outline:none;
  //background-image: url('../jquery-ui-1.12.1/images/alert.png');
  background-repeat: no-repeat;
}

.ui-dialog-titlebar-close{
  display:none;
}

#choice_screen{
  padding:20px;
}
#choice_screen p {
  padding-left: 40px;
  font-weight: 700;
}

#print_screen{
  padding: 10% 20% 0 20%;
  align: center;
  text-align: center;
  font-size:1.5em;
}

#print_screen img{
  margin-top:10%;
}

.white{
  color:white;
}