@font-face {font-family: OpenSans; src: url('/fonts/OpenSans-Regular.ttf');}
body {background-color: #abc; font-family: OpenSans;}
h1 {background-color: #bcd; font-size: 18px; padding: 0px 0px 0px 5px;}
h2 {background-color: #789; font-size: 16px; padding: 0px 0px 0px 5px; margin: 0px 0px 5px 0px;}
table {}
th {background-color: #567; color: #cde; padding: 2px 2px 2px 2px; text-align: right; font-size: 12px;}
td {background-color: #DEF; padding: 2px 3px 2px 3px; font-size: 12px;}
input {border-width: 1px; background-color: #80000000; border-style: none; width: 100% }
select {border-width: 1px; background-color: #00000000; border-style: none; width: 100%; }
input:focus { outline: none; }
progress-bar { width: 100%; height: 20px; background-color: #ddd; }
#progress { width: 0%; height: 100%; background-color: #4CAF50; }
.sider {display: inline-block;}
.note_job {background-color: #89A; color: #fff; padding: 2px 2px 2px 5px; text-align: left font-size: 12px;}