.calendrier{
    transition: all .2s ease-in-out;
    transform: translateY(calc(-100% - 100px));
    position: fixed;
}

.calendrier .btn.full{
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.calendrier.opened{
    transform: translateY(0);
	z-index: 999;
}

.monthtitle{
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'ES Formal Extended';
    font-weight: bold;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
}

.calendrieritem{
    margin-right:20px;
}

.calendriernext{
	font-family: 'ES Formal Standard';
	color: #1A1919;
    font-size: 16px;
	line-height: 26px;
    display: block;
/*    width:24px;*/
    height: 21px;
    position:absolute;
    right:140px;
    top:50%;
    transform: translateY(-50%);
    background-image: url(../img/agenda.svg);
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
	padding-right: 38px;
}

.calendarprev, .calendarnext{
    display: inline-block;
    width:40px;
    height:40px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    float: right;
    background-color: transparent;
}

.calendarprev[disabled], .calendarnext[disabled]{
    opacity: .4;
}

.calendarprev{
    background-image: url(../img/previous.svg);
}

.calendarnext{
    background-image: url(../img/next.svg);
}

.calendriermois{
    padding-top:40px;
    padding-bottom: 40px;
}

.calendriermois .calendrierdateitem{
    border-bottom:none;
    border-top:1px solid #000;
}

 .spectaclecaddie > h2{
	 cursor: pointer;
    }

    label.error{
        color:red;
        margin-bottom:15px;
        margin-top: 5px;
    }
    
    input.error{
        margin-bottom: 0px;
    }

    #picturecontainer img{
        max-width: 100%;
    }
    
    .webcamcontrol{
        display: none;
    }
    
    #camera{
        width:240px;
        height:300px;
    }

    #passwordconfirm{
        display:none;
    }

        #newpasspopup .select2{
            margin:0px;
            margin-bottom: 20px;
        }

        #addnewpasssubmit{
            margin-top: 20px;
        }

@media all and (max-width:770px){
    .spectacle_infos, .spectacle_dates{
        width:100%;
        float: none;
    }

    .spectacle_dates .achatlisting{
        display: none;
    }

    .spectaclecaddie > h2:after{
        transform: rotateZ(-90deg);
        transition: all 0.2s ease;
        top: 25px;
    }

    .spectacle_dates.opened .spectaclecaddie > h2:after{
        transform: none;
    }

    .spectacle_dates.opened .achatlisting{
        display: block;
    }
}