﻿:root{--separator:#d03527}html{background-color:#f3f3f4;font-size:12px}body{margin:0;padding:0;background-color:#f3f3f4;color:#333;font-family:Arial, sans-serif;display:flex;height:100vh;overflow:hidden}h1{color:#666;font-weight:500;margin:0 0 1em 0}h2{color:#666;font-weight:500;margin:0 0 1em 0}h3{color:#66c;font-weight:600;margin:0 0 1em 0;font-size:1.3rem}nav{flex:0 0 220px;background-color:#2f4050}nav ul{margin:0;padding:0;width:100%;list-style:none}nav li{margin:0;padding:0;width:100%}nav li a{display:block;padding:8px 8px 8px 17px;color:#a7b1c2;text-decoration:none;border-left:3px solid transparent;font-size:1.1rem}nav li.active a,nav li a:hover{background-color:#293846;border-color:#d03527;color:#fff}header{display:flex;justify-content:space-between;align-items:center;padding:20px}header a.logo{flex:1 0 auto;color:white;margin:0;padding:0;font-size:1.7rem;text-decoration:none}header a.logout{flex:0 0 auto;text-decoration:none;font-size:0;background:url(logout.svg) no-repeat center center;background-size:contain;display:inline-block;width:16px;height:16px}main{flex:1 0 auto;padding:20px;box-sizing:border-box;max-width:calc(100vw - 240px);overflow:auto;-webkit-overflow-scrolling:touch}main a:visited,main a{color:#00e}@media (min-width: 1240px){main{max-width:1000px}}#breadcrumbs{display:block;margin:-20px 0 20px 0;padding:0;border-top:1px solid #626262}#breadcrumbs li{display:inline-block;margin:0;padding:4px 0 0 0;color:#999}#breadcrumbs li+li:before{content:'»';margin:0 6px;color:var(--separator)}#breadcrumbs a{text-decoration:none;color:#666}#breadcrumbs a:hover{text-decoration:underline}#auth{background-color:white;box-shadow:0 0 4px #999;box-sizing:border-box;padding:40px;width:400px;height:300px;margin:0 auto;margin-top:calc(45vh - 140px)}#auth p{margin:2px 0;padding:0;color:#999}#auth p.error{margin:12px 0 2px 0;padding:0;color:#F99}#auth label{color:#ccc}#auth input[type=submit]{margin:1.5rem 0 0 auto;float:right}table.excel.copy tbody th,table.excel.copy tbody td{padding:8px 12px}table.excel.copy tbody th{text-align:right}table.excel.copy tbody td.comment{border:none}table.excel.copy tbody td[data-action]{cursor:pointer}table.excel.copy tbody td[data-action]:hover{background-color:#8db4ff;color:#fff}table.excel.copy tbody td[data-action].running{background-color:#9bff9f;color:#000}table.excel.copy tbody td[data-action].error{background-color:#ff9b9f;color:red}input::placeholder{color:#ccc}input[type=text]:focus,input[type=password]:focus{border-bottom:2px solid #1d88e5}input[type=text],input[type=password]{border:none;border-bottom:1px solid #ccc;border-radius:0;outline:none;width:100%;font-size:1rem;padding:4px;margin-top:1rem}a.button{text-decoration:none}a.button:hover,input[type=submit]:hover{background:#8fb7eb}a.button,a.button:visited,input[type=submit]{background:#1d88e5;color:white;border:none;border-radius:0;outline:none;box-shadow:none;padding:8px 12px;display:inline-block;font-size:1rem;margin:4px 0;transition:background-color 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms}div.message{border:1px solid green;background:rgba(0,219,0,0.26);color:green;margin:1em 40px;padding:8px 16px}table.excel{border-collapse:collapse;box-sizing:border-box}table.excel thead th{padding:4px;font-size:1rem}table.excel tbody th{padding:2px 4px;border-width:1px;border-style:none;border-color:#ccc #aaa;font-size:.9rem}table.excel tbody td{padding:2px 4px;border-width:1px;border-style:solid;border-color:#ccc #aaa;font-size:.9rem}table.fields{border-collapse:collapse;box-sizing:border-box;border-top:1px solid #ccc}table.fields th,table.fields td{padding:2px 10px;border-bottom:1px solid #ccc;min-width:250px;font-size:1rem}table.fields th{text-align:right;border-right:1px solid #aaa;font-weight:500}table.fields small{font-style:italic}table.excel.bruto thead th{width:64px}table.excel.bruto tbody th{text-align:right;padding-right:1em}table.excel.bruto tbody td{font-size:1.1rem;padding:.35em;text-align:center;font-family:monospace;background-color:white}form.actions{display:inline-block;border:1px solid #1d88e5;padding:40px;margin:40px;background:white}form.actions h2{font-size:1.2rem;font-weight:600;margin:30px 0 0.5em 0}form.actions p{margin:4px 0;padding:4px 12px}form.actions hr{border:none;height:1px;background:#1d88e5;margin:20px -10px}#graph-dpp{margin-bottom:2em}#graph-dpp table,#graph-now table{max-width:500px;margin:0 auto !important}
