TimeTrex/interface/html5/theme/default/css/views/attendance/schedule/ScheduleView.css

.schedule-view {

}

.schedule-view .control-bar {
	float: left;
	left: 50%;
	margin-left: -300px;
	position: relative;
	margin-bottom: 5px;
}

.schedule-view .date-chooser-div {
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}

.schedule-view .action-chooser-div {
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}

.schedule-view .date-chooser-div .arrow {
	cursor: pointer;
	position: relative;
	top: -5px;
}

.schedule-view .date-chooser-div .label {
	margin-right: 5px;
	position: relative;
	top: -5px;
}

.schedule-view .date-chooser-div .date-picker-div {
	display: inline-block;
	vertical-align: sub;
	margin-right: 8px;
	margin-left: 8px;
	overflow: hidden;
}

.schedule-view .date-chooser-div .date-picker-div .t-date-picker-div {
	vertical-align: initial;
}

.schedule-view .schedule-mode-div {
	float: left;
	margin-top: 5px;
}

.schedule-mode-div .toggle-button-div {
	margin-top: 1px;
}

.schedule-view .schedule-grid-div {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
    margin-top: 0;
}

.schedule-view .schedule-content-div {
	text-align: center;
	cursor: default;
	min-height: 24px;
}

.schedule-view .month-date-cell {
	background: #375979;
	/*height: 100%;*/
	vertical-align: middle;
	line-height: 20px;

}

.schedule-view .schedule-content-div .schedule-time {
	font-size: 11px;
	line-height: 22px;
}

.schedule-view .schedule-content-div .no-id {
	color: #777777;
}

.schedule-view .schedule-content-div .total {
	font-weight: bold;
	display: block;
}

.schedule-view .schedule-content-div .date {
	color: #ffffff;
}

.schedule-view .schedule-content-div .empty-date {
	color: #375979;
}

.schedule-view .schedule-content-div .empty {
	color: #999999;
	font-style: italic;
}

.schedule-view .schedule-content-div .absence-cell {
	color: #ae0000;
}

.schedule-view .schedule-content-div .shift-cell {

	color: #009900;
}

.schedule-view .highlight-header {
	background: #33ccff !important;
}

.schedule-view .year-day {
	color: #ffffff;
	display: block;
	font-family: monospace; /** otherwise the w wraps to the next line **/
}

.schedule-view .year-date {
	margin-top: 2px;
	color: #ffffff;
	display: block;
}

.schedule-view .day_hour_div {
	height: 100%;
	text-align: left;
}

.schedule-view .day_hour_div .day-column {
	text-align: center;
	margin-bottom: 3px;
	margin-top: 3px;
}

.schedule-view .day_hour_span {
	width: 60px;
	text-align: center;
	border-right: 1px solid;
	font-size: 11px;
	display: table-cell;

}

.schedule-view .schedule-content-day-div {
	position: relative;
	height: 100%;
	cursor: default;
}

.schedule-view .schedule-content-day-div .schedule-day-time {
	color: #000000;
	background: #9bbbdc;
	display: block;
	float: left;
	height: 100%;
	line-height: 20px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.schedule-view .schedule-content-day-div .even {

	background: #7a9bbd !important;

}

.schedule-view .schedule-content-day-div .no-day-id {

	color: #ffffff;

}

.schedule-view .ui-jqgrid .ui-jqgrid-btable td {
	padding-left: 0;
}

.schedule-view .schedule-drag-over {
	background: #de5a5a;
}

.schedule-view .day_hour_span:last-child {
	border: none;
	margin: 0px;
}

.schedule-view th.ui-th-column div {
	padding: 0px !important;
}

.schedule-grid-div .ui-jqgrid .ui-jqgrid-bdiv {
	overflow-x: hidden;
}