.modal-mask{position:fixed;z-index:9000;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{width:80%;max-height:95vh;overflow-y:auto;margin:0 auto;padding:3em 2.5em;background-color:#212121;box-shadow:0 0 10px 4px rgba(10,10,10,.5);transition:all .3s ease}.modal-container.loading{max-width:45em!important}.modal-container .modal-header>h3{margin:0 auto .5em auto;color:#fff;font-weight:900;font-size:3em;text-align:center}.modal-container .modal-body,.modal-container .modal-loader{margin:20px 0}.modal-container .modal-loader span{font-size:1.5em;line-height:1.5em}.modal-container .modal-loader i{font-size:4em;transform-origin:center center;animation:rotate 1.5s linear infinite}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{transform:scale(1.1)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes translate-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.modal-campings .modal-container{max-width:60em}.modal-campings ul{-moz-column-count:2;column-count:2}.modal-campings li{position:relative;color:#ad986e;font-size:1.25em;margin:.25em 0}.modal-campings li a{text-decoration:underline;margin-left:20px;cursor:pointer}.modal-campings li:before{content:"";display:inline-block;position:absolute;left:0;top:50%;width:.3em;height:.3em;border-radius:50%;background-color:#ad986e;transform:translateY(-50%)}.modal-languages .modal-container{max-width:50em}.modal-languages button,.modal-languages select{width:100%;max-width:30em;margin:1em auto}.menu .title{display:block;font-weight:900;margin-bottom:1em;font-size:1.5em}.menu ul{width:100%;max-width:50em;margin:0 auto}.menu li{position:relative;padding-left:1em;margin-bottom:1.5em;opacity:.5}.menu li.active{opacity:1}.menu li:before{content:"";display:inline-block;position:absolute;left:0;top:25%;width:.3em;height:.3em;border-radius:50%;background-color:#ad986e}.menu a{color:#fff;text-decoration:none}.menu a b{display:block;color:#ad986e;font-style:italic;font-size:1.5em;margin-bottom:.25em}.menu a span{text-decoration:underline}.menu a:hover span{color:#ad986e}#snackbar{position:fixed;left:50%;bottom:0;transform:translate3d(-50%,105%,0);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out;margin-bottom:10px;width:auto;width:100%;max-width:600px;z-index:9990;background-color:#1c1c1c;border-radius:4px;text-align:center}#snackbar span{display:block;padding:1em;font-size:1.2em;color:#fff}#snackbar span.error{color:#bd362f}#snackbar span small{display:block;margin-top:1em;font-size:.8em;font-weight:300}#snackbar.active{transform:translate3d(-50%,0,0);opacity:1}@media only screen and (min-width:80em){#snackbar{left:calc(50% + 14em)}}#home-section{width:100%;min-height:100vh}#home-section .logo{position:absolute;left:20px;top:40px;max-width:50vw}#home-section .left-panel{padding-left:80px;padding-right:20px}#home-section .welcome{margin-top:15vh}#home-section .welcome h2{font-weight:700;font-size:2.2em;display:inline-block;margin-bottom:0}#home-section .welcome b{font-weight:900;font-size:1.5em;color:#ad986e}#home-section .welcome span{display:block;font-weight:300}#home-section .group-msg{display:block;font-weight:700;font-size:2.2em;margin:1em 0}#home-section #btn-choose-camping{max-width:20em}#home-section .menu .title{font-size:3em;margin-top:1.5em}#home-section .menu li{opacity:1}@media only screen and (min-width:64em){#home-section .left-panel{width:75%}#home-section .right-panel{position:relative;background-image:url(https://res.cloudinary.com/luxe/image/upload/c_scale,w_500/v1537345051/partner/cover.jpg);background-repeat:no-repeat;background-position:70%;background-size:cover;width:25%}#home-section .right-panel svg{position:absolute;left:40%;top:35%;fill:#fff;opacity:.5;transform:translate(-50%,-50%);width:40%}}@media only screen and (min-width:80em){#home-section .logo{left:80px}#home-section .left-panel{width:70%;padding-right:80px}#home-section .right-panel{background-image:url(https://res.cloudinary.com/luxe/image/upload/c_scale,w_700/v1537345051/partner/cover.jpg);background-position-x:85%;width:30%}}@media only screen and (min-width:100em){#home-section .right-panel{background-image:url(https://res.cloudinary.com/luxe/image/upload/c_scale,w_1000/v1537345051/partner/cover.jpg);background-position-x:100%}}.modal-pepite h3{font-family:Playfair Display,serif}.modal-pepite .modal-container{max-width:64em;text-align:center}.modal-pepite .subtitle{display:block;color:#ad986e;font-size:1.5em;font-weight:900;text-transform:uppercase}.modal-pepite h4{font-size:2em;font-weight:700}.modal-pepite .btn{width:45%;padding-top:2em;padding-bottom:2em;font-weight:900;text-align:center}.modal-pepite .btn b{display:block;font-size:2em;margin-bottom:.25em}.modal-pepite .btn small{font-weight:700;font-size:.9em}.modal-pepite .warning{display:block;margin-top:2.5em;color:#9e9e9e}.modal-pepite .warning b{display:block;color:#fff;font-weight:700}.modal-pepite .warning strong{color:#ad986e}.modal-pepite .congrats{font-weight:900;font-size:3em;margin:1em auto}.modal-pepite .confirmation{font-weight:700;font-size:1.5em;line-height:1.25em}.modal-pepite .confirmation .period{display:block;margin-top:1em;font-style:normal;font-weight:400;color:#9e9e9e}.modal-pepite .confirmation b{color:#ad986e}#pepite-section .args{margin:2em auto}#pepite-section .args h3{font-size:1.5em;font-weight:900;color:#9e9e9e;text-transform:uppercase;text-align:center}#pepite-section .args .args-content{display:inline-block;margin:auto}#pepite-section .args ul{text-align:left}#pepite-section .args li{margin:1em 0;color:#000;font-weight:700;font-size:1.1em}#pepite-section .args i{color:#ad986e;margin-right:1em}#pepite-section .choice{display:block;color:#9e9e9e;font-weight:900;font-size:3em;padding-bottom:1em}#pepite-section table thead th:first-child{width:9em}#pepite-section table thead th:nth-child(2){width:auto}#pepite-section table thead th:nth-child(3){max-width:8em}#pepite-section table thead th:nth-child(4){min-width:8em;max-width:10em}#pepite-section table thead th:nth-child(5){max-width:7em}#pepite-section table thead th i{display:block;font-style:normal;font-size:.8em}#pepite-section table tbody td svg{width:19px;margin-right:1em}#pepite-section table tbody td:first-child span{display:block;font-weight:400;font-size:.8em}#pepite-section table tbody td:nth-child(3){text-align:center}#pepite-section table tbody td:nth-child(5){text-align:right}#pepite-section table tbody td:nth-child(6){text-align:center}#pepite-section table tbody td.dispo{background-color:#43a047;color:#fff}#pepite-section table tbody td.no-dispo{background-color:#e53935}#pepite-section table tbody td .default-price{margin-right:1em}#newsletters-section .choice{display:block;color:#9e9e9e;font-weight:900;font-size:3em;padding-bottom:1em}#newsletters-section .rules{text-align:center;max-width:32em;margin:0 auto}#newsletters-section .rules>div{margin:2em auto}#newsletters-section .rules i{display:inline-block;vertical-align:sub;margin-right:.5em;font-style:normal}#newsletters-section .rules h3{font-size:1.5em;font-weight:fontBlack;color:#9e9e9e;text-transform:uppercase;margin:.5em auto;display:inline-block}#newsletters-section .rules small,#newsletters-section .rules span,#newsletters-section .rules strong{display:block;color:#212121}#newsletters-section .rules small{margin-top:1em}#newsletters-section .flag{width:16px;height:16px;border-radius:50%;vertical-align:bottom;margin-right:.5em}#newsletters-section table caption{margin-bottom:.5em}#newsletters-section table caption select{margin-right:0;max-width:10em}#newsletters-section table thead th:first-child{width:8em}#newsletters-section table thead th:nth-child(2){width:auto}#newsletters-section table thead th:nth-child(3){width:8em}#newsletters-section table thead th:nth-child(4){width:16em}#newsletters-section table tbody td:nth-child(3){text-align:center}#newsletters-section .selector button{margin-right:.75em;width:.8em;height:.8em;position:relative;padding:0}#newsletters-section .selector button.checked:after{content:"\2713";color:#212121;font-size:.7em;font-weight:900;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#newsletters-section .selector input{cursor:pointer;vertical-align:bottom;margin-right:.75em}#newsletters-section .selector label{cursor:pointer;text-decoration:underline}#newsletters-section .selector.disabled{pointer-events:none;cursor:default;opacity:.5}#newsletters-section .selector.disabled label{text-decoration:line-through}.faq-header p{max-width:60em;margin:2em auto;color:#212121;text-align:center}.faq-bloc{margin-bottom:2em}.faq-bloc .faq-bloc-header h2{color:#9e9e9e;margin:.25em 0}.faq-bloc .faq-bloc-body input.field-validation-error,.faq-bloc .faq-bloc-body input:invalid,.faq-bloc .faq-bloc-body select.field-validation-error,.faq-bloc .faq-bloc-body select:invalid{border-color:#bd362f;background-color:#bd362f;color:#fff}.faq-bloc .faq-bloc-body .row{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;font-weight:700}.faq-bloc .faq-bloc-body .row>.col{color:#212121;padding:1em}.faq-bloc .faq-bloc-body .row>.col.col-16{width:16.667%}.faq-bloc .faq-bloc-body .row>.col.col-25{width:25%}.faq-bloc .faq-bloc-body .row>.col.col-33{width:33.333%}.faq-bloc .faq-bloc-body .row>.col.col-50{width:50%}.faq-bloc .faq-bloc-body .row:nth-child(odd){background-color:#efefef}.faq-bloc .faq-bloc-body .row:nth-child(2n){background-color:#f7f7f7}.faq-bloc .faq-bloc-body .loading{color:#212121;font-size:4em;transform-origin:center center;animation:rotate 1.5s linear infinite}.faq-bloc .faq-bloc-footer{padding-top:.5em}.faq-bloc .mytable td:not(:first-child){text-align:center}.faq-bloc .mytable tr.inactive{opacity:.5;font-size:.8em}.faq-bloc .mytable tr.inactive td{padding-top:.5em;padding-bottom:.5em}#documents-section a.btn{text-decoration:none}#documents-section h3{font-size:1.5em;font-weight:fontBlack;color:#9e9e9e;text-transform:uppercase;margin:.5em auto;display:inline-block}#documents-section h4{color:#ad986e;font-size:1.25em;margin:.5em auto}#documents-section .doc{text-align:center;min-width:300px;width:48%;padding:1em;margin:1em 0;border:2px solid #ad986e;border-radius:10px;min-height:15em;display:flex;flex-flow:column nowrap;justify-content:space-between}#documents-section .doc p{color:#212121}@media only screen and (min-width:64em){#documents-section .doc{width:32%;min-height:13em}}@media only screen and (min-width:80em){#documents-section .doc{width:48%}}@media only screen and (min-width:100em){#documents-section .doc{width:32%}}.circle-progress{position:relative;margin-right:1em}.circle-progress svg{transform:rotate(-90deg)}.circle-progress circle{transition:stroke-dashoffset .5s linear;stroke-dasharray:0;stroke-dashoffset:0}.circle-progress circle:first-child{stroke-width:3;stroke:#9e9e9e;opacity:.3}.circle-progress circle:last-child{stroke-width:8;stroke:#ad986e}.circle-progress .value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#9e9e9e;font-size:3em;font-weight:700}.circle-progress .value i{font-size:1.25rem}.circle-progress .value.highlight{color:#ad986e}#green-section>header{width:100%;max-width:43em;margin:2em auto;color:#212121}#green-section>header p{text-align:justify}#green-section .categ{margin-bottom:4em}#green-section .categ header{background-color:#fff;display:flex;align-items:center;margin-bottom:1em;position:sticky;top:0;z-index:1}#green-section .categ h2{color:#9e9e9e;font-size:3em}#green-section .categ h2.hightlight{color:#ad986e}#green-section .green-bloc:not(:last-child){margin-bottom:2em}#green-section .green-bloc .green-bloc-header{position:sticky;top:138px;background-color:#fff}#green-section .green-bloc .green-bloc-header h3{color:#9e9e9e;margin:.25em 0;font-size:1.25em}#green-section .green-bloc td:first-child{width:90%}#green-section .green-bloc td:last-child{text-align:center}#green-section .very-green-acts{color:#212121}#green-section .very-green-acts header{text-align:center;padding-bottom:2em;border-bottom:1px solid #212121}#green-section .very-green-acts header h2{color:#ad986e;font-size:3em}#green-section .very-green-acts header p{text-align:justify;max-width:43em;margin:0 auto}#green-section .very-green-acts .act{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;margin:1em 0;padding-bottom:1em;border-bottom:1px solid #212121}#green-section .very-green-acts .act .text{width:680px;max-width:80%}#green-section .very-green-acts .act .text i{width:100%}#green-section .very-green-acts .act .text textarea{width:100%!important}#green-section .very-green-acts .act .text textarea:invalid{border-color:#bd362f}#green-section .very-green-acts .act .text .remaining{display:block;text-align:right;font-size:.8em;color:#424242}#green-section .very-green-acts .act .commands{position:relative;margin-left:1em}#green-section .very-green-acts button+button{margin-left:1em}#tools-section header p{max-width:60em;margin:2em auto;color:#212121;text-align:center}#tools-section h2{color:#9e9e9e;margin:1em 0 .25em 0}#tools-section h2 small{font-size:.75em;display:block}#tools-section #widget-luxe-container.bg{background-color:#d3d3d3}#tools-section pre{position:relative;overflow:auto;-ms-word-wrap:break-word;word-wrap:break-word;white-space:pre-wrap;background-color:#3f3f3f;width:100%;padding:1em;margin:0 0 1em 0}#tools-section pre code{text-align:left;color:#fff;width:100%}#tools-section pre .copy{position:absolute;right:1em;bottom:1em}.modal-iban .modal-container{max-width:60em}.modal-iban h3{font-family:Playfair Display;font-weight:700;font-size:3em!important;color:#fff!important;margin-bottom:1em!important}.modal-iban form{margin:0 auto;max-width:35em}.modal-iban form>div{width:100%;margin:1em 0}.modal-iban form label{width:40%}.modal-iban form input{border-radius:4px;padding:.25em 1em;background-color:hsla(0,0%,100%,.05);color:#fff;border:none;width:60%}.modal-iban label,.modal-iban small{color:#fff}.modal-iban button+button{margin-left:1em}.modal-insurrance .modal-container{max-width:60em}.modal-insurrance h3{font-family:Playfair Display;font-weight:700;font-size:3em!important;color:#fff!important;margin-bottom:1em!important}.modal-insurrance form{margin:0 auto;max-width:50em}.modal-insurrance form>div{width:100%;margin:1em 0}.modal-insurrance form input,.modal-insurrance form label{width:100%}.modal-insurrance form label{color:#fff;display:block;margin-bottom:.5em}.modal-insurrance form input{border-radius:4px;padding:.25em 0;background-color:hsla(0,0%,100%,.05);color:#fff;border:none}.modal-insurrance button+button{margin-left:1em}.modal-payment-details .modal-container{max-width:40em}.loading[data-v-0275c1e7],h3[data-v-0275c1e7]{color:#fff!important}h3[data-v-0275c1e7]{font-family:Playfair Display;font-weight:700;font-size:3em!important;margin-bottom:1em!important}label[data-v-0275c1e7],p[data-v-0275c1e7],span[data-v-0275c1e7]{color:#fff;font-size:1.25em}label[data-v-0275c1e7]{font-weight:700}.flex[data-v-0275c1e7]{margin:.5em 0}#bookings-section{color:#212121}#bookings-section .subtitle{max-width:28em}#bookings-section header{margin:4em auto;max-width:45em}#bookings-section p{line-height:1.2em}#bookings-section a{color:#ad986e;text-decoration:underline;cursor:pointer}#bookings-section a.iban-link{margin-right:.3em}#bookings-section h3{color:#9e9e9e;font-weight:700;font-size:1.25em}#bookings-section .season .select,#bookings-section .season span{display:inline-block;width:auto}#bookings-section .season span{margin-right:1em}#bookings-section .season select{font-weight:700}#bookings-section .no-bottom-margin{margin-bottom:0}#bookings-section .mytable.bookings{font-size:.8em}#bookings-section .mytable.bookings td:nth-child(3),#bookings-section .mytable.bookings td:nth-child(4),#bookings-section .mytable.bookings td:nth-child(5){width:9em;text-align:center}#bookings-section .mytable.bookings td:nth-child(9){text-align:center}#bookings-section .mytable.bookings td:nth-child(7),#bookings-section .mytable.bookings td:nth-child(8){width:8em;text-align:right}#bookings-section .mytable.bookings .btn{width:100%;background-color:#9e9e9e;color:#fff;transition:background-color .3s ease-in-out}#bookings-section .mytable.bookings .btn:hover{background-color:#666}#bookings-section .mytable.bookings .status{color:#bd362f}#bookings-section .mytable.bookings .status[data-status="0"]{color:#212121}#bookings-section .mytable.bookings .status[data-status="1"]{color:#28a745}#bookings-section .mytable.info{font-size:.8em;margin-bottom:2em}#bookings-section .mytable.info tr:hover a{color:#fff}#bookings-section .mytable.info td.status{display:flex;align-items:center}#bookings-section .mytable.info td .invalid,#bookings-section .mytable.info td .valid{margin-right:.25em}#bookings-section .mytable.info td .valid{color:#28a745}#bookings-section .mytable.info td .invalid{color:#bd362f}#bookings-section .export{margin-block:1em}#bookings-section .export .btn{margin-inline:1em}#bookings-section .export .btn .material-icons{margin-right:.5em}*,:after,:before{box-sizing:border-box}body,html{font-family:Lato,sans-serif;font-weight:400;background-color:#212121;color:#fff}.container{min-height:100vh;width:100%}.logo{max-width:90%}li,ul{margin:0;padding:0;list-style-type:none}.form-group{position:relative;display:block;width:100%;padding-top:10px;margin:0 0 1em 0}.form-group input{padding:10px 0;display:block;width:100%;border:none;border-bottom:1px solid #9e9e9e;color:#fff;background-color:inherit}.form-group input:active,.form-group input:focus{outline:none;box-shadow:0 1px 0 0 #9e9e9e}.form-group input:invalid{outline:none;border-bottom-color:#bd362f;box-shadow:0 1px 0 0 #bd362f}.form-group input:disabled{color:#9e9e9e}.form-group label{color:#fff;width:100%}.form-group input+label{position:absolute;pointer-events:none;left:0;top:20px;text-align:left;transition:all .3s ease-in-out}.form-group input+label:after{display:block;content:"";position:absolute;top:54px;top:calc(1em + 40px);opacity:0;transition:opacity .3s ease-in-out}.form-group input.dirty~label,.form-group input:focus~label,.form-group input:invalid~label{top:0;font-size:.8em}.btn{display:inline-block;background-color:inherit;border:none;outline:none;padding:0;padding:1em;margin:0 auto;border-radius:5px;font-weight:900;cursor:pointer}.btn:hover{transition:background-color .3s ease-in-out,color .3s ease-in-out}.btn.btn-small{font-size:.9em;padding:.5em}.btn.btn-primary{background-color:#ad986e;color:#fff;border:1px solid #ad986e}.btn.btn-primary:hover:not(:disabled){background-color:#fff;color:#ad986e}.btn.btn-secondary{background-color:#9e9e9e;color:#fff;border:1px solid #9e9e9e}.btn.btn-secondary:hover{background-color:#fff;color:#9e9e9e}.btn.btn-rounded{border-radius:1.5em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.is-loading{position:relative}.btn.is-loading span{opacity:0}.btn.is-loading:after{content:"cached";display:inline-block;position:absolute;text-align:center;left:50%;top:50%;color:#fff;font-size:2em;font-family:Material Icons;font-weight:400;font-style:normal;line-height:1;transform-origin:center center;animation:translate-rotate 1.5s linear infinite}.select{display:block;width:100%;margin:0 auto;padding:.75em;border-radius:5px}.text-error{color:#bd362f;font-style:italic}.text-succes{color:#28a745;font-style:italic}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.flex.flex-stretch{align-items:stretch}.flex.flex-just-center{justify-content:center}.flex.flex-wrap{flex-wrap:wrap}.loading.material-icons{color:#212121;font-size:4em;transform-origin:center center;animation:rotate 1.5s linear infinite}#app,#install-banner{position:relative}#install-banner{margin:.5em 0}#install-banner button{margin-left:calc(50% - 10em);display:inline-block;max-width:20em}#install-banner a{float:right;text-decoration:underline;margin-right:1em;cursor:pointer}#header{position:absolute;top:40px;right:0;padding-right:40px;color:#212121;overflow-x:hidden;height:13em;z-index:1;min-width:13em}.user-bar{position:relative}.user-bar .user-name{position:relative;padding-left:30px;padding-right:30px}.user-bar .user-name i{position:absolute;left:0;top:50%;transform:translateY(-50%)}.user-bar .user-name:after{content:"";position:absolute;right:0;top:30%;width:0;height:0;border-style:solid;border-width:4px 0 4px 8px;border-color:transparent transparent transparent rgba(0,0,0,.5);transition:transform .3s ease-in-out}.user-bar .user-name[data-color=white],.user-bar .user-name[data-color=white] i{color:#fff}.user-bar .user-name[data-color=white]:after{border-color:transparent transparent transparent hsla(0,0%,100%,.5)}.user-bar .user-actions{position:absolute;right:-40px;top:110%;transform:translateX(100%);transition:transform .3s ease-in-out;z-index:1;min-width:13em}.user-bar .user-actions li{position:relative;transform:translate3d(100%,0,0);transition:transform .3s linear}.user-bar .user-actions li:nth-child(2){transition-delay:.1s}.user-bar .user-actions li:nth-child(3){transition-delay:.2s;transition-delay:.3s}.user-bar .user-actions li button{position:relative;display:block;width:100%;cursor:pointer;padding:1em;background-color:transparent;outline:none;border:none;background-color:#212121;color:#fff;font-weight:700;text-align:left}.user-bar .user-actions li button:hover{background-color:#ad986e}.user-bar .user-actions .disconnect button{padding-left:3em}.user-bar .user-actions .disconnect i{position:absolute;left:1rem;top:50%;color:#fff;transform:translateY(-50%)}.user-bar:hover .user-name:after{transform:rotate(90deg)}.user-bar:hover .user-actions{transform:translateX(0)}.user-bar:hover .user-actions li{transform:translateZ(0)}#content{width:100%;align-items:stretch}.content-panel{position:relative;width:100%}.content-panel:after{content:attr(data-environment);color:#d3d3d3;font-size:9vw;line-height:.9em;display:block;position:fixed;top:50%;left:50%;transform:translate(calc(200px - 50%),-50%) rotate(30deg);z-index:1}.content-panel section>.title{font-family:Playfair Display,serif;font-size:3em;font-weight:900;margin:0 auto}.content-panel section>.subtitle{font-size:1.5em;font-weight:700;margin:.5em auto}.content-panel section>.subtitle,.content-panel section>.title{color:#ad986e;text-align:center}.menu-panel{left:0;bottom:0;width:25em;padding:40px 20px 20px 20px;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:2}.menu-panel,.menu-panel .menu-toggle{background-color:#212121;position:absolute;top:0}.menu-panel .menu-toggle{left:100%;border:none;outline:none;cursor:pointer}.menu-panel .menu-toggle i{display:none;color:#fff;font-size:3em}.menu-panel .menu-toggle .open{display:block}.menu-panel .menu{position:sticky;top:1em;margin-top:60px}.menu-panel~.content-panel{background-color:#fff;padding:100px 20px 20px 20px}.menu-panel.active{transform:translateX(0)}.menu-panel.active .menu-toggle .open{display:none}.menu-panel.active .menu-toggle .close{display:block}.mytable{width:100%}.mytable th{padding:1em;background-color:#666;color:#fff;position:sticky;top:0;z-index:1;font-weight:700}.mytable tbody tr:nth-child(odd){background-color:#efefef}.mytable tbody tr:nth-child(2n){background-color:#f7f7f7}.mytable tbody tr.selected,.mytable tbody tr:hover{background-color:#ad986e}.mytable tbody tr.selected td,.mytable tbody tr:hover td{color:#fff}.mytable tbody td{color:#212121;padding:1em}.mytable tbody td a{text-decoration:underline;color:inherit;cursor:pointer}.mytable tfoot td{padding:1em}@media only screen and (min-width:80em){.menu-toggle{display:none}.menu-panel{position:relative;box-shadow:none;transform:none;width:28em;padding-top:40px;padding-left:40px;padding-right:40px}.menu-panel~.content-panel{width:calc(100% - 28em)}}