.jours_de_la_semaine
{
	font-size: 1.4em;
}

.year
{
	color: rgba(218,51,72,0.7);
	font-size: 1.6em;
}

.months ul
{
	list-style-type: none;
	display: inline;
}

.months li
{
  	display: inline;
  	list-style-type: none;
  	padding-right: 20px;
}

.months a
{
	color: black;
	cursor: pointer;
	font-size: 1.8em;
}

table.mycalendar
{
    border-collapse: collapse;
    width: 80%;
    margin: 0px auto;
    float: none;
    margin-top: 20px;
}

td.mycalendar
{
    border: 2px solid black;
    min-width: 80px;
    width: 40px !important;
	padding: 10px;
	color: black;
	font-weight: bold;
	font-size: 1.2em;
}

input[type="checkbox"]
{
	margin-left: 10px;
}

#choosen_dates
{
	display: none;
}

.calendar_padding
{
	border: none !important;
}

.active 
{
	color: rgba(218,51,72,0.7) !important;
}

.red
{
	background-color: red;
}

.desactivated
{
	background-color: red;
}

.desactivated_holidays
{
	background-color: orange;
}

.desactivated_weekend
{
	background-color: rgba(0, 0, 0, 0.2);
}

.valide
{
	color: green;
}

.desactivated_feries
{
	background-color: purple;
}

.desactivated_feries_variables
{
	background-color: blue;
}

.button_calendar,
.btn_confirm_calendar
{
	margin-top: 20px;
}

.jumbotron
{
	background-color: white !important;
}

.not_available
{
	background-color: rgb(192, 57, 43) !important;
}

.legende
{
	color: black;
	font-weight: bold;
	padding-bottom: 20px;
}

.td_date
{
	background-color: rgb(39, 174, 96);
}

.btn-green
{
	width: 100px;
	height: 34px;
	background-color: rgb(39, 174, 96);
}

.btn-orange
{
	width: 100px;
	height: 34px;
	background-color: rgb(230, 126, 34);
}

.mission
{
	background-color: rgb(230, 126, 34) !important;
}

.btn-red
{
	width: 100px;
	height: 34px;
	background-color: rgb(192, 57, 43);
}

/* Media Queries */

@media screen and (max-width: 615px) {
    td.mycalendar
	{
	    min-width: 40px;
	    width: 40px !important;
	}
}