@CHARSET "UTF-8";

.timeline-contaier {
	width: 100%;
}

.timeline-contaier table {
	width: 100%;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.timeline-contaier .head th {
	font-size: 8pt;
	text-decoration: underline;
	text-align: right;
}

.timeline-contaier td {
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	text-align: center;
}

.timeline-contaier tr {
	height: 32px;
}

.timeline-contaier .hours,
.timeline-contaier th {
	font-size: 14pt;
	padding-right: 5px;
	font-weight: normal;
}

.timeline-contaier th {
	text-align: left;
}

.timeline-contaier .hours {
	text-align: right;
	border-right: 1px solid silver;
	width: 60px;
}

.timeline-contaier .frame {
	cursor: pointer;
}

.timeline-contaier .hours sup,
.timeline-contaier th sup {
	font-size: 9pt;
	font-weight: normal;
	margin-left: 2px;
	text-decoration: underline;
}

.timeline-contaier th sup {
	margin-left: -8px;
}

.timeline .free_time {
	background-color: white;
}

.timeline .not_worked_time {
	background-color: silver;
	cursor: default;
}

.timeline .selected_time {
	background-color: #bedeed;
}

.timeline .reserved_time {
	background-color: #ff5757;
	border-right-color: #ff5757 !important;
	cursor: default;
}

.timeline .conflict_time {
	background-color: red;
	border-right-color: red !important;
	cursor: default;
}

.timeline .legend {
	margin-top: 10px;
}

.timeline .legendFrame {
	height: 16px;
	width: 24px;
	margin-right: 10px;
	margin-top: 5px;
	border: 1px solid silver;
	display: inline-block;
}

.timeline .legendRows {
	float: left;
	margin-left: 10px;
}

.timeline .clear {
	clear: both;
}

.time-pref {
	position: relative;
	top: 4px;
	font-size: 9px;
	text-decoration: none !important;
}

.no-available-time {
    margin: 10px;
    margin-left: 30px;
    display: block;
}