/*****************************************************/
/*                      SOMMAIRE                     */
/*****************************************************/
/* GENERAL                              ligne : 24   */
/* COMPONENTS                           ligne : 34   */
/*   - BOUTON SUBMIT                    ligne : 35   */
/*   - MESSAGE D'INFO                   ligne : 50   */
/*   - ERREURS & STATUTS                ligne : 68   */
/* HEADER                               ligne : 89   */
/* CONNEXION                            ligne : 161  */
/* INSCRIPTION                          ligne : 213  */
/* ADMINISTRATION                       ligne : 240  */
/* CALENDRIER VUETIFY                   ligne : 638  */
/*   - PRODUCTION                       ligne : 817  */
/*   - TACHES                           ligne : 857  */
/*   - CONSULTATION                     ligne : 961  */
/*   - CALENDRIER PARTAGE               ligne : 1071 */
/*   - TRANSPORT                        ligne : 1098 */
/* MEDIA QUERIES                        ligne : 1137 */




/* GENERAL */
h1{
	text-transform: uppercase;
	text-align: center;
	font-size: 2em;
	margin-bottom: 1em;
    font-family: 'GeorgiaSB';
}


/* COMPONENTS */
/*   - BOUTON SUBMIT */
form .btnSubmit > button, a.btn{
	background-color: #94785B;
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: 'GeorgiaB';
	font-size: .9em;
	padding: .5rem 1rem;
	border-radius: .3rem;
	transition: all .3s;
}
form .btnSubmit > button:hover, a.btn:hover{
    transform: scale(1.1);
}

/*   - MESSAGE D'INFO */
body .flashMessage{
	font-size: .875rem;
	line-height: 1.25rem;
	padding: .5rem 1rem;
	background-color: #C27D32;
	color: #FFFFFF;
	border-radius: .3rem;
	top: .75rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
    max-width: 600px;
}
body .flashMessage > p{
    margin: 0;
}

/*   - ERREURS & STATUTS */
form .error{
    text-align: left;
    margin: 3em 0 1em;
    font-size: .9rem;
    color: #D8000C;
    background-color: #FFBABA;
    padding: 1rem 2rem;
    list-style: inside;
}
form .status{
    text-align: left;
    margin: 3em 0 1em;
    font-size: .9rem;
    color: #227700;
    background-color: #DFF2BF;
    padding: 1rem 2rem;
    list-style: inside;
}


/* HEADER */
body > header{
	background-color: #C9B8A4;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .5em 3em;
}
header > div > a > img{
    width: 60px;
}
header > div:last-child > a, header form > button{
    padding-bottom: 4px;
    position: relative;
}
header > div:last-child > a:after, header form > button:after{
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #321A12;
    transition: width .3s ease-in-out, background-color .3s ease-in-out;
}
header > div:last-child > a:hover:after, header form > button:hover:after{
    width: 100%;
}
header form > button > i{
    font-size: 1.8em;
    height: 32px;
    display: block;
}
header > div{
	display: flex;
    align-items: center;
}
header > div > .iconSelect{
    position: relative;
    margin-right: 1em;
    border: 1px solid #616161;
	border-radius: 4px;
	cursor: pointer;
    padding-right: 10px;
}
header > div > .iconSelect > #affichage{
    font-size: .8em;
	text-transform: uppercase;
    cursor: pointer;
    height: 100%;
    padding: 5px 10px;
}
header > div > .iconSelect > i{
	position: absolute;
	right: 0;
    top: 50%;
    transform: translateY(-50%);
}
header > div:first-child > a.afficher{
    border: thin solid #616161;
    border-radius: 4px;
    margin-left: 1em;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: .8em;
    transition: all .3s;
}
header > div:first-child > a.afficher:hover{
    background-color: rgba(97, 97, 97, .08);
}


/* CONNEXION */
#connexion{
	margin: 5em auto 0;
	border-radius: .75rem;
	padding: 1em 2em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
	width: 70%;
}
#connexion form > div{
    margin-bottom: 1.5rem;
}
#connexion form > div > label{
    display: block;
    font-size: .75rem;
    text-transform: uppercase;
    font-family: 'GeorgiaB';
    margin-bottom: .5rem;
}
#connexion form > div > input{
	border: 1px solid #9CA3AF;
	border-radius: .15rem;
	padding: .5rem;
	background-color: #FFFFFF;
	width: 100%;
}
#connexion form .finForm, #admin .addUser + form > .finForm{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#connexion form .finForm > a, #admin .addUser + form > .finForm > p{
    padding-bottom: 4px;
    position: relative;
}
#connexion form .finForm > a:after, #admin .addUser + form > .finForm > p:after{
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #321A12;
    transition: width .3s ease-in-out, background-color .3s ease-in-out;
}
#connexion form .finForm > a:hover:after, #admin .addUser + form > .finForm > p:hover::after{
    width: 100%;
}
#connexion h1 + p{
    margin-bottom: 2em;
}


/* INSCRIPTION */
#inscription{
	margin: 5em auto 0;
	border-radius: .75rem;
	padding: 1em 2em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
	width: 70%;
}
#inscription form > div{
    margin-bottom: 1.5rem;
}
#inscription form > div > label{
    display: block;
    font-size: .75rem;
    text-transform: uppercase;
    font-family: 'GeorgiaB';
    margin-bottom: .5rem;
}
#inscription form > div > input, #inscription form > div > select{
	border: 1px solid #9CA3AF;
	border-radius: .15rem;
	padding: .5rem;
	background-color: #FFFFFF;
	width: 100%;
}


/* ADMINISTRATION */
#admin{
    display: flex;
    flex-wrap: wrap;
}
#admin > .content{
    margin: 2em 20px;
    flex: 1;
}
#admin .btnAccueil{
    display: flex;
    width: 1440px;
    max-width: 100%;
    margin: 5em auto 0;
    justify-content: space-around;
    flex-wrap: wrap;
}
#admin .btnAccueil > .btn{
	display: flex;
	padding: 2em;
	flex: 0 0 25%;
	font-size: 1.2em;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#admin .btnAccueil:last-of-type > .btn{
	flex: 0 0 16%;
	font-size: 1em;
}
#admin .btnAccueil > .btn > span{
    text-align: center;
}
#admin .btnAccueil > .btn > span > i{
	display: block;
	font-size: 3em;
}
#admin > #app{
    width: calc(100% - 40px);
}
#admin .filtre{
	width: 90%;
	margin: 1em auto;
	display: flex;
    align-items: center;
}
#admin .filtre > div{
	font-size: 14px;
	line-height: 2;
	color: #2C3338;
	border: 1px solid #8C8F94;
	appearance: auto;
	border-radius: 3px;
	padding: 0 24px 0 8px;
	min-height: 30px;
	cursor: pointer;
    position: relative;
    width: 170px;
    margin-right: 1em;
}
#admin .filtre > div button > svg{
	position: absolute;
	width: 22px;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	height: 22px;
}
#admin .filtre > div:last-of-type{
    margin-right: 0;
    width: 250px;
}
#admin .filtre > div > div:last-child{
	position: absolute;
	overflow: auto;
	width: 100%;
	background-color: rgb(243, 244, 246);
	border-radius: 3px;
	padding: 0.5rem 0px;
	margin-top: 0.5rem;
	max-height: 13rem;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px;
	left: 0;
}
#admin .filtre > div > div:last-child > a{
	line-height: 1.5rem;
	font-size: .875rem;
	padding: 0 .75rem;
	display: block;
}
#admin .filtre > div:last-of-type > div{
    width: 520px;
    flex-wrap: wrap;
    display: flex;
    max-height: unset;
}
#admin .filtre > div:last-of-type > div > div{
    margin: 0 0 5px;
    padding: 0 10px;
}
#admin .filtre > div:last-of-type > div > div:last-child{
    flex: 0 0 100%;
    padding-right: 20px;
}
#admin .filtre > div:last-of-type > div > div:last-child > .btn{
    width: max-content;
    margin: 0 0 0 auto;
    display: block;
}
#admin .filtre > div:last-of-type > div > div > p{
	text-transform: uppercase;
	font-weight: bold;
}
#admin .filtre > div:last-of-type > div > div > .hasDatepicker > div > .ui-datepicker-header{
    border: none;
	padding: 0 0 .5em;
	background-color: #FFF;
}
#admin .filtre > div:last-of-type > div > div > .hasDatepicker > div > .ui-datepicker-header > .ui-corner-all{
    transition: all .3s;
}
#admin .filtre > div:last-of-type > div > div > .hasDatepicker > div > .ui-datepicker-header > .ui-state-hover{
    background: unset;
    font-weight: unset;
    color: unset;
    border: unset;
    right: 2px;
}
#admin .filtre > div:last-of-type > div > div > .hasDatepicker > div > .ui-datepicker-header > .ui-datepicker-title{
    font-weight: lighter;
}
#admin .filtre > div:last-of-type > div > div > .hasDatepicker > div > .ui-datepicker-calendar{
    border-collapse: separate;
    border-spacing: 1px;
}
#admin .filtre > div:last-of-type > div > div > .hasDatepicker > div > .ui-datepicker-calendar > thead > tr > th{
    line-height: 1;
}
#admin .filtre > div:last-of-type > div > div > .hasDatepicker > div > .ui-datepicker-calendar > tbody > tr > td.ui-state-disabled{
    background-color: #E8E8E8;
	border: 1px solid #FFF;
}
#admin .filtre > div:last-of-type > div > div > .hasDatepicker > div > .ui-datepicker-calendar > tbody > tr > td.ui-datepicker-current-day{
    background-color: #C9B8A4;
}
#admin .filtre > div:last-of-type > div > div > .hasDatepicker > div > .ui-datepicker-calendar > tbody > tr > td.ui-datepicker-current-day > a.ui-state-active{
    color: #000000;
    font-weight: unset;
}
#admin .filtre > div:last-of-type > div > div > .hasDatepicker > div > .ui-datepicker-calendar > tbody > tr > td > a{
    border: unset;
    background: unset;
    text-align: center;
    color: #94785B;
    font-weight: unset;
}
#admin .filtre > div:last-of-type > div > div > .hasDatepicker > div > .ui-datepicker-calendar > tbody > tr > td > a.ui-state-hover{
    border: unset;
    background: unset;
    color: #94785B;
    font-weight: bold;
}
#admin .filtre > .btn:not(:last-child){
	margin-left: 1em;
	padding: .25rem .5rem;
}
#admin .filtre > .btn{
    margin: 0 0 0 auto;
}
#admin .filtre + table, #admin table.users{
	width: 95%;
	border: 1px solid #CCD0D4;
	border-spacing: 0;
	background-color: #F1F1F1;
	margin: 0 auto 2em;
}
#admin table.users{
    width: 75%;
}
#admin .filtre + table thead th, #admin table.users thead th{
	font-weight: 700;
	line-height: 1.4em;
	font-size: 14px;
	border-bottom: 1px solid #CCD0D4;
	border-right: 1px solid #CCD0D4;
	padding: 8px 10px;
	border-radius: 3px;
}
#admin .filtre + table thead th.statsDate{
    width: 300px;
}
#admin .filtre + table thead th.statsCommentaire{
    width: 550px;
}
#admin .filtre + table thead th:last-child, #admin table.users thead th:last-child{
    border-right: none;
}
#admin .filtre + table tbody tr:nth-child(2n + 1), #admin table.users tbody tr:nth-child(2n + 1){
    background-color: #FFFFFF;
}
#admin .filtre + table tbody td{
    font-size: 14px;
	padding: 8px 10px;
	border-right: 1px solid #CCD0D4;
}
#admin table.users tbody td{
    font-size: 14px;
	border-right: 1px solid #CCD0D4;
}
#admin table.users tbody td > a{
    padding: 8px 10px;
    display: block;
}
#admin .filtre + table tbody td:first-child{
    padding: 0 10px;
    width: 50px;
}
#admin .filtre + table tbody td:first-child > i{
    font-size: 2em;
}
#admin .filtre + table tbody td:first-child > i.mdi-checkbox-blank-outline{
    color: red;
}
#admin .filtre + table tbody td:first-child > i.mdi-checkbox-marked-outline{
    color: green;
}
#admin .filtre + table tbody td:last-child, #admin table.users tbody td:last-child{
    border-right: none;
}
#admin .filtre + table tbody td.pasTaches{
    text-align: center;
    font-size: 1em;
    padding: 8px 10px;
}
#admin > nav{
	flex: 0 0 calc(100% - 150px);
	margin: 0 75px 2em;
}
#admin .addUser{
	width: 70%;
	margin: 1.5em auto;
}
#admin .addUser > .btn{
    display: block;
    width: max-content;
    max-width: 100%;
}
#admin .addUser + form{
	border-radius: .75rem;
	width: 50%;
	margin: 3em auto 0;
	padding: 1.5em 2em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
}
#admin .addUser + form > div:not(:last-child){
    margin-bottom: 1.5rem;
}
#admin .addUser + form > div > label:not(.checkbox){
    display: block;
    font-size: .75rem;
    text-transform: uppercase;
    font-family: 'GeorgiaB';
    margin-bottom: .5rem;
}
#admin .addUser + form > div > input{
    border: 1px solid #9CA3AF;
    border-radius: .15rem;
    padding: .5rem;
    background-color: #FFFFFF;
    width: 100%;
}
#admin .addUser + form > div > label.checkbox{
    display: block;
    margin-bottom: .5rem;
    padding-left: .5rem;
}
#admin .addUser + form > div > label.checkbox > input[type="checkbox"]{
    position: absolute;
    opacity: 0;
}
#admin .addUser + form > div > label.checkbox > span{
    position: relative;
    padding-left: 22px;
    cursor: pointer;
}
#admin .addUser + form > div > label.checkbox > span:before{
    border-radius: 2px;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    content: "";
    display: inline-block;
    vertical-align: baseline;
    border: 1px solid #000000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
#admin .addUser + form > div > label.checkbox > input:checked + span:before{
    border-color: #321A12;
}
#admin .addUser + form > div > label.checkbox > input:checked + span:after{
    content: "";
    display: inline-block;
    background-color: #321A12;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 12px;
    width: 12px;
    left: 2px;
}
#admin .addUser + form > .finForm{
    margin-top: 3em;
}
#admin .addUser + form > .finForm > p{
    cursor: pointer;
    color : #EC454F
}
#admin .addUser + form > .finForm > p:after {
	background-color: #EC454F;
}
#admin + .modal{
    display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9;
	text-align: center;
	background-color: rgba(107, 114, 128, .25);
}
#admin + .modal > div{
	background-color: #FFFFFF;
	max-width: calc(600px - 6rem);
	width: calc(95% - 6rem);
	border-radius: .5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-height: calc(90vh - 3em);
	overflow: auto;
}
#admin + .modal > div > svg{
	position: absolute;
	top: .5em;
	right: .5em;
	width: 2.5rem;
	height: 2.5rem;
    color: #6E6E6E;
	cursor: pointer;
}
#admin + .modal > div > div:first-of-type{
	display: flex;
	align-items: flex-start;
	padding: 2rem 2rem 1.5rem;
}
#admin + .modal > div > div:first-of-type > div:first-child{
	width: 2.5rem;
	flex-shrink: 0;
	justify-content: center;
	align-content: center;
	display: flex;
	border-radius: 50%;
	background-color: #FEE2E2;
	height: 2.5rem;
}
#admin + .modal > div > div:first-of-type > div:first-child > svg{
	width: 1.5rem;
	color: #EC454F;
}
#admin + .modal > div > div:first-of-type > div:last-child{
	text-align: left;
	margin-left: 1rem;
}
#admin + .modal > div > div:first-of-type > div:last-child > h3{
	margin: 0;
}
#admin + .modal > div > div:first-of-type > div:last-child p{
	font-size: .9em;
	margin-top: .5rem;
}
#admin + .modal > div > div:last-child{
	padding: .75rem 1.5rem;
	display: flex;
	background-color: #F9FAFB;
	border-radius: 0 0 .5rem .5rem;
	flex-direction: row-reverse;
}
#admin + .modal > div > div:last-child button{
	padding: .5rem 1rem;
	border-radius: .375rem;
	border: none;
	background-color: #EC454F;
	color: #FFFFFF;
	font-family: 'GeorgiaB';
    font-size: .85em;
	cursor: pointer;
}
#admin .pagination{
	flex: 0 0 100%;
	margin: -2em auto 2em;
	max-width: 80%;
}


/* CALENDRIER VUETIFY */
#adminCalendrier #app .v-dialog__content > .v-dialog.v-dialog--active > .v-card{
    padding: 1.2em 1em 1em;
}
#adminCalendrier #app .v-dialog__content > .v-dialog.v-dialog--active > .v-card.actions{
    max-height: 510px;
    overflow: auto;
}
#adminCalendrier #app .v-dialog__content > .v-dialog.v-dialog--active > .v-card.familles{
    max-height: 605px;
    overflow: auto;
}
#adminCalendrier #app .v-dialog__content > .v-dialog.v-dialog--active > .v-card > .v-card__title{
    font-size: 1.1em;
    padding: 0;
}
#adminCalendrier #app .v-dialog__content > .v-dialog.v-dialog--active > .v-card > .v-card__text{
    padding: .5em 0;
}
#adminCalendrier .v-picker.v-card.v-picker--date{
    border: none;
}
.col .theme--light.v-calendar-category .v-calendar-category__column{
    border-right: none;
}
.v-calendar-daily__body .v-calendar-daily__scroll-area{
    overflow: unset;
}
.v-application .v-calendar-category__column .v-event-timed-container .white--text{
    color: #000000 !important;
    border: none !important;
    white-space: unset;
    overflow: auto;
}
.v-application .v-event-timed-container .white--text .v-event-draggable, .v-application .v-event-timed-container .white--text .v-event-titre{ 
    padding: .2em .5em;
    font-family: 'Georgia';
}
.v-application .v-calendar-monthly .v-calendar-weekly__day .white--text, .v-application .v-calendar-daily .v-calendar-daily__head .white--text, .v-application .v-calendar-daily .v-event-timed-container .white--text{
    font-family: 'Georgia';
    color: #000000 !important;
    border: none !important;
    white-space: unset;
    overflow: auto;
    margin-bottom: .3em !important;
    scrollbar-width: thin;
}
.v-application .v-calendar-daily .v-calendar-daily__head .white--text > .v-event-description{
    display: none;
}
.v-application .v-event-timed-container .white--text .v-event-description{
    padding: .6em .5em 0;
}
.v-application .v-event-timed-container .white--text .v-event-description > p{
    white-space: pre-line;
}
.v-application .v-event-timed-container .white--text .v-event-description > p{
    margin: 0;
}
.v-application .v-event-timed-container .white--text .v-event-draggable > strong, .v-application .v-event-timed-container .white--text .v-event-titre > strong{
    font-family: 'GeorgiaB';
}
.v-current-time{
    height: 2px;
    background-color: #EA4335;
    position: absolute;
    left: -1px;
    right: 0;
    pointer-events: none;
}
.v-calendar-daily__day-container .v-calendar-daily__day:nth-child(2) .v-current-time.first:before{
    content: '';
    position: absolute;
    background-color: #EA4335;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-top: -5px;
    margin-left: -6.5px;
}
.v-event-draggable{
    padding-left: 6px;
}
.v-event-timed{
    user-select: none;
    -webkit-user-select: none;
}
.v-event-drag-bottom{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    height: 4px;
    cursor: ns-resize;
}
.v-event-drag-bottom:after{
    display: none;
    position: absolute;
    left: 50%;
    width: 16px;
    margin-left: -8px;
    opacity: 0.8;
    content: '';
    height: 6px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
}
.v-event-drag-bottom:hover::after{
    display: block;
}
.v-toolbar__title, .v-toolbar__content .theme--dark.v-btn.v-btn--icon{
    color: #484848;
}
.v-card .v-card__actions{
    padding: 1.5em;
}
.v-card .v-card__actions .v-form{
    width: 100%;
}
.v-card .v-card__actions .v-form > div:last-child{
	display: flex;
	justify-content: space-between;
}
.v-card .v-card__actions .v-form > div:last-child > button:first-child{
	background-color: #94785B !important;
}
.v-card .v-card__actions .v-form > div:last-child > button:last-child{
	color: #D8000C;
}
#app .v-menu__content .v-date-picker-table{
    height: unset;
    padding-bottom: .5em;
}
.v-toolbar__title{
    cursor: pointer;
}
.v-picker--full-width .v-time-picker-clock__container{
	transform: scale(.8);
    margin: -1.5em 0;
}
.v-picker--full-width{
	margin-bottom: 1em;
}
#app > .v-menu__content{
    background-color: #FFFFFF;
}
#app .v-menu__content h2{
    text-transform: uppercase;
    font-size: 1.2em;
    text-align: center;
    font-family: 'GeorgiaSB';
}
.theme--light .v-calendar-daily_head-day .v-calendar-category__columns .v-calendar-category__column-header:last-child{
    border-right: none;
}
#app .v-menu__content .container > div .v-list-item__icon{
    margin: 0;
}
#app .v-menu__content .container > div .v-list-item__icon > .v-icon{
    font-size: 3em;
    margin-left: -.2em;
}
#app .v-calendar-weekly__week{
    min-height: 150px;
}
#app .v-card .container button.supprimer{
	position: absolute;
	right: 28px;
	bottom: 28px;
}
#app .v-card button.annuler{
	position: absolute;
	right: 28px;
	bottom: 16px;
}
#app header.v-sheet > .v-toolbar__content > button.v-btn > .v-btn__content{
    font-size: .8em;
}

/*   - PRODUCTION */
#adminCalendrier .v-picker.v-card.v-picker--time.v-picker--full-width.theme--light{
    border: none;
    margin: 0;
}
#adminCalendrier .v-picker.v-card.v-picker--date{
    border: none;
}
#adminCalendrier .v-card .v-tabs-items .container .btnModifierAction{
    width: 100%;
    margin: .5em 0;
    border-bottom: 1px solid #E8E8E8;
    padding: .8em 16px;
    height: unset;
    min-height: unset;
}
#adminCalendrier .v-card .v-tabs-items .container .btnModifierAction:last-child{
    border: none;
}
#adminCalendrier .v-card .v-tabs-items .container .btnModifierAction:hover:before, #adminCalendrier .v-card .v-tabs-items .container .btnModifierAction:focus:before{
    opacity: .04;
}
#adminCalendrier .v-card .v-tabs-items .container .btnModifierAction > .v-btn__content{
    justify-content: space-between;
}
#adminCalendrier .v-card .v-tabs-items .container .btnModifierAction > .v-btn__content > p{
    margin: 0;
}
#adminCalendrier .v-card .v-tabs-items .container .btnModifierAction > .v-btn__content > i{
    opacity: 0;
    transition: all .3s;
}
#adminCalendrier .v-card .v-tabs-items .container .btnModifierAction:hover > .v-btn__content > i{
    opacity: 1;
}
#adminCalendrier .v-card .container .v-form button + button.error{
    margin: 0;
    float: right;
}

/*   - TACHES */
.tachesJournalieresAdmin{
	position: absolute;
	height: calc(100% - 143px);
	width: 100%;
	top: 143px;
	background-color: rgba(0, 0, 0, .2);
}
.tachesJournalieresAdmin > div{
	position: absolute;
	top: 35px;
	width: 90%;
	background-color: #FFFFFF;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    display: flex;
    flex-wrap: wrap;
    gap: 4em;
    padding: 0 1em;
    max-height: 95%;
    overflow-x: auto;
    scrollbar-width: thin;
}
.tachesJournalieresAdmin > div > div{
    margin: 1em 0;
    flex: 0 0 calc(33.33% - 2.7em);
    max-width: calc(33.33% - 2.7em);
}
.tachesJournalieresAdmin > div > div > .titreTache{
    display: flex;
	align-items: center;
	border-bottom: 1px solid;
	padding: 0 .3em .3em;
}
.tachesJournalieresAdmin > div > div > .titreTache > i{
    margin-right: 1em;
}
.tachesJournalieresAdmin > div > div > .titreTache > h3{
    text-transform: uppercase;
    flex: auto;
    font-size: 1.2em;
}
.tachesJournalieresAdmin > div > div > div .v-list-item__content{
    padding: 0;
}
.tachesJournalieresAdmin > div > div > div .v-list-item__content > .v-list-item__subtitle{
    font-size: .8em;
    margin-left: 7px;
    font-style: italic;
}
.tachesJournalieresAdmin > div > div > div .v-list-item__content > .commentaire{
    color: rgba(0, 0, 0, 0.6);
	font-size: .8em;
	display: none;
}
.tachesJournalieresAdmin > div > div > div .v-list-item__content > .commentaire > p{
    margin: .5em 0 0;
}
.tachesJournalieresAdmin > div > div > div .commentaires > .rotation{
    transform: rotate(180deg);
}
.tachesJournalieresAdmin > div > div > div .commentaires + .v-list-item__subtitle{
    margin-top: -.8em;
}
#adminCalendrier .tachesJournalieresAdmin .v-list-item{
    padding: 0 5px 0 16px;
    cursor: auto;
}
#adminCalendrier .tachesJournalieresAdmin .v-list-item:focus:before, #adminCalendrier .theme--light.v-list-item--active::before,
#adminCalendrier .theme--light.v-list-item--active:hover::before, #adminCalendrier .theme--light.v-list-item:focus::before,
#adminCalendrier .tachesJournalieresAdmin .v-list-item:hover:before{
    opacity: 0;
}
#adminCalendrier .tachesJournalieresAdmin .v-list-item > .v-list-item__icon{
    margin-right: 20px;
}
#adminCalendrier .tableau{
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}
#adminCalendrier .tableau > .v-banner__wrapper{
    padding: 0;
    border-bottom: none;
}
#adminCalendrier .tableau .v-tabs .v-tabs-bar__content > .v-tab{
    background-color: #F7F7F7;
    padding: 0;
}
#adminCalendrier .tableau .v-card__text > .recurrent{
    font-weight: bold;
}
#adminCalendrier .actionTaches{
    display: flex;
    justify-content: space-between;
    max-width: 450px;
}
#adminCalendrier .actionTaches .v-list-item__title{
    color: rgba(0, 0, 0, 0.6);
    flex: 1;
    white-space: break-spaces;
}
#app .ajouterTache .v-card__title{
    text-transform: uppercase;
}
#app .ajouterTache form > button{
    margin-top: 1.2em;
}
#app .ajouterTache form > p{
    margin: 16px 0 0;
    color: rgba(0,0,0,.6);
    font-size: 16px;
    padding-bottom: 8px;
}
#adminCalendrier > .tachesAdmin .v-dialog__content .container > form .v-banner .v-tabs > .v-item-group, #adminCalendrier > .transportAdmin .v-dialog__content .container > form .v-banner .v-tabs > .v-item-group{
    height: 40px;
}
#adminCalendrier > .tachesAdmin .v-dialog__content .container > form .v-banner .v-tabs > .v-item-group > .v-slide-group__prev, #adminCalendrier > .tachesAdmin .v-dialog__content .container > form .v-banner .v-tabs > .v-item-group > .v-slide-group__next, #adminCalendrier > .transportAdmin .v-dialog__content .container > form .v-banner .v-tabs > .v-item-group > .v-slide-group__prev, #adminCalendrier > .transportAdmin .v-dialog__content .container > form .v-banner .v-tabs > .v-item-group > .v-slide-group__next{
    min-width: 40px;
    flex: 0 1 40px;
}
#adminCalendrier > .tachesAdmin .v-dialog__content .container > form .v-banner .v-tabs > .v-item-group > .v-slide-group__wrapper > .v-slide-group__content > .v-tab, #adminCalendrier > .transportAdmin .v-dialog__content .container > form .v-banner .v-tabs > .v-item-group > .v-slide-group__wrapper > .v-slide-group__content > .v-tab{
	font-size: .675rem;
	min-width: unset;
	padding: 0 .8em;
}

/*   - CONSULTATION */
#operateurCalendrier > #app{
    padding-bottom: 5em;
}
#app .tachesJournalieres{
	position: fixed;
	width: 100%;
	bottom: 0;
	background-color: #FFFFFF;
	z-index: 5;
	height: 56px;
}
#app .tachesJournalieres > #taches, #app .tachesJournalieres > #tachesOubliees{
	width: 300px;
	position: absolute;
	right: 20px;
    top: 0;
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    max-height: 94vh;
    transition: all .5s ease-out;
}
#app .tachesJournalieres > #tachesOubliees{
    right: 340px;
}
#app .tachesJournalieres > #taches > .titre, #app .tachesJournalieres > #tachesOubliees > .titre{
	display: flex;
	align-items: center;
	width: 300px;
	justify-content: space-between;
	padding: 1em;
	cursor: pointer;
	text-transform: uppercase;
}
#app .tachesJournalieres > #tachesOubliees > .titre > h2 > i{
    color: #D8000C;
    font-size: 1.2em;
    margin-right: .2em;
}
#app .tachesJournalieres > #taches > .titre > i, #app .tachesJournalieres > #tachesOubliees > .titre > i{
    transition: all .3s;
}
#app .tachesJournalieres > #taches.openTaches > .titre > i, #app .tachesJournalieres > #tachesOubliees.openTaches > .titre > i{
    transform: rotate(180deg);
}
#app .tachesJournalieres > #taches > .container, #app .tachesJournalieres > #tachesOubliees > .container{
    padding: 0 1em 1em;
    max-height: 88vh;
    overflow: auto;
}
#app .tachesJournalieres > #taches > .container > p, #app .tachesJournalieres > #tachesOubliees > .container > p{
    text-align: right;
    margin: 0;
}
#app .tachesJournalieres > #taches > .container > p.textVert, #app .tachesJournalieres > #tachesOubliees > .container > p.textVert{
    color: #227700;
}
#app .tachesJournalieres > #taches > .container > div, #app .tachesJournalieres > #tachesOubliees > .container > div{
    margin-bottom: .5em;
}
#app .tachesJournalieres > #taches > .container > div > .v-input, #app .tachesJournalieres > #tachesOubliees > .container > div > .v-input{
    margin: 0;
    padding: 0;
}
#app .tachesJournalieres > #taches > .container > div > p, #app .tachesJournalieres > #tachesOubliees > .container > div > p{
    font-size: .7em;
    font-weight: lighter;
    color: #C40400;
    margin: 0;
    padding-left: 1em;
}
#app .enteteEvent{
	display: flex;
	align-items: center;
    padding: .5em 0 0 .5em;
}
#app .enteteEvent > .v-input--checkbox{
    margin-top: 0;
    padding-left: .5em;
}
#app .enteteEvent > .v-input--checkbox > .v-input__control > .v-input__slot{
    margin-bottom: 0;
}
#app .enteteEvent > .v-input--checkbox > .v-input__control > .v-messages{
    display: none;
}
#app .v-event-timed > .passerClignot{
    height: 100%;
    border: 4px solid #F9140A;
    animation: 1.5s clignot ease-in-out infinite;
}
@keyframes clignot{
    25%{
        border-color: transparent;
    }
    50%{
        border-color: #F9140A;
    }
    75%{
        border-color: transparent;
    }
    100%{
        border-color: #F9140A;
    }
}
#app .v-event-timed > .dejaCheck{
    height: 100%;
    filter: grayscale(60%);
}

/*   - CALENDRIER PARTAGE */
#app .filtreCat{
    height: unset !important;
}
#app .filtreCat > div{
    flex-wrap: wrap;
    height: unset !important;
}
#app .filtreCat > div > button{
    margin: 0 1em 1em 0;
}
#app .filtreCat > div > button:not(.selectionner){
    opacity: .5;
}
.v-application .v-calendar-monthly .v-calendar-weekly__day .v-calendar-weekly__day-label{
    margin: 4px 0;
}
#app .container > .boutonsFin{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1em;
}
.calendrier #app .v-toolbar__content > button.actions{
    display: none;
}

/*   - TRANSPORT */
#app .enteteTransport{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .5em;
}
#app .v-calendar-monthly .enteteTransport > .pl-1{
    height: 20px;
    max-width: calc(100% - 25px);
}
#app .enteteTransport >.pl-1 > .v-event-summary{
    white-space: inherit;
}
#app .v-calendar-daily__body .enteteTransport{
    padding-top: .5em;
}
#app .enteteTransport > .v-input{
    margin: 0;
    padding: 0;
}
#app .enteteTransport > .v-input > .v-input__control, #app .enteteTransport > .v-input > .v-input__control > .v-input__slot > .v-input--selection-controls__input{
    height: 18px;
}
#app .enteteTransport > .v-input > .v-input__control > .v-input__slot, #app .enteteTransport > .v-input > .v-input__control > .v-input__slot > .v-input--selection-controls__input{
    margin: 0;
}
#app .enteteTransport > .v-input > .v-input__control > .v-input__slot > .v-input--selection-controls__input > i{
    font-size: 18px;
}
#app .enteteTransport > .v-input > .v-messages.theme--light, #app .v-calendar-monthly .realiseTransport, #app .v-calendar-monthly  .v-event-description{
    display: none;
}
#app .realiseTransport{
    padding: .6em .5em 0;
    margin: 0;
}


/* MEDIA QUERIES */
@media screen and (max-width: 1300px){
    .calendrier .v-toolbar__content > .v-toolbar__title{
        font-size: 1em;
    }
}

@media screen and (max-width: 1224px){
    .calendrier .v-toolbar__content > button.dialogActions{
        font-size: .7em;
    }
}

@media screen and (max-width: 1100px){
    .calendrier .v-toolbar__content > button.dialogActions > span > i{
        display: none;
    }
}

@media screen and (max-width: 1050px){
    .calendrier .v-toolbar__content > button.dialogActions{
        display: none;
    }
    .calendrier #app .v-toolbar__content > button.actions{
        display: block;
    }
}

@media screen and (max-width: 600px){
    .calendrier header.v-sheet{
        height: unset !important;
    }
    .calendrier .v-toolbar__content{
        flex-wrap: wrap;
        height: unset !important;
    }
    body > header{
        flex-wrap: wrap;
        padding: .5em 1em;
    }
    body > header > div{
        flex: 100%
    }
    body > header > div:last-child{
        justify-content: end;
    }
}