.histogram{display:flex;flex-direction:column;width:fit-content;font-size:12px;float:right}.histogram .histogram-row{display:flex}.histogram .histogram-row .histogram-cell.label{margin-right:0.25em;padding-right:0.25em;width:1em;text-align:right;border-right:solid black}.histogram .histogram-row .histogram-cell.bar{width:1em}.histogram .histogram-row .histogram-cell.bar.fill{background-color:black}li span,li a{margin-right:0.5rem}main{width:95%;margin-left:2.5%;margin-right:2.5%}table{table-layout:fixed;border-collapse:collapse;border:thin solid;margin-bottom:1rem;min-width:100%}table caption{font-size:1.25rem;font-weight:bold;margin-bottom:0.75rem}table div[class^=task-size]{border-radius:1rem;text-align:center}table div[class^=task-size][class$=small]{background-color:rgba(0,255,0,0.6)}table div[class^=task-size][class$=medium]{background-color:rgba(255,255,0,0.7)}table div[class^=task-size][class$=large]{background-color:rgba(255,128,0,0.8)}table div[class^=task-size][class$=xlarge]{background-color:rgba(255,0,0,0.8)}table td.approved{text-align:center;pointer-events:none}table td.approved input[type="checkbox"]{visibility:hidden}table td.approved input[type="checkbox"]::before{content:"\2717";visibility:visible;font-size:1.25em;color:red}table td.approved input[type="checkbox"]:checked::before{content:"\2713";visibility:visible;font-size:1.25em;color:green}table th,table td{border:thin solid}table th{padding:0.5rem 1.75rem}table td{padding:0.5rem}table td .meter-container{position:relative;width:100%;height:100%}table td .meter-container meter{position:absolute;width:100%;height:16px;top:50%;transform:translateY(-50%);z-index:5}table td .meter-container meter[value="1"]::-webkit-meter-optimum-value,table td .meter-container meter[value="1"]::-webkit-meter-suboptimum-value,table td .meter-container meter[value="2"]::-webkit-meter-optimum-value,table td .meter-container meter[value="2"]::-webkit-meter-suboptimum-value{background-color:blue}table td .meter-container meter[value="3"]::-webkit-meter-optimum-value,table td .meter-container meter[value="3"]::-webkit-meter-suboptimum-value,table td .meter-container meter[value="4"]::-webkit-meter-optimum-value,table td .meter-container meter[value="4"]::-webkit-meter-suboptimum-value{background-color:green}table td .meter-container meter[value="5"]::-webkit-meter-optimum-value,table td .meter-container meter[value="5"]::-webkit-meter-suboptimum-value,table td .meter-container meter[value="6"]::-webkit-meter-optimum-value,table td .meter-container meter[value="6"]::-webkit-meter-suboptimum-value{background-color:yellow}table td .meter-container meter[value="7"]::-webkit-meter-optimum-value,table td .meter-container meter[value="7"]::-webkit-meter-suboptimum-value,table td .meter-container meter[value="8"]::-webkit-meter-optimum-value,table td .meter-container meter[value="8"]::-webkit-meter-suboptimum-value{background-color:orange}table td .meter-container meter[value="9"]::-webkit-meter-optimum-value,table td .meter-container meter[value="9"]::-webkit-meter-suboptimum-value,table td .meter-container meter[value="10"]::-webkit-meter-optimum-value,table td .meter-container meter[value="10"]::-webkit-meter-suboptimum-value{background-color:red}table td .meter-container .meter-ticks{position:relative;width:100%;height:16px;display:flex;justify-content:space-around}table td .meter-container .meter-ticks span{border-right:solid black 1px;height:100%;width:100%}table td .meter-container .meter-ticks span:last-child{border-right:unset}table tbody tr:nth-child(even){background-color:whitesmoke}form{margin-bottom:1rem}form label{text-transform:capitalize}form input,form select{display:block;margin-bottom:1rem}form textarea{display:block;margin-bottom:1rem}form label[for=task_description]+.disabled_field{border:solid black 1px;padding:0 1rem}form.tasks #statistics{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0.33rem;row-gap:1rem}form.tasks #details,form.tasks #dates,form.tasks #points{display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:0.33rem}form.tasks #details input,form.tasks #details select,form.tasks #dates input,form.tasks #dates select,form.tasks #points input,form.tasks #points select{margin-bottom:0rem}form.tasks #details input[type=number],form.tasks #dates input[type=number],form.tasks #points input[type=number]{width:2rem}form.tasks fieldset>legend{font-weight:bold}aside.notice{float:right;color:red;margin-top:1rem}nav{border-bottom:1px solid black;display:flex;flex-direction:row-reverse;justify-content:space-between}nav ol{direction:rtl;list-style-type:none;padding-left:0;padding-right:0}nav ol li{display:inline-block;margin-right:0.5rem}nav form{flex-grow:1;margin:unset}nav form ol{display:flex;justify-content:flex-end;padding-left:0.5rem}nav form ol li{width:100%}nav form ol li input{width:100%;margin:unset;direction:ltr}