@import url("master.css");

body{
    background: #fff;
	color: #000;
	margin: 10px;
}

.printonly{
    display: inline;
}

.noprint, #sidebar, #sub_nav, #export, #user_info, #time_pager, #footer_nav, noscript, .flatpickr-calendar, #messages {
    display: none;
}

#top .inner, #main, #page, #content, .first_headline{
    width: auto;
	float: none;
    margin: 0;
}

#top{
    position: relative;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 40px;
	background: #fff;
	border-bottom: 2px solid #e1e1e1;
	text-align: center;
}
#header {
    position: relative;
    top: 0;
    left: 0;
	height: 25px;
    margin: 8px 0 0 0;
}
#logo img.print{
    display: block;
}
#logo img.screen{
    display: none;
}

#main{
    display: inline;
}

th, td{
	background: #fff;
}

table {
    border-collapse: collapse
}

table, td, th{
    border: 1px solid #444;
}

h2.employee-name {
    margin-top: -30px;
}

#content{
    border: none;
	padding: 0;
}

ul#employee_tabs, ul#month_overview_tabs, ul#time_events_fields_tabs, ul#setting_fields_tabs {
    border: none;
}

ul#employee_tabs a, ul#month_overview_tabs a, ul#time_events_fields_tabs a, ul#setting_fields_tabs a{
    display: none;
}
ul#employee_tabs a.active, ul#month_overview_tabs a.active, ul#time_events_fields_tabs a.active, ul#setting_fields_tabs a.active{
    display: block;
	border: none;
	padding: 0;
	font-weight: bold;
	font-size: 150%;
}

.month_overview_content_box, .setting_fields_content_box {
    margin-top: 0;
}

#signatures{
    display: table;
	width: 100%;
	padding-top: 4em;
	background: lightgrey;
	font-size: 90%;   
}
#signatures div{
    border-top: 1px solid #999;
	width: 44%;  
}

#signatures .employee{
    float: left;
}
#signatures .employer{
    float: right;
}

table.charts-list, 
table.charts-list th,
table.charts-list td {
    border: none;
    background: none;
}

table.charts-list a {
    color: #000;
}

#footer, #footer a{
    display: none;
    color: #999;
}

.pagebreak {
    clear: both;
    page-break-after: always;
}

@page {
    margin: 0;
}

.pdf_month_table {
    width: 100%;
}

.pdf_month_table tr td {
    padding-left: 3px;
}

.pdf_month_table .pdf_days tr td {
    float: right;
}

#month_overview_table {
    font-size: 90%;
}