html{}
body{background-color:white;text-align:center;font-family:arial;font-size:14px;}
body.development{background-color:#cef0ce;}
a{color:black;}
h1{font-size:2.5em;color:#555555;}
form{display:inline-block;margin:auto;xborder:1px solid red;font-size:2em;text-align:center;}
form .label{}
form input{font-size:22px;padding:0.3em;margin-bottom:0.5em;width:calc(100% - 20px);max-width:500px;}
form input[type="date"],form input[type="time"]{width:calc(50%-20px);max-width:240px;}
form textarea{font-size:22px;padding:0.3em;margin-bottom:0.5em;width:calc(100% - 20px);vertical-align: top;max-width:500px;}
form #license-plate-star{display:inline;}
form #license-plate-star.hidden{display:none;}
form #no-car{}
form #no-car-label{display:inline;}
form .field{}
form input[type="checkbox"]{height:1.3em;width:1em;vertical-align:middle;margin-right:0.3em;}
form fieldset{border:1px dotted #999999;margin-bottom:0.3em;width:calc(100% - 45px);}
form fieldset legend{text-transform:uppercase;text-align:left;}
form button#add-visitor{font-size:1em;background-color:#eeeeee;border:1px solid;padding:5px;}
form button#add-visitor span{xborder:1px solid green;padding:0 5px 0 5px;font-weight:bold;font-size:1.2em;}
form #accept,form label[for="accept"]{cursor:pointer;}
form #accept,form label[for="acceptnorecordings"]{cursor:pointer;}
form #covid3g,form label[for="covid3g"]{cursor:pointer;}
.lng{font-size:2em;color:black;}
.mandatory{margin-bottom:0.5em;font-size:0.7em;}
.OK,.ERR{border:1px solid #008000;background-color:#b7d4b7;padding:1em;}
.ERR{border-color:#e10000;background-color:#ffc1c1;}
.ERR span{font-size:0.7em;}

.error{outline:2px solid #e10000;}

html.qrcode,body.qrcode{height:100%;width:100%;padding:0;margin:0;}
body.qrcode .container{height:100%;width:100%;padding:0;margin:0;display:flex;display: flex;align-items: center;justify-content: center;}
body.qrcode .container .flex-item{}
.logo{max-width:100%;}
fieldset > div{max-width: 1200px;}

@media screen and (max-width: 800px) {
    form input{font-size:auto;}
    form textarea{font-size:auto;}
}

.qrcode.container{height: calc(100vh - 170px);}
.qrcode.container img{height:60%; max-height:470px;}

table{font-size:15px;margin:auto;margin-top:20px;}
table td{text-align: left;border:1px solid #888;padding:5px;}