﻿@charset "utf-8";
/* CSS Document */

ul.calendar {
	padding: 0;
	margin-left: 70px;
}

ul.calendar.large {
margin-left: 0px;
}

ul.calendar li {
	float: left;
	list-style: none;
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	width: 92px;
	background:#e6e6e6;
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
	padding-bottom:5px;
	padding-top:5px;
	color:#aeaeae;
}

ul.calendar.large li {
width: 102px;
}

ul.calendar li strong {
font-size:12px;
color:#707070;
}

ul.calendar li:last-child {
	margin-right:none;
}

/*
.slotAvailable {
	height: 100%;
	background-color: green;
}
.slotReserved {
	height: 100%;
	background-color: blue;
}
.slotBooked {
	height: 100%;
	background-color: red;
}
.slotDisabled {
	height: 100%;
	background-color: gray;
}
*/

.legend {
margin:15px 0px 15px 0px;
}

.legend-item {
background:url(../images/legend-item-background.png) repeat-y;
height:19px;
padding:2px 20px 0px 25px;
float:left;
margin-right:5px;
}

.legend-item.booked {
background-color:#FF8989;
}

.legend-item.awaiting, td.awaiting {
background-color:#FFC96F;
}

.legend-item.available {
background-color:#abe6a6;
}

.legend-item.reserved {
background-color:#9ebfd2;
}

.legend-item.unavailable {
background-color:#E6E6E6;
}


.legend-item.default {
background-color:#efefef;
}

.legend-item.notset {
background-color:#d9d9d9;
}

.legend-item.modified {
background-color:#b4cddc;
}

.legend-item.selected {
background-color:#fdd221;
}

.legend-item.alert {
background-color:#ff8d28;
}

.legend-item.requested, td.requested {
background-color:#9ebfd2;
}

.legend-item.rejected, td.rejected {
background-color:#f00001;
}

.legend-item.confirmed, td.confirmed {
background-color:#0ba600;
}


.weekselect {
background:#9ebfd2;
height:30px;
width:656px;
margin-left:70px;
position:relative;
}

.weekselect.large {
margin-left:0px;
width:730px;
}


.weekselect span.week-id {
color:#fff;
display:block;
padding-top:5px;
width:600px;
text-align:center;
position:absolute;
top:0px;
left:30px;
}
.weekselect.large span.week-id {
width:674px;
}

.weekselect img.prev {
position:absolute;
left:0px;
top:5px;
}

.weekselect img.next {
position:absolute;
right:0px;
top:5px;
}

.weekselect input.prev {
position:absolute;
left:0px;
top:5px;
}

.weekselect input.next {
position:absolute;
right:0px;
top:5px;
}

.filterselect {
background:#9ebfd2;
height:30px;
width:656px;
margin-left:70px;
position:relative;
margin-bottom:2px;
}

.filterselect.large {
margin-left:0px;
width:730px;
font-size:14px;
}

.filterselect span.week-id {
color:#fff;
display:block;
padding-top:5px;
width:600px;
position:absolute;
top:0px;
left:5px;
}
.filterselect.large span.week-id {
width:720px;
}

.filterselect label {
color:#fff;
font-size:14px;

}

.filterselect .checkbox {
float:right;
margin-top:0px;

}



.calendar-block {
float: left; 
margin: 0; 
padding: 0;
}

.calendar-block .time {
height: 35px; 
width: 68px; 
float: left; 
margin: 1px;
}

.calendar-block .slot-table {
float: left;
}

.calendar-block .slot-table .slot {
height: 35px; 
float: left; 
border-right:2px solid #fff;
border-top:2px solid #fff;
width: 92px;
color:#fff;
text-align:center;

}

.slotBooked {
background-color:#FF8989;
height:27px;
padding-top: 8px;

}

.slotAwaiting {
background-color:#FFC96F;
height:27px;
padding-top: 8px;

}

.slotAvailable {
background-color:#abe6a6;
height:100%;

}

.slotReserved  {
background-color:#9ebfd2;
height:27px;
padding-top: 8px;
}

.slotDisabled {
background-color:#e6e6e6;
height:100%;

}

a.create {
background:url(../images/icon_gear.png) no-repeat;
padding:2px 0px 0px 20px;
border-left:1px solid #eee;
text-decoration:none;
color:#555;
margin-left:5px;
font-size:13px;
font-weight:bold;
}

span.risorsa {
color:#3b7090;
text-transform:uppercase;
font-weight:bold;
font-size:13px;
}

/*ex general.css*/

#plantDayConfigurationListContainer {
    width: 730px;
    margin: 0 auto;
}

#plantDayConfigurationButtonContainer {
    width: 400px;
    margin: 0 auto;
}

#plantDayConfigurationButtonContainer > div {
    cursor: pointer;
    float: left;
    width: 150px;
    background-color: #333;
    color: #fff;
    margin: 10px;
}

#plantDayConfigurationListContainer > div {

	
	background-color: #e8e8e8;
	height: 35px; 
	float: left; 
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	width: 102px;
	color:#fff;
	text-align:center;
	font-size:20px;
	color:#888;
}

.calendar_override {
    background-color: #9ebfd2 !important;
	color:#2076a5 !important;
}

.calendar_weekend {
    
	background-color: #cfcfcf !important;
}

.calendar_select {
    background-color: #fdd221 !important;
    color: #0050a1 !important;
}

.calendarSlotContainer.selected {
    background-color: #FF8A89; 
	color: #fff !important;
	font-weight:bold;
}

.calendarDayContainer.selected {
    background-color: #e8e8e8;
}

#plantDayConfigurationListEdit {
width:160px;
background:#FFCC00 url(../images/icon_edit_big.png) no-repeat 65px 30px;
height:56px;
text-align:center;
padding-top:80px;
text-transform:uppercase;
color:#00549a;
font-size:18px;
margin-bottom:5px;
}

#plantDayConfigurationListUnselectAll {
width:160px;
background:#FFCC00 url(../images/icon_deselect_big.png) no-repeat 65px 30px;
height:56px;
text-align:center;
padding-top:80px;
text-transform:uppercase;
color:#00549a;
font-size:18px;
margin-bottom:4px;
}



#bookingCalendar {
height:100px;
margin-left:70px;
}

.calendarDayContainer {
height: 35px; 
float: left; 
border-right:2px solid #fff;
border-top:2px solid #fff;
width: 92px;
color:#fff;
text-align:center;
}

.noavailable {
background:#E6E6E6;
color:#fff !important;
}

.calendarSlotContainer  {
color:#222;
position:relative;
height:35px;
border-bottom: 2px solid #fff;

}

.calendarSlotContainer a {
position:absolute;
top:0px;
left:0px;
width: 92px;
display:block;
height:35px;
color: #333;
text-decoration: none;
}

