/** Calendar StyleSheet for Dashboards & Company Holidays **/
/** Dashboards **/
/**  Changes: CMN 16/02/11 - additional styles needed for Availability Calendar **/
/**           OF  13/09/11 - add color style for Withdrawn status               **/
/**           OF  03/08/12 - add color style for Cancelled status               **/  
/**           CMN 26/05/21 - 113117 (ADO) - ZDS add class for calendarLegendBox **/

.main {
width:200px;
border:1px solid #CCC;
}

.month {
font-weight: bold;
background-color:#D8D8D8;
border-bottom:3px solid #BFC4C6;
line-height: 1.5em;
}

.daysofweek {
background-color:#D8D8D8;
font-weight: bold;
border-bottom:1px solid #CCC;
line-height: 1.5em;
}

.days {
background-color: #F1F5F8;
padding: 2px;
border: 1px solid #CCC;
line-height: 1.5em;
}

.days #today{
font-weight: bold;
color: red;
line-height: 1.5em;
}

.Declined {
padding: 2px;
border: 1px solid #CCC;
background: #F39E77;
font-weight: bold;
line-height: 1.5em;
}

.T {
padding: 2px;
border: 1px solid #CCC;
background: #93A9D5;
font-weight: bold;
line-height: 1.5em;
}

.Requested {
padding: 2px;
border: 1px solid #CCC;
background: #C7E19E;
font-weight: bold;
line-height: 1.5em;
}

.Withdrawn {
padding: 2px;
border: 1px solid #CCC;
background: #96FFE0;
font-weight: bold;
line-height: 1.5em;
}

.Cancelled {
padding: 2px;
border: 1px solid #CCC;
background: #FACD8A;
font-weight: bold;
line-height: 1.5em;
}

.P {
padding: 2px;
border: 1px solid #CCC;
background: #9781B7;
font-weight: bold;
line-height: 1.5em;
}

.Accepted {
padding: 2px;
border: 1px solid #CCC;
background: #FFF99D;
font-weight: bold;
line-height: 1.5em;
}

.Leave {
padding: 2px;
border: 1px solid #CCC;
background: #FFF99D;
font-weight: bold;
line-height: 1.5em;
}

.Available {
padding: 2px;
border: 1px solid #CCC;
background: #C7E19E;
font-weight: bold;
line-height: 1.5em;
}

.Unavailable {
padding: 2px;
border: 1px solid #CCC;
background: #F39E77;
font-weight: bold;
line-height: 1.5em;
}

.Cancelled {
padding: 2px;
border: 1px solid #CCC;
background: #89B6FA;
font-weight: bold;
line-height: 1.5em;
}

.PAvailable {
padding: 2px;
border: 1px solid #CCC;
background-color: #F1F5F8;
font-weight: bold;
line-height: 1.5em;
}

/** Company Holidays **/

.maincompholder {
display: table;
height: 140px;
width: 150px;
_position: relative;
margin-top: -25px;
}

.maincomp {
border:1px solid #CCC;
_position: absolute; 
_top: 50%; 
display: table-cell; 
vertical-align: top;
}

.monthcomp {
font-weight: bold;
background-color:#D8D8D8;
border-bottom:2px solid #BFC4C6;
line-height: 1.2em;
}

.daysofweekcomp {
background-color:#D8D8D8;
font-weight: bold;
border-bottom:1px solid #CCC;
line-height: 1em;
}

.dayscomp {
background-color: #F1F5F8;
padding: 2px;
border: 1px solid #CCC;
line-height: 1em;
}

.dayscomp #today{
font-weight: bold;
color: red;
line-height: 1em;
}

.CO {
padding: 2px;
border: 1px solid #CCC;
background: #F39E77;
font-weight: bold;
line-height: 1em;
}

.SPEC {
padding: 2px;
border: 1px solid #CCC;
background: #93A9D5;
font-weight: bold;
line-height: 1em;
}

.MULT {
padding: 2px;
border: 1px solid #CCC;
background: #FFF99D;
font-weight: bold;
line-height: 1em;
}

.PUBH {
padding: 2px;
border: 1px solid #CCC;
background: #C7E19E;
font-weight: bold;
line-height: 1em;
}

.calendarLegendBox {
  margin-top: -25px;
}