.box{width:100%;border-radius:10px;padding:10px;box-sizing:border-box}.box,.box.info,.box.hint{color:#00396a;border:1px solid #00396a;background-color:#d0e9ff}.box.error,.box.fail,.box.failure{color:#d90000;border-color:#d90000;background-color:#fff}.box.success{color:#0e450e;border-color:#0e450e;background-color:#daf7da}.box.warn,.box.warning{color:#f80;border-color:#f80;background-color:#fff3e6}.box.gray{color:#111;background-color:#eee;border-color:#555}a,a:link,a:visited{text-decoration:underline;color:#f80}a.red,a:link.red,a:visited.red{color:#FF4040}a.blue,a:link.blue,a:visited.blue{color:#0070D0}a.green,a:link.green,a:visited.green{color:#209920}a:hover,a:active{text-decoration:none;color:#995200}.buttonContainer .button{display:inline-block;color:white !important;padding:12px 20px;margin:8px auto;border:none;border-radius:4px;cursor:pointer;text-decoration:none !important;font-size:15px;width:auto}.buttonContainer .button.gray{background-color:#bbb !important;border:1px solid #bbb;box-sizing:border-box}.buttonContainer .button.gray:hover{background-color:#eee !important;color:#888 !important;border-color:#888}.buttonContainer .button.disabled{background-color:#bbb !important;cursor:default;user-select:none;pointer-events:none}.buttonContainer .button.disabled:hover{background-color:#bbb !important}.buttonContainer .button.blue{background-color:#0070D0 !important}.buttonContainer .button.blue:hover{background-color:#0060C0 !important}.buttonContainer .button.green{background-color:#209920 !important}.buttonContainer .button.green:hover{background-color:#135a13 !important}.buttonContainer .buttonColElement{line-height:56px}input,select{font-size:15px}input[type=text],input[type=password],input[type=number],select{width:100%;padding:10px 20px;margin:8px 0;display:inline-block;border:1px solid #bbb;border-radius:4px;box-sizing:border-box}::placeholder{color:#888;opacity:1}:-ms-input-placeholder{color:#888}::-ms-input-placeholder{color:#888}input[type=submit]{width:100%;background-color:#0070D0;color:white;padding:12px 20px;margin:16px 0 8px 0;border:none;border-radius:4px;cursor:pointer}input[type=submit]:hover{background-color:#0060C0}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=submit]:focus,select:focus{border-color:#0070D0;outline:none}header{grid-area:header;text-align:center;display:grid;grid-template-rows:auto;grid-template-areas:"top-header" "bottom-header"}nav{border-top:1px solid #ececec;grid-area:bottom-header;display:grid;grid-template-columns:50% 50%;grid-template-rows:auto;column-gap:5px;grid-template-areas:"home user" "notifications notifications"}nav section{padding-top:5px;padding-bottom:5px;padding-left:20px;padding-right:20px}nav section[data-role=home]{grid-area:home;justify-self:start}nav section[data-role=user]{grid-area:user;justify-self:end;text-align:right}nav section[data-role=notifications]{margin-top:10px;grid-area:notifications;justify-self:center;text-align:center}#head{grid-area:top-header;margin:0 auto}#head h1{font-size:2em;display:inline-block;padding:18px 0 0;margin:0;vertical-align:top;cursor:pointer}#head #logo{width:60px;height:60px;margin:10px;background-size:contain;display:inline-block;transform-origin:center center;background-image:url("/img/Pizza-icon.png");transform:scale(0) rotate(0deg) translate(-50%, -50%);animation:pizza 30s infinite;animation-timing-function:linear}@keyframes pizza{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 768px){#head{margin-bottom:10px}#head h1{padding:0}#head #logo{display:block;margin:10px auto 5px;width:40px;height:40px}}@media (max-width: 600px) and (max-height: 700px){#head{margin-top:10px}#head #logo{display:none}}table{margin:15px auto;border:1px solid #888;width:80%;border-radius:3px}table th{background-color:#bbb;padding:3px 10px}table td{padding:3px}div.bold,span.bold,a.bold,p.bold,td.bold{font-weight:bold}div.underline,span.underline,a.underline,p.underline,td.underline{text-decoration:underline}div.black,span.black,a.black,p.black,td.black{color:#111}div.center,span.center,a.center,p.center,td.center{text-align:center}*{color:#111;font-family:"Segoe UI", "Calibri", "Arial", sans-serif;box-sizing:border-box}h1{font-weight:normal;font-size:22px}h2{font-weight:normal;font-size:22px;margin:0 0 10px 10px}body{display:grid;grid-template-columns:10% 80% 10%;grid-template-rows:auto;box-sizing:border-box;grid-template-areas:". header ." ". main ." ". footer ."}header,nav,main,footer,div,body{margin:0;padding:0}main{grid-area:main;display:grid;grid-template-columns:auto;grid-template-rows:auto}footer{grid-area:footer;font-size:0.8em;color:#555;text-align:center;padding-top:15px;padding-bottom:10px}@media (max-width: 768px){body{grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:"header" "main" "footer"}}header,nav,main,footer{width:100%;background:#F9F9F9}main{min-height:80vh;padding-top:20px}@media (max-width: 768px){body{width:100%;background:#F9F9F9}}