body{
font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
background-color:black;
color:#eee;
}
a{
text-decoration:none;
color:#eee;
}
.users{
padding:25px;
}
.come-go{
text-align:center;
clear:left;
}
.come,.go,.refresh{
display:none;
margin:10px;
text-align:center;
height:100px;
border:1px solid black;
width:470px;
color:white;
font-size:24px;
}
#user-info{
clear:both;
display:none;
margin:10px;
background-color:#333;
border:1px solid #666;
padding:10px;
font-size:16px;
}
#user-details{
font-weight:bold;
}
.come{
background-color:#7eaf45;
}
.go{
background-color:#ff5e48;
}
.refresh{
display:inline-block;
background-color:#5f71ff;
}
.disabled{
background-color:#999 !important;
}
#dialog-wrapper{
position:relative;
}
#dialog{
display:none;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:980px;
height:450px;
background:#666;
border:2px solid #555;
padding:10px;
text-align:center;
}
button{
border:none;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:16px;
min-width:300px;
}
button.confirm{
background-color:#4CAF50;
color:white;
height:50px;
line-height:50px;
width:600px;
font-size:24px;
}
button.cancel{
background-color:red;
color:white;
height:50px;
line-height:50px;
width:600px;
font-size:24px;
}
.notification{
background-color:#39804b;
color:white;
border:1px solid black;
padding:10px;
}
#person_login,.wrapper{
text-align:center;
}
form input{
margin:2px;
border:2px solid #ddd;
font-size:14px;
}
#person_login_form{
margin-top:15px;
}
.mb-3{
margin-bottom:15px;
}
.ticket-details{
text-align:left;
}
fieldset{
margin-top:15px;
}