html {
  height: 100%;
}
html body {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow: hidden;
  font-family: Lato, Verdana, Arial, Helvetica;
  font-size: 16px;
}
html body #page {
  z-index: 1;
  overflow-y: auto;
}
html body #page #header {
  background: #333;
  border-right: 1px solid #999;
  color: #fff;
  line-height: 60px;
  position: fixed;
  z-index: 100;
}
html body #page #header .navlist li {
  line-height: 60px;
}
html body #page #header .navlist li a {
  color: #fff;
  width: 100%;
  padding: 0;
  margin: 0;
}
html body #page #header .navlist li .fa {
  font-size: 30px;
  text-align: center;
}
html body #page #navbar {
  background: #333;
  border-right: 1px solid #999;
  color: #fff;
}
html body #page #navbar .navlist li {
  line-height: 30px;
  margin-bottom: 30px;
}
html body #page #navbar .navlist li a {
  color: #fff;
  width: 100%;
  padding: 0;
  margin: 0;
}
html body #page #navbar .navlist li .fa {
  font-size: 30px;
  text-align: center;
}
html body #page #pagecenter {
  overflow: auto;
  height: 100%;
  margin-top: 50px;
  margin-bottom: -50px;
  background-color: #fff;
}
html body #page #pagecenter a {
  color: #333;
  width: 100%;
  padding: 0;
  margin: 0;
}
html body #page #pagecenter.page_employee .employeemain .leftside {
  border-left: 1px dashed #333;
  border-top: 1px dashed #333;
  border-right: 1px dotted #999;
}
html body #page #pagecenter.page_employee .employeemain .leftside .employeelist li {
  line-height: 30px;
}
html body #page #pagecenter.page_employee .employeemain .leftside .employeelist li.currentuser {
  background: #d3a900;
}
html body #page #pagecenter.page_employee .employeemain .leftside .employeelist .new {
  margin-bottom: 20px;
}
html body #page #pagecenter.page_employee .employeemain .leftside .employeelist .icon {
  text-align: center;
}
html body #page #pagecenter.page_employee .employeemain .rightside {
  border-right: 1px dashed #333;
  border-top: 1px dashed #333;
}
html body #page #pagecenter #editemployee ul.leftside {
  border-top: 0;
  border-left: 0;
}
html body #page #pagecenter #editemployee ul.leftside .row {
  line-height: 30px;
}
html body #page #pagecenter #editemployee ul.leftside .row.currentyear {
  background: #d3a900;
}
html body #page #pagecenter #editemployee ul.leftside .row.masterdata {
  margin-bottom: 30px;
}
html body #page #pagecenter #editemployee ul.leftside .row .icon {
  text-align: center;
}
html body #page #pagecenter #editemployee ul.leftside .row .name {
  text-align: right;
}
html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow {
  font-size: 16px;
  border-bottom: 1px dashed #ccc;
}
html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow .timesheetinfo {
  color: #000;
}
html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow .timesheetinfo .timesheetinfoheader {
  margin-top: -20px;
  background: #fff;
  opacity: .7;
}
html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow .timesheetinfo .timesheetinfocontent {
  background: #fff;
  color: #000;
  border-left: 1px dashed #ccc;
}
html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow .timesheetinfo.status_uu .timesheetinfoheader {
  background: #ccc;
  color: #000;
}
html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow .timesheetinfo.status_uu .timesheetinfocontent >* {
  font-weight: normal;
}
html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow .timesheetinfo.status_f
                                html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow .timesheetinfo.status_uu .timesheetinfoheader {
  background: #333;
  color: #fff;
}
html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow .timesheetinfo.status_k .timesheetinfoheader {
  background: #d51900;
  color: #fff;
}
html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow .timesheetinfo.status_u .timesheetinfoheader {
  background: #0f6dbf;
  color: #fff;
}
html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow .timesheetinfo.status_r .timesheetinfoheader {
  background: #007d32;
  color: #fff;
}
html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow .timesheetinfo.status_r.overholiday .timesheetinfoheader {
  background: #a00;
  color: #fff;
  opacity: 1;
}
html body #page #pagecenter #editemployee #editemployeecontent .timesheetinforow .timesheetinfo.status_r.overholiday .timesheetinfocontent {
  color: #a00;
  font-size: 20px;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar {
  border-left: 1px solid #ddd;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .weekdaycell {
  background: #ddd;
  line-height: 40px;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .weekdaycell.daycell_6,
html body #page #pagecenter #editemployee .calendarcontent .calendar .weekdaycell.daycell_-1 {
  background: #bbb;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .weekdaycell.daycell_7,
html body #page #pagecenter #editemployee .calendarcontent .calendar .weekdaycell.daycell_0 {
  background: #999;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell {
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell [class*="daycell_"] {
  border-right: 1px solid #ddd;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .daycell_6,
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .daycell_-1 {
  background: #ddd;
  border-right: 0;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .daycell_7,
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .daycell_0 {
  background: #999;
  border-right: 0;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .cellheader {
  background: #ccc;
  height: 20px;
  font-weight: bold;
  border-top: 1px solid #999;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .cellholiday {
  height: 20px;
  border-bottom: 1px dashed #ccc;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .cellholiday.isholiday {
  background: #007d32;
  color: #fff;
  font-size: 14px;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit {
  line-height: 40px;
  height: 40px;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable {
  line-height: 40px;
  height: 40px;
  display: inline-block;
  width: 100%;
  border-bottom: 0;
  cursor: pointer;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="U"] {
  background: #0f6dbf !important;
  color: #fff !important;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="K"] {
  background: #d51900 !important;
  color: #fff !important;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="F"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="UU"] {
  background: #333 !important;
  color: #fff !important;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value=".5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="1"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="1.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="2"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="2.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="3"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="3.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="4"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="4.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="5.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="6"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="6.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="7"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="7.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="8"] {
  background: #b9720e !important;
  color: #fff !important;
  border-top: 5px solid #1e77c3;
  border-left: 5px solid #1e77c3;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: normal;
  height: 40px !important;
  max-height: 40px !important;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-1"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-1.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-2"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-2.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-3"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-3.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-4"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-4.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-5.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-6"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-6.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-7"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-7.5"],
html body #page #pagecenter #editemployee .calendarcontent .calendar .daycell .celledit .timesheetEditable[data-value="-8"] {
  background: #a01818 !important;
  color: #fff !important;
  border-top: 5px solid #5cc31d;
  border-right: 5px solid #5cc31d;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: normal;
  height: 40px !important;
  max-height: 40px !important;
}
html body #page #pagecenter #editemployee .calendarcontent .calendar td {
  padding: 0;
  width: 14.25%;
}
html body #page #pagecenter #calendarpage {
  padding-top: 10px;
}
html body #page #pagecenter #calendarpage #calendarpageleft {
  border-right: 1px dashed #999;
}
html body #page #pagecenter #calendarpage #calendarpageleft #yearlist {
  padding-top: 30px;
}
html body #page #pagecenter #calendarpage #calendarpageleft #yearlist .yearli {
  line-height: 35px;
  font-weight: bold;
  cursor: pointer;
}
html body #page #pagecenter #calendarpage #calendarpageleft #yearlist .yearli.active {
  background: #d3a900;
}
html body #page #pagecenter #calendarpage #calendarpageleft #yearlist .yearli a {
  display: inline-block;
}
html body #page #pagecenter #calendarpage #calendarpageright {
  padding-top: 20px;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear thead tr th {
  line-height: 30px;
  text-align: center;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear thead tr.headerLastRow {
  border-bottom: 1px solid #aaa;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear thead tr.headerLastRow th {
  padding-bottom: 10px;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear tbody tr td {
  line-height: 30px;
  text-align: center;
  border-bottom: 1px dashed #ccc;
  margin: 0;
  padding: 0;
  height: 30px;
  max-height: 30px;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear tbody tr td.daycol {
  border-left: 1px dashed #ccc;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear tbody tr td.daycol.weekday_6,
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear tbody tr td.daycol.weekday_0 {
  border-left: 0;
  border-bottom: 0;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear tbody tr td .bindTimesheetEditableFullyear {
  width: 100%;
  height: 30px;
  display: inline-block;
  border-bottom: 0 !important;
  max-height: 30px;
  cursor: pointer;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear tbody tr td .bindTimesheetEditableFullyear:hover {
  border-bottom: 0 !important;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear .weekday_0 {
  background: #666;
  color: #ccc;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear .weekday_6 {
  background: #888;
  color: #ccc;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear .weekday_-1 {
  background: #888;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear .weekday_-2 {
  background: #d3a900;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear .userhistory_K {
  background: #d51900;
  color: #fff;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear .userhistory_U {
  background: #0f6dbf;
  color: #fff;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear .userhistory_F,
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear .userhistory_UU {
  background: #333;
  color: #fff;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="U"] {
  background: #0f6dbf !important;
  color: #fff !important;
  padding: 0;
  margin: 0;
  font-size: 10px;
  font-weight: normal;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="K"] {
  background: #d51900 !important;
  color: #fff !important;
  padding: 0;
  margin: 0;
  font-size: 10px;
  font-weight: normal;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="F"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="UU"] {
  background: #333 !important;
  color: #fff !important;
  padding: 0;
  margin: 0;
  font-size: 10px;
  font-weight: normal;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value=".5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="1"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="1.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="2"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="2.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="3"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="3.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="4"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="4.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="5.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="6"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="6.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="7"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="7.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="8"] {
  background: #b9720e !important;
  color: #fff !important;
  border-top: 5px solid #1e77c3;
  border-left: 5px solid #1e77c3;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: normal;
  height: 35px !important;
  max-height: 35px !important;
}
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-1"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-1.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-2"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-2.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-3"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-3.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-4"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-4.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-5.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-6"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-6.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-7"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-7.5"],
html body #page #pagecenter #calendarpage #calendarpageright .calendarfullyear [data-value="-8"] {
  background: #a01818 !important;
  color: #fff !important;
  border-top: 5px solid #5cc31d;
  border-right: 5px solid #5cc31d;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: normal;
  height: 35px !important;
  max-height: 35px !important;
}
html body #page #sidebar {
  background: #ddd;
  border-left: 1px solid #999;
  color: #333;
}
html #userTimesheetFullYear thead tr th {
  line-height: 30px;
  border-bottom: 1px solid #000;
  background: #ccc;
  text-align: center;
  padding: 0;
}
html #userTimesheetFullYear tbody tr td {
  line-height: 35px;
  border-bottom: 1px solid #000;
}
html #userTimesheetFullYear tbody tr td .bindTimesheetEditableFullyear {
  line-height: 35px;
  height: 35px;
}
html #userTimesheetFullYear tbody tr td.dayname {
  text-align: center;
  padding: 0;
  border-left: 1px dotted #000;
}
html #userTimesheetFullYear tbody tr td.dayname .fullyearcellheader {
  font-size: 10px;
  line-height: 12px;
  background: #ddd;
}
html #userTimesheetFullYear tbody tr td.dayname.weekday_0 .fullyearcellheader {
  background: #666;
  color: #ccc;
}
html #userTimesheetFullYear tbody tr td.dayname.weekday_6 .fullyearcellheader {
  background: #888;
  color: #ccc;
}
html #userTimesheetFullYear tbody tr td.dayname.weekday_-1 {
  background: #888;
}
html #userTimesheetFullYear tbody tr td.dayname.weekday_-2 {
  background: #d3a900;
}
html #userTimesheetFullYear tbody tr td.dayname .userhistory_K {
  background: #d51900;
}
html #userTimesheetFullYear tbody tr td.dayname .userhistory_U {
  background: #0f6dbf;
}
html #userTimesheetFullYear tbody tr td.dayname .userhistory_F,
html #userTimesheetFullYear tbody tr td.dayname .userhistory_UU {
  background: #333;
}
html #userTimesheetFullYear tbody tr td.dayname [data-value="U"] {
  background: #0f6dbf !important;
  color: #fff !important;
  padding: 0;
  margin: 0;
  font-size: 10px;
  font-weight: normal;
}
html #userTimesheetFullYear tbody tr td.dayname [data-value="K"] {
  background: #d51900 !important;
  color: #fff !important;
  padding: 0;
  margin: 0;
  font-size: 10px;
  font-weight: normal;
}
html #userTimesheetFullYear tbody tr td.dayname [data-value="F"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="UU"] {
  background: #333 !important;
  color: #fff !important;
  padding: 0;
  margin: 0;
  font-size: 10px;
  font-weight: normal;
}
html #userTimesheetFullYear tbody tr td.dayname [data-value=".5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="1"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="1.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="2"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="2.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="3"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="3.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="4"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="4.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="5.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="6"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="6.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="7"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="7.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="8"] {
  background: #b9720e !important;
  color: #fff !important;
  border-top: 5px solid #1e77c3;
  border-left: 2px solid #1e77c3;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: normal;
}
html #userTimesheetFullYear tbody tr td.dayname [data-value="-.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-1"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-1.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-2"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-2.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-3"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-3.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-4"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-4.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-5.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-6"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-6.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-7"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-7.5"],
html #userTimesheetFullYear tbody tr td.dayname [data-value="-8"] {
  background: #a01818 !important;
  color: #fff !important;
  border-top: 5px solid #5cc31d;
  border-right: 2px solid #5cc31d;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: normal;
}
html .nopadding {
  padding: 0 !important;
}
html .nomargin {
  margin: 0 !important;
}
html .nopadmargin {
  padding: 0 !important;
  margin: 0 !important;
}
html .fullheight {
  height: 100%;
}
html .paddingspacer {
  padding: 20px !important;
}
html .floatLeft {
  float: left;
}
html .floatRight {
  float: right;
}
html .paddingTop20 {
  padding-top: 20px !important;
}
html .form {
  width: 100%;
  padding: 10px;
}
html .textAlignRight {
  text-align: right;
}
html .textAlignLeft {
  text-align: left;
}
html .textAlignJustify {
  text-align: justify;
}
html .textAlignCenter,
html .textCenter {
  text-align: center;
}
html .width100 {
  width: 100%;
  min-width: 100%;
}
html .strong {
  font-weight: bold;
}
html .width-col-13 {
  width: 7.65%;
  max-width: 7.65%;
  flex: 0 0 7.65%;
}
html a {
  text-decoration: none !important;
}
html a:hover {
  text-decoration: none !important;
}
html ul {
  padding: 0;
  list-style: none;
}
html ul li {
  padding: 0;
  margin: 0;
}
html #pagecenter ul li:hover {
  background: #ddd;
}
html [class*="col-sm"] {
  padding: 0;
  margin: 0;
}
html .row {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
html .tabs-container {
  margin-top: -20px;
}
html .tabs-container .nav-tabs .nav-item {
  line-height: 50px;
}
html .tabs-container .nav-tabs .nav-item a {
  display: inline-block;
}
html .tabs-container .nav-tabs .nav-item a.active,
html .tabs-container .nav-tabs .nav-item a:hover {
  background: #ddd;
  border: 1px solid #999;
  border-bottom: 0;
  box-shadow: 1px -1px 10px -4px #000;
}
html .pLine-p-form {
  font-size: 16px;
  font-family: Lato, Verdana, Arial, Helvetica;
}
html select.form-control:not([size]):not([multiple]) {
  height: auto;
}
html .p-form-sm {
  width: 100% !important;
}
html .p-form-sm label {
  font-size: 16px;
}
html .p-title-step-line {
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-left: -20px !important;
  margin-right: -20px !important;
}
html .p-title-line {
  margin-top: -20px !important;
  font-size: 20px !important;
}
html .btn {
  cursor: pointer;
}
html .btn.form {
  width: auto;
}
html .btn.form.btn-success {
  background-color: #5cb85c !important;
  border-color: #5cb85c !important;
}
html #spinnerblock {
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(15,109,191,0.3) 0;
}
html .sk-fading-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
html .sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html .sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
html .sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
html .sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
html .sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
html .sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
html .sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
html .sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
html .sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
html .sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
html .sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
html .sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
html .sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
html .sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
html .sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
html .sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
html .sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
html .sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
html .sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
html .sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
html .sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
html .sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
html .sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
html .sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@media (max-width: 1200px) {
  body {
    font-size: 12px !important;
  }
  body .tabs-container {
    margin-top: -20px !important;
  }
}