body {background-color:white; font-family:'Lato'; font-weight:400; }

.day_div { background-color:white; cursor:pointer; float:left; width:30; padding:2 10 3 10; color:black; border-right:1px solid black; font-weight:bold; }
.day_div:hover { background-color:tomato; cursor:pointer; color:white; }

.week_div { float:left; width:50; padding:2 10 3 10; font-weight:bold; border-right:1px solid black; }

.period_edit_panel { float:left; width:100%; border-bottom:1px solid black; }
.hidden { display:none; }

.period_edit_div { float:left; padding:5 10 10 10; }

.do_button { float:left; padding:2 8 1 8; margin:6 0 0 0; font-family:'Lato'; font-weight:400; background-color:dodgerblue; font-size:11px; color:white; margin-right:3px; cursor:pointer; border-radius:4px; border-right:1px solid black; border-bottom:1px solid black; }
.do_button:hover { background-color:tomato; }

input { padding:2 4; font-family:Lato; font-weight:400; color:black; border-radius:6px; }
input::placeholder { font-family:Lato; font-weight:100; font-style:italic; color:gray; }

.payroll_total { display:none; }

.div_check { background-color:white; }
.div_highlight { background-color:white; }
.div_notice { background-color:white; }
.div_error { background-color:hotpink; }

.control_panel { display:none; }
.employee_panel { float:left; width:100%; margin:4 0 4 4; }

.ok_button { display:none }
.do_button:hover { display:none }

.final_paycheck { float:right; margin:0 0 0 0; width:240px; border-radius:6px; border:1px solid black; padding:3px 10px 3px 10px; font-weight:bold; text-align:center; }
.new_wage { float:right; margin:0 0 0 0; width:240px; border-radius:6px; border:1px solid black; padding:3px 10px 3px 10px; font-weight:bold; text-align:center; }

.employee_name_div { float:left; padding:4 4 4 10; width:190; border-right:1px solid black; }

.unknown_text { color:black; }
.maybe_unknown_text { color:black; }

.launch_panel { display:none; }
.tool_panel { display:none; }


sup {
  vertical-align: super;
  font-size: 8px;
}