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

html{
  height: 100vh;
}

body{
  position: relative;
  font-size:16px;
  max-width: 1000px;
  height: 100%;
  margin:auto;
}

section{
  padding:10px 0;
  text-align: center;
}

section p, h3, h4{
  text-align: left !important;
}

section#home_screen p:not(#stats), section#home_screen h3{
  text-align: center !important;
}

#confirm_vote .box p{
  margin: 0.5em;
}
#confirm_vote .box h5{
  margin-bottom: 0;
}

section#home_screen p{
  text-align: center;
}

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

section footer p{
  text-align: left !important;
}

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

div{
  box-sizing: border-box;
}

.float_right{
  float:right;
}

.float_left{
  float:left;
}

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

#home_screen{
  position: realtive;
  text-align: center;
}

.prev_next_btn {
  width: 65%;
  }

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

div#voting_type_message{
  text-align: left;
}

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

ul{
  padding:0;

}

.parties_pe{
  height:35em;
  width:65%;
  overflow: hidden;
  margin-bottom: 30px;
}

.parties_pe ul{
  position:relative;
  margin:0;
}

#candidates{
  width:30%;
}
#candidates p{
  margin-top: 0;
}

div.pref{
  width:2.3em;
  padding: 0.5em 0;
  margin:13px 24px;
  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, .box.selected {
  background:#66a3ff;
  border: 2px solid black;
  color:white;
}

#candidates.after{
  clear: both;
}

.bull_wrapper{
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 1em;
  border: 2px solid black;
}

section ul{
  text-align: left;
}

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

li.selected{
  background:#66a3ff;
}

li.selected a{
  color:white;
}

li.bullet{
  list-style-type: unset;
  font-weight: bold;
}

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

span.checkNumber, #confirm_vote 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:#66a3ff;
  color:white;
}

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

.ui-dialog-titlebar {
  background:none;
}
.ui-dialog .ui-dialog-title{
  width:100%;
}
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;
}

.ui-dialog-buttonset{
  display: flex;
  justify-content: space-between;
  width:100%;
}

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

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

.white{
  color:white;
}

.box{
	margin: 2em 10%;
	padding: 1em 20%;
	border: 2px solid black;
  font-weight: bold;
  text-transform: uppercase;
}

.box#choice1{
  cursor:pointer;
}

#choice_screen_pe .box{
  margin:2em 20%;
  padding: 1em 5%;
  text-transform: unset;
  font-weight: unset;

}

#choice_screen_pe .box p{
  text-align: left;
}

table {
	border: 4px solid black;
	border-collapse: collapse;
	width: 100%;
}
tr{
	border: 1px solid black;	
}

.parties_me td{
  padding-left: 10px;
	text-align: left;
}

.parties_me td a{
	display:block;
	width:100%
}

#choice_wrapper_type,
#bulletin_wrapper_PE,
#bulletin_wrapper_EPE,
#bulletin_wrapper_KmetRa,
#bulletin_wrapper_KmetKm,
#confirm_vote_wrapper,
#check_screen_me,
#check_screen_pe,
#printing,
#final,
#voting_type_message,
#dialog_message_choice,
#dialog_message_type,
.prev_page{
  display:none;
}