/* Dependencies -warn- : M4Tween is not available */
#DaboxHide{background:rgba(0, 0, 0, .6);height:100%;width:100%;}
#DaboxHide,#Dabox{top:0;left:0;z-index:80;position:fixed;display:none;opacity:0;filter:alpha(opacity=0);backdrop-filter: blur(2px);}
#Dabox{flex-direction:column;left:50%;top:50%;background:#ffffff url("../../includes/components/./anicolas/imgs/loader.gif") no-repeat center center;transform:translate(-50%, -50%);max-width:90%;min-width:500px;max-height:80%;overflow: hidden;}
#Dabox .close {display:block;position:absolute;top:10px;right:10px;width:32px;height:32px;z-index:99;}
#Dabox .close .icon-close{transition:transform .4s;width:32px;height:32px;display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABc0lEQVRYR+2Wu00EQRBEq/v4eIfBTyIBDLI4g0gIAI8Ajk8ASHB8DGyOBIAIECSATwJI2NOo0Y40Om5nu/uMc3bt3ak3NVPVS1jyQ0vWRw/QO1BzYAjgB0Ba8KJuAPhuW6MGcMLM+ymlowUgdojoVUR0jfd5EDUAYuZrAGtBiCx+BuAx4oB+oxATAKtOCBV/EZHzmvifgOF8FeIGwIoRwixuBchOWCCyuNo+NWzO5EBeR524BTBocWK7sN0k7nGghLgDwDMQIfEIQD6OEmKTiJ6bC/dksb18x3IJ58aXme81oiJyEBWPOpCB9ojoE8CbiBxGyyrqwG7TcGNmHgFYN0b0n5sRABXXkhkD0DPXdFxFIbwAuV6zeJmOUG17AHLJnDY7n7UzNDusADnn2nC1qLlnhwVAxT05d0F0AWwV9eopGfMAqwGouO78osP21lFvmaI1gGMAX0HxMh2XKaUHAB/ePyJvrYfe77oDoUU9H/UAvQO/+GK2IZQxTBUAAAAASUVORK5CYII=) no-repeat;}
#Dabox .close .icon-close:hover{transform:rotate(90deg);}
/* Dependencies -warn- : Request is not available */
*{box-sizing: border-box;font-family: Open Sans, Arial, sans-serif;--radius:0.5em;--transition-button:all .3s;--shadow:0 1px 2px rgba(0, 0, 0, .2);}
button.button, input.button, a.button{border:none;cursor:pointer;display:flex;align-items: center;text-decoration: none;padding:0.5em;gap:5px;font-size:0.9em;background:#3598dc;color:#fff;border-radius:5px;transition:var(--transition-button)}
button.button:hover, input.button:hover, a.button:hover{background:#2A80B9;}
a.button span.material-symbols-outlined{}
a.disabled{pointer-events: none;opacity:0.6;}
html, body{margin:0;padding:0;width:100%;height:100%;overflow: hidden;}
.loading:not(.upload.input){display:block;width:32px;height:32px;background:url("../../includes/components/./staffer/../anicolas/imgs/loader.gif") no-repeat center;}
body{display:flex;flex-direction: column;background:#fafafa;position:relative;}
body header{display:flex;justify-content: space-between;padding:1em;background:#111;align-items: center;flex:0 0 auto;}
body header .logo{width:100px;}
body header .user{display:flex;gap:1em;color:#fff;align-items: center;}
body header .user a{color:#fff;text-decoration: none;}
body menu{display:flex;list-style: none;margin:0;padding:0;flex:0 0 auto;align-items: center;background:#fff;box-shadow: var(--shadow)}
body menu li{margin:0;}
body menu li a{display:flex;padding:0.9em 0.8em;gap:0.5em;align-items: center;text-decoration: none;font-size:0.8em;color:#000;border-bottom:solid 2px transparent;opacity:0.4;transition:var(--transition-button)}
body menu li a:hover{border-bottom-color:#2A80B9;opacity:1;}
body menu li.current a{pointer-events: none;border-bottom-color:#297FB8;opacity: 1;}
body .content{padding:1em;flex:1 1 auto;overflow: auto;display:flex;flex-direction: column;align-items: center;gap:1em;}

body .content .error{padding:1em 2em;position:absolute;top:2em;z-index:90;background: #fff;border-bottom-right-radius: .5em;border-top-right-radius:.5em;border-left:solid 5px red;box-shadow:var(--shadow);}

body .content>div.head{display:flex;justify-content: space-between;align-items: center;}
body .content>div.head .title h3{margin:0;padding:0;font-size:0.9em;}
body .content>div.head .title span{font-size:0.8em;}
body .content>div.head .filters{}
body .content>div.head .filters ul{list-style: none;padding:0;margin:0;display:flex;gap:0.5em;align-items: center;}
body .content>div.head .filters li{margin:0;padding:0;}
body .content>div.head .filters li a.button{--filter-color:#2A80B9;font-size:0.8em;border-radius:2em;background:transparent;border:solid 1px var(--filter-color);color: var(--filter-color);}
body .content>div.head .filters li a.button.activated{background:var(--filter-color);color:#fafafa;pointer-events: none;}
body .content>div.head .filters li a.button:hover{background:var(--filter-color);color:#fafafa;}
body .content>div.head .filters li a.button.tba{--filter-color: orange;}
body .content>div.head .filters li a.button.taken{--filter-color: green;}
body .content>div.head .filters li a.button.mine{}

body .content>div{max-width: 950px;margin: 0 auto;width:100%;padding:1em;box-sizing: border-box;}
body .content>div.block, body .content>div.slot{align-items: center;display:flex;gap:1em;background:#fff;box-shadow: var(--shadow);border-radius:var(--radius);}
body .content>div.slot{--status-color:transparent;border-left:solid 4px var(--status-color);}
body .content>div.slot.status_1{--status-color:orange}
body .content>div.slot.status_2{--status-color:green;}
body .content>div.slot .date{flex:0 0 auto;display:flex;flex-direction: column;align-items: center;background:#f2f0eb;border-radius:var(--radius);padding:0.5em;width:60px;height:60px;}
body .content>div.slot .date h5{padding:0;margin:0;font-size:1.2em;}
body .content>div.slot .date span{font-size:0.7em;color:#9a9488;}
body .content>div.slot .infos{flex: 1 1 auto;}
body .content>div.slot .infos .time{font-weight: bold;font-size:1em;}
body .content>div.slot .infos span{color:#9a9488;font-size:0.8em;}
body .content>div.slot .infos .details{color:#9a9488;font-size:0.8em;}
body .content>div.slot .status{flex: 0 0 auto;display:flex;flex-direction:column;gap:0.5em;align-items: end;font-size:0.9em;}
body .content>div.slot .status>div{}

body .content>div.empty{display:flex;flex-direction: column;align-items: center;flex:1 1 auto;justify-content: center;}
body .content>div.empty span{font-size:8em;color:#cacaca;}


a.button.sign_me_up{background:green;}
a.button.sign_me_up:hover{background:darkgreen;}
a.button.cancel{background:red;}
a.button.cancel:hover{background:darkred;}
a.button.give_it_back{background:orange;}
a.button.give_it_back:hover{background:darkorange;}

body .content>div.title{}
body .content>div.title h1{padding:0;margin:0;font-size:1em;}
body .content>div.title span{font-size:0.9em;color:#8b7d81;}

body .content>div.block{flex-direction: column;}

body .content>div.block{}
body .content>div.block h3{margin:0;}
body .content>div.block form{width:250px;margin:0 auto;}
form .mandatory{text-align:right;font-size:0.7em;}
form .component{margin-top:0.5em;}
form .component label{font-size:0.8em;color:#9a9488;}
form .component .input{}
.content .status select{outline: none;border:none;}
form .component .input select,
form .component .input input[type="text"],
form .component .input input[type="time"],
form .component .input input[type="password"]{padding:0.8em 0.9em;width:100%;box-sizing: border-box;background:#f5f3ef;border-radius:0.5em;border:solid 1px #e0dbd2;outline:none;}
form .component.submit{display:flex;flex-direction: column;align-items: center;}

body .content>div.block h2{padding:0;margin:0;font-size:0.9em;display: flex;align-items: center;justify-content: start;width:100%;gap:0.5em;}
body .content>div.block form[action="documents"],
body .content>div.block form[action="receipts"]{width:100%;}
body .content>div.block form .types{display:flex;gap:1em;flex-wrap: wrap;justify-content: center;}
body .content>div.block form .types label.type{width:calc(33% - 1em);}
body .content>div.block form .types label.type>input{display:none;}
body .content>div.block form .types label.type>input+div{transition:all .3s;display:flex;flex-direction: column;align-items: center;border:solid 1px #eaeaea;padding:1em;box-sizing: border-box;cursor:pointer;border-radius:var(--radius);}
body .content>div.block form .types label.type>input+div .icon{}
body .content>div.block form .types label.type>input+div .title{font-weight:bold;font-size:0.9em;}
body .content>div.block form .types label.type>input+div .subtitle{font-size:0.8em;color:#8b7d81;}
body .content>div.block form .types label.type>input+div:hover{border:solid 1px #cef0ff;background: #edf7fb;}
body .content>div.block form .types label.type>input:checked+div{border:solid 1px #3598dc;background: #cef0ff;}

body .content>div.action{display:flex;justify-content: center;}


body .content>div.block form .component.inp_documents_id_upload label{display:none;}
body .content>div.block form .component .input.upload{cursor:pointer;background:#fafafa;border:dashed 1px #eee;padding:1em;height:auto;font-size:1em;display:flex;gap:0.5em;flex-direction:column;align-items: center;justify-content: center;border-radius:0.5em;}
body .content>div.block form .component .input.upload:before{content:'Glisse le fichier ici';display:block;font-weight:bold;font-size:0.9em;}
body .content>div.block form .component .input.upload:after{content:'pdf, jpg, png';display:block;font-size:0.8em;color:#8b7d81;}
body .content>div.block form .component .input.loading:after,
body .content>div.block form .component .input.has_file:after,
body .content>div.block form .component .input.loading:before,
body .content>div.block form .component .input.has_file:before{display:none;}
body .content>div.block form .component .input.upload.droppable{background:#27AE5F;}
body .content>div.block form .component .input.upload.droppable:before{position:relative;left:auto;top:auto;width: auto;height: auto;}
body .content>div.block form .component .input.upload.droppable:after{color:#8bff8b;}
body .content>div.block form .component .input.upload.has_file{flex-direction: row;}

body .content>div.block form .component .input.upload input{display:none;}
body .content>div.block form .actions{padding-top:1em;display:flex;justify-content: center;width: 100%;}
body .content>div.block form .actions button{}

.types,
.types ul{list-style: none;width:100%;}
.types *{user-select: none;}
.types .type{margin-bottom:1em;}
.types .type>div{display:flex;gap:0.5em;}
.types .type>div>.icon{flex: 0 0 auto;}
.types .type>div>.details{display:flex;flex-direction: column;flex: 1 1 auto;}
.types .type>div>.details .title{font-weight:bold;}
.types .type>div>.details .subtitle{font-size:0.9em;color:#9a9488;}
.types .empty{display:flex;justify-content: center;padding:2em 0;color:#8b7d81;font-style: italic;}
ul.documents{list-style: none;width:100%;}
ul.documents>.document{display:flex;align-items: center;gap:0.5em;}
ul.documents>.document>a{flex:1 1 auto;display:flex;gap:1em;padding:5px 0;text-decoration: none;color:#3B444E;align-items:center;overflow:hidden;}
ul.documents>.document>a:hover{cursor:pointer;}
ul.documents>.document>a:hover>.infos>.name{text-decoration: underline;}
ul.documents>.document>a>.infos{flex: 1 1 auto;display:flex;flex-direction: column;overflow:hidden;}
ul.documents>.document>a>.infos>.name{overflow: hidden;text-overflow: ellipsis;text-wrap: nowrap;}
ul.documents>.document>a>.infos>.date{font-size:0.8em;color:#9a9488;}
ul.documents>.document>a>.owner{flex: 0 0 auto;font-weight: bold;font-size:0.8em;}
ul.documents>.document>.actions{flex:0 0 auto;display:flex;gap:4px;align-items: center;justify-content: end;}
ul.documents>.document>.actions .material-symbols-outlined{font-size:20px;}
ul.documents>.document>a>.status{flex: 0 0 auto;display:flex;align-items: center;font-size:0.8em;padding:4px;border-radius:5px;}
ul.documents>.document>a>.status.pending{background:lightgray;}
ul.documents>.document>a>.status.valid{background:lightgreen;color:darkgreen;font-weight: bold;}
ul.documents>.document>a>.status.refused{background:lightcoral;color:darkred;font-weight:bold;}
ul.documents>.document .extra{flex:0 0 auto;}
ul.documents>.document .extra .price{font-weight:bold;}
ul.documents>.document .extra .price span{font-weight:normal;font-size:1em;}
ul.documents>.document button{background:#2ecc71;}
ul.documents>.document button:hover{background:#27ae60;}

div.list_moment_api{padding:1em;background:#fff;overflow: hidden;display:flex;gap:1em;flex:1 1 auto;}
div.list_moment_api .sessions{flex:0 0 auto;overflow: auto;width:450px;}
div.list_moment_api .form{flex:0 0 auto;display:flex;flex-direction: column;gap:0.5em;width:350px;padding-top:2em;}
div.list_moment_api .form form{display:flex;flex-direction: column;gap:0.5em;}
div.list_moment_api .form form .hours{display:flex;gap:0.5em;}
div.list_moment_api .form form .hours .component{flex:1 1 auto;}
.list_moment_api .per_day{display:flex;flex-direction: column;gap:0.5em;margin-bottom:1.5em;}
.list_moment_api .per_day .date{position:sticky;top:0;font-weight: bold;padding:1em;background:#fff;display:flex;gap:3px;align-items: center;z-index:2;}
.list_moment_api .per_day .session{display:flex;align-items:center;gap:1em;padding:1em;background:#f0f0f0;border-radius:1em;box-shadow: var(--shadow);cursor: pointer;transition:all .3s;border:solid 2px transparent;}
.list_moment_api .per_day .session:hover{background:#fff;border-color:#8b7d81;}
.list_moment_api .per_day .session.selected{border-color:#2A80B9;background:#fff;position:sticky;top:0;z-index:3;}
.list_moment_api .per_day .session .illu{flex: 0 0 auto;width:75px;height:75px;border-radius: 100%;overflow: hidden;position:relative;}
.list_moment_api .per_day .session .illu img{max-height: 75px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.list_moment_api .per_day .session .details{flex: 1 1 auto;}
.list_moment_api .per_day .session .details .time{display:flex;gap:5px;align-items: center;margin-bottom:0.5em;font-size:1.1em;}
.list_moment_api .per_day .session .details .time .starts_at,
.list_moment_api .per_day .session .details .time .ends_at{font-weight: bold;}
.list_moment_api .per_day .session .details .type{}
.list_moment_api .per_day .session .who{ display:flex;align-items: center; flex: 0 0 auto;gap:0.5em;}
.list_moment_api .per_day .session .who .name{}
.list_moment_api .per_day .session .who img{max-width: 75px;border-radius: 100%;overflow: hidden;}
.list_moment_api .action{flex:0 0 auto;display:flex;gap:1em;align-items: center;justify-content: center;}

.notifications-container{position:fixed;bottom:2em;right:2em;z-index:110;}
.notifications-container .notification{transition:all .3s;--notif-color:gray;box-shadow: var(--shadow);width:250px;padding:1em;background:#fff;border-left:solid 4px var(--notif-color);display:flex;gap:1em;align-items: center;margin-bottom:0.5em;font-size:0.9em;}
.notifications-container .notification.error{--notif-color:red;}
.notifications-container .notification.neutral{}
.notifications-container .notification.done{--notif-color:green;}
.notifications-container .notification.hide{transform:translateX(200px);opacity:0;}
.notifications-container .notification span.material-symbols-outlined{color:var(--notif-color);font-size:1.4em;}

.mobile-only{display:none;}
.desktop-only{display:inherit;}

webc-calendar{}
webc-calendar[display="week"]{height:100%;width:100%;}

.v-tabs{list-style: none;padding:4px;margin:0;position:relative;background:#F9F9F9;display:flex;align-items: center;gap:0.5em;border-radius:8px;border:solid 1px #cacaca;flex:0 0 auto;}
.v-tabs li{color:#8b7d81;padding:0.5em 0.8em;z-index:2;font-weight:bold;cursor:pointer;transition:all .3s;}
.v-tabs li.shadow{pointer-events:none;padding:0;display:block;content:'';position:absolute;z-index:1;width:109px;height:calc(100% - 8px);border-radius:8px;background:#fff;box-shadow: 0px 1px 3px 0px rgba(10, 13, 18, 0.1);}
.v-tabs li:hover,
.v-tabs li.current{color:#2A80B9;}

.tabs{display:flex;flex-direction: column;}

.tabs .tab{display:none;flex:1 1 auto;width:100%;}
.tabs .tab.current{display:block;}

body .content>div.block.tabs .tab form{width:100%;}
.tabs .tab form .mandatory{text-align: right;font-size:0.8em;color:#8b7d81;}
.tabs .tab form .component{margin-bottom:1em;}
.tabs .tab form .component label{font-size:0.9em;font-weight: bold;}
.tabs .tab form .component .input{}
.tabs .tab form .component .input textarea,
.tabs .tab form .component .input input[type="text"]{width:100%;padding:1em;border-radius:6px;box-sizing: border-box;border:solid 1px #3B444E;outline:none;}
.tabs .tab form .component .input textarea{min-height:250px;resize:vertical;}

.tabs .tab form .component.submit label{}
.tabs .tab form .component.submit .input {display:flex;justify-content: center;}
.tabs .tab form .component.submit .input input[type="submit"]{}

body .content>div.block.tabs .tab.coachs{}
body .content>div.block.tabs .tab.coachs table{width:100%;}
body .content>div.block.tabs .tab.coachs table thead{}
body .content>div.block.tabs .tab.coachs table thead th{}
body .content>div.block.tabs .tab.coachs table thead th.actions{width:170px;}
body .content>div.block.tabs .tab.coachs table tbody{}
body .content>div.block.tabs .tab.coachs table tbody tr{}
body .content>div.block.tabs .tab.coachs table tbody tr:nth-child(even){background:#fafafa;}
body .content>div.block.tabs .tab.coachs table tbody tr td{padding:0.5em;}
body .content>div.block.tabs .tab.coachs table tbody tr td .actions{display:flex;gap:3px;align-items: center;width:132px;justify-content: end;}
body .content>div.block.tabs .tab.coachs table tbody tr td .actions .material-symbols-outlined{font-size:20px}

body .content>div.block.tabs .tab.coachs .action{display:flex;justify-content: end;align-items: center;padding-bottom:0.5em;}

body .overlay{width:100%;height:100%;top:0;left:0;position:absolute;background:rgba(0, 0, 0, .4);z-index:70;pointer-events: none;opacity:0;transition:all .5s;}
body .overlay.shown{opacity: 1;pointer-events: all;}
body .overlay .side-panel{position:absolute;height:100%;width:100%;max-width: 500px;background:#fff;box-shadow: var(--shadow);right:0;top:0;padding:1em;box-sizing: border-box;transform:translateX(100%);transition:all .4s;}
body .overlay .side-panel h4{margin:2em 0 0;}
body .overlay.shown .side-panel{transform:translateX(0);}
body .overlay .side-panel .documents,
body .overlay .side-panel .types{padding-left:0;}
body .overlay_modal{width:100%;height:100%;top:0;left:0;position:absolute;background:rgba(0, 0, 0, .4);z-index:70;transition:all .5s;display:flex;align-items: center;justify-content: center;}
body .overlay_modal.hidden{opacity:0;pointer-events: none;}
body .overlay_modal>div{max-width: 650px;padding:1em;box-sizing: border-box;border-radius: var(--radius);background:#fff;}
body .overlay_modal>div h2{text-align: center;}

body .overlay .side-panel .empty{display:flex;font-style: italic;justify-content: center;color:#8b7d81;}

body .global_actions{gap:0.5em;position:absolute;left:0;bottom:0;width:100%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content: center;padding:1em;box-shadow: var(--shadow);border-top:solid 1px #eee;z-index:99;}
body .global_actions h3{padding:0;margin:0;}

@media screen and (max-width: 950px) {
    .mobile-only{display:inherit;}
    .desktop-only{display:none;}
    body menu{align-items:start;position: fixed;right:0;top:70px;flex-direction: column;transform:translateX(100%);transition:all .3s;}
    body menu.shown{transform:translateX(0);}
    body menu li{}
    body menu li a{border-bottom: none;border-left:solid 2px transparent;}
    body menu li.current a{border-left-color:#2A80B9;}
    body menu li.mobile-only{width:100%;text-align: center;display:flex;justify-content: center;padding:3px 0;}
    body .content>div.head{flex-direction: column;padding:0;}
    body .content>div.slot{flex-wrap: wrap;}
    body .content>div.slot .status .button{width:36px;height:36px;overflow: hidden;}
    body .content>div.slot .status .button>span{}
    div.list_moment_api{flex-direction: column;align-items: center;}
    div.list_moment_api .sessions{height:300px;width:100%;}
    div.list_moment_api .form{flex:1 1 auto;padding:0;overflow:auto;}
    div.list_moment_api .form form{gap:0.1em;padding:0 .5em;}
    div.list_moment_api form .component{margin-top:0.2em;}
    div.list_moment_api .form form .hours .component{width:40%;}
}

@media screen and (max-width: 650px){
    .list_moment_api .per_day .session .illu{width:50px;height:50px;}
    .list_moment_api .per_day .session .who img{max-width: 50px;}
    #Dabox{min-width: 90%;}
    .list_moment_api .per_day .session{padding:0.5em;}
}