/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Dec 28, 2015, 12:09:41 PM
    Author     : Anna Pallotti
blue #3ba6ed
green #a6bb19
yellow #d6dd43
dark grey #49443e
light grey #847d73
	**/


div.calendar ul.row{padding: 0; margin: 0; clear: both; width: 100%; }


#innercontent div.calendar ul.row li {
	list-style: none !important;
    text-align: right;
	width: 14.2857142857%;
	padding: 5px;
	box-sizing: border-box;
	margin-right: -1px;
	margin-bottom: -1px;
	float:left ;
	border:1px solid #49443e !important;
	height: auto;
}
li.week_day_label{
    text-align: center;
    background-color: #d6dd43;
    color:#FFFFFF;
    height: 25px;
}
li.day_cell{
	 background-color: #fff;
	  color: #49443e;
}
li.pre_month.day_cell,
li.next_month.day_cell{
    opacity: 0.5;
}
li.day_cell.thl{
	background-color: #ededed;
	color: #3ba6ed
}
.pr_detail{
    height: 2.5em;
    margin: 2px;
    border-radius: 2px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding: 0 2px 3px 2px;
    background-color: #fff;
    color: #49443e;
	border: 1px solid #3ba6ed;
/*
	background-color: #d6dd43;
    border-color:#a6bb19;*/
}

div.pr_detail a{color: inherit; display: block}

.pr_detail:hover{
	height: auto;
	overflow: visible;
	white-space: normal
}
small.hour{
	width: 100%;
	margin:-1px -2px 0 -2px ;
	display: block;
	font-weight: bold;
	padding: 4px 3px 2px 3px;
	border-bottom: 1px solid;
	background-color:#3ba6ed;
	color:  #fff;
/*
	background-color: #a6bb19; */
}


.pr_detail.closed{
	background-color: #d6dd43;
    border-color:#a6bb19;
	cursor: default;

	background-color: #eee;
	border-color: #49443e;
}
.pr_detail.closed small.hour{
	background-color: #a6bb19;
	color: #fff;

	background-color: #847d73;
	color: #eee;
}
.only_mobile{display: none}

@media only screen and (max-width : 768px) { .calendar .weekdays{ display: none; } #innercontent div.calendar ul.row li{ text-align:center; height: auto!important; border: 1px solid #ededed; width: 100%; padding: 5px 0; margin-bottom: -1px; } .calendar li .day, .calendar li .month{ display: inline; } li.pre_month.day_cell, li.next_month.day_cell { display: none; } .pr_detail,.pr_detail:hover{margin:2px; width: 98%; white-space: normal; height: auto; overflow: visible }small.hour {text-align: center} p.only_mobile,span.only_mobile{display: inline} small.only_mobile{text-align: right;  display: block} p.only_mobile{text-align: right; padding-top: 10px; margin-top: 10px }