/*date picker----------------------------*/
.datepicker_input
{
	position:relative;
	display: inline-block;
	width:100%;
}
.datepicker_input > div
{
    /* width: 100%; */
    /* height: 100%; */
    position: absolute;
    top: 0;
    left: 0;
}
.datepicker_input > input[type="text"]
{
    width: 76px;
}

#datepicker
{
    display: flex;
    flex-flow: column;
    position: absolute;
    top: 100%;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1411764705882353) 1px 7px 11px;
    overflow: hidden;
    border-radius:  4px;
    border: #e8e8e8 1px solid;
    z-index: 1;
}

#datepicker > div
{
    display: flex;
    flex-flow: row;
    border-top: #aaa 1px solid;
}
#datepicker > div:first-child {
    border-top: none;
}
#datepicker .moisannee > div:nth-child(2)
{
	cursor:default;
	background: unset;
	color: unset;
	font-weight: bold;
	flex-grow: 1;
}
#datepicker #annee > div
{
    height: 25px;
}

#datepicker > div > div
{
    border-left: 1px solid #e8e8e8;
    width: 26px;
    height: 22px;
    display: flex;
    justify-content:  center;
    align-items:  center;
}
#datepicker > div > div:first-child {
    border-left: none;
}

#datepicker div.out
{
    color: #aaa;
	text-shadow: none;
}
#datepicker div.today
{
    font-weight: bold;
}
#datepicker div.selected
{
    background: #2b9a9b;
    color: #fff;
    font-weight: bold;
} 

#datepicker > div > div:hover
{
    background: #3998f1;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s;
}
 
#annee
{
    background: #00b7bd;
    color: #fff;
}
/*---------------------------------------*/