@font-face {
  font-family: "Inter";
  src: url("../../files/upmotion/fonts/Inter-Thin.woff2") format("woff2"),
    url("../../files/upmotion/fonts/Inter-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../files/upmotion/fonts/Inter-ExtraLight.woff2") format("woff2"),
    url("../../files/upmotion/fonts/Inter-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../files/upmotion/fonts/Inter-Light.woff2") format("woff2"),
    url("../../files/upmotion/fonts/Inter-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../files/upmotion/fonts/Inter-Regular.woff2") format("woff2"),
    url("../../files/upmotion/fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../files/upmotion/fonts/Inter-Medium.woff2") format("woff2"),
    url("../../files/upmotion/fonts/Inter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../files/upmotion/fonts/Inter-SemiBold.woff2") format("woff2"),
    url("../../files/upmotion/fonts/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../files/upmotion/fonts/Inter-Bold.woff2") format("woff2"),
    url("../../files/upmotion/fonts/Inter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../files/upmotion/fonts/Inter-ExtraBold.woff2") format("woff2"),
    url("../../files/upmotion/fonts/Inter-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../files/upmotion/fonts/Inter-Black.woff2") format("woff2"),
    url("../../files/upmotion/fonts/Inter-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@charset"UTF-8";.mb_YTPBar,.mb_YTPBar span.mb_YTPUrl a{color:#fff}@font-face{font-family:ytpregular;src:url(../../files/upmotion/scripts/jquery.mb.YTPlayer/css/font/ytp-regular.eot)}@font-face{font-family:ytpregular;src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=)format('woff'),url(../../files/upmotion/scripts/jquery.mb.YTPlayer/css/font/ytp-regular.ttf)format('truetype');font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.mbYTP_wrapper{display:block;transform:translateZ(0)translate3d(0,0,0);transform-style:preserve-3d;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.mb_YTPlayer .loading{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.5}100%{opacity:1}}.mbYTP_wrapper.fullscreen{display:block!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;margin:0!important;border:none!important;opacity:1!important}.mbYTP_wrapper iframe{max-width:4000px!important}.inline_YTPlayer{margin-bottom:20px;vertical-align:top;position:relative;left:0;overflow:hidden;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{border:none!important;margin:0!important;padding:0!important;transform:none!important}.mb_YTPBar,.mb_YTPBar .buttonBar{box-sizing:border-box;left:0;padding:5px;width:100%}.mb_YTPBar .ytpicon{font-size:20px;font-family:ytpregular}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size:30px}.mb_YTPBar{transition:opacity .5s;display:block;height:10px;background:#333;position:fixed;bottom:0;text-align:left;z-index:1000;font:14px/16px sans-serif;opacity:.1}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px Calibri;position:absolute;top:-30px}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.mb_YTPBar span{display:inline-block;font:16px/20px Calibri,sans-serif;position:relative;width:30px;height:25px;vertical-align:middle}.mb_YTPBar span.mb_YTPTime{width:130px}.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{position:absolute;width:auto;display:block;top:6px;right:10px;cursor:pointer}.mb_YTPBar span.mb_YTPUrl img{width:60px}.mb_YTPBar span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlaypause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img{cursor:pointer}.mb_YTPBar .mb_YTPProgress{height:10px;width:100%;background:#222;bottom:0;left:0}.mb_YTPBar .mb_YTPLoaded{height:10px;width:0;background:#444;left:0}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#000;bottom:0;left:0;box-shadow:rgba(82,82,82,.47)1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:"flat";box-sizing:border-box}.YTPOverlay.raster{background:url(../../files/upmotion/scripts/jquery.mb.YTPlayer/css/images/raster.png)}.YTPOverlay.raster.retina{background:url(../../files/upmotion/scripts/jquery.mb.YTPlayer/css/images/raster@2x.png)}.YTPOverlay.raster-dot{background:url(../../files/upmotion/scripts/jquery.mb.YTPlayer/css/images/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(../../files/upmotion/scripts/jquery.mb.YTPlayer/css/images/raster_dot@2x.png)}.mb_YTPBar .simpleSlider{position:relative;width:100px;height:10px;border:1px solid #fff;overflow:hidden;box-sizing:border-box;margin-right:10px;cursor:pointer!important;border-radius:3px}.mb_YTPBar.compact .simpleSlider{width:40px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.mb_YTPBar .level{position:absolute;left:0;bottom:0;background-color:#fff;box-sizing:border-box}.mb_YTPBar .level.horizontal{height:100%;width:0}.mb_YTPBar .level.vertical{height:auto;width:100%}
.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}
.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}

/*--- CUSTOM ROMAIN --*/

/*--CHANTIER -*/

table.table_admin_vue_chantier {
  background: #fff;
  border-radius: 10px;
  box-shadow: var(--shadow);
}
table.table_admin_vue_chantier .header_chantier td {
  padding: 30px 10px 23px 10px;
  font-weight: 700;
  font-size: 1.5rem;
}
table.table_admin_vue_chantier tr.saisie td {
  border: 1px solid #efefef;
  text-align: center;
}
.table_admin_vue_chantier tr.total td {
  font-weight: 600;
  text-align: center;
  /* border: 1px solid; */
  background: #c3cbde;
}

/*- END CHANTIER --*/

/*-- VUE HEURE PERIODE -*/

.table_admin_vue_period {
  margin-bottom: 3rem;
  background: #fff;
  border-radius: 10px;
  box-shadow: var(--shadow);
}
.table_admin_vue_period tr.saisie td {
  border: 1px solid #efefef;
  text-align: center;
}
.table_admin_vue_period tr.total td {
  background: #c3cbde;
  text-align: center;
}

/*-- FIN VUE HEURE PERIODE -*/

/*-- VUE HEURE PERIODE -*/

.table_admin_vue_semaine {
  margin-bottom: 3rem;
  background: #fff;
  border-radius: 10px;
  box-shadow: var(--shadow);
}
.table_admin_vue_semaine tr td {
  border: 1px solid #efefef;
  text-align: center;
}
.table_admin_vue_semaine tr.total td {
  background: #c3cbde;
  text-align: center;
}
.table_admin_vue_semaine th {
  text-align: center;
}
/*-- FIN VUE HEURE PERIODE -*/

/*--- NAV --*/

.nav_admin {
  margin-top: 2rem;
  border: 1px solid #efefef;
  border-radius: 10px;
  overflow: hidden;
}
.nav_admin .nav_admin_header {
  color: var(--color-dark) !important;
  padding: 10px 10px !important;
  background: var(--border-input) !important;
}
.nav_admin li a {
  font-size: 0.9rem;
  padding-left: 1rem !important;
}

:root {
  --color-en-cours: #ffce7c !important;
}
.tag_saisie.status_1 {
  background-color: #4d8f70 !important;
}
.btn_back {
  display: none;
}
table {
  padding: 10px;
}
.popup .date.grouped span {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.container_form_add_saisie {
  background: #fff;
  padding: 1rem;
  text-align: center;
  border-radius: 10px;
  /*height: 88%;*/
  box-shadow: var(--shadow) !important;
}
.container_form_add_saisie > .date {
  margin-bottom: 3rem;
  margin-top: 1rem;
}
.content_btn_update_saisie {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0rem;
  /* position: absolute; */
  bottom: 0;
  width: 100%;
}
.btn_update_saisie {
  display: none;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
}

.absence_form_step section,
.section_add_saisie section {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  transform: scale(0.7);
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.4s;
}
.container_update_saisie_admin .section_add_saisie section {
  justify-content: flex-start;
}
.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 9px 10px;
  font-size: 1.7rem;
  pointer-events: none;
  color: var(--color-dark);
  font-weight: bold;
}
#datepicker-absence nav.air-datepicker-nav {
  padding: 1rem 1rem 0rem 1rem;
  justify-content: space-between;
  border-bottom: none;
  position: relative;
}
.popup .date.grouped {
  color: var(--color-gray);
  font-size: 1rem;
  margin-bottom: 3rem;
  text-align: center;
}
.popup .date.grouped span {
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  color: var(--color-dark);
}

.absence_form_step_2 {
  flex-direction: column;
  gap: 1rem;
  background: #ffff;
  padding: 1rem;
  text-align: center;
  justify-content: center;
  border-radius: 10px;
  box-shadow: var(--shadow);
}
.absence_form_step .text-date span {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-dark);
}
.absences .status_tag.status_1 {
  background-color: var(--color-valide);
  color: #fff;
}

.absences .status_tag.status_3 {
  background-color: #ff867d !important;
}

/*---- LOGIN ---*/
.login #main > .inside > .mod_article {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login .mod_article .container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  max-width: 1000px;
  background: #fff;
  border-radius: 25px;
  box-shadow: var(--shadow);
  min-height: 500px;
  width: 1000px;
  padding: 1rem !important;
}
.login .mod_article .container .logo {
  margin-top: initial;
  margin-bottom: initial;
  float: none;
  width: auto;
  height: auto;
  margin-bottom: 2rem;
}
body.login .mod_login {
  max-width: 25rem;
  margin: 0 !important;
}
body.login {
  background-color: var(--background) !important;
  height: 100vh;
}
.login svg {
  width: 250px;
  height: auto;
}
.login button.submit {
  width: 90%;
  font-size: 1rem;
  margin-top: 3rem !important;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* =============================================================================
 * body
 * ========================================================================== */

html,
body {
  font-size: 15px;
}

body {
  line-height: 1.8rem;
}
h1,
.h1,
.h1 p {
  font-size: 1.733rem;
  margin-bottom: 15px;
}

h2,
.h2,
.h2 p {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

h3,
.h3,
.h3 p {
  font-size: 1.467rem;
  margin-bottom: 10px;
}

h4,
.h4,
.h4 p {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

h5,
.h5,
.h5 p {
  font-size: 1.067rem;
  margin-bottom: 10px;
}

h6,
.h6,
.h6 p {
  font-size: 1.067rem;
  margin-bottom: 10px;
}
.bandeau-copyright {
  font-size: 0.8rem;
  text-align: right;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-top: 1px solid #efef;
  margin-top: 1rem;
}
.bandeau-copyright a.lien-bottom {
  margin: 0px 5px;
}
/* =============================================================================
 * headlines
 * ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.font_headline {
  margin-bottom: 25px;
  line-height: 1.3;
  color: rgb(59, 60, 66);
  word-wrap: break-word;
  font-weight: bold;
}

h1,
.h1,
.h1 p {
  font-size: 3rem;
  padding-top: 0;
}

h2,
.h2,
.h2 p {
  font-size: 2.333rem;
}

h3,
.h3,
.h3 p {
  font-size: 1.867rem;
}

h4,
.h4,
.h4 p {
  font-size: 1.5rem;
}

h5,
.h5,
.h5 p {
  font-size: 1.333rem;
}

h6,
.h6,
.h6 p {
  font-size: 1.2rem;
}

.column[class*="mb-"]:not[class*="-m"] > h1,
.column[class*="mb-"]:not[class*="-m"] > h2,
.column[class*="mb-"]:not[class*="-m"] > h3,
.column[class*="mb-"]:not[class*="-m"] > h4,
.column[class*="mb-"]:not[class*="-m"] > h5,
.column[class*="mb-"]:not[class*="-m"] > h6,
.column[class*="mb-"]:not[class*="-m"] > .attributes > h1,
.column[class*="mb-"]:not[class*="-m"] > .attributes > h2,
.column[class*="mb-"]:not[class*="-m"] > .attributes > h3,
.column[class*="mb-"]:not[class*="-m"] > .attributes > h4,
.column[class*="mb-"]:not[class*="-m"] > .attributes > h5,
.column[class*="mb-"]:not[class*="-m"] > .attributes > h6,
.column[class*="mb-"]:not[class*="-m"] > .attributes > .h1,
.column[class*="mb-"]:not[class*="-m"] > .attributes > .h2,
.column[class*="mb-"]:not[class*="-m"] > .attributes > .h3,
.column[class*="mb-"]:not[class*="-m"] > .attributes > .h4,
.column[class*="mb-"]:not[class*="-m"] > .attributes > .h5,
.column[class*="mb-"]:not[class*="-m"] > .attributes > .h6,
.column[class*="mb-"]:not[class*="-m"] > .h1,
.column[class*="mb-"]:not[class*="-m"] > .h2,
.column[class*="mb-"]:not[class*="-m"] > .h3,
.column[class*="mb-"]:not[class*="-m"] > .h4,
.column[class*="mb-"]:not[class*="-m"] > .h5,
.column[class*="mb-"]:not[class*="-m"] > .h6,
.ce_text.h1 > p,
.ce_text.h2 > p,
.ce_text.h3 > p,
.ce_text.h4 > p,
.ce_text.h5 > p,
.ce_text.h6 > p,
.ce_text.h7 > p {
  margin-bottom: 0;
}

/* =============================================================================
 * logo size
 * ========================================================================== */

.logo {
  width: 200px;
  height: 100px;
}

/* =============================================================================
 * logo size: mobile
 * ========================================================================== */

@media only screen and (max-width: 767px) {
  .logo {
    width: 150px;
    height: 70px;
  }
}

/* =============================================================================
 * logo
 * ========================================================================== */

.logo {
  margin-top: auto;
  margin-bottom: auto;
  float: left;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
}

.logo a {
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left;
}

/* =============================================================================
 * header
 * ========================================================================== */

.header {
  width: 100%;
  top: 0px;
  z-index: 1030;
  position: relative;
}

.header.cloned {
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  transition: line-height 0.3s ease;
  -webkit-transition: line-height 0.3s ease;
}

.header .inside {
  padding-left: 40px;
  padding-right: 40px;
}

/* =============================================================================
 * fix-wrapper
 * ========================================================================== */

#fix-wrapper {
  width: 100%;
  z-index: 10000;
}

/* =============================================================================
 * page-width
 * ========================================================================== */

#top .inside,
.header .inside,
#footer .inside,
#bottom .inside,
body.sidebar #container,
.mod_article:not(.fullwidth) > .container,
.fullwidth.boxed-content .contentwrap,
.smallwidth .contentwrap,
.boxed-content .contentwrap,
.gridbuilder_wrapper.article,
.ce_text_image_bar .inside,
.ce_headerimage .ce_headerimage_inside,
.ce_video_background .ce_video_background_inside,
#offcanvas-top .offcanvas-top-inside,
.ce_calltoaction .ce_calltoaction_inside,
.mod_breadcrumb .mod_breadcrumb_inside,
.mod_pageimage .container,
.body_bottom .mod_search .container {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.mod_article.boxed {
  max-width: calc(1240px - 80px);
  margin-left: auto;
  margin-right: auto;
}

/* width medium */
body #main .mod_article.smallwidth,
.mod_article.fullwidth-boxed-medium > .container {
  max-width: 800px;
  padding-left: 40px;
  padding-right: 40px;
}

/* width small */
body #main .mod_article.xsmallwidth,
.mod_article.fullwidth-boxed-small > .container {
  max-width: 650px;
  padding-left: 40px;
  padding-right: 40px;
}

/* =============================================================================
 * page paddings left/right
 * ========================================================================== */

#top .inside,
.header .inside,
#footer .inside,
#bottom .inside,
body.sidebar #container,
.mod_article:not(.fullwidth) > .container,
.mod_article.boxed > .container,
.fullwidth.boxed-content .contentwrap,
.smallwidth .contentwrap,
.boxed-content .contentwrap,
.gridbuilder_wrapper.article,
.body_bottom .mod_search .container {
  padding-left: 40px;
  padding-right: 40px;
}

body.content_page.sidebar.left #main .mod_article > .container {
  padding-right: 0;
}

body.content_page.sidebar.right #main .mod_article > .container {
  padding-left: 0;
}

body.content_page.sidebar #left .mod_article > .container {
  padding-left: 0;
  padding-right: 0;
}

body.content_page.sidebar #right .mod_article > .container {
  padding-left: 0;
  padding-right: 0;
}

/* =============================================================================
 * mod_article
 * ========================================================================== */

.mod_article {
  overflow: visible;
  position: relative;
  overflow: visible;
  background-size: cover;
  background-position: center;
}

.mod_article:after {
  clear: both;
}

.mod_article > .container {
  position: relative;
}

/* =============================================================================
 * colorbox
 * ========================================================================== */

#cboxPrevious,
#cboxNext,
#cboxClose {
  z-index: 100;
}

#cboxWrapper .mod_article > .container {
  padding: 30px;
}

#cboxWrapper #wrapper {
  padding: 10px;
}

#cboxWrapper .mod_article {
  max-width: none !important;
}

#cboxNext,
#cboxPrevious {
  width: 75px !important;
  opacity: 0.8;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
}

#cboxNext:hover,
#cboxPrevious:hover {
  opacity: 1;
}

#cboxClose:hover {
  background-position: top center !important;
}

#cboxClose {
  width: 26px !important;
  height: 30px !important;
  top: -28px !important;
  right: 0px !important;
}

#cboxTitle {
  top: -25px !important;
  font-size: 0.9rem;
}

#cboxContent {
  margin-top: 25px !important;
}

#cboxLoadedContent {
  border: 0 !important;
}

#cboxCurrent {
  display: none !important;
}

body.no_scroll {
  overflow: hidden;
}

#cboxOverlay {
  opacity: 0.8 !important;
}

#cboxNext {
  right: 0 !important;
}

#cboxPrevious {
  left: 0 !important;
}

body #colorbox,
body #cboxOverlay,
body #cboxWrapper {
  z-index: 99999;
}

#cboxNext,
#cboxPrevious,
#cboxClose {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNzAuNXB4IiBoZWlnaHQ9IjY1cHgiIHZpZXdCb3g9IjAgMCAxNzAuNSA2NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcwLjUgNjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNzAuNSwwaC00Ni42NjZDMTIyLjI3LDAsMTIxLDEuMjY5LDEyMSwyLjgzNHY1OS4zMzFjMCwxLjU2NSwxLjI3LDIuODM1LDIuODM0LDIuODM1SDE3MC41Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsMGg0Ni42NjZDNDguMjMsMCw0OS41LDEuMjY5LDQ5LjUsMi44MzR2NTkuMzMxQzQ5LjUsNjMuNzMsNDguMjMsNjUsNDYuNjY2LDY1SDAiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijc4LjI1IiB5MT0iNS4xMDkiIHgyPSI5NC4zNzUiIHkyPSIyMS4yMzQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijk0LjM3NSIgeTE9IjUuMTA5IiB4Mj0iNzguMjUiIHkyPSIyMS4yMzQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjM3LjUiIHkxPSIxMS4zNTkiIHgyPSIxMC43NSIgeTI9IjMyLjUiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjM3LjY3OCIgeTE9IjUzLjA1NSIgeDI9IjEwLjkyOCIgeTI9IjMxLjkxNCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMzIiB5MT0iMTEuMzU5IiB4Mj0iMTU5Ljc1IiB5Mj0iMzIuNSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMzIiB5MT0iNTMuNjQxIiB4Mj0iMTU5Ljc1IiB5Mj0iMzIuNSIvPjwvc3ZnPg==);
}

/* =============================================================================
  * mod_article paddings top/bottom
  * ========================================================================== */

/* default padding (not for fullwidth) */
.mod_article:not(.fullwidth) > .container {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* default paddings sidebar pages */
body.content_page.sidebar #main .mod_article > .container,
body.content_page.sidebar #left .mod_article > .container,
body.content_page.sidebar #right .mod_article > .container {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* no-padding body_bottom */
.body_bottom .mod_article:not(.fullwidth) > .container {
  padding: 0;
}

/* padding classes */
.mod_article.article-pt-0 > .container {
  padding-top: 0 !important;
}

.mod_article.article-pb-0 > .container {
  padding-bottom: 0 !important;
}

.mod_article.article-pt-xxs > .container {
  padding-top: 30px;
}

.mod_article.article-pb-xxs > .container {
  padding-bottom: 30px;
}

.mod_article.article-pt-xs > .container {
  padding-top: 50px;
}

.mod_article.article-pb-xs > .container {
  padding-bottom: 50px;
}

.mod_article.article-pt-s > .container {
  padding-top: 90px;
}

.mod_article.article-pb-s > .container {
  padding-bottom: 90px;
}

.mod_article.article-pt-m > .container {
  padding-top: 100px;
}

.mod_article.article-pb-m > .container {
  padding-bottom: 100px;
}

.mod_article.article-pt-l > .container {
  padding-top: 120px;
}

.mod_article.article-pb-l > .container {
  padding-bottom: 120px;
}

.mod_article.article-pt-xl > .container {
  padding-top: 150px;
}

.mod_article.article-pb-xl > .container {
  padding-bottom: 150px;
}

.mod_article.article-pt-xxl > .container {
  padding-top: 170px;
}

.mod_article.article-pb-xxl > .container {
  padding-bottom: 170px;
}

/* =============================================================================
 * mod_article fullscreen
 * ========================================================================== */

.mod_article.fullscreen {
  height: 100vh;
}

.mod_article.fullscreen.oversize {
  height: auto !important;
}

.mod_article.fullscreen .container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.mod_article.fullscreen.oversize .container {
  position: relative;
  top: 0;
  transform: translateY(0);
}

/* =============================================================================
 * mod_article parallax
 * ========================================================================== */

.mod_article.parallax {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

body.ios .mod_article.parallax,
body.android .mod_article.parallax {
  background-attachment: scroll;
  background-position: center center !important;
}

/* ios13 iPad workaround */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .ce_bgimage-image,
  .article-pb.parallax {
    background-position: center center !important;
    background-attachment: scroll !important;
    background-size: cover !important;
  }
}

/* =============================================================================
 * top
 * ========================================================================== */

#top-wrapper {
  width: 100%;
}

#top .inside {
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

/* =============================================================================
 * breadcrumb
 * ========================================================================== */

.mod_breadcrumb .mod_breadcrumb_inside {
  position: relative;
}

.mod_breadcrumb .mod_breadcrumb_inside:before {
  content: "";
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 40px;
  right: 40px;
  height: 1px;
}

.mod_breadcrumb .mod_breadcrumb_inside:after {
  content: "";
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 40px;
  right: 40px;
  height: 1px;
}

.mod_breadcrumb .mod_breadcrumb_inside:before,
.mod_breadcrumb .mod_breadcrumb_inside:after {
  display: none;
}

.mod_breadcrumb ul {
  font-size: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  display: inline-block;
  float: none;
  padding: 11px 0;
}

.mod_breadcrumb li {
  display: inline-block;
  margin-right: 5px;
}

.mod_breadcrumb li:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f054";
  margin-right: 5px;
}

.mod_breadcrumb li.first:before {
  display: none;
}

.mod_breadcrumb .pagetitle {
  display: none;
}

/* =============================================================================
 * mainmenu
 * ========================================================================== */

.mainmenu {
  float: right;
}

.mainmenu ul {
  position: static;
}

.mainmenu ul li a.first {
  padding-left: 0;
}

.mainmenu ul li.first {
  margin-left: 0;
}

.mainmenu ul li.last {
  margin-right: 0;
}

.mainmenu ul li ul li {
  margin-left: 0;
  margin-right: 0;
}

.fixed .mainmenu ul li ul li a:not(.active):not(.trail) {
  color: rgb(57, 57, 57);
}

.header .mainmenu ul ul li a {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  color: inherit;
}

.header .mainmenu ul ul li span {
  position: relative;
}

.header .mainmenu ul ul li a span:before {
  position: absolute;
  content: "";
  height: 1px;
  background: rgb(0, 0, 0);
  bottom: 0;
  width: 100%;
  left: 0;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

.header .mainmenu ul ul li a:hover span:before {
  transform: scaleX(1);
}

.header .mainmenu ul ul li a.active span:before,
.header .mainmenu ul ul li a.trail span:before {
  position: absolute;
  content: "";
  height: 1px;
  background: rgb(0, 0, 0);
  bottom: 0;
  width: 100%;
  left: 0;
  transform: scaleX(1) !important;
}

.mainmenu ul li a:hover {
  opacity: 1;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  color: var(--color-secondary);
}

.mainmenu ul ul li:hover > ul {
  -webkit-animation-name: none;
  animation-name: none;
}

.mainmenu ul li a {
  text-align: center;
}

.mainmenu ul li.last ul {
  right: auto;
}

.mainmenu ul ul li a[target="_blank"] {
  padding-right: 30px !important;
}

.mainmenu ul ul li a[target="_blank"]:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f08e";
  position: absolute;
  right: 5px;
}

.mainmenu ul li.floatbox {
  position: static;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mainmenu ul li.open-left ul.level_2 {
  right: 0;
  width: 200px;
}

.mainmenu ul li.open-left ul.level_3 {
  right: auto;
  left: -200px;
  width: 200px;
}
.mod_newslist .item:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/* =============================================================================
 * custommenu
 * ========================================================================== */

.custommenu {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.custommenu ul {
  overflow: hidden;
}

.custommenu li {
  float: left;
  width: 25%;
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  text-align: center;
  transition: All 0.6s ease;
  -webkit-transition: All 0.6s ease;
  opacity: 0.9;
}

.custommenu li.last {
  border-right: 1px solid rgba(255, 255, 255, 0.8);
}

.custommenu li a {
  display: block;
  padding: 10px 20px;
  color: rgb(255, 255, 255);
  font-weight: bold;
}

.custommenu li span {
  font-weight: normal;
  display: block;
}

.custommenu li.custommenu_cols2 {
  width: 50%;
}

.custommenu li.custommenu_cols3 {
  width: 33%;
}

.custommenu li.custommenu_cols4 {
  width: 25%;
}

.custommenu li.custommenu_cols5 {
  width: 20%;
}

.custommenu li.custommenu_cols6 {
  width: 16.666%;
}

/* =============================================================================
 * overwrite framework defaults
 * ========================================================================== */

.ce_text_image_bar.show_arrow .image-left:after,
.ce_text_image_bar.show_arrow .image-right:after {
  display: none;
}

.ce_leadertext.version1 .subheadline {
  font-style: italic;
}

.color-white .ce_list li:after {
  background-color: rgba(255, 255, 255, 0.8);
}

textarea {
  height: inherit;
}

input,
textarea,
select {
  background-color: rgb(255, 255, 255);
  padding: 15px;
  font-size: 0.9rem;
}

.ce_form .formicon-wrapper input {
  border-radius: 0 5px 5px 0;
}

input.submit,
button.submit {
  width: 100%;
}

.mod_search input {
  border-radius: 0;
}

.mod_search input.submit,
.mod_search button.submit {
  width: auto;
}

.mod_login .submit_container {
  margin-top: 25px;
}

.ce_countup .headline {
  font-size: 3.667rem;
}

.font-size-m {
  line-height: 1.3;
}

.ce_gallery .capt {
  font-size: inherit;
}

.swip-pagination .swiper-wrapper {
  padding-bottom: 60px;
}

.swiper-wrapper {
  padding-bottom: 0px;
}

.swiper-pagination {
  bottom: 0;
}

.swiper-button-next,
.swiper-button-prev {
  margin-top: -75px;
}

body.ie input.checkbox {
  border: 0;
  padding: 0;
}

#slider {
  position: relative;
  z-index: 5;
}

select {
  color: #555;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #555 !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #555 !important;
  opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #555 !important;
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #555 !important;
}

/* =============================================================================
 * colorbox
 * ========================================================================== */

#cboxPrevious,
#cboxNext,
#cboxClose {
  z-index: 100;
}

#cboxWrapper .mod_article > .container {
  padding: 30px;
}

#cboxWrapper #wrapper {
  padding: 10px;
}

#cboxWrapper .mod_article {
  max-width: none !important;
}

#cboxNext,
#cboxPrevious {
  width: 75px !important;
  opacity: 0.8;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
}

#cboxNext:hover,
#cboxPrevious:hover {
  opacity: 1;
}

#cboxClose:hover {
  background-position: top center !important;
}

#cboxClose {
  width: 26px !important;
  height: 30px !important;
  top: -28px !important;
  right: 0px !important;
}

#cboxTitle {
  top: -25px !important;
  font-size: 0.9rem;
}

#cboxContent {
  margin-top: 25px !important;
}

#cboxLoadedContent {
  border: 0 !important;
}

#cboxCurrent {
  display: none !important;
}

body.no_scroll {
  overflow: hidden;
}

#cboxOverlay {
  opacity: 0.8 !important;
}

#cboxNext {
  right: 0 !important;
}

#cboxPrevious {
  left: 0 !important;
}

body #colorbox,
body #cboxOverlay,
body #cboxWrapper {
  z-index: 99999;
}

/* =============================================================================
 * gridbuilder - extra classes
 * ========================================================================== */

.gridbuilder_wrapper.grid-l {
  margin-left: -3%;
  margin-right: -3%;
}

.gridbuilder_wrapper.grid-l .ce_gridbuilderWrapperStart.gridbuilder {
  padding-left: 3%;
  padding-right: 3%;
}

.gridbuilder.no_gutter {
  padding-left: 0;
  padding-right: 0;
}

/* =============================================================================
 * mobile
 * ========================================================================== */

@media only screen and (max-width: 767px) {
  #main .mod_article:not(.fullwidth) > .container,
  #left .mod_article > .container,
  #right .mod_article > .container,
  #main .mod_article.fullwidth.boxed-content .contentwrap,
  #main .gridbuilder_wrapper.article,
  #main .mod_article .ce_parallax .contentwrap,
  #main .mod_article .ce_bgimage .ce_bgimage-inside,
  #main .mod_article .ce_youtube_background .contentwrap,
  .header .inside,
  .mod_pageimage .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #main .gridbuilder_wrapper.article .mod_article,
  #main .mod_article.fullwidth {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .mod_article:not(.fullwidth) > .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .mod_article.article-pt-0 > .container {
    padding-top: 0;
  }

  .mod_article.article-pb-0 > .container {
    padding-bottom: 0;
  }

  .mod_article.article-pt-xxs > .container,
  .mod_article.article-pt-xs > .container,
  .mod_article.article-pt-s > .container,
  .mod_article.article-pt-m > .container,
  .mod_article.article-pt-l > .container,
  .mod_article.article-pt-xl > .container,
  .mod_article.article-pt-xxl > .container {
    padding-top: 50px;
  }
  .mod_article.article-pb-xxs > .container,
  .mod_article.article-pb-xs > .container,
  .mod_article.article-pb-s > .container,
  .mod_article.article-pb-m > .container,
  .mod_article.article-pb-l > .container,
  .mod_article.article-pb-xl > .container,
  .mod_article.article-pb-xxl > .container {
    padding-bottom: 50px;
  }

  .header {
    padding-bottom: 0;
    padding-top: 0;
  }

  #fix-wrapper {
    top: 0;
    left: 0;
    width: 100%;
  }

  #bottom .inside .left,
  #bottom .inside .right {
    float: none;
  }

  #bottom .inside .right a {
    margin-left: 0;
    margin-right: 15px;
  }

  #footer .inside {
    padding: 40px 20px;
  }

  .mod_breadcrumb {
    display: none;
  }

  body.content_page #slider .pagetitle {
    font-size: 1.467rem;
  }

  #bottom .inside {
    padding-left: 20px;
    padding-right: 20px;
  }

  #footer .totop:before {
    display: none;
  }

  .ce_hyperlink.small a,
  a.btn.small,
  .ce_hyperlink a,
  a.btn {
    font-size: 0.9rem;
  }
}
/* =============================================================================
 * browser bugfixes
 * ========================================================================== */

body.ie9 #fix-wrapper,
body.ie10 #fix-wrapper {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MkVFOENGOTk2OUYxMUU1QjU3MTkyN0Q5MjBFRUJENSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MkVFOENGQTk2OUYxMUU1QjU3MTkyN0Q5MjBFRUJENSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyRUU4Q0Y3OTY5RjExRTVCNTcxOTI3RDkyMEVFQkQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUyRUU4Q0Y4OTY5RjExRTVCNTcxOTI3RDkyMEVFQkQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ndvI8gAAABBJREFUeNpi+P//PwNAgAEACPwC/tuiTRYAAAAASUVORK5CYII=");
}

/* =============================================================================
 * reset & various settings
 * ========================================================================== */

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background-repeat: no-repeat;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

a {
  hyphens: none;
}

#wrapper .mejs-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

ol,
ul {
  list-style: none;
}

table {
  border-spacing: 0;
}

body {
  position: relative;
  text-size-adjust: 100%;
}

#mbCenter img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.inside {
  position: relative;
  text-align: left;
}

.block {
  overflow: hidden;
}

.clear,
#clear {
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
}

.invisible {
  width: 0;
  height: 0;
  left: -1000px;
  top: -1000px;
  position: absolute;
  overflow: hidden;
  display: inline;
}

* + html #main {
  position: static;
}

header,
footer,
nav,
section,
aside,
article,
figure,
figcaption {
  display: block;
}

#container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#chromeframe {
  background: red;
  padding: 10px;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 10000;
}

.animate {
  opacity: 0;
}

.animate.nowaypoint {
  opacity: 1;
}

p {
  margin-bottom: 15px;
  word-wrap: break-word;
}

#wrapper {
  position: relative;
  z-index: 10;
}

#container {
  position: relative;
  width: 100%;
  margin: 0;
}

i.ti {
  display: inline-block;
}

/* =============================================================================
 * outdated-browser message
 * ========================================================================== */

body.ie11 #outdated-browser,
body.ie #outdated-browser {
  display: block;
}

#outdated-browser {
  color: rgb(255, 255, 255);
  background: red;
  padding: 20px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10000;
  display: none;
}
#outdated-browser.confirmed {
  display: none !important;
}

#outdated-browser span {
  text-decoration: underline;
  cursor: pointer;
}

/* =============================================================================
 * margin + padding classes - vertical
 * ========================================================================== */

.mt-xxl {
  margin-top: 80px !important;
}
.mt-xl {
  margin-top: 70px !important;
}
.mt-l {
  margin-top: 60px !important;
}
.mt-m {
  margin-top: 50px !important;
}
.mt-s {
  margin-top: 40px !important;
}
.mt-xs {
  margin-top: 30px !important;
}
.mt-xxs {
  margin-top: 20px !important;
}
.mb-xxl {
  margin-bottom: 80px !important;
}
.mb-xl {
  margin-bottom: 70px !important;
}
.mb-l {
  margin-bottom: 60px !important;
}
.mb-m {
  margin-bottom: 50px !important;
}
.mb-s {
  margin-bottom: 40px !important;
}
.mb-xs {
  margin-bottom: 30px !important;
}
.mb-xxs {
  margin-bottom: 20px !important;
}
.pt-xxl {
  padding-top: 170px !important;
}
.pt-xl {
  padding-top: 150px !important;
}
.pt-l {
  padding-top: 120px !important;
}
.pt-m {
  padding-top: 100px !important;
}
.pt-s {
  padding-top: 90px !important;
}
.pt-xs {
  padding-top: 50px !important;
}
.pt-xxs {
  padding-top: 30px !important;
}
.pb-xxl {
  padding-bottom: 170px !important;
}
.pb-xl {
  padding-bottom: 150px !important;
}
.pb-l {
  padding-bottom: 120px !important;
}
.pb-m {
  padding-bottom: 100px !important;
}
.pb-s {
  padding-bottom: 90px !important;
}
.pb-xs {
  padding-bottom: 50px !important;
}
.pb-xxs {
  padding-bottom: 30px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mt-110 {
  margin-top: 110px !important;
}
.mt-120 {
  margin-top: 120px !important;
}
.mt-130 {
  margin-top: 130px !important;
}
.mt-140 {
  margin-top: 140px !important;
}
.mt-150 {
  margin-top: 150px !important;
}
.mt-160 {
  margin-top: 160px !important;
}
.mt-170 {
  margin-top: 170px !important;
}
.mt-180 {
  margin-top: 180px !important;
}
.mt-190 {
  margin-top: 190px !important;
}
.mt-200 {
  margin-top: 200px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.mb-110 {
  margin-bottom: 110px !important;
}
.mb-120 {
  margin-bottom: 120px !important;
}
.mb-130 {
  margin-bottom: 130px !important;
}
.mb-140 {
  margin-bottom: 140px !important;
}
.mb-150 {
  margin-bottom: 150px !important;
}
.mb-160 {
  margin-bottom: 160px !important;
}
.mb-170 {
  margin-bottom: 170px !important;
}
.mb-180 {
  margin-bottom: 180px !important;
}
.mb-190 {
  margin-bottom: 190px !important;
}
.mb-200 {
  margin-bottom: 200px !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pt-110 {
  padding-top: 110px !important;
}
.pt-120 {
  padding-top: 120px !important;
}
.pt-130 {
  padding-top: 130px !important;
}
.pt-140 {
  padding-top: 140px !important;
}
.pt-150 {
  padding-top: 150px !important;
}
.pt-160 {
  padding-top: 160px !important;
}
.pt-170 {
  padding-top: 170px !important;
}
.pt-180 {
  padding-top: 180px !important;
}
.pt-190 {
  padding-top: 190px !important;
}
.pt-200 {
  padding-top: 200px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pb-110 {
  padding-bottom: 110px !important;
}
.pb-120 {
  padding-bottom: 120px !important;
}
.pb-130 {
  padding-bottom: 130px !important;
}
.pb-140 {
  padding-bottom: 140px !important;
}
.pb-150 {
  padding-bottom: 150px !important;
}
.pb-160 {
  padding-bottom: 160px !important;
}
.pb-170 {
  padding-bottom: 170px !important;
}
.pb-180 {
  padding-bottom: 180px !important;
}
.pb-190 {
  padding-bottom: 190px !important;
}
.pb-200 {
  padding-bottom: 200px !important;
}
.p-0 {
  padding: 0 !important;
}
.p-5 {
  padding: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-50 {
  padding: 50px !important;
}
.p-60 {
  padding: 60px !important;
}
.p-70 {
  padding: 70px !important;
}
.p-80 {
  padding: 80px !important;
}
.p-90 {
  padding: 90px !important;
}
.p-100 {
  padding: 100px !important;
}
.p-110 {
  padding: 110px !important;
}
.p-120 {
  padding: 120px !important;
}
.p-130 {
  padding: 130px !important;
}
.p-140 {
  padding: 140px !important;
}
.p-150 {
  padding: 150px !important;
}
.p-160 {
  padding: 160px !important;
}
.p-170 {
  padding: 170px !important;
}
.p-180 {
  padding: 180px !important;
}
.p-190 {
  padding: 190px !important;
}
.p-200 {
  padding: 200px !important;
}
.m-0 {
  margin: 0 !important;
}

/* negativ margin classes*/
.mt-xxl-neg {
  margin-top: -300px !important;
}
.mt-xl-neg {
  margin-top: -140px !important;
}
.mt-l-neg {
  margin-top: -110px !important;
}
.mt-s-neg {
  margin-top: -50px !important;
}
.mb-xxl-neg {
  margin-bottom: -300px !important;
}
.mb-xl-neg {
  margin-bottom: -140px !important;
}
.mb-l-neg {
  margin-bottom: -110px !important;
}
.mb-s-neg {
  margin-bottom: -50px !important;
}
.mt-10-neg {
  margin-top: -10px;
}
.mt-20-neg {
  margin-top: -20px;
}
.mt-30-neg {
  margin-top: -30px;
}
.mt-40-neg {
  margin-top: -40px;
}
.mt-50-neg {
  margin-top: -50px;
}
.mt-60-neg {
  margin-top: -60px;
}
.mt-70-neg {
  margin-top: -70px;
}
.mt-80-neg {
  margin-top: -80px;
}
.mt-90-neg {
  margin-top: -90px;
}
.mt-100-neg {
  margin-top: -100px;
}
.mt-110-neg {
  margin-top: -110px;
}
.mt-120-neg {
  margin-top: -120px;
}
.mt-130-neg {
  margin-top: -130px;
}
.mt-140-neg {
  margin-top: -140px;
}
.mt-150-neg {
  margin-top: -150px;
}
.mt-160-neg {
  margin-top: -160px;
}
.mt-170-neg {
  margin-top: -170px;
}
.mt-180-neg {
  margin-top: -180px;
}
.mt-190-neg {
  margin-top: -190px;
}
.mt-200-neg {
  margin-top: -200px;
}
.mb-10-neg {
  margin-bottom: -10px;
}
.mb-20-neg {
  margin-bottom: -20px;
}
.mb-30-neg {
  margin-bottom: -30px;
}
.mb-40-neg {
  margin-bottom: -40px;
}
.mb-50-neg {
  margin-bottom: -50px;
}
.mb-60-neg {
  margin-bottom: -60px;
}
.mb-70-neg {
  margin-bottom: -70px;
}
.mb-80-neg {
  margin-bottom: -80px;
}
.mb-90-neg {
  margin-bottom: -90px;
}
.mb-100-neg {
  margin-bottom: -100px;
}
.mb-110-neg {
  margin-bottom: -110px;
}
.mb-120-neg {
  margin-bottom: -120px;
}
.mb-130-neg {
  margin-bottom: -130px;
}
.mb-140-neg {
  margin-bottom: -140px;
}
.mb-150-neg {
  margin-bottom: -150px;
}
.mb-160-neg {
  margin-bottom: -160px;
}
.mb-170-neg {
  margin-bottom: -170px;
}
.mb-180-neg {
  margin-bottom: -180px;
}
.mb-190-neg {
  margin-bottom: -190px;
}
.mb-200-neg {
  margin-bottom: -200px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .mt-xxl {
    margin-top: 60px !important;
  }
  .mt-xl {
    margin-top: 50px !important;
  }
  .mt-l {
    margin-top: 40px !important;
  }
  .mt-m {
    margin-top: 30px !important;
  }
  .mt-s {
    margin-top: 25px !important;
  }
  .mt-xs {
    margin-top: 25px !important;
  }
  .mt-xxs {
    margin-top: 25px !important;
  }
  .mb-xxl {
    margin-bottom: 60px !important;
  }
  .mb-xl {
    margin-bottom: 50px !important;
  }
  .mb-l {
    margin-bottom: 40px !important;
  }
  .mb-m {
    margin-bottom: 30px !important;
  }
  .mb-s {
    margin-bottom: 25px !important;
  }
  .mb-xs {
    margin-bottom: 25px !important;
  }
  .mb-xxs {
    margin-bottom: 25px !important;
  }
  .pt-xxl {
    padding-top: 130px !important;
  }
  .pt-xl {
    padding-top: 110px !important;
  }
  .pt-l {
    padding-top: 100px !important;
  }
  .pt-m {
    padding-top: 80px !important;
  }
  .pt-s {
    padding-top: 70px !important;
  }
  .pt-xs {
    padding-top: 40px !important;
  }
  .pt-xxs {
    padding-top: 30px !important;
  }
  .pb-xxl {
    padding-bottom: 130px !important;
  }
  .pb-xl {
    padding-bottom: 110px !important;
  }
  .pb-l {
    padding-bottom: 100px !important;
  }
  .pb-m {
    padding-bottom: 80px !important;
  }
  .pb-s {
    padding-bottom: 70px !important;
  }
  .pb-xs {
    padding-bottom: 40px !important;
  }
  .pb-xxs {
    padding-bottom: 30px !important;
  }
  .mt-0-t {
    margin-top: 0 !important;
  }
  .mt-5-t {
    margin-top: 5px !important;
  }
  .mt-10-t {
    margin-top: 10px !important;
  }
  .mt-20-t {
    margin-top: 20px !important;
  }
  .mt-30-t {
    margin-top: 30px !important;
  }
  .mt-40-t {
    margin-top: 40px !important;
  }
  .mt-50-t {
    margin-top: 50px !important;
  }
  .mt-60-t {
    margin-top: 60px !important;
  }
  .mt-70-t {
    margin-top: 70px !important;
  }
  .mt-80-t {
    margin-top: 80px !important;
  }
  .mt-90-t {
    margin-top: 90px !important;
  }
  .mt-100-t {
    margin-top: 100px !important;
  }
  .mt-110-t {
    margin-top: 110px !important;
  }
  .mt-120-t {
    margin-top: 120px !important;
  }
  .mt-130-t {
    margin-top: 130px !important;
  }
  .mt-140-t {
    margin-top: 140px !important;
  }
  .mt-150-t {
    margin-top: 150px !important;
  }
  .mt-160-t {
    margin-top: 160px !important;
  }
  .mt-170-t {
    margin-top: 170px !important;
  }
  .mt-180-t {
    margin-top: 180px !important;
  }
  .mt-190-t {
    margin-top: 190px !important;
  }
  .mt-200-t {
    margin-top: 200px !important;
  }
  .mb-0-t {
    margin-bottom: 0 !important;
  }
  .mb-5-t {
    margin-bottom: 5px !important;
  }
  .mb-10-t {
    margin-bottom: 10px !important;
  }
  .mb-20-t {
    margin-bottom: 20px !important;
  }
  .mb-30-t {
    margin-bottom: 30px !important;
  }
  .mb-40-t {
    margin-bottom: 40px !important;
  }
  .mb-50-t {
    margin-bottom: 50px !important;
  }
  .mb-60-t {
    margin-bottom: 60px !important;
  }
  .mb-70-t {
    margin-bottom: 70px !important;
  }
  .mb-80-t {
    margin-bottom: 80px !important;
  }
  .mb-90-t {
    margin-bottom: 90px !important;
  }
  .mb-100-t {
    margin-bottom: 100px !important;
  }
  .mb-110-t {
    margin-bottom: 110px !important;
  }
  .mb-120-t {
    margin-bottom: 120px !important;
  }
  .mb-130-t {
    margin-bottom: 130px !important;
  }
  .mb-140-t {
    margin-bottom: 140px !important;
  }
  .mb-150-t {
    margin-bottom: 150px !important;
  }
  .mb-160-t {
    margin-bottom: 160px !important;
  }
  .mb-170-t {
    margin-bottom: 170px !important;
  }
  .mb-180-t {
    margin-bottom: 180px !important;
  }
  .mb-190-t {
    margin-bottom: 190px !important;
  }
  .mb-200-t {
    margin-bottom: 200px !important;
  }
  .pt-0-t {
    padding-top: 0 !important;
  }
  .pt-5-t {
    padding-top: 5px !important;
  }
  .pt-10-t {
    padding-top: 10px !important;
  }
  .pt-20-t {
    padding-top: 20px !important;
  }
  .pt-30-t {
    padding-top: 30px !important;
  }
  .pt-40-t {
    padding-top: 40px !important;
  }
  .pt-50-t {
    padding-top: 50px !important;
  }
  .pt-60-t {
    padding-top: 60px !important;
  }
  .pt-70-t {
    padding-top: 70px !important;
  }
  .pt-80-t {
    padding-top: 80px !important;
  }
  .pt-90-t {
    padding-top: 90px !important;
  }
  .pt-100-t {
    padding-top: 100px !important;
  }
  .pt-110-t {
    padding-top: 110px !important;
  }
  .pt-120-t {
    padding-top: 120px !important;
  }
  .pt-130-t {
    padding-top: 130px !important;
  }
  .pt-140-t {
    padding-top: 140px !important;
  }
  .pt-150-t {
    padding-top: 150px !important;
  }
  .pt-160-t {
    padding-top: 160px !important;
  }
  .pt-170-t {
    padding-top: 170px !important;
  }
  .pt-180-t {
    padding-top: 180px !important;
  }
  .pt-190-t {
    padding-top: 190px !important;
  }
  .pt-200-t {
    padding-top: 200px !important;
  }
  .pb-0-t {
    padding-bottom: 0 !important;
  }
  .pb-5-t {
    padding-bottom: 5px !important;
  }
  .pb-10-t {
    padding-bottom: 10px !important;
  }
  .pb-20-t {
    padding-bottom: 20px !important;
  }
  .pb-30-t {
    padding-bottom: 30px !important;
  }
  .pb-40-t {
    padding-bottom: 40px !important;
  }
  .pb-50-t {
    padding-bottom: 50px !important;
  }
  .pb-60-t {
    padding-bottom: 60px !important;
  }
  .pb-70-t {
    padding-bottom: 70px !important;
  }
  .pb-80-t {
    padding-bottom: 80px !important;
  }
  .pb-90-t {
    padding-bottom: 90px !important;
  }
  .pb-100-t {
    padding-bottom: 100px !important;
  }
  .pb-110-t {
    padding-bottom: 110px !important;
  }
  .pb-120-t {
    padding-bottom: 120px !important;
  }
  .pb-130-t {
    padding-bottom: 130px !important;
  }
  .pb-140-t {
    padding-bottom: 140px !important;
  }
  .pb-150-t {
    padding-bottom: 150px !important;
  }
  .pb-160-t {
    padding-bottom: 160px !important;
  }
  .pb-170-t {
    padding-bottom: 170px !important;
  }
  .pb-180-t {
    padding-bottom: 180px !important;
  }
  .pb-190-t {
    padding-bottom: 190px !important;
  }
  .pb-200-t {
    padding-bottom: 200px !important;
  }
  .p-0-t {
    padding: 0 !important;
  }
  .p-5-t {
    padding: 5px !important;
  }
  .p-10-t {
    padding: 10px !important;
  }
  .p-20-t {
    padding: 20px !important;
  }
  .p-30-t {
    padding: 30px !important;
  }
  .p-40-t {
    padding: 40px !important;
  }
  .p-50-t {
    padding: 50px !important;
  }
  .p-60-t {
    padding: 60px !important;
  }
  .p-70-t {
    padding: 70px !important;
  }
  .p-80-t {
    padding: 80px !important;
  }
  .p-90-t {
    padding: 90px !important;
  }
  .p-100-t {
    padding: 100px !important;
  }
  .p-110-t {
    padding: 110px !important;
  }
  .p-120-t {
    padding: 120px !important;
  }
  .p-130-t {
    padding: 130px !important;
  }
  .p-140-t {
    padding: 140px !important;
  }
  .p-150-t {
    padding: 150px !important;
  }
  .p-160-t {
    padding: 160px !important;
  }
  .p-170-t {
    padding: 170px !important;
  }
  .p-180-t {
    padding: 180px !important;
  }
  .p-190-t {
    padding: 190px !important;
  }
  .p-200-t {
    padding: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mt-xxl {
    margin-top: 50px !important;
  }
  .mt-xl {
    margin-top: 40px !important;
  }
  .mt-l {
    margin-top: 30px !important;
  }
  .mt-m {
    margin-top: 25px !important;
  }
  .mt-s {
    margin-top: 20px !important;
  }
  .mt-xs {
    margin-top: 25px !important;
  }
  .mt-xxs {
    margin-top: 25px !important;
  }
  .mb-xxl {
    margin-bottom: 50px !important;
  }
  .mb-xl {
    margin-bottom: 40px !important;
  }
  .mb-l {
    margin-bottom: 30px !important;
  }
  .mb-m {
    margin-bottom: 25px !important;
  }
  .mb-s {
    margin-bottom: 20px !important;
  }
  .mb-xs {
    margin-bottom: 25px !important;
  }
  .mb-xxs {
    margin-bottom: 25px !important;
  }
  .pt-xxl {
    padding-top: 80px !important;
  }
  .pt-xl {
    padding-top: 70px !important;
  }
  .pt-l {
    padding-top: 70px !important;
  }
  .pt-m {
    padding-top: 60px !important;
  }
  .pt-s {
    padding-top: 50px !important;
  }
  .pt-xs {
    padding-top: 40px !important;
  }
  .pt-xxs {
    padding-top: 30px !important;
  }
  .pb-xxl {
    padding-bottom: 80px !important;
  }
  .pb-xl {
    padding-bottom: 70px !important;
  }
  .pb-l {
    padding-bottom: 70px !important;
  }
  .pb-m {
    padding-bottom: 60px !important;
  }
  .pb-s {
    padding-bottom: 50px !important;
  }
  .pb-xs {
    padding-bottom: 40px !important;
  }
  .pb-xxs {
    padding-bottom: 30px !important;
  }
  .mt-xxl-m {
    margin-top: 80px !important;
  }
  .mt-xl-m {
    margin-top: 70px !important;
  }
  .mt-l-m {
    margin-top: 60px !important;
  }
  .mt-m-m {
    margin-top: 45px !important;
  }
  .mt-m-m {
    margin-top: 35px !important;
  }
  .mt-xs-m {
    margin-top: 25px !important;
  }
  .mt-xxs-m {
    margin-top: 20px !important;
  }
  .mt-no-m {
    margin-top: 0px !important;
  }
  .mb-xxl-m {
    margin-bottom: 80px !important;
  }
  .mb-xl-m {
    margin-bottom: 70px !important;
  }
  .mb-l-m {
    margin-bottom: 60px !important;
  }
  .mb-m-m {
    margin-bottom: 45px !important;
  }
  .mb-m-m {
    margin-bottom: 35px !important;
  }
  .mb-xs-m {
    margin-bottom: 25px !important;
  }
  .mb-xxs-m {
    margin-bottom: 20px !important;
  }
  .mb-no-m {
    margin-bottom: 0px !important;
  }
  .mt-0-m {
    margin-top: 0 !important;
  }
  .mt-5-m {
    margin-top: 5px !important;
  }
  .mt-10-m {
    margin-top: 10px !important;
  }
  .mt-20-m {
    margin-top: 20px !important;
  }
  .mt-30-m {
    margin-top: 30px !important;
  }
  .mt-40-m {
    margin-top: 40px !important;
  }
  .mt-50-m {
    margin-top: 50px !important;
  }
  .mt-60-m {
    margin-top: 60px !important;
  }
  .mt-70-m {
    margin-top: 70px !important;
  }
  .mt-80-m {
    margin-top: 80px !important;
  }
  .mt-90-m {
    margin-top: 90px !important;
  }
  .mt-100-m {
    margin-top: 100px !important;
  }
  .mt-110-m {
    margin-top: 110px !important;
  }
  .mt-120-m {
    margin-top: 120px !important;
  }
  .mt-130-m {
    margin-top: 130px !important;
  }
  .mt-140-m {
    margin-top: 140px !important;
  }
  .mt-150-m {
    margin-top: 150px !important;
  }
  .mt-160-m {
    margin-top: 160px !important;
  }
  .mt-170-m {
    margin-top: 170px !important;
  }
  .mt-180-m {
    margin-top: 180px !important;
  }
  .mt-190-m {
    margin-top: 190px !important;
  }
  .mt-200-m {
    margin-top: 200px !important;
  }
  .mb-0-m {
    margin-bottom: 0 !important;
  }
  .mb-5-m {
    margin-bottom: 5px !important;
  }
  .mb-10-m {
    margin-bottom: 10px !important;
  }
  .mb-20-m {
    margin-bottom: 20px !important;
  }
  .mb-30-m {
    margin-bottom: 30px !important;
  }
  .mb-40-m {
    margin-bottom: 40px !important;
  }
  .mb-50-m {
    margin-bottom: 50px !important;
  }
  .mb-60-m {
    margin-bottom: 60px !important;
  }
  .mb-70-m {
    margin-bottom: 70px !important;
  }
  .mb-80-m {
    margin-bottom: 80px !important;
  }
  .mb-90-m {
    margin-bottom: 90px !important;
  }
  .mb-100-m {
    margin-bottom: 100px !important;
  }
  .mb-110-m {
    margin-bottom: 110px !important;
  }
  .mb-120-m {
    margin-bottom: 120px !important;
  }
  .mb-130-m {
    margin-bottom: 130px !important;
  }
  .mb-140-m {
    margin-bottom: 140px !important;
  }
  .mb-150-m {
    margin-bottom: 150px !important;
  }
  .mb-160-m {
    margin-bottom: 160px !important;
  }
  .mb-170-m {
    margin-bottom: 170px !important;
  }
  .mb-180-m {
    margin-bottom: 180px !important;
  }
  .mb-190-m {
    margin-bottom: 190px !important;
  }
  .mb-200-m {
    margin-bottom: 200px !important;
  }
  .pt-0-m {
    padding-top: 0 !important;
  }
  .pt-5-m {
    padding-top: 5px !important;
  }
  .pt-10-m {
    padding-top: 10px !important;
  }
  .pt-20-m {
    padding-top: 20px !important;
  }
  .pt-30-m {
    padding-top: 30px !important;
  }
  .pt-40-m {
    padding-top: 40px !important;
  }
  .pt-50-m {
    padding-top: 50px !important;
  }
  .pt-60-m {
    padding-top: 60px !important;
  }
  .pt-70-m {
    padding-top: 70px !important;
  }
  .pt-80-m {
    padding-top: 80px !important;
  }
  .pt-90-m {
    padding-top: 90px !important;
  }
  .pt-100-m {
    padding-top: 100px !important;
  }
  .pt-110-m {
    padding-top: 110px !important;
  }
  .pt-120-m {
    padding-top: 120px !important;
  }
  .pt-130-m {
    padding-top: 130px !important;
  }
  .pt-140-m {
    padding-top: 140px !important;
  }
  .pt-150-m {
    padding-top: 150px !important;
  }
  .pt-160-m {
    padding-top: 160px !important;
  }
  .pt-170-m {
    padding-top: 170px !important;
  }
  .pt-180-m {
    padding-top: 180px !important;
  }
  .pt-190-m {
    padding-top: 190px !important;
  }
  .pt-200-m {
    padding-top: 200px !important;
  }
  .pb-0-m {
    padding-bottom: 0 !important;
  }
  .pb-5-m {
    padding-bottom: 5px !important;
  }
  .pb-10-m {
    padding-bottom: 10px !important;
  }
  .pb-20-m {
    padding-bottom: 20px !important;
  }
  .pb-30-m {
    padding-bottom: 30px !important;
  }
  .pb-40-m {
    padding-bottom: 40px !important;
  }
  .pb-50-m {
    padding-bottom: 50px !important;
  }
  .pb-60-m {
    padding-bottom: 60px !important;
  }
  .pb-70-m {
    padding-bottom: 70px !important;
  }
  .pb-80-m {
    padding-bottom: 80px !important;
  }
  .pb-90-m {
    padding-bottom: 90px !important;
  }
  .pb-100-m {
    padding-bottom: 100px !important;
  }
  .pb-110-m {
    padding-bottom: 110px !important;
  }
  .pb-120-m {
    padding-bottom: 120px !important;
  }
  .pb-130-m {
    padding-bottom: 130px !important;
  }
  .pb-140-m {
    padding-bottom: 140px !important;
  }
  .pb-150-m {
    padding-bottom: 150px !important;
  }
  .pb-160-m {
    padding-bottom: 160px !important;
  }
  .pb-170-m {
    padding-bottom: 170px !important;
  }
  .pb-180-m {
    padding-bottom: 180px !important;
  }
  .pb-190-m {
    padding-bottom: 190px !important;
  }
  .pb-200-m {
    padding-bottom: 200px !important;
  }
  .p-0-m {
    padding: 0 !important;
  }
  .p-5-m {
    padding: 5px !important;
  }
  .p-10-m {
    padding: 10px !important;
  }
  .p-20-m {
    padding: 20px !important;
  }
  .p-30-m {
    padding: 30px !important;
  }
  .p-40-m {
    padding: 40px !important;
  }
  .p-50-m {
    padding: 50px !important;
  }
  .p-60-m {
    padding: 60px !important;
  }
  .p-70-m {
    padding: 70px !important;
  }
  .p-80-m {
    padding: 80px !important;
  }
  .p-90-m {
    padding: 90px !important;
  }
  .p-100-m {
    padding: 100px !important;
  }
  .p-110-m {
    padding: 110px !important;
  }
  .p-120-m {
    padding: 120px !important;
  }
  .p-130-m {
    padding: 130px !important;
  }
  .p-140-m {
    padding: 140px !important;
  }
  .p-150-m {
    padding: 150px !important;
  }
  .p-160-m {
    padding: 160px !important;
  }
  .p-170-m {
    padding: 170px !important;
  }
  .p-180-m {
    padding: 180px !important;
  }
  .p-190-m {
    padding: 190px !important;
  }
  .p-200-m {
    padding: 200px !important;
  }
}

/* =============================================================================
 * margin + padding classes - horizontal
 * ========================================================================== */

/* margin-left */
.ml-xxl {
  margin-left: 240px !important;
}
.ml-xl {
  margin-left: 200px !important;
}
.ml-l {
  margin-left: 160px !important;
}
.ml-m {
  margin-left: 120px !important;
}
.ml-s {
  margin-left: 80px !important;
}
.ml-xs {
  margin-left: 40px !important;
}
.ml-xxs {
  margin-left: 20px !important;
}

.ml-100 {
  margin-left: 100% !important;
}
.ml-90 {
  margin-left: 90% !important;
}
.ml-80 {
  margin-left: 80% !important;
}
.ml-75 {
  margin-left: 75% !important;
}
.ml-70 {
  margin-left: 70% !important;
}
.ml-60 {
  margin-left: 60% !important;
}
.ml-50 {
  margin-left: 50% !important;
}
.ml-40 {
  margin-left: 40% !important;
}
.ml-30 {
  margin-left: 30% !important;
}
.ml-25 {
  margin-left: 25% !important;
}
.ml-20 {
  margin-left: 20% !important;
}
.ml-10 {
  margin-left: 10% !important;
}
.ml-5 {
  margin-left: 5% !important;
}
.ml-1 {
  margin-left: 1% !important;
}

/* margin-right */
.mr-xxl {
  margin-right: 240px !important;
}
.mr-xl {
  margin-right: 200px !important;
}
.mr-l {
  margin-right: 160px !important;
}
.mr-m {
  margin-right: 120px !important;
}
.mr-s {
  margin-right: 80px !important;
}
.mr-xs {
  margin-right: 40px !important;
}
.mr-xxs {
  margin-right: 20px !important;
}

.mr-100 {
  margin-right: 100% !important;
}
.mr-90 {
  margin-right: 90% !important;
}
.mr-80 {
  margin-right: 80% !important;
}
.mr-75 {
  margin-right: 75% !important;
}
.mr-70 {
  margin-right: 70% !important;
}
.mr-60 {
  margin-right: 60% !important;
}
.mr-50 {
  margin-right: 50% !important;
}
.mr-40 {
  margin-right: 40% !important;
}
.mr-30 {
  margin-right: 30% !important;
}
.mr-25 {
  margin-right: 25% !important;
}
.mr-20 {
  margin-right: 20% !important;
}
.mr-10 {
  margin-right: 10% !important;
}
.mr-5 {
  margin-right: 5% !important;
}
.mr-1 {
  margin-right: 1% !important;
}

/* padding-left */
.pl-xxl {
  padding-left: 240px !important;
}
.pl-xl {
  padding-left: 200px !important;
}
.pl-l {
  padding-left: 160px !important;
}
.pl-m {
  padding-left: 120px !important;
}
.pl-s {
  padding-left: 80px !important;
}
.pl-xs {
  padding-left: 40px !important;
}
.pl-xxs {
  padding-left: 20px !important;
}

.pl-100 {
  padding-left: 100% !important;
}
.pl-90 {
  padding-left: 90% !important;
}
.pl-80 {
  padding-left: 80% !important;
}
.pl-75 {
  padding-left: 75% !important;
}
.pl-70 {
  padding-left: 70% !important;
}
.pl-60 {
  padding-left: 60% !important;
}
.pl-50 {
  padding-left: 50% !important;
}
.pl-40 {
  padding-left: 40% !important;
}
.pl-30 {
  padding-left: 30% !important;
}
.pl-25 {
  padding-left: 25% !important;
}
.pl-20 {
  padding-left: 20% !important;
}
.pl-10 {
  padding-left: 10% !important;
}
.pl-5 {
  padding-left: 5% !important;
}
.pl-1 {
  padding-left: 1% !important;
}

/* padding-right */
.pr-xxl {
  padding-right: 240px !important;
}
.pr-xl {
  padding-right: 200px !important;
}
.pr-l {
  padding-right: 160px !important;
}
.pr-m {
  padding-right: 120px !important;
}
.pr-s {
  padding-right: 80px !important;
}
.pr-xs {
  padding-right: 40px !important;
}
.pr-xxs {
  padding-right: 20px !important;
}

.pr-100 {
  padding-right: 100% !important;
}
.pr-90 {
  padding-right: 90% !important;
}
.pr-80 {
  padding-right: 80% !important;
}
.pr-75 {
  padding-right: 75% !important;
}
.pr-70 {
  padding-right: 70% !important;
}
.pr-60 {
  padding-right: 60% !important;
}
.pr-50 {
  padding-right: 50% !important;
}
.pr-40 {
  padding-right: 40% !important;
}
.pr-30 {
  padding-right: 30% !important;
}
.pr-25 {
  padding-right: 25% !important;
}
.pr-20 {
  padding-right: 20% !important;
}
.pr-10 {
  padding-right: 10% !important;
}
.pr-5 {
  padding-right: 5% !important;
}
.pr-1 {
  padding-right: 1% !important;
}

@media only screen and (max-width: 767px) {
  .ml-xxl,
  .ml-xl,
  .ml-l,
  .ml-m,
  .ml-s,
  .ml-xs,
  .ml-xxs,
  .ml-100,
  .ml-90,
  .ml-80,
  .ml-75,
  .ml-70,
  .ml-60,
  .ml-50,
  .ml-40,
  .ml-30,
  .ml-20,
  .ml-10,
  .ml-5,
  .ml-1 {
    margin-left: 0 !important;
  }
  .mr-xxl,
  .mr-xl,
  .mr-l,
  .mr-m,
  .mr-s,
  .mr-xs,
  .mr-xxs,
  .mr-100,
  .mr-90,
  .mr-80,
  .mr-75,
  .mr-70,
  .mr-60,
  .mr-50,
  .mr-40,
  .mr-30,
  .mr-20,
  .mr-10,
  .mr-5,
  .mr-1 {
    margin-right: 0 !important;
  }
  .pl-xxl,
  .pl-xl,
  .pl-l,
  .pl-m,
  .pl-s,
  .pl-xs,
  .pl-xxs,
  .pl-100,
  .pl-90,
  .pl-80,
  .pl-75,
  .pl-70,
  .pl-60,
  .pl-50,
  .pl-40,
  .pl-30,
  .pl-20,
  .pl-10,
  .pl-5,
  .pl-1 {
    padding-left: 0 !important;
  }
  .pr-xxl,
  .pr-xl,
  .pr-l,
  .pr-m,
  .pr-s,
  .pr-xs,
  .pr-xxs,
  .pr-100,
  .pr-90,
  .pr-80,
  .pr-75,
  .pr-70,
  .pr-60,
  .pr-50,
  .pr-40,
  .pr-30,
  .pr-20,
  .pr-10,
  .pr-5,
  .pr-1 {
    padding-right: 0 !important;
  }
  .ml-0-m > .attributes {
    margin-left: 0 !important;
  }
  .mr-0-m > .attributes {
    margin-right: 0 !important;
  }
  .mt-0-m > .attributes {
    margin-top: 0 !important;
  }
  .mb-0-m > .attributes {
    margin-bottom: 0 !important;
  }
}

/* =============================================================================
 * font-size
 * ========================================================================== */

.font-size-xxxxxl,
.font-size-xxxxxl p {
  font-size: 6.667rem;
  line-height: 1.5;
}

.font-size-xxxxl,
.font-size-xxxxl p {
  font-size: 5.667rem;
  line-height: 1.5;
}

.font-size-xxxl,
.font-size-xxxl p {
  font-size: 5rem;
  line-height: 1.5;
}

.font-size-xxl,
.font-size-xxl p {
  font-size: 4.333rem;
  line-height: 1.5;
}

.font-size-xl,
.font-size-xl p {
  font-size: 3.667rem;
  line-height: 1.5;
}

.font-size-l,
.font-size-l p {
  font-size: 3rem;
  line-height: 1.5;
}

.font-size-m,
.font-size-m p {
  font-size: 2.333rem;
  line-height: 1.5;
}

.font-size-s,
.font-size-s p {
  font-size: 1.667rem;
  line-height: 1.5;
}

.font-size-xs,
.font-size-xs p {
  font-size: 1.467rem;
  line-height: 1.5;
}

.font-size-xxs,
.font-size-xxs p {
  font-size: 1.2rem;
  line-height: 1.8;
}

.font-size-xxxs,
.font-size-xxxs p {
  font-size: 0.9333rem;
  line-height: 1.5;
}

.font-size-xxxxs,
.font-size-xxxxs p {
  font-size: 0.8rem;
}

.font-size-xxxxxs,
.font-size-xxxxxs p {
  font-size: 0.6667rem;
}

/* =============================================================================
 * border classes
 * ========================================================================== */

.no-border {
  border: 0 !important;
}

.bt-dark {
  border-top: 1px solid rgb(229, 229, 229);
}

.bb-dark {
  border-bottom: 1px solid rgb(229, 229, 229);
}

.bt-light {
  border-top: 1px solid rgb(255, 255, 255);
}

.bb-light {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.bt-dark-dashed {
  border-top: 1px dashed rgb(229, 229, 229);
}

.bb-dark-dashed {
  border-bottom: 1px dashed rgb(229, 229, 229);
}

.bt-light-dashed {
  border-top: 1px dashed rgb(255, 255, 255);
}

.bb-light-dashed {
  border-bottom: 1px dashed rgb(255, 255, 255);
}

.bt-dark-dotted {
  border-top: 1px dotted rgb(229, 229, 229);
}

.bb-dark-dotted {
  border-bottom: 1px dotted rgb(229, 229, 229);
}

.bt-light-dotted {
  border-top: 1px dotted rgb(255, 255, 255);
}

.bb-light-dotted {
  border-bottom: 1px dotted rgb(255, 255, 255);
}

/* =============================================================================
 * image border classes
 * ========================================================================== */

.ce_image.border-1 img {
  border: 1px solid rgb(220, 220, 220);
}

.ce_image.border-5 img {
  border: 5px solid rgb(220, 220, 220);
}

.ce_image.border-10 img {
  border: 10px solid rgb(220, 220, 220);
}

/* =============================================================================
 * background color classes
 * ========================================================================== */

.bg-accent {
  background-color: rgb(152, 152, 152);
}

.bg-lightgray {
  background-color: rgb(247, 247, 247) !important;
}

.bg-darkgray {
  background-color: rgb(69, 69, 69) !important;
}

.bg-black {
  background-color: rgb(0, 0, 0) !important;
}

.bg-gray {
  background-color: rgb(248, 248, 248);
}

.bg-alert {
  background-color: rgb(206, 79, 75);
}

.bg-info {
  background-color: rgb(94, 187, 215);
}

.bg-warning {
  background-color: rgb(240, 173, 78);
}

.bg-success {
  background-color: rgb(82, 172, 82);
}

.bg-transparent-white {
  background-color: rgba(255, 255, 255, 0.7);
}

.bg-transparent-black {
  background-color: rgba(0, 0, 0, 0.7);
}

.bg-white {
  background: rgb(255, 255, 255);
}

/* =============================================================================
 * text color classes | important
 * ========================================================================== */

.color-white,
.color-white p,
.color-white i,
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6,
.color-white a:not(.link-white) {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.color-gray,
.color-gray p,
.color-gray i,
.color-gray h1,
.color-gray h2,
.color-gray h3,
.color-gray h4,
.color-gray h5,
.color-gray h6,
.color-gray a:not(.link-white) {
  color: rgb(127, 127, 127) !important;
}

.color-lightgray,
.color-lightgray p,
.color-lightgray i,
.color-lightgray h1,
.color-lightgray h2,
.color-lightgray h3,
.color-lightgray h4,
.color-lightgray h5,
.color-lightgray h6,
.color-lightgray a:not(.link-white) {
  color: rgb(180, 180, 180) !important;
}

.color-darkgray,
.color-darkgray p,
.color-darkgray i,
.color-darkgray h1,
.color-darkgray h2,
.color-darkgray h3,
.color-darkgray h4,
.color-darkgray h5,
.color-darkgray h6,
.color-darkgray a:not(.link-white) {
  color: rgb(76, 76, 76) !important;
}

.color-white-trnp-50,
.color-white-trnp-50 p,
.color-white-trnp-50 i,
.color-white-trnp-50 h1,
.color-white-trnp-50 h2,
.color-white-trnp-50 h3,
.color-white-trnp-50 h4,
.color-white-trnp-50 h5,
.color-white-trnp-50 h6,
.color-white-trnp-50 a:not(.link-white) {
  color: rgba(255, 255, 255, 0.8) !important;
}

.color-accent,
.color-accent p,
.color-accent i,
.color-accent h1,
.color-accent h2,
.color-accent h3,
.color-accent h4,
.color-accent h5,
.color-accent h6,
.color-accent a:not(.link-white) {
  color: rgb(152, 152, 152);
}

.color-success,
.color-success p,
.color-success i,
.color-success h1,
.color-success h2,
.color-success h3,
.color-success h4,
.color-success h5,
.color-success h6,
.color-success a:not(.link-white) {
  color: rgb(157, 213, 93);
}

.color-alert,
.color-alert p,
.color-alert i,
.color-alert h1,
.color-alert h2,
.color-alert h3,
.color-alert h4,
.color-alert h5,
.color-alert h6,
.color-alert a:not(.link-white) {
  color: rgb(247, 80, 90);
}

.color-warning,
.color-warning p,
.color-warning i,
.color-warning h1,
.color-warning h2,
.color-warning h3,
.color-warning h4,
.color-warning h5,
.color-warning h6,
.color-warning a:not(.link-white) {
  color: rgb(240, 138, 36);
}

.color-info,
.color-info p,
.color-info i,
.color-info h1,
.color-info h2,
.color-info h3,
.color-info h4,
.color-info h5,
.color-info h6,
.color-info a:not(.link-white) {
  color: rgb(160, 211, 232);
}

/* =============================================================================
 * text color classes
 * ========================================================================== */

.txt-color-gray,
.txt-color-gray p,
.txt-color-gray i,
.txt-color-gray a,
.txt-color-gray h1,
.txt-color-gray h2,
.txt-color-gray h3,
.txt-color-gray h4,
.txt-color-gray h5,
.txt-color-gray h6,
.txt-color-gray .h1,
.txt-color-gray .h2,
.txt-color-gray .h3,
.txt-color-gray .h4,
.txt-color-gray .h5,
.txt-color-gray .h6,
.txt-color-gray .h1 p,
.txt-color-gray .h2 p,
.txt-color-gray .h3 p,
.txt-color-gray .h4 p,
.txt-color-gray .h5 p,
.txt-color-gray .h6 p,
.txt-color-gray.h1,
.txt-color-gray.h2,
.txt-color-gray.h3,
.txt-color-gray.h4,
.txt-color-gray.h5,
.txt-color-gray.h6,
.txt-color-gray.h1 p,
.txt-color-gray.h2 p,
.txt-color-gray.h3 p,
.txt-color-gray.h4 p,
.txt-color-gray.h5 p,
.txt-color-gray.h6 p {
  color: rgb(127, 127, 127);
}

.txt-color-white,
.txt-color-white p,
.txt-color-white i,
.txt-color-white a,
.txt-color-white h1,
.txt-color-white h2,
.txt-color-white h3,
.txt-color-white h4,
.txt-color-white h5,
.txt-color-white h6,
.txt-color-white .h1,
.txt-color-white .h2,
.txt-color-white .h3,
.txt-color-white .h4,
.txt-color-white .h5,
.txt-color-white .h6,
.txt-color-white .h1 p,
.txt-color-white .h2 p,
.txt-color-white .h3 p,
.txt-color-white .h4 p,
.txt-color-white .h5 p,
.txt-color-white .h6 p,
.txt-color-white.h1,
.txt-color-white.h2,
.txt-color-white.h3,
.txt-color-white.h4,
.txt-color-white.h5,
.txt-color-white.h6,
.txt-color-white.h1 p,
.txt-color-white.h2 p,
.txt-color-white.h3 p,
.txt-color-white.h4 p,
.txt-color-white.h5 p,
.txt-color-white.h6 p {
  color: rgb(255, 255, 255);
}

/* =============================================================================
 * align helper classes
 * ========================================================================== */

.align-center,
.align-center * {
  text-align: center !important;
}

.align-right,
.align-right * {
  text-align: right !important;
}

.align-left,
.align-left * {
  text-align: left !important;
}

.align-centered {
  margin-left: auto;
  margin-right: auto;
}

.align-centered.gridbuilder {
  float: none;
}

.h-align-left {
  text-align: left;
}

.h-align-center {
  text-align: center;
}

.h-align-right {
  text-align: right;
}

/* =============================================================================
 * device visibility classes
 * ========================================================================== */

.hidden {
  display: none;
}

.only_mobile,
.only-mobile {
  display: none !important;
}

@media only screen and (min-width: 768px) {
  .hide_desktop,
  .hide-desktop {
    display: none !important;
  }
}

/* =============================================================================
 * device visibility classes themesettings extension
 * ========================================================================== */

body.viewport_tablet .vis-desktop,
body.viewport_mobile .vis-desktop {
  display: none !important;
}

body.viewport_desktop .vis-mobile,
body.viewport_tablet .vis-mobile {
  display: none !important;
}

body.viewport_desktop .vis-tablet,
body.viewport_mobile .vis-tablet {
  display: none !important;
}

body.viewport_tablet .vis-desktop-mobile {
  display: none !important;
}

body.viewport_mobile .vis-desktop-tablet {
  display: none !important;
}

body.viewport_desktop .vis-mobile-tablet {
  display: none !important;
}

/* =============================================================================
 * labels
 * ========================================================================== */

[class*="label-"] {
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
  padding: 0px 10px;
  display: inline-block;
}

.label-accent {
  background: rgb(152, 152, 152);
}

.label-secondary {
  background: rgb(231, 231, 231);
  color: rgb(51, 51, 51);
}

.label-success {
  background: rgb(157, 213, 93);
}

.label-alert {
  background: rgb(247, 80, 90);
}

.label-warning {
  background: rgb(240, 138, 36);
}

.label-info {
  background: rgb(160, 211, 232);
  color: rgb(51, 51, 51);
}

/* =============================================================================
 * letter spacing
 * ========================================================================== */

.letter-spacing-xxl {
  letter-spacing: 10px;
}

.letter-spacing-xl {
  letter-spacing: 5px;
}

.letter-spacing-l {
  letter-spacing: 3px;
}

.letter-spacing-m {
  letter-spacing: 2px;
}

.letter-spacing-s {
  letter-spacing: 1px;
}

/* =============================================================================
 * utility classes text
 * ========================================================================== */

.line-through {
  text-decoration: line-through;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.medium-width {
  max-width: 600px;
}

.medium-small {
  max-width: 400px;
}

.medium-width-center {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.small-width-center {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

span.highlight {
  background: rgb(51, 51, 51);
  color: #fff;
  padding-left: 3px;
  padding-right: 3px;
}

span.serif {
  font-family: Georgia, Times, serif;
}

span.no-serif {
  font-family: Arial, Verdana, sans-serif;
}

.no-underline,
.no-underline a {
  text-decoration: none;
}

/* =============================================================================
 * sup
 * ========================================================================== */

sup {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.5em;
}

/* =============================================================================
 * misc utility classes
 * ========================================================================== */

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.inline-block {
  display: inline-block;
}

.hide {
  display: none;
}

.overflow-hidden,
.overflow_hidden {
  overflow: hidden !important;
}

.overflow-visible,
.overflow_visible {
  overflow: visible;
}

.fullwith-image img,
.fullwidth-image img {
  width: 100% !important;
}

.z_index1 {
  z-index: 1 !important;
}

.z_index5 {
  z-index: 5 !important;
}

.z_index10 {
  z-index: 10 !important;
}

.z_index20 {
  z-index: 20 !important;
}

.z_index30 {
  z-index: 30 !important;
}

.z_index40 {
  z-index: 40 !important;
}

.z_index50 {
  z-index: 50 !important;
}

.z_index60 {
  z-index: 60 !important;
}

.z_index70 {
  z-index: 70 !important;
}

.z_index80 {
  z-index: 80 !important;
}

.z_index90 {
  z-index: 90 !important;
}

.z_index100 {
  z-index: 100 !important;
}

body.hide-breadcrumb #breadcrumb {
  display: none;
}

/* =============================================================================
 * border-radius
 * ========================================================================== */

.border-radius-3 {
  border-radius: 3px;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-10 {
  border-radius: 10px;
}

.border-radius-50 {
  border-radius: 50px;
}

.border-radius-100 {
  border-radius: 100%;
}

/* =============================================================================
 * text-shadow
 * ========================================================================== */

.text-shadow-10 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.text-shadow-20 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.text-shadow-30 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.text-shadow-40 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.text-shadow-50 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.text-shadow-60 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

.text-shadow-70 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.text-shadow-80 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.text-shadow-90 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
}

.text-shadow-100 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

/* =============================================================================
 * shadow
 * ========================================================================== */

.shadow_style1 {
  box-shadow: 0px 22px 14px -7px rgba(0, 0, 0, 0.04);
}

.shadow_style2 {
  box-shadow: 9px 9px 42px #f0f0f0, -9px -9px 42px #ffffff;
  border-radius: 35px;
}

/* =============================================================================
 * body
 * ========================================================================== */

body {
  overflow-x: hidden;
  background-repeat: repeat;
}

/* =============================================================================
 * link colors
 * ========================================================================== */

a {
  color: #555;
  text-decoration: none;
}

p a {
  color: rgb(152, 152, 152);
}

/* =============================================================================
 * sidebar right
 * ========================================================================== */

body.sidebar #main {
  overflow: visible;
  width: 73%;
  float: left;
  position: relative;
}

body.sidebar.right #main .mod_article {
  padding-left: 0 !important;
}

body.sidebar.right #main {
  border-right: 1px solid rgb(229, 229, 229);
}

body.sidebar #right {
  overflow: visible;
  padding-left: 40px;
  width: 27%;
  float: left;
  position: relative;
}

body.sidebar #right .ce_text {
  padding: 5%;
  background: #f8f8f8;
}

/* =============================================================================
 * sidebar left
 * ========================================================================== */

body.sidebar #left {
  width: 27%;
  position: relative;
  padding-right: 40px;
  overflow: visible;
}

body.sidebar.left #main {
  width: 73%;
  float: right;
  border-right: 0;
  border-left: 1px solid rgb(229, 229, 229);
  overflow: visible;
}

/* =============================================================================
 * sidebar both
 * ========================================================================== */

body.sidebar.both #left {
  width: 20%;
  position: relative;
  padding-left: 0;
  padding-right: 0px;
  float: left;
  overflow: visible;
}

body.sidebar.both #right {
  left: 60%;
  margin-right: -22%;
  width: 20%;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left;
  overflow: visible;
}

body.sidebar.both #right .inside {
  padding-right: 0;
}

body.sidebar.both #main {
  width: 54%;
  float: right;
  border-right: 0;
  border-left: 1px solid rgb(229, 229, 229);
  border-right: 1px solid rgb(229, 229, 229);
  margin-right: 23%;
  overflow: visible;
}

/* =============================================================================
 * mainmenu
 * ========================================================================== */

.mainmenu {
  overflow: visible !important;
  float: right;
}

.mainmenu .mod_article {
  float: right;
}

.mainmenu ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.mainmenu ul ul {
  width: auto;
  display: none;
  white-space: nowrap;
  border-radius: 0;
  padding: 10px;
  position: absolute;
  top: 100%;
  margin-left: 0;
  background: #fff;
  box-shadow: 1px 8px 15px rgba(0, 0, 0, 0.1);
}

.mainmenu ul ul ul {
  border-top: 0;
  margin-top: 0;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.mainmenu ul:after {
  content: "";
  clear: both;
  display: block;
}

.mainmenu ul li {
  display: inline-block;
  text-align: left;
  list-style-type: none;
  z-index: 10;
}

.mainmenu ul li {
  position: relative;
}

.mainmenu ul li:last-of-type a {
  padding-right: 0;
}

.mainmenu ul li:hover > ul {
  display: block;
}

.mainmenu ul li a {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s ease, opacity 0.3s ease;
  -webkit-transition: color 0.3s ease, opacity 0.3s ease;
}
.mainmenu ul li a.trail,
.mainmenu ul li a.active {
  color: var(--color-secondary);
}

.mainmenu ul li a i {
  margin-right: 5px;
  display: none;
}

.mainmenu ul li a i {
  display: inline-block;
  width: 20px;
}

.mainmenu ul ul li.open-left ul {
  left: auto;
  right: 100% !important;
}

.mainmenu ul li.last ul {
  right: 0;
}

.mainmenu ul ul li.last ul {
  right: inherit;
}

.mainmenu ul ul li {
  float: none;
  position: relative;
  line-height: 32px;
  min-height: 0;
  display: block;
}

.mainmenu ul ul li a {
  text-transform: none;
  text-align: left;
  border: 0;
  padding: 0 1.5rem 0 0.5rem !important;
  line-height: 32px !important;
  color: #393939;
  font-size: 0.9rem;
  letter-spacing: 0;
  font-weight: normal;
}

.mainmenu ul ul li a.last {
  border-bottom: 0;
}

.mainmenu ul ul li a.submenu:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f105";
  position: absolute;
  right: 8px;
  background: none !important;
}

.mainmenu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

.header .mainmenu ul.level_1 li span.ribbon {
  position: absolute;
  line-height: 18px;
  font-size: 0.7rem;
  font-weight: bold;
  margin-left: 5px;
  background: red;
  color: #fff;
  border-radius: 2px;
  top: -4px;
  padding-left: 3px;
  padding-right: 3px;
  transform: translateX(-5px);
}

.header .mainmenu ul.level_2 li span.ribbon {
  position: relative;
  top: -4px;
  transform: translateX(0);
}

/* =============================================================================
 * mainmenu click_open
 * ========================================================================== */

.mainmenu ul li.click_open ul {
  display: none;
  animation: none;
}

.mainmenu ul li.click_open ul.active {
  display: block;
}

/* =============================================================================
 * hide error pages from menu
 * ========================================================================== */

.mod_navigation .error_401,
.mod_navigation .error_403,
.mod_navigation .error_404 {
  display: none;
}

/* =============================================================================
 * submenu sidebar
 * ========================================================================== */

.subnav {
  margin-top: 40px;
}

.subnav a {
  display: block;
  padding: 10px 10px 10px 40px;
  margin-bottom: 4px;
  color: rgb(152, 152, 152);
  border-radius: 3px;
  -webkit-transition: All 0.1s ease;
  transition: All 0.1s ease;
}

.subnav i {
  margin-right: 10px;
  display: none;
}

.subnav a.menuheader {
  background: none !important;
  border-bottom: 1px solid rgb(229, 229, 229);
  border-radius: 0;
}

.subnav i {
  display: inline-block;
  width: 20px;
  margin-left: -30px;
}

.subnav li ul li {
  border: 0;
}

.subnav ul ul li {
  padding: 0;
}

.subnav a:hover,
.subnav a.active {
  background: rgb(248, 248, 248);
}

.subnav ul li.active > ul,
.subnav ul li.trail > ul {
  display: block;
}

.subnav ul ul a {
  padding-left: 60px;
}

.subnav ul ul {
  display: none;
}

.subnav ul ul ul {
  display: none;
}

.subnav ul ul ul ul {
  display: none;
}

/* =============================================================================
 * mmenu-trigger
 * ========================================================================== */

.mmenu_trigger {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  color: rgb(255, 255, 255);
}

.mmenu_trigger .label {
  margin-right: 8px;
  cursor: pointer;
}

.mmenu_trigger .burger {
  height: 21px;
  width: 21px;
  position: relative;
  font-size: 7px;
  cursor: pointer;
  transition: 0.2s all;
}

.mmenu_trigger .burger .burger_lines:after {
  left: 0;
  top: -15px;
}

.mmenu_trigger .burger .burger_lines:before {
  left: 1em;
  top: 15px;
}

.mmenu_trigger .burger:after {
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 150%;
  top: -25%;
  left: -25%;
}

.mmenu_trigger .burger .burger_lines {
  top: 50%;
  margin-top: -1px;
}

.mmenu_trigger .burger .burger_lines,
.mmenu_trigger .burger .burger_lines:after,
.mmenu_trigger .burger .burger_lines:before {
  pointer-events: none;
  display: block;
  content: "";
  width: 100%;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  height: 2px;
  position: absolute;
  transform: rotate(0);
}

.mmenu_trigger .burger .burger_lines:after {
  left: 0;
  top: -7px;
}

.mmenu_trigger .burger .burger_lines:before {
  left: 0;
  top: 7px;
}

.mmenu_trigger .burger.style2 .burger_lines:before,
.mmenu_trigger .burger.style2 .burger_lines:after {
  width: 2em;
}

/* open transform */
.mmenu_trigger .burger.transform .burger_lines,
.mmenu_trigger .burger.transform .burger_lines:after,
.mmenu_trigger .burger.transform .burger_lines:before {
  transition: 0.2s top 0.2s, 0.1s left, 0.2s transform,
    0.4s background-color 0.2s;
}

.mmenu_trigger .burger.transform.open .burger_lines,
.mmenu_trigger .burger.transform.open .burger_lines:after,
.mmenu_trigger .burger.transform.open .burger_lines:before {
  transition: 0.2s background-color, 0.2s top, 0.2s left, 0.2s transform 0.15s;
}

.mmenu_trigger .burger.transform.open .burger_lines {
  background-color: transparent;
}

.mmenu_trigger .burger.transform.open .burger_lines:before,
.mmenu_trigger .burger.transform.open .burger_lines:after {
  left: 0;
  top: 0px;
}

.mmenu_trigger .burger.transform.open .burger_lines:before {
  transform: rotate(-45deg);
}

.mmenu_trigger .burger.transform.open .burger_lines:after {
  transform: rotate(45deg);
}

/* open rotate */
.mmenu_trigger .burger.rotate .burger_lines,
.mmenu_trigger .burger.rotate .burger_lines:after,
.mmenu_trigger .burger.rotate .burger_lines:before {
  transition: all 0.2s;
}

.mmenu_trigger .burger.rotate.open {
  transform: rotate(180deg);
}

.mmenu_trigger .burger.rotate.open .burger_lines {
  background-color: transparent;
}

.mmenu_trigger .burger.rotate.open .burger_lines:before,
.mmenu_trigger .burger.rotate.open .burger_lines:after {
  left: 0;
  top: 0px;
}

.mmenu_trigger .burger.rotate.open .burger_lines:before {
  transform: rotate(135deg);
}

.mmenu_trigger .burger.rotate.open .burger_lines:after {
  transform: rotate(-135deg);
}

/* =============================================================================
 * mmenu
 * ========================================================================== */

@media only screen and (min-width: 768px) {
  #mmenu {
    display: none;
  }
}

#mmenu {
  left: 0px;
  right: 0px;
  height: calc(100% - 70px);
  position: fixed;
  top: 70px;
  z-index: 1000;
  min-width: 80%;
  transform: translateY(calc(-100% - 55px));
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  background: rgb(255, 255, 255);
}

body.mmenu_open #mmenu {
  transform: translate(0) !important;
}

#mmenu .scrollable {
  height: calc(100% - 50px);
  overflow-y: auto;
}

#mmenu #mmenu_top {
  padding: 20px;
  background: rgb(255, 255, 255);
  overflow: visible;
  position: relative;
}

#mmenu #mmenu_middle {
  padding: 0 20px 20px 20px;
  background: rgb(255, 255, 255);
}

#mmenu #mmenu_bottom {
  background: rgb(255, 255, 255);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding: 5px 20px 10px 20px;
}

/* arrow */
#mmenu .mod_navigation li.submenu {
  position: relative;
}

#mmenu .mod_navigation li.submenu .opener {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 34px;
  z-index: 10;
}

#mmenu .mod_navigation li.submenu a {
  z-index: 5;
}

#mmenu .mod_navigation li a.submenu:after {
  content: "\f107";
  font-family: Font Awesome 6 Pro;
  position: absolute;
  right: 10px;
  top: 3px;
  margin-left: 15px;
  transition-duration: 0.3s;
  transition-property: transform;
}

#mmenu .mod_navigation.mobile_horizontal li a.submenu.open:after {
  transform: rotate(180deg);
}

#mmenu .mod_navigation.mobile_horizontal li a.submenu:after {
  transform: rotate(-90deg);
}

#mmenu .mod_navigation.mobile_horizontal li a.submenu.open:after {
  transform: rotate(90deg);
  float: left;
  margin-left: 0;
}

#mmenu .mod_navigation.mobile_horizontal li a.submenu.open {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#mmenu .mod_navigation.mobile_horizontal .level_2 li a.submenu.open {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

#mmenu .mod_navigation.mobile_horizontal .level_2 li a.submenu.open:after {
  transform: rotate(90deg);
}

#mmenu li i {
  margin-right: 10px;
}

/* socials */

#mmenu .mod_socials {
  margin-right: 20px;
}

#mmenu .mod_socials a i {
  line-height: 17px;
  padding: 5px;
  margin-right: 1px;
  background: rgba(0, 0, 0, 0.05);
  font-size: 17px;
  display: inline-block;
  height: 27px;
  width: 27px;
  text-align: center;
  margin-bottom: 1px;
}

/* langswitch */

#mmenu .mod_langswitcher {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  margin: 0;
  text-align: right;
}

#mmenu .mod_langswitcher .mod_langswitcher_inside:before {
  border-color: rgb(51, 51, 51);
}

/* search */

#mmenu .mod_search {
  width: 75%;
}

#mmenu .mod_search input {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMy43MDZweCIgaGVpZ2h0PSIzMy43MDZweCIgdmlld0JveD0iMCAwIDMzLjcwNiAzMy43MDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMzLjcwNiAzMy43MDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIG9wYWNpdHk9IjAuOCI+PHBhdGggZmlsbD0iIzkzOTM5MyIgZD0iTTE3Ljc1NSwwLjk0NUMxNi4yMDksMC4zMTgsMTQuNTc2LDAsMTIuOSwwYy0xLjY3NSwwLTMuMzA4LDAuMzE4LTQuODU0LDAuOTQ1QzYuNDQ1LDEuNTk0LDUuMDEsMi41NDcsMy43NzgsMy43NzhDMi41NDcsNS4wMSwxLjU5NCw2LjQ0NSwwLjk0NCw4LjA0N0MwLjMxOCw5LjU5MywwLDExLjIyNiwwLDEyLjljMCwxLjY3NiwwLjMxOCwzLjMwOSwwLjk0NCw0Ljg1NGMwLjY0OSwxLjYwMSwxLjYwMywzLjAzNywyLjgzNCw0LjI2OWMxLjIzMSwxLjIzLDIuNjY3LDIuMTg2LDQuMjY5LDIuODM0YzEuNTQ2LDAuNjI3LDMuMTc5LDAuOTQ0LDQuODU0LDAuOTQ0YzEuNjc2LDAsMy4zMDktMC4zMTcsNC44NTQtMC45NDRjMS42MDItMC42NDgsMy4wMzctMS42MDQsNC4yNy0yLjgzNGMxLjIyOS0xLjIzLDIuMTg1LTIuNjY4LDIuODM0LTQuMjY5YzAuNjI1LTEuNTQ2LDAuOTQzLTMuMTc5LDAuOTQzLTQuODU0YzAtMS42NzUtMC4zMTgtMy4zMDgtMC45NDMtNC44NTRjLTAuNjQ5LTEuNjAyLTEuNjA0LTMuMDM3LTIuODM0LTQuMjY5QzIwLjc5MiwyLjU0NywxOS4zNTQsMS41OTQsMTcuNzU1LDAuOTQ1eiBNMjAuNjU4LDIwLjY1OGMtNC4yNzcsNC4yNzYtMTEuMjM3LDQuMjc2LTE1LjUxNSwwYy00LjI3OC00LjI3Ny00LjI3Ny0xMS4yMzcsMC0xNS41MTVzMTEuMjM3LTQuMjc3LDE1LjUxNSwwUzI0LjkzNywxNi4zODEsMjAuNjU4LDIwLjY1OHoiLz48cmVjdCB4PSIyNi45NTIiIHk9IjIwLjY5NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMTEuNTYzOCAyNy45MTc1KSIgZmlsbD0iIzkzOTM5MyIgd2lkdGg9IjEuOTMxIiBoZWlnaHQ9IjE0LjQ0MiIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 93% center;
  background-size: 20px;
  padding: 5px 50px 5px 20px;
  height: 36px !important;
  margin-bottom: 0;
}

#mmenu .mod_search .widget {
  width: 100% !important;
  margin-bottom: 0;
  height: auto !important;
}

#mmenu .mod_search .submit {
  display: none;
}

#mmenu .mod_search .label,
#mmenu .mod_search .close-window {
  display: none;
}

/* mmenu mod_navigation */

#mmenu .mod_navigation li a {
  display: block;
  padding: 4px 40px 4px 0;
}

#mmenu .mod_navigation li a.open,
#mmenu .mod_navigation li a.active,
#mmenu .mod_navigation li a:focus {
  font-weight: bold;
}

/* mobile_horizontal */

#mmenu nav.mobile_horizontal {
  display: none;
}

#mmenu nav.mobile_horizontal li.hidden {
  display: none !important;
}

#mmenu nav.mobile_horizontal ul ul li {
  display: none;
}

#mmenu nav.mobile_horizontal li.open > ul > li {
  display: block;
}

#mmenu nav.mobile_horizontal li.open > a {
  font-weight: bold;
}

/* mobile_vertical */

#mmenu nav.mobile_vertical ul > li > ul {
  display: none;
}

#mmenu nav.mobile_vertical ul > li.open > ul {
  display: block;
}

#mmenu nav.mobile_vertical ul ul {
  padding-left: 15px;
}

/* .mod_mmenu_custom_nav */

#mmenu .mod_mmenu_custom_nav a {
  display: inline-block;
  margin-right: 8px;
}

/* mmenu_overlay */

.mmenu_overlay {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
  display: none;
}

/* mmenu onepagenav */

@media only screen and (max-width: 767px) {
  .onepage_page .header .mod_navigation.onepagenav {
    display: none !important;
  }
}

/* =============================================================================
 * back hyperlink
 * ========================================================================== */

.back a:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f100";
  margin-right: 5px;
}

/* =============================================================================
 * code + abbr
 * ========================================================================== */

code,
pre,
.txt-white pre {
  font-family: monospace;
  background: #ffffe0;
  color: rgb(76, 76, 76) !important;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
}

abbr {
  background: #efefef;
  border-bottom: 1px dashed;
  cursor: pointer;
}

/* =============================================================================
 * pagination
 * ========================================================================== */

.pagination {
  clear: both;
}

.pagination ul {
  padding: 0;
  float: left;
}

.pagination p {
  float: right;
}

.pagination li {
  background: none;
  padding: 0;
  margin: 0;
  float: left;
  list-style-type: none;
}

.pagination li:before,
.pagination li a:before {
  content: "";
}

.pagination li a,
.pagination li span {
  background: none;
  display: block;
  margin-right: 1px;
  color: inherit;
  text-decoration: none;
  padding: 3px 10px;
}

.pagination li span.current {
  background: rgb(152, 152, 152);
  color: white;
  border-radius: 2px;
}

.pagination li a:hover {
  color: rgb(152, 152, 152);
}

.pagination-white .pagination,
.pagination-white .pagination a {
  color: rgb(255, 255, 255);
}

/* =============================================================================
 * image_container
 * ========================================================================== */

.image_container {
  position: relative;
  padding: 0;
  line-height: 0;
}

.image_container a {
  line-height: 0;
}

.image_container .caption {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 8px 12px;
  font-size: 0.8667rem;
  border-radius: 3px;
  line-height: 1.3;
  display: inline-block;
  margin-top: 5px;
}

.image_container .caption h1,
.image_container .caption h2,
.image_container .caption h3,
.image_container .caption h4,
.image_container .caption h5,
.image_container .caption h6 {
  color: rgb(255, 255, 255);
  margin: 0;
}

.image_container.float_right,
.image_container.float_left {
  float: right;
  width: 45%;
  padding: 0;
  margin-bottom: 3%;
}

.image_container.float_right {
  margin-left: 5%;
}

.image_container.float_left {
  margin-right: 5%;
  float: left;
}

.image_container img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.no-responsive .image_container img,
.no-responsive.image_container img {
  width: auto;
  max-width: none;
  display: inline-block;
}

.no-responsive .image_container.float_right,
.no-responsive .image_container.float_left {
  width: auto;
  margin: 0;
}

.border .image_container img {
  border: 1px solid rgb(229, 229, 229);
}

/* =============================================================================
 * ce_image
 * ========================================================================== */

.ce_image .image_container img {
  width: auto;
}

.ce_image.h-align-center img,
.ce_image.h-align-right img {
  display: inline-block;
}

.ce_image.border-gray-1px img {
  border: 1px solid rgb(220, 220, 220);
}

.ce_image.border-gray-5px img {
  border: 5px solid rgb(220, 220, 220);
}

.ce_image.border-gray-10px img {
  border: 10px solid rgb(220, 220, 220);
}

.ce_image.border-white-1px img {
  border: 1px solid rgb(255, 255, 255);
}

.ce_image.border-white-5px img {
  border: 5px solid rgb(255, 255, 255);
}

.ce_image.border-white-10px img {
  border: 10px solid rgb(255, 255, 255);
}

.ce_image.style-rounded img {
  border-radius: 100%;
}

.ce_image.img-border-style-2 img {
  border-radius: 65px 0 65px 0;
}

/* =============================================================================
 * blockquote
 * ========================================================================== */

blockquote {
  border-left: 5px solid rgb(152, 152, 152);
  padding-left: 25px;
}

blockquote p {
  font-family: Georgia, Times, serif;
  font-style: italic;
  text-align: justify;
  font-size: 1.1rem;
}

blockquote p:before {
  content: '"';
  text-indent: 0;
  display: inline-block;
  font-weight: bold;
  width: 20px;
  font-size: 2rem;
  line-height: 1.1rem;
}

blockquote em {
  font-size: 0.6em;
  font-style: normal;
  line-height: 1;
  font-weight: bold;
}

blockquote a {
  color: rgb(152, 152, 152);
}

/* =============================================================================
 * comment_default
 * ========================================================================== */

.comment_default {
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}

/* =============================================================================
 * lists
 * ========================================================================== */

.ce_text ul,
.ce_list ul,
.ce_text ol,
.ce_list ol {
  margin-bottom: 15px;
}

.ce_text li,
.ce_list li,
.ce_text ol,
.ce_list ol {
  line-height: 1.5em;
}

.ce_text ul,
.ce_text ol,
.ce_list:not(.hasIcon) ul,
.ce_list:not(.hasIcon) ol {
  padding-left: 25px;
}

.ce_text ul li,
.ce_list ul li {
  list-style-type: disc;
  list-style-position: outside;
  position: relative;
  margin-bottom: 4px;
}

.ce_text ol,
.ce_list:not(.hasIcon) ol {
  list-style: decimal;
  padding-left: 26px;
}

.ce_text ol ol,
.ce_list ol ol {
  list-style: upper-alpha;
}

.ce_text ol ol ol,
.ce_list ol ol ol {
  list-style: lower-roman;
}

/* =============================================================================
 * ce_gallery
 * ========================================================================== */

.ce_gallery .cols_2 li {
  width: calc(100% / 2);
  float: left;
}

.ce_gallery .cols_3 li {
  width: calc(100% / 3);
  float: left;
}

.ce_gallery .cols_4 li {
  width: calc(100% / 4);
  float: left;
}

.ce_gallery .cols_5 li {
  width: calc(100% / 5);
  float: left;
}

.ce_gallery .cols_6 li {
  width: calc(100% / 6);
  float: left;
}

.ce_gallery .cols_7 li {
  width: calc(100% / 7);
  float: left;
}

.ce_gallery .cols_8 li {
  width: calc(100% / 8);
  float: left;
}

.ce_gallery .cols_9 li {
  width: calc(100% / 9);
  float: left;
}

.ce_gallery .cols_10 li {
  width: calc(100% / 10);
  float: left;
}

.ce_gallery .cols_11 li {
  width: calc(100% / 11);
  float: left;
}

.ce_gallery .cols_12 li {
  width: calc(100% / 12);
  float: left;
}

.edge .ce_gallery .cols_2 li {
  width: 49.8%;
  float: left;
}

.edge .ce_gallery .cols_3 li {
  width: 33.2%;
  float: left;
}

.edge .ce_gallery .cols_4 li {
  width: 24.98%;
  float: left;
}

.edge .ce_gallery .cols_5 li {
  width: 19.98%;
  float: left;
}

.edge .ce_gallery .cols_6 li {
  width: 16.65%;
  float: left;
}

.edge .ce_gallery .cols_7 li {
  width: 14.285%;
  float: left;
}

.edge .ce_gallery .cols_8 li {
  width: 12.46%;
  float: left;
}

.edge .ce_gallery .cols_9 li {
  width: 11.11%;
  float: left;
}

.edge .ce_gallery .cols_10 li {
  width: 10%;
  float: left;
}

.edge .ce_gallery .cols_11 li {
  width: 9.09%;
  float: left;
}

.edge .ce_gallery .cols_12 li {
  width: 8.33%;
  float: left;
}

.ce_gallery .gallery-margin {
  margin-left: -10px;
  margin-right: -10px;
}

.ce_gallery .gallery-margin .image_container {
  margin: 0 5px 10px;
}

.ce_gallery .image_container {
  margin: 0;
}

.ce_gallery a {
  width: 100%;
  height: 100%;
  display: block;
}

.ce_gallery .content {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  background: rgba(152, 152, 152, 0.8);
  opacity: 0;
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
}

.ce_gallery li:hover .content {
  opacity: 1;
}

.ce_gallery li img {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
}

.ce_gallery .image_container {
  overflow: hidden;
}

.ce_gallery .content-outside {
  display: table;
  width: 100%;
  height: 100%;
}

.ce_gallery .content-inside {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: rgb(255, 255, 255);
  line-height: 1.5;
}

.ce_gallery .capt h1,
.ce_gallery .capt h2,
.ce_gallery .capt h3,
.ce_gallery .capt h4,
.ce_gallery .capt h5,
.ce_gallery .capt h6 {
  font-size: 1.067rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
  margin: 0;
}

.ce_gallery .capt h1:after,
.ce_gallery .capt h2:after,
.ce_gallery .capt h3:after,
.ce_gallery .capt h4:after,
.ce_gallery .capt h5:after,
.ce_gallery .capt h6:after {
  content: "";
  width: 50px;
  height: 2px;
  display: block;
  margin: 8px auto 15px auto;
  background: rgb(255, 255, 255);
}

.ce_gallery .capt {
  font-size: 0.8rem;
}

.ce_gallery .borders li {
  border-right: 1px solid rgb(229, 229, 229);
  border-bottom: 1px solid rgb(229, 229, 229);
}

.ce_gallery .borders li.row_last {
  border-bottom: 1px solid transparent;
}

.ce_gallery .borders li.col_last {
  border-right-color: transparent;
}

.ce_gallery .borders li:hover img {
  transform: none;
  -webkit-transform: none;
}

.ce_gallery .borders figcaption {
  width: 100% !important;
  border-radius: 0;
  text-align: center;
}

.ce_gallery .image_container i.fa.fa-plus-circle {
  position: relative;
  height: 50px;
  width: 50px;
}

.ce_gallery .image_container i.fa.fa-plus-circle:before {
  content: "";
  width: 50px;
  height: 1px;
  background: rgb(255, 255, 255);
  display: inline-block;
  position: absolute;
  top: 25px;
  left: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.ce_gallery .image_container i.fa.fa-plus-circle:after {
  content: "";
  width: 50px;
  height: 1px;
  background: rgb(255, 255, 255);
  display: inline-block;
  position: absolute;
  top: 25px;
  left: 0;
}

.ce_gallery li:hover .image_container i.fa.fa-plus-circle:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* =============================================================================
 * ce_gallery flex-gallery
 * ========================================================================== */

.ce_gallery ul.flex-gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ce_gallery ul.flex-gallery li {
  max-width: none;
  line-height: 0;
  text-align: center;
}

.ce_gallery ul.flex-gallery.cols_1 li {
  flex: 0 0 100%;
}

.ce_gallery ul.flex-gallery.cols_2 li {
  flex: 0 0 calc(100% / 2);
}

.ce_gallery ul.flex-gallery.cols_3 li {
  flex: 0 0 calc(100% / 3);
}

.ce_gallery ul.flex-gallery.cols_4 li {
  flex: 0 0 calc(100% / 4);
}

.ce_gallery ul.flex-gallery.cols_5 li {
  flex: 0 0 calc(100% / 5);
}

.ce_gallery ul.flex-gallery.cols_6 li {
  flex: 0 0 calc(100% / 6);
}

.ce_gallery ul.flex-gallery.cols_7 li {
  flex: 0 0 calc(100% / 7);
}

.ce_gallery ul.flex-gallery.cols_8 li {
  flex: 0 0 calc(100% / 8);
}

.ce_gallery ul.flex-gallery.cols_9 li {
  flex: 0 0 calc(100% / 9);
}

.ce_gallery ul.flex-gallery.cols_10 li {
  flex: 0 0 calc(100% / 10);
}

.ce_gallery ul.flex-gallery.cols_11 li {
  flex: 0 0 calc(100% / 11);
}

.ce_gallery ul.flex-gallery.cols_12 li {
  flex: 0 0 calc(100% / 12);
}

.ce_gallery .borders.flex-gallery {
  align-items: inherit;
}

/* =============================================================================
 * ce_headline
 * ========================================================================== */

.ce_headline.width-l {
  max-width: 700px;
}

.ce_headline.width-m {
  max-width: 500px;
}

.ce_headline.width-s {
  max-width: 350px;
}

.ce_headline.h-align-center.width-l,
.ce_headline.h-align-center.width-m,
.ce_headline.h-align-center.width-s {
  margin-left: auto;
  margin-right: auto;
}

.ce_headline [class^="label"] {
  position: relative;
  top: -0.6em;
  font-size: 0.6em;
  padding: 1px 6px;
}

/* =============================================================================
 * ce_text
 * ========================================================================== */

.ce_text .image_container img {
  width: auto;
}

.ce_text .image_container.float_right,
.ce_text .image_container.float_left {
  width: auto;
}

.ce_text.width-l {
  max-width: 700px;
}

.ce_text.width-m {
  max-width: 500px;
}

.ce_text.width-s {
  max-width: 350px;
}

.ce_text.h-align-center.width-l,
.ce_text.h-align-center.width-m,
.ce_text.h-align-center.width-s {
  margin-left: auto;
  margin-right: auto;
}

.ce_text.format-p-large p {
  font-size: 1.3rem;
}

.ce_text.format-p-small p {
  font-size: 0.9rem;
}

.ce_text.mb-0 p {
  margin-bottom: 0;
}

/* =============================================================================
 * ce_accordion
 * ========================================================================== */

.ce_accordionStart {
  position: relative;
}

.ce_accordion .accordion {
  padding: 20px;
  border: 0;
  background: none;
}

.ce_accordion .accordion > div {
  padding: 0;
}

.ce_accordion .toggler {
  line-height: 30px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 6px;
}

.ce_accordionStart:last-of-type .toggler {
  margin-bottom: 0;
}

.ce_accordion .toggler:hover {
  color: rgb(76, 76, 76);
}

.ce_accordion .toggler:before {
  width: 25px;
  height: 25px;
  float: right;
  clear: both;
  display: inline-block;
  margin-left: 15px;
  padding: 0;
  text-align: center;
  font: 1.3em/28px Font Awesome 6 Pro;
  font-weight: normal;
  color: rgb(152, 152, 152);
  content: "\f107";
}

.ce_accordion .toggler.ui-state-active:before {
  font-family: Font Awesome 6 Pro;
  content: "\f106";
}

.ce_accordionSingle {
  margin-bottom: 1px;
}

.ce_hyperlink a,
a.btn {
  display: inline-block;
  padding: 15px 50px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
  width: auto;
  background: rgb(152, 152, 152);
  border: 2px solid rgb(152, 152, 152);
  font-weight: bold;
  min-width: 140px;
  text-align: center !important;
  position: relative;
  position: relative;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  font-size: 1rem;
}

.ce_hyperlink a,
a.btn {
  color: #fff;
}

.ce_hyperlink a:hover,
a.btn:hover {
  opacity: 0.8;
}

.ce_hyperlink a.link-white,
a.btn.link-white {
  color: rgb(152, 152, 152);
  border: 2px solid rgb(255, 255, 255);
  background: rgb(255, 255, 255);
}

.ce_hyperlink a.link-white:hover,
a.btn.link-white:hover {
  background: rgb(152, 152, 152);
  color: rgb(255, 255, 255);
}

.ce_hyperlink a.link-white.outline,
a.btn.link-white.outline {
  color: rgb(255, 255, 255);
}

.ce_hyperlink a.link-white.outline:hover,
a.btn.link-white.outline:hover {
  background: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  color: rgb(37, 37, 37);
}

.ce_hyperlink a.outline,
a.btn.outline {
  background: transparent;
  color: rgb(152, 152, 152);
}

.ce_hyperlink a.outline:hover,
a.btn.outline:hover {
  background: rgb(37, 37, 37);
  border-color: rgb(37, 37, 37);
  color: rgb(255, 255, 255);
}

.ce_hyperlink i {
  margin-right: 8px;
}

.ce_hyperlink.small a,
a.btn.small {
  padding: 9px 15px;
  font-size: 0.75rem;
}

.ce_hyperlink.large a,
a.btn.large {
  padding: 20px 30px;
}

.ce_hyperlink.wide a,
a.btn.large {
  padding: 15px 50px;
}

.ce_hyperlink.expand a,
a.btn.expand {
  width: 100%;
}

.ce_hyperlink a.alert,
a.btn.alert {
  background: rgb(247, 80, 90);
  border-color: rgb(247, 80, 90);
}

.ce_hyperlink a.warning,
a.btn.warning {
  background: rgb(240, 138, 36);
  border-color: rgb(240, 138, 36);
}

.ce_hyperlink a.info,
a.btn.info {
  background: rgb(160, 211, 232);
  border-color: rgb(160, 211, 232);
  color: rgb(51, 51, 51);
}

.ce_hyperlink a.success:hover,
a.btn.success:hover,
.ce_hyperlink a.secondary:hover,
a.btn.secondary:hover,
.ce_hyperlink a.alert:hover,
a.btn.alert:hover,
.ce_hyperlink a.warning:hover,
a.btn.warning:hover,
.ce_hyperlink a.info:hover,
a.btn.info:hover {
  opacity: 0.8;
}

.ce_hyperlink.border-radius-3 a,
a.btn.border-radius-3 {
  border-radius: 3px;
}

.ce_hyperlink.border-radius-5 a,
a.btn.border-radius-5 {
  border-radius: 5px;
}

.ce_hyperlink.border-radius-10 a,
a.btn.border-radius-10 {
  border-radius: 10px;
}

.ce_hyperlink.border-radius-20 a,
a.btn.border-radius-20 {
  border-radius: 20px;
}

.ce_text a.btn {
  margin-top: 15px;
}

.ce_hyperlink.btn-animated i {
  opacity: 0;
  width: 0;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
}

.ce_hyperlink.btn-animated a:hover i {
  opacity: 1;
  width: 16px;
}

.ce_hyperlink.mb-0 a {
  margin-bottom: 0;
}

/* =============================================================================
 * ce_player
 * ========================================================================== */

.ce_player video {
  width: 100% !important;
}

/* =============================================================================
 * mod_article
 * ========================================================================== */

#main .mod_article {
  position: relative;
}

#main .mod_article.smallwidth {
  margin-left: auto;
  margin-right: auto;
}

#main .mod_article.smallwidth .contentwrap {
  padding-left: 17%;
  padding-right: 17%;
}

.mod_portfoliolist .item:hover .linkbar {
  bottom: 0;
  height: 56px;
}

/* =============================================================================
 * forms
 * ========================================================================== */

input,
textarea,
select {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: all 0.15s linear 0s;
  width: 100%;
  font-family: inherit;
}

body.ie input.upload::-ms-value {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #eee;
  transition: all 0.15s linear 0s;
  width: 100%;
}

label {
  margin-bottom: 3px;
}

form .widget input,
form .widget textarea,
form .widget select {
  width: 100%;
}

textarea {
  height: 400px;
}

input:focus,
textarea:focus {
  background-color: #fff;
  border: 1px solid rgb(152, 152, 152);
  border-radius: 0;
}

form .checkbox_container {
  overflow: hidden;
  margin-bottom: 2px;
}

input.checkbox {
  margin-right: 5px;
}

input.checkbox,
input.captcha {
  width: auto !important;
}

form div.widget {
  margin-bottom: 20px;
}

form fieldset {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

form.no-border fieldset {
  padding: 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

form.no-border fieldset legend {
  margin-bottom: 25px;
}

form.no-border fieldset.checkbox_container {
  border: 0;
}

form fieldset {
  margin-bottom: 20px;
}

form fieldset.hidden {
  display: none;
}

form fieldset legend {
  width: auto;
  padding-right: 10px;
  padding-left: 10px;
  background-color: rgb(152, 152, 152);
  color: #fff;
}

form select {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
  background-position: center right;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 1.3;
  height: 48px;
  padding: 5px 35px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
}

.firefox form select {
  height: 49px;
}

form select option {
  padding-right: 10px;
  padding-left: 10px;
}

form select.multiselect option {
  padding-right: 0;
  padding-left: 0;
}

form textarea {
  font-family: inherit;
}

form .checkbox_container span,
form .widget-radio span {
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
}

form .widget-radio input {
  width: auto;
  margin-right: 5px;
  margin-left: 3px;
}

form .widget-radio label {
  width: auto;
}

form span.mandatory {
  color: #f00;
}

form .captcha_text {
  margin: 10px 0 15px 15px;
  color: red;
}

form p.error {
  color: red;
}

.android .widget-radio label,
.android .widget-checkbox label {
  position: relative;
  top: -3px;
}

.ios input[type="checkbox"],
.ios input[type="radio"] {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

.ie form .widget-radio input,
.ie form .widget-checkbox input {
  border: 0;
}

/* =============================================================================
 * submit input
 * ========================================================================== */

input.submit,
button.submit {
  display: inline-block;
  -webkit-appearance: none;
}

input.submit,
button.submit,
form div.widget {
  font-family: inherit;
}

/* =============================================================================
 * datepicker
 * ========================================================================== */

.gridbuilder_wrapper.formfield,
.gridbuilder_wrapper.formfield .gridbuilder {
  overflow: visible;
}

form div.widget {
  position: relative;
}

input.datepicker {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwMCA1MDAiIGhlaWdodD0iNTAwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MDAgNTAwIiB3aWR0aD0iNTAwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxnPjxnPjxwYXRoIGQ9Ik0yMTAuNzI2LDMwMi4yNzFjMCwwLDUuNSw1LjUsMTIuNjMzLDUuNWM1LjU4NiwwLDguNzY2LTIuNzUsOC43NjYtNi4xMDIgICAgICBjMC00LjgxMy00LjgxMy02Ljc4OS0xMS40MzEtNi43ODloLTQuMjk3bC0zLjE4LTcuMzA1bDguMDc4LTkuNzExYzIuOTIyLTMuNTI0LDUuMzI5LTUuNzU4LDUuMzI5LTUuNzU4di0wLjE3MiAgICAgIGMwLDAtMS45NzcsMC40My01Ljg0NCwwLjQzaC0xNC42OTV2LTEyLjg5MWgzOC43NTl2OS4zNjdsLTEyLjQ2MSwxNC4zNTJjOS4xMSwxLjk3NywxNC44NjcsOS4xOTUsMTQuODY3LDE3Ljc5ICAgICAgYzAsMTAuNDg1LTcuMzkxLDIwLjk2OS0yMi43NzQsMjAuOTY5Yy0xMy43NTEsMC0yMC45NjktOC4wNzgtMjAuOTY5LTguMDc4TDIxMC43MjYsMzAyLjI3MXoiIGZpbGw9IiMyMzFGMjAiLz48cGF0aCBkPSJNMjU2LjE4OCwzMDguMDI5aDEzLjA2M3YtMjUuNjFjMC0yLjMyLDAuMDg2LTQuNzI3LDAuMDg2LTQuNzI3aC0wLjE3MmMwLDAtMC43NzMsMS43MTktMi40MDYsMy4yNjYgICAgICBsLTMuNjk1LDMuMzUxbC04LjY4LTkuMjgxbDE2LjU4Ni0xNS41NTVoMTIuOTc3djQ4LjU1NmgxMy4xNDl2MTIuODkxaC00MC45MDhWMzA4LjAyOXoiIGZpbGw9IiMyMzFGMjAiLz48L2c+PHBhdGggZD0iTTM0MS4zMjEsMTg2Ljc2OGgtMjIuNzczdi0xNS45NDFjMC0xNS4wNjktMTIuMjU5LTI3LjMyOC0yNy4zMjgtMjcuMzI4cy0yNy4zMjgsMTIuMjU5LTI3LjMyOCwyNy4zMjggICAgIHYxNS45NDFoLTI3Ljc4M3YtMTUuOTQxYzAtMTUuMDY5LTEyLjI1OS0yNy4zMjgtMjcuMzI4LTI3LjMyOGMtMTUuMDY5LDAtMjcuMzI4LDEyLjI1OS0yNy4zMjgsMjcuMzI4djE1Ljk0MWgtMjIuNzczICAgICBjLTQuNTI4LDAtOC4xOTgsMy42NzEtOC4xOTgsOC4xOTh2MTU0LjQwM2MwLDQuNTI4LDMuNjcxLDguMTk4LDguMTk4LDguMTk4aDE4Mi42NDJjNC41MjgsMCw4LjE5OC0zLjY3LDguMTk4LTguMTk4VjE5NC45NjYgICAgIEMzNDkuNTE5LDE5MC40MzgsMzQ1Ljg0OSwxODYuNzY4LDM0MS4zMjEsMTg2Ljc2OHogTTI4MC4yODksMTcwLjgyN2MwLTYuMDM3LDQuODk0LTEwLjkzMSwxMC45MzEtMTAuOTMxICAgICBjNi4wMzcsMCwxMC45MzEsNC44OTQsMTAuOTMxLDEwLjkzMXYzNy4xMmMwLDYuMDM3LTQuODk0LDEwLjkzMS0xMC45MzEsMTAuOTMxYy02LjAzNywwLTEwLjkzMS00Ljg5NC0xMC45MzEtMTAuOTMxVjE3MC44Mjd6ICAgICAgTTE5Ny44NDksMTcwLjgyN2MwLTYuMDM3LDQuODk0LTEwLjkzMSwxMC45MzEtMTAuOTMxYzYuMDM3LDAsMTAuOTMxLDQuODk0LDEwLjkzMSwxMC45MzF2MzcuMTIgICAgIGMwLDYuMDM3LTQuODk0LDEwLjkzMS0xMC45MzEsMTAuOTMxYy02LjAzNywwLTEwLjkzMS00Ljg5NC0xMC45MzEtMTAuOTMxVjE3MC44Mjd6IE0zMzMuMTIzLDM0MS4xNzFIMTY2Ljg3OFYyNDIuNzloMTY2LjI0NSAgICAgVjM0MS4xNzF6IiBmaWxsPSIjMjMxRjIwIi8+PC9nPjwvZz48L3N2Zz4=);
  background-size: 45px;
  background-position: right center;
  padding-right: 40px;
}

input.timepicker {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS10aW55LmR0ZCc+PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiLz48ZyBpZD0iSWNvbnMiPjxnPjxwYXRoIGQ9Ik0xNyw4LjA1OVY2aC0ydjIuMDU5QzEwLjUwMSw4LjU1Nyw3LDEyLjM2OCw3LDE3YzAsMi4xMjUsMC43NDEsNC4wNzQsMS45NzIsNS42MTRsLTEuNDU3LDEuNDU3bDEuNDE0LDEuNDE0bDEuNDU3LTEuNDU3ICAgIEMxMS45MjYsMjUuMjU5LDEzLjg3NSwyNiwxNiwyNnM0LjA3NC0wLjc0MSw1LjYxNC0xLjk3MmwxLjQ1NywxLjQ1N2wxLjQxNC0xLjQxNGwtMS40NTctMS40NTdDMjQuMjU5LDIxLjA3NCwyNSwxOS4xMjUsMjUsMTcgICAgQzI1LDEyLjM2OCwyMS40OTksOC41NTcsMTcsOC4wNTl6IE0xNiwyNGMtMy44NjYsMC03LTMuMTM0LTctN2MwLTMuODY2LDMuMTM0LTcsNy03czcsMy4xMzQsNyw3QzIzLDIwLjg2NiwxOS44NjYsMjQsMTYsMjR6Ii8+PHBvbHlnb24gcG9pbnRzPSIxNywxMiAxNSwxMiAxNSwxNy41IDE4LjA2MiwyMC41NjIgMTkuNDc3LDE5LjE0OCAxNywxNi42NzIgICAiLz48cmVjdCBoZWlnaHQ9IjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgOC4yMyAtMy40MDkpIiB3aWR0aD0iMiIgeD0iNy4yMyIgeT0iNS43MyIvPjxyZWN0IGhlaWdodD0iMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMi43NjQzIC0xNC40MzkxKSIgd2lkdGg9IjUiIHg9IjIxLjMxMiIgeT0iNy4xODgiLz48L2c+PC9nPjwvc3ZnPg==);
  background-size: 32px;
  background-position: right center;
  padding-right: 40px;
}

body .picker__list-item:hover,
body .picker__day--infocus:hover,
body .picker--focused .picker__day--highlighted {
  color: rgb(255, 255, 255);
}

body .picker__nav--next:hover,
body .picker__nav--prev:hover,
body .picker__button--close:hover,
body .picker__button--today:hover,
body .picker__button--clear:hover {
  background: rgb(240, 240, 240);
}

body .picker--focused .picker__day--highlighted,
body .picker__day--highlighted:hover,
body .picker__day--infocus:hover,
body .picker__day--outfocus:hover {
  opacity: 0.7;
}

body .picker--focused .picker__day--selected,
body .picker__day--selected,
body .picker__day--selected:hover,
body .picker--focused .picker__day--highlighted,
body .picker__day--highlighted:hover,
body .picker__day--infocus:hover,
body .picker__day--outfocus:hover,
body .picker--focused .picker__list-item--highlighted,
body .picker__list-item--highlighted:hover,
body .picker__list-item:hover,
body .picker__list-item--highlighted,
.picker__list-item:hover {
  background-color: rgb(40, 40, 40);
  border-color: rgb(40, 40, 40);
}

body .picker__list-item--highlighted,
.picker__list-item:hover {
  border-color: rgb(70, 70, 70);
}

/* =============================================================================
 * form_textfield_floatlabel template
 * ========================================================================== */
form div.placeholderlabel {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0 5px;
  background: rgb(255, 255, 255);
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  opacity: 0;
  font-size: 0.95rem;
}

form div.placeholderlabel.active {
  top: -1rem;
  opacity: 1;
}

/* =============================================================================
 * lightbox
 * ========================================================================== */

#cboxContent .back {
  display: none !important;
}

/* =============================================================================
 * fullscreen-helper
 * ========================================================================== */

.fullscreen-helper {
  height: 100vh;
}

/* =============================================================================
 * scroll-padding
 * ========================================================================== */

html {
  scroll-padding: 70px 0 0 0;
}

/* =============================================================================
 * viewport pixel
 * ========================================================================== */

#viewport-pixel {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  z-index: -1000;
  visibility: hidden;
  opacity: 1;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #viewport-pixel {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 767px) {
  #viewport-pixel {
    opacity: 0.5;
  }
}

/* =============================================================================
 * mobile
 * ========================================================================== */

@media only screen and (max-width: 767px) {
  .font-size-xxxxxl,
  .font-size-xxxxxl p {
    font-size: 3.5rem;
  }

  .font-size-xxxxl,
  .font-size-xxxxl p {
    font-size: 3rem;
  }

  .font-size-xxxl,
  .font-size-xxxl p {
    font-size: 2.333rem;
  }

  .font-size-xxl,
  .font-size-xxl p {
    font-size: 2rem;
  }

  .font-size-xl,
  .font-size-xl p {
    font-size: 1.533rem;
  }

  .font-size-l,
  .font-size-l p {
    font-size: 1.467rem;
  }

  .font-size-m,
  .font-size-m p {
    font-size: 1.2rem;
  }

  .font-size-s,
  font-size-s p {
    font-size: 1.133rem;
  }

  .font-size-xs,
  .font-size-xs p {
    font-size: 1.067rem;
  }

  .font-size-xxs,
  .font-size-xxs p {
    font-size: 0.9333rem;
  }

  .font-size-xxxs,
  .font-size-xxxs p {
    font-size: 0.8rem;
  }

  .font-size-xxxxs,
  .font-size-xxxxs p {
    font-size: 0.7333rem;
  }

  .font-size-xxxxxs,
  .font-size-xxxxxs p {
    font-size: 0.6667rem;
  }

  .hide-s {
    display: none !important;
  }

  .hide-mobile,
  .hide_mobile,
  .only-desktop,
  .only_desktop {
    display: none !important;
  }

  .mob_no_up > .attributes {
    margin-top: 0 !important;
  }

  .bg-none-mobile .attributes {
    background: none !important;
  }

  #slider {
    padding-top: 0 !important;
  }

  .mainmenu {
    display: none;
  }

  #nav-open-btn {
    display: block;
  }

  body {
    padding: 0;
  }

  #wrapper {
    width: 100%;
  }

  #nav-open-btn {
    right: 20px;
  }

  .image_container {
    padding: 0;
    float: none;
  }

  html {
    -webkit-text-size-adjust: none;
  }

  table {
    font-size: 0.7333rem;
  }

  body.sidebar #main,
  body.sidebar #right,
  body.sidebar #left {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    border: 0 !important;
  }

  body.sidebar #right,
  body.sidebar #left {
    margin-top: 15px !important;
    border-top: 4px solid #ddd !important;
    width: 100% !important;
    float: none !important;
    position: static !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.sidebar #right .inside,
  body.sidebar #left .inside {
    padding-top: 0;
    padding-bottom: 0;
  }

  body.sidebar #container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .subnav {
    display: none;
  }

  .ce_gallery .gallery-margin .image_container {
    margin-bottom: 10px;
  }

  .ce_gallery [class*="cols_"] li {
    width: 49.8%;
  }

  .ce_gallery .borders li,
  .ce_gallery .borders li.col_last {
    border-right: 1px solid transparent;
    width: 50%;
  }

  .ce_gallery .borders li.row_last {
    border-bottom: 1px solid rgb(229, 229, 229);
  }

  .ce_gallery .borders li:nth-child(odd) {
    border-right: 1px solid rgb(229, 229, 229);
  }

  .mod_calendar table {
    font-size: 0.4667rem;
  }

  .gridbuilder {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  #footer div.gridbuilder {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  #wrapper .gridbuilder_wrapper.article .inner {
    margin-left: 0;
    margin-right: 0;
  }

  .gridbuilder_displacer {
    margin-left: 0 !important;
  }

  .ce_revolutionslider_hyperlink.outline {
    background: rgba(255, 255, 255, 0.4);
  }

  .mod_portfoliolist .swiper-slide {
    width: 100%;
  }

  .pagination ul,
  .pagination p {
    float: none;
    display: block;
    width: 100%;
  }

  .only_mobile,
  .only-mobile {
    display: block !important;
  }

  .ce_gallery ul.flex-gallery li {
    flex: 0 0 50% !important;
  }

  .ce_elevatezoom [class*="cols_"] li {
    flex: 0 0 50% !important;
  }

  .ce_elevatezoom li:nth-child(3n) {
    clear: both;
  }

  .align-left-m,
  .align-left-m * {
    text-align: left !important;
  }

  .align-center-m,
  .align-center-m * {
    text-align: center !important;
  }

  .align-right-m,
  .align-right-m * {
    text-align: right !important;
  }

  .mmenu_trigger {
    display: flex;
  }

  .mod_subscribe .formbody {
    display: block;
  }

  .mod_subscribe .formbody .widget-text {
    margin: 0;
  }

  .ce_hyperlink.mb-0-m a {
    margin-bottom: 0;
  }
}

:root {
  --color-dark: #3e3e3e;
  --color-white: #fff;
  --color-gray: #848484;

  --background: #f6f8fb;
  --background-dark: #b5c1d1;
  --background-secondary: #fff;
  --bg-input: #ffffff;
  --border-input: #e6e6e6;
  --shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);

  --color-valide: #4d8f70;
  --color-valide-dark: #00e67a;
  --color-repos: #d8d8d8;
  --color-repos-dark: #727272;
  --color-a-saisir: #ffe3e1;
  --color-a-saisir-dark: #ae2b2b;
  --color-signe: #d0f3e9;
  --color-signe-dark: #07a159;
  --color-en-cours: #ffefde;
  --color-en-cours-dark: #bd693a;

  --color-alert: #fff0f0;
  --color-alert-dark: #ff8f8f;
}
::selection {
  background-color: var(--color-dark);
  color: var(--color-white);
}
body {
  color: var(--color-dark);
  font-size: 1rem;
  font-family: "Inter";
}
#top .inside,
.header .inside,
#footer .inside,
#bottom .inside,
body.sidebar #container,
.mod_article:not(.fullwidth) > .container,
.fullwidth.boxed-content .contentwrap,
.smallwidth .contentwrap,
.boxed-content .contentwrap,
.gridbuilder_wrapper.article,
.ce_text_image_bar .inside,
.ce_headerimage .ce_headerimage_inside,
.ce_video_background .ce_video_background_inside,
#offcanvas-top .offcanvas-top-inside,
.ce_calltoaction .ce_calltoaction_inside,
.mod_breadcrumb .mod_breadcrumb_inside,
.mod_pageimage .container,
.body_bottom .mod_search .container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
html,
body {
  font-size: 16px;
  font-family: "Inter";
  font-weight: 400;
  font-size: 16px;
}
body {
  background-color: var(--background);
}
body.login {
  background-color: var(--background-secondary);
}

/*
*****************************************************
GLOBAL
*****************************************************
*/
h1 {
  margin-bottom: 2rem;
}
p,
a,
h2 {
  margin-bottom: 0;
}
h1 {
  font-size: 1.8rem;
}
p {
  margin-bottom: 0;
}

/*
*****************************************************
GLOBAL - table
*****************************************************
*/
table {
  min-width: 100%;
}
table tr td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
table tr td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*
*****************************************************
FORM
*****************************************************
*/
.tl_login_form .container_eyes,
.login .container_eyes {
  position: absolute;
  right: 8px;
  top: 40px;
}
.login .container_eyes svg {
  width: 22px;
  height: auto;
  stroke: #878787;
  cursor: pointer;
}
.login .hidde_password {
  display: none;
}
button,
input.submit,
button.submit {
  background-color: var(--color-dark);
  color: var(--color-white);
  padding: 10px 30px;
  border-radius: 4px;
  width: max-content;
  cursor: pointer;
}
input,
select,
textarea {
  background-color: var(--bg-input);
  border: 1px solid var(--border-input);
  font-size: 1rem;
  border-radius: 4px;
}
input::placeholder,
input::-ms-input-placeholder {
  color: var(--color-gray) !important;
  opacity: 0.9;
}
textarea[name="comment"]::placeholder {
  color: var(--color-gray) !important;
}
input[type="time"] {
  width: 7rem;
}
select[name="type_hour"] {
  width: max-content;
}
button.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.content_time {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1rem;

  width: max-content;
  height: max-content;
}

.content_time .top {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: -30px;
}
.content_time .bottom {
  margin-top: -20px;
  color: var(--color-gray);
  font-size: 0.8rem;
}
.container_form_add_saisie.disabled .content_time .bottom,
.container_form_add_saisie.disabled .content_time .top {
  margin-top: 0;
}
.content_time input[type="time"] {
  background-color: transparent;
  border: none;
}

.input_time_custom {
  display: flex;
  align-items: center;
  position: relative;
}
.input_time_custom::after {
  content: ":";
  font-size: 1rem;
  font-weight: 400;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/*
.input_time_custom.js-alert .input_block .number {
  border: 1px solid var(--color-alert-dark);
  color: var(--color-alert-dark);
  background-color: var(--color-alert);
}
*/
.input_time_custom .input_hour,
.input_time_custom .input_min {
  display: flex;
  flex-direction: column;
}
.input_time_custom .up,
.input_time_custom .down {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--background-dark);
  opacity: 0;
  transition: opacity 0.2s;
}
.input_time_custom:hover .up,
.input_time_custom:hover .down {
  opacity: 1;
}
.container_form_add_saisie.disabled .input_time_custom {
  opacity: 0.55;
}
.container_form_add_saisie.disabled .input_time_custom .up,
.container_form_add_saisie.disabled .input_time_custom .down {
  display: none !important;
  pointer-events: none;
}
.container_form_add_saisie.disabled
  .section_add_saisie
  section
  .content_time_details {
  pointer-events: none;
  cursor: default;
}
.input_time_custom .number {
  padding: 10px 0;
  background-color: var(--color-white);
  border-radius: 4px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  appearance: textfield;
}
.input_time_custom input:focus {
  border: 1px solid var(--border-input);
}
.input_time_custom input.hour_input:focus,
.input_time_custom .number.hour_input {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input_time_custom input.minute_input:focus,
.input_time_custom .number.minute_input {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.content_time .separator {
  height: 24px;
}
.content_time .separator svg path {
  stroke: var(--background-dark);
}

.input_time_custom input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.select_multiple_checkbox .select_opener,
.select_members_opener,
.select_groups_opener {
  cursor: pointer;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 100%;
  background-color: var(--bg-input);
  border: 1px solid var(--border-input);
  border-radius: 4px;
  font-size: 1rem;
  color: var(--color-gray);
}
.select_multiple_checkbox,
.select_members,
.select_groups {
  position: relative;
  width: 100%;
  max-width: 40rem;
}
.absence_form_step .select_members {
  margin-bottom: 2rem;
}
.select_multiple_checkbox ul,
.select_members ul,
.select_groups ul {
  display: flex;
  flex-direction: column;
  display: none;
  padding: 16px 10px;
  background-color: var(--color-white);
  position: absolute;
  width: 100%;
  top: 100%;
  border: 1px solid var(--border-input);
  border-radius: 4px;
  max-height: 17rem;
  overflow: auto;
}
.select_multiple_checkbox.js-active ul,
.select_members.js-active ul,
.select_groups.js-active ul {
  display: block;
  z-index: 1;
}
.select_multiple_checkbox ul li,
.select_members ul li,
.select_groups ul li {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.select_multiple_checkbox ul li input[type="checkbox"],
.select_members ul li input[type="checkbox"],
.select_groups ul li input[type="checkbox"] {
  width: auto;
  display: none;
}
.select_multiple_checkbox ul li label,
.select_members ul li label,
.select_groups ul li label {
  width: 100%;
  position: relative;
  padding: 3px 1px 3px 17px;
  display: flex;
  align-items: center;
  margin: 0;
  border-radius: 4px;
  cursor: pointer;
}
.select_multiple_checkbox ul li label:hover,
.select_members ul li label:hover,
.select_groups ul li label:hover {
  background-color: #f7f7f7;
}
.select_multiple_checkbox ul li input[type="checkbox"] + label::before,
.select_members ul li input[type="checkbox"] + label::before,
.select_groups ul li input[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: var(--color-dark);
  margin-right: 22px;
  border-radius: 2px;
}
.select_multiple_checkbox ul li input[type="checkbox"]:checked + label::before,
.select_members ul li input[type="checkbox"]:checked + label::before,
.select_groups ul li input[type="checkbox"]:checked + label::before {
  transform: scale(1);
}
.select_multiple_checkbox ul li input[type="checkbox"] + label::after,
.select_members ul li input[type="checkbox"] + label::after,
.select_groups ul li input[type="checkbox"] + label::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid var(--color-gray);
  border-radius: 4px;
}

/*
CUSTOM SELECT MEMBER / GROUPS
*/
.select_members ul.list_group {
  z-index: 2;
}
.select_members ul.list_group > li {
  flex-direction: column;
  gap: 10px;
}
.select_members ul ul.list_member {
  display: none;
  position: initial;
  flex-direction: column;
  border: none;
  font-size: 0.7rem;
  padding: 0 10px;
}
.select_members
  ul.list_group
  > li:has(input[name="groups[]"]:checked)
  ul.list_member {
  display: flex;
}
.select_members ul ul.list_member label {
  padding: 0px 1px 0px 17px;
}

.select_members label {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.content_toggle {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.content_toggle > p {
  font-size: 1rem;
  color: var(--color-gray);
}
.btn_toggle {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.btn_toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.btn_toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 34px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.btn_toggle .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.btn_toggle input:checked + .slider {
  background-color: var(--color-valide-dark);
}

.btn_toggle input:checked + .slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}
/*
*****************************************************
LAYOUT
*****************************************************
*/
.espace-membre .body {
  display: flex;
  min-height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}

#contentwrapper {
  width: 100%;
  flex-grow: 1;
}
#wrapper-popup {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0);
  z-index: -1;
  opacity: 0;
  transition: background-color 0.4s;
}
#wrapper-popup.js-active {
  opacity: 1;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.2);
}
#mobile-header {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: space-between;
  background: white;
  width: 100%;
  padding: 8px 16px;
  box-shadow: var(--shadow);
  z-index: 10;
}
#mobile-header .logo {
  width: auto;
  height: 40px;
}
#mobile-header .logo svg {
  width: auto;
  height: 35px;
}
.burger {
  position: relative;
  width: 22px;
  height: 18px;
  background: transparent;
  cursor: pointer;
  display: block;
}

.burger input {
  display: none;
}

.burger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: black;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.burger span:nth-of-type(1) {
  top: 0px;
  transform-origin: left center;
}

.burger span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
  transform-origin: left center;
}

.burger span:nth-of-type(3) {
  top: 100%;
  transform-origin: left center;
  transform: translateY(-100%);
}

.burger input:checked ~ span:nth-of-type(1) {
  transform: rotate(45deg);
  top: 0px;
  left: 5px;
}

.burger input:checked ~ span:nth-of-type(2) {
  width: 0%;
  opacity: 0;
}

.burger input:checked ~ span:nth-of-type(3) {
  transform: rotate(-45deg);
  top: 16px;
  left: 5px;
}

body:has(#sidebar.js-active) {
  overflow: hidden;
}
/*
*****************************************************
POPUP
*****************************************************
*/
.popup {
  background-color: var(--color-white);
  padding: 1rem;
  border-radius: 4px;
}
.popup.popup_alert {
  grid-template-rows: auto 1fr;
  min-width: 35rem;
  min-height: 16rem;
}
.popup_alert .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3rem;
  text-align: center;
}
.popup_alert .container_btn_action {
  display: flex;
  justify-content: center;
  gap: 3rem;
}
.popup_alert .container_btn_action button {
  padding: 1rem;
  min-width: 9rem;
  justify-content: center;
  display: flex;
  width: max-content;
  align-items: center;
  gap: 10px;
}
.btn_sign {
  background-color: var(--color-valide-dark);
  color: var(--color-white);
}
.popup_row_chantier {
  display: flex;
  flex-direction: column;
  line-height: normal;
}
.popup_row_chantier span.desc {
  color: #a7a7a7;
  font-size: 0.7rem;
  max-width: 18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popup .row_total_hour {
  color: #a7a7a7;
  font-size: 0.9rem;
  font-weight: 700;
}
/*
*****************************************************
SIDEBAR
*****************************************************
*/
#sidebar {
  min-width: 260px;
  max-width: 260px;
  background-color: var(--background-secondary);
  box-shadow: var(--shadow);
  padding: 1rem;
}
#sidebar .logo {
  margin-bottom: 2rem;
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  width: 100%;
  height: initial;
}
#sidebar .logo a {
  width: auto;
}
.mod_sidebar_navigation ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mod_sidebar_navigation ul li a {
  display: flex;
  align-items: center;
  padding: 10px 10px;
  gap: 10px;
  border-radius: 4px;
  line-height: normal;
}
.mod_sidebar_navigation ul li.js-active a {
  background-color: var(--color-dark);
  color: var(--color-white);
}
.mod_sidebar_navigation ul li a svg path {
  stroke: var(--color-dark);
}
.mod_sidebar_navigation ul li.js-active a svg path {
  stroke: var(--color-white);
}
.nav_admin {
  margin-top: 2rem;
}
.nav_admin .nav_admin_header {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: normal;
  font-size: 0.9rem;
  color: var(--color-gray);
  padding: 5px 10px;
}
.nav_admin .nav_admin_header svg {
  width: 18px;
  height: 18px;
}
.nav_admin .nav_admin_header svg path {
  stroke: var(--color-gray);
}
#sidebar .mod_login {
  display: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 2rem;
  border-top: 1px solid #dfdfdf;
}
body.sidebar-hidden #sidebar .mod_login {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  margin-top: 3rem;
}
/*
*****************************************************
LOGIN FORM
*****************************************************
*/
body.login .mod_login {
  max-width: 25rem;
  margin: auto;
}
/*
*****************************************************
HEADER USER
*****************************************************
*/
.espace-membre .mod_login {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mod_login .user_info {
  display: flex;
  align-items: center;
}
.mod_login .avatar {
  background-color: var(--color-dark);
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  border-radius: 50%;
  text-transform: uppercase;
  font-size: 1rem;
  margin-right: 10px;
}
.mod_login .user_info .content_text {
  font-size: 0.8rem;
  line-height: 1.4;
}
.mod_login .user_info .content_text .full_name {
  font-size: 1rem;
}
.espace-membre .mod_login form div.widget {
  margin-bottom: 0;
}
/*
*****************************************************
MODULE - LAYOUT
*****************************************************
*/
.mod_absence {
  display: flex;
  min-height: 100vh;
}
.mod_absence #main-content {
  flex-grow: 1;
  padding: 2rem 4rem 1rem 4rem;
  max-height: 100vh;
  width: 100%;
  overflow-y: auto;
}
.mod_absence #right-content {
  display: flex;
  flex-direction: column;
  background-color: var(--background-secondary);
  box-shadow: var(--shadow);
  padding: 0 2rem;
  min-width: 31rem;
}
body.sidebar-hidden .mod_absence #right-content {
  display: none;
}
.mod_absence #right-content .header {
  padding: 2rem 0;
  border-bottom: 1px solid #ededed;
}
.mod_absence #right-content > .wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem 0;
  flex-grow: 1;
}
.mod_absence #right-content .wrapper button {
  width: 100%;
}
.side_bar_content_saisie button {
  width: 100%;
  padding: 1rem;
  font-size: 1rem;
}
/*
*****************************************************
MODULE - PROGRESS BAR
*****************************************************
*/
.container_progress_bar {
  display: flex;
  align-items: center;
  height: 2rem;
  margin: 2rem 0 1rem 0;
}
.btn_back {
  margin-right: 1rem;
  opacity: 0;
  pointer-events: none;
}
.btn_back.js-active {
  opacity: 1;
  pointer-events: initial;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.btn_back svg {
  width: 40px;
  height: 40px;
}
.progress_bar {
  flex-grow: 1;
  position: relative;
  height: 5px;
  background-color: #d9d9d9;
  border-radius: 5rem;
}
.progress_bar .bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 32%;
  background-color: var(--color-dark);
  border-radius: 10rem;
  transition: width 0.4s;
}
.progress_bar .step {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: var(--color-dark);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.progress_bar-title {
  position: absolute;
  opacity: 0;
  left: 50px;
  top: -30px;
  transform: translateY(15px);
  transition: all 0.4s;
}
.progress_bar-title.js-active {
  opacity: 1;
  transform: translateY(0);
}
/*
*****************************************************
MODULE - Absence steps
*****************************************************
*/
.content_page_top {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
.content_page_top h1 {
  margin-bottom: 0;
}
.absences-steps {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  gap: 20px;
}
.absences-steps .absence_step {
  flex-direction: column;
}
.absences-steps .absence_step:has(table.absences tbody tr) {
  gap: 20px;
}
.absence_step,
.absence_form_step {
  display: none;
}
.absence_step.js-active {
  display: flex;
}
.absence_form_step {
  flex-direction: column;
  gap: 1rem;
}
.absence_form_step.js-active {
  display: flex;
}
.absence_form_step section {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.absence_form_step section label {
  min-width: 7rem;
}
.absence_form_step section input[name="comment"] {
  display: none;
}
.absence_form_step section textarea[name="comment"],
.admin_absence_form section textarea[name="comment"] {
  opacity: 0;
  max-width: 12rem;
  height: 100%;
}
.absence_form_step section textarea[name="comment"].js-active,
.admin_absence_form section textarea[name="comment"].js-active {
  opacity: 1;
}
.gestion-absences-selected {
  margin-top: auto;
}
/*
*****************************************************
MODULE - Liste absences
*****************************************************
*/
.side_bar_content_saisie table .wrapper.loading tr td,
.history-absences-teaser table .wrapper.loading tr td {
  height: 30px;
}
.side_bar_content_saisie table .wrapper.loading tr td::before {
  height: 65%;
}
.history-absences-teaser table .wrapper.loading tr td::before {
  height: 50%;
}
.entries-to-complete {
  margin-bottom: 2rem;
}
table {
  position: relative;
}
/*
.entries-to-complete table::before,
.history-absences-teaser table::before {
  content: "";
  background: linear-gradient(0deg, var(--color-white), transparent);
  width: 100%;
  height: 3rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
*/
.entries-to-complete table .wrapper tr:hover,
.history-absences-teaser table .wrapper tr:hover {
  background-color: #f4f4f4;
}
.entries-to-complete table .wrapper tr td,
.history-absences-teaser table .wrapper tr td {
  padding: 3px 10px;
}
.entries-to-complete .btn_see_all,
.history-absences-teaser .btn_see_all {
  margin-top: 1rem;
  background-color: transparent;
  color: var(--color-dark);
  font-weight: 600;
  text-decoration: underline;
}
table .wrapper.loading tr td {
  position: relative;
  padding: 0 1rem;
  height: 60px;
}
.list_absence_to_validate tbody.wrapper.loading tr:nth-child(even) {
  background-color: #eaecf159;
}
table .wrapper.loading tr td::before {
  content: "";
  display: block;
  width: 100%;
  height: 30%;
  background-color: #e7e7e7;
  border-radius: 4px;
  background-image: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0),
    rgb(213 213 213 / 50%) 60%,
    rgba(255, 255, 255, 0) 80%
  );
  background-size: 200px 24px;
  background-position: -100px 0;
  background-repeat: no-repeat;
  animation: loading 1s infinite;
}
table .wrapper.loading tr td.status::before {
  border-radius: 10rem;
  width: 65%;
}
.filters {
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.filters > ul {
  display: flex;
  gap: 1rem;
  min-height: 43px;
}
.filter_group_by {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.filter_group_by label {
  font-size: 0.8rem;
  color: var(--color-gray);
  margin-bottom: 0;
}
.filter_group_by select {
  width: max-content;
  padding: 7px 16px 7px 3px;
  font-size: 0.8rem;
}
.custom_select_status {
  position: relative;
  min-width: 12rem;
}
.filters .export button,
.filters input[name="date_start"],
.filters input[name="date_end"] {
  height: 100%;
}
.select_week_number,
.admin_custom_select_chantiers .chantier_selected,
.member_selected,
.status_selected {
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 100%;
  background-color: var(--bg-input);
  border: 1px solid var(--border-input);
  border-radius: 4px;
}

input[name="date_start"],
input[name="date_end"],
input[name="year"] {
  width: 125px;
  min-width: 125px;
}
body:has(.wrapper_admin_vue_period) .filters > ul,
body:has(.table_admin_vue_semaine) .filters > ul {
  flex-wrap: wrap;
}
/*
.admin_custom_select_chantiers .chantier_selected .content p .desc {
  display: none;
}
  */
.member_selected .content,
.status_selected .content {
  flex-grow: 1;
}
.select_week_number .list,
.admin_custom_select_chantiers .autocomplete,
.custom_select_members .autocomplete,
.custom_select_status ul {
  display: none;
  background-color: var(--color-white);
  border-radius: 4px;
  position: absolute;
  width: 100%;
  top: 105%;
  left: 0;
  flex-direction: column;
  box-shadow: var(--shadow);
}
.custom_select_status ul li {
  cursor: pointer;
  padding: 5px 10px;
}
.custom_select_status ul li:hover {
  background-color: #eaecf1;
}

.select_week_number .list.js-active,
.admin_custom_select_chantiers .autocomplete.js-active,
.custom_select_members .autocomplete.js-active,
.custom_select_status ul.js-active {
  display: flex;
  z-index: 999;
}

.admin_custom_select_chantiers {
  min-width: 30rem;
}
.custom_select_chantiers,
.custom_select_members {
  min-width: 20rem;
}
.select_week_number {
  min-width: 25rem;
}
.select_week_number .list,
.admin_custom_select_chantiers .autocomplete,
.custom_select_members .autocomplete {
  padding: 8px;
}
.admin_custom_select_chantiers .autocomplete .content_input,
.custom_select_members .autocomplete .content_input {
  position: relative;
  margin-bottom: 10px;
}
.custom_select_status ul li[data-value="1"] {
  order: 1;
}
.custom_select_status ul li[data-value="2"] {
  order: 5;
}
.custom_select_status ul li[data-value="3"] {
  order: 4;
}
.custom_select_status ul li[data-value="4"] {
  order: 2;
}
.custom_select_status ul li[data-value="5"] {
  order: 3;
}
.custom_select_status ul li[data-value="6"] {
  display: none !important;
}
.custom_select_status .tag_saisie {
  justify-content: flex-start;
}

.list_absence_to_validate thead .sorting .filter {
  cursor: pointer;
}
.list_absence_to_validate thead tr th {
  font-size: 0.85rem;
  border-bottom: 1px solid #f2f2f2;
  padding: 0.5rem 1rem;
}
.list_absence_to_validate thead tr th.request-date {
  max-width: 4rem;
}
.list_absence_to_validate thead tr th.satut {
  max-width: 2rem;
}

table.absences tbody tr,
table.list_saisie_history tbody tr:not(.header_date),
table.list_saisie_to_validate tbody tr:not(.header_date),
.entries-to-complete table .wrapper tr {
  cursor: pointer;
  border-radius: 4px;
}
.list_saisie_history tbody tr:nth-child(even),
.list_absence_to_validate tbody tr:nth-child(even),
.list_saisie_to_validate tbody tr:nth-child(even) {
  background-color: #eaecf1;
}

.list_saisie_history tbody tr:hover,
.list_saisie_history tbody tr:nth-child(even):hover,
.list_absence_to_validate tbody tr:hover,
.list_absence_to_validate tbody tr:nth-child(even):hover,
.list_saisie_to_validate tbody tr:hover,
.list_saisie_to_validate tbody tr:nth-child(even):hover {
  background-color: #d8dde7;
}
.list_saisie_history tbody tr td,
.list_absence_to_validate tbody tr td,
.list_saisie_to_validate tbody tr td {
  padding: 1rem;
  font-weight: 500;
}

table.absences tbody tr td.date {
  display: flex;
  align-items: center;
}
table.absences tbody tr td.date .time {
  margin-left: 1rem;
}
table.list_saisie_history .date,
table.absences .request_date,
table.list_saisie_to_validate .date {
  font-size: 0.7rem;
  color: #848484;
}

table.absences .time {
  font-size: 0.75rem;
  color: #848484;
}
.filters ul > li {
  position: relative;
}
.filters > ul > li svg.svg-search,
.select_chantier .select_header .content_input_chantier svg.svg-search {
  position: absolute;
  right: 12px;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-54%);
}
.filters > ul > li svg.svg-search path,
.select_chantier .select_header .content_input_chantier svg.svg-search path {
  stroke: var(--color-gray);
}
.select_chantier .select_header .content_input_chantier .search_chantier,
.admin_custom_select_chantiers .content_input .search_chantier {
  cursor: pointer;
}
.autocomplete {
  position: absolute;
  background-color: var(--color-white);
  top: 100%;
  left: 0;
  width: 100%;
  border-radius: 4px;
}
.autocomplete.js-active {
  border: 1px solid var(--border-input);
  z-index: 1;
}
.autocomplete ul {
  display: flex;
  flex-direction: column;
  max-height: 20rem;
  overflow-y: auto;
}
.autocomplete li {
  cursor: pointer;
  padding: 5px 16px;
  display: none;
}
.autocomplete li:hover {
  background-color: #eaecf1;
}
#reset-member {
  display: none;
  justify-content: center;
  gap: 10px;
  align-items: center;
  font-size: 0.8rem;
  line-height: normal;
  position: absolute;
  bottom: -20px;
  color: var(--color-gray);
  cursor: pointer;
}
#reset-member svg {
  width: 15px;
  height: 15px;
}
#reset-member svg path {
  stroke: var(--color-gray);
}
.status_tag {
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  font-size: 0.8rem;
  background-color: #cfcfcf;
  border-radius: 10rem;
  padding: 0px 12px;
  color: var(--color-dark);
}
.status_tag div {
  height: 20px;
}
.status_tag.status_all {
  background-color: #f3f3f3;
  color: var(--color-gray);
}
.status_tag.status_1 {
  background-color: var(--color-valide);
}
.status_tag.status_2 {
  background-color: var(--color-repos);
}
.status_tag.status_3 {
  background-color: var(--color-a-saisir);
}
.status_tag.status_4 {
  background-color: var(--color-signe);
}
.status_tag.status_5 {
  background-color: var(--color-en-cours);
}
.custom_datepicker .air-datepicker-cell.-current- {
  color: initial;
}
.custom_datepicker .air-datepicker-cell.-absence-cell-.absence_start {
  padding: 6px 0 6px 6px;
}
.custom_datepicker .air-datepicker-cell.-absence-cell-.absence_end {
  padding: 6px 6px 6px 0;
  z-index: 0;
}
.custom_datepicker .air-datepicker-cell.-absence-cell-.absence_start_end {
  padding: 6px 6px 6px 6px;
}
.custom_datepicker .air-datepicker-cell.-absence-cell-.absence_middle {
  padding: 6px 0 6px 0;
  z-index: 0;
}
.custom_datepicker
  .air-datepicker-cell.-absence-cell-.absence_start_end
  .tag_absence {
  border-radius: 4px;
  border-right: 6px solid #ffffff61;
  border-left: 6px solid #ffffff61;
}
.custom_datepicker
  .air-datepicker-cell.-absence-cell-.absence_start
  .tag_absence {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 6px solid #ffffff61;
}

.custom_datepicker
  .air-datepicker-cell.-absence-cell-.absence_end
  .tag_absence {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 6px solid #ffffff61;
}

.tag_absence {
  display: flex;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding: 0 10px;
  font-weight: 600;
  font-size: 0.8rem;
  color: var(--color-dark);
  background-color: #beecf6;
  border-top: 6px solid #ffffff61;
  border-bottom: 6px solid #ffffff61;
  transform: scale(1);
  transition: transform 0.3s;
}
.tag_absence.js-active {
  transform: scale(1.08);
}
.absences .status_tag.status_1 {
  background-color: var(--color-valide);
}
.absences .status_tag.status_2 {
  background-color: var(--color-en-cours);
}
.absences .status_tag.status_3 {
  background-color: var(--color-a-saisir);
}
@keyframes loading {
  40% {
    background-position: 100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
/*
*****************************************************
MODULE - POPUP
*****************************************************
*/

.popup {
  position: absolute;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  min-width: 47rem;
  min-height: 30rem;
  transform: scale(0.7);
  opacity: 0;
  transition: transform 0.3s, opacity 0.4s;
}
.popup.js-active {
  transform: scale(1);
  opacity: 1;
}
.popup .content_close {
  display: flex;
  justify-content: flex-end;
}
.popup .content_close:has(.back.js-active) {
  justify-content: space-between;
}
.popup .close {
  cursor: pointer;
}
.popup .close svg {
  pointer-events: none;
}
.popup .info {
  margin-bottom: 10px;
}
.popup .info .content_time {
  width: 100%;
  gap: 1rem;
}
.popup .date:not(.grouped) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.popup .date.grouped {
  color: var(--color-gray);
  font-size: 0.8rem;
  margin-bottom: 3rem;
}
.popup .date.grouped span {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-dark);
}
.popup .date .time {
  font-size: 0.9rem;
  color: #848484;
}
.popup .container_table {
  display: inline-block;
  max-height: 20rem;
  overflow-y: auto;
  margin-bottom: 2rem;
}
.popup .container_table thead {
  position: sticky;
  top: 0;
  background: white;
}
.popup ul.content_absence {
  display: flex;
  flex-wrap: 10px;
  gap: 1rem;
  margin: 10px 0;
  justify-content: center;
}
.popup ul.content_absence li {
  background-color: #beecf6;
  border-radius: 4px;
  padding: 0px 1rem;
  font-size: 0.8rem;
  font-weight: 500;
}
.popup .action {
  display: flex;
  /*display: none;*/
  justify-content: space-between;
  align-self: flex-end;
  padding-top: 1rem;
  min-height: 56px;
}

.popup .action .content_left,
.popup .action .content_right {
  display: flex;
  gap: 1rem;
}
.popup .action .content_left:has(.back.js-active) {
  flex-grow: 1;
  justify-content: space-between;
}
.popup .action .content_actions_admin {
  display: flex;
  gap: 10px;
}
.popup .title {
  display: block;
  /* display: none; */
  color: gray;
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
.popup .title .fullname {
  color: var(--color-dark);
  font-size: 1rem;
  font-weight: 600;
  margin-left: 4px;
}
/*
body:has(#main-content .page_admin_gestion) .popup .title {
  display: block;
}
  */
.popup .date .total_days {
  margin-left: 1rem;
  font-size: 0.8rem;
  color: gray;
}
.popup .container_absence_group_title {
  position: relative;
}
.popup .container_absence_group_title ul.members {
  display: none;
  position: absolute;
  background: white;
  font-size: 0.7rem;
  line-height: normal;
  color: gray;
  z-index: 1;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 10px;
  top: 100%;
  left: 0;
}
.popup .container_absence_group_title .title {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: normal;
}
.popup .container_absence_group_title .title span {
  height: 20px;
  cursor: pointer;
}
.popup .container_absence_group_title:has(.title span:hover) ul.members {
  display: block;
}
.popup .container_absence_group_title .title svg {
  height: 20px;
  width: auto;
}
.popup .container_absence_group_title .title svg path {
  stroke-width: 1.8;
}
/*
.popup .content {
  min-height: 10rem;
}
*/
.popup .content.js-hidden {
  display: none;
}
.popup .content tr td {
  padding: 0.2rem 1rem;
  font-size: 0.8rem;
}
.popup .content tr td.saisie_empty {
  text-align: center;
  color: var(--color-gray);
  background-color: #f3f3f3;
  border-radius: 8px;
}
.popup .content tr:nth-child(even) {
  background-color: #f7f7f7;
}
.popup .back {
  display: none;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.popup .back.js-active {
  display: flex;
}
.btn_refuse_absence {
  background-color: #ffbaba;
  color: var(--color-a-saisir-dark);
}
/*
*****************************************************
MODULE - TOAST NOTIFICATION
*****************************************************
*/
#toast {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-dark);
  color: var(--color-white);
  padding: 10px 20px;
  border-radius: 4px;
  text-align: center;
  z-index: 1;
  font-size: 0.8rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
}

#toast.show {
  visibility: visible;
  animation: fadeInOut 3s;
  z-index: 999;
}

@keyframes fadeInOut {
  5%,
  95% {
    opacity: 1;
    top: 50px;
  }
  15%,
  85% {
    opacity: 1;
    top: 30px;
  }
}

/*
*****************************************************
DATEPICKER
*****************************************************
*/

.custom_datepicker .air-datepicker {
  --adp-day-cell-width: 9rem;
  --adp-day-cell-height: 8rem;
  --adp-month-cell-height: 8rem;
  --adp-month-cell-width: 9rem;
  --adp-year-cell-height: 8rem;
  --adp-year-cell-width: 9rem;
  --adp-cell-background-color-in-range: #bdbdbd;
  /*--adp-cell-background-color-selected: var(--color-dark);*/
  --adp-day-name-color: var(--color-dark);
  --color-border-cell: #eeeeee;

  border: none !important;
  box-shadow: var(--shadow) !important;
  border-radius: 8px;
  width: max-content;
}
.custom_datepicker .air-datepicker--content {
  padding: 0rem 1rem 2rem 1rem;
}
.custom_datepicker .air-datepicker-body {
  overflow: hidden;
}
#datepicker-saisie .air-datepicker-nav {
  padding: 1rem 1rem 0rem 1rem;
  justify-content: space-between;
  border-bottom: none;
  position: relative;
}
#datepicker-absence .air-datepicker-nav .air-datepicker-nav--title {
  font-size: 1.7rem;
  color: var(--color-dark);
  font-weight: bold;
}
#datepicker-saisie .air-datepicker-nav .air-datepicker-nav--title {
  font-size: 1.7rem;
  pointer-events: none;
  color: var(--color-dark);
  font-weight: bold;
}
.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--color-dark);
  margin-left: 0.3em;
}
/*#datepicker-saisie .air-datepicker-nav--action {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#datepicker-saisie .air-datepicker-nav--action[data-action="prev"] {
  right: 5rem;
}
#datepicker-saisie .air-datepicker-nav--action[data-action="next"] {
  right: 3rem;
}*/

#datepicker-saisie-to-validate.loading .air-datepicker::before,
#datepicker-saisie.loading .air-datepicker::before {
  content: "Chargement des saisies...";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
}
#datepicker-absence-to-validate.loading .air-datepicker::before,
#datepicker-absence.loading .air-datepicker::before,
#datepicker-absence-group.loading .air-datepicker::before,
#datepicker-absence-gantt.loading .air-datepicker::before {
  content: "Chargement des absences...";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
}
#datepicker-saisie-to-validate.loading .air-datepicker::after,
#datepicker-saisie.loading .air-datepicker::after,
#datepicker-absence-to-validate.loading .air-datepicker::after,
#datepicker-absence.loading .air-datepicker::after,
#datepicker-absence-group.loading .air-datepicker::after,
#datepicker-absence-gantt.loading .air-datepicker::after {
  content: "";
  width: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid;
  border-color: #000 #0000;
  animation: l1 1s infinite;
  position: absolute;
  top: 45%;
  left: calc(50% - 6px);
}
@keyframes l1 {
  to {
    transform: rotate(0.5turn);
  }
}

.custom_datepicker .air-datepicker-body--cells.-days- {
  border-bottom: 1px solid var(--color-border-cell);
}
.custom_datepicker .air-datepicker-cell {
  border-radius: 0;
  border-left: 1px solid var(--color-border-cell);
  border-top: 1px solid var(--color-border-cell);
  justify-content: flex-start;
  flex-direction: column;
  padding: 5px;
  gap: 5px;
}

.custom_datepicker .air-datepicker-cell.-disabled- .tag_saisie,
.custom_datepicker .air-datepicker-cell.-disabled- .tag_absence {
  opacity: 0.5;
}

.custom_datepicker .air-datepicker-cell.-selected-:nth-child(7n),
.custom_datepicker .air-datepicker-cell.-selected-.-focus-:nth-child(7n),
.custom_datepicker .air-datepicker-cell:nth-child(7n) {
  border-right: 1px solid var(--color-border-cell);
}
.custom_datepicker .air-datepicker-cell.-in-range- {
  background: transparent;
}

.custom_datepicker .air-datepicker-cell,
.custom_datepicker .air-datepicker-body--day-name,
.custom_datepicker .air-datepicker-nav {
  user-select: none;
}

.custom_datepicker .air-datepicker-cell.-range-to-,
.custom_datepicker .air-datepicker-cell.-range-from- {
  background: transparent;
  border: none;
}
.custom_datepicker .air-datepicker-cell.-focus-.-range-to-,
.custom_datepicker .air-datepicker-cell.-focus- {
  background: var(--adp-cell-background-color-hover);
}

#datepicker-absence.active-in-range .air-datepicker-cell.-in-range- .num_day,
#datepicker-absence-group.active-in-range
  .air-datepicker-cell.-in-range-
  .num_day {
  background-color: var(--adp-cell-background-color-in-range);
  color: var(--color-white);
}
.custom_datepicker .air-datepicker-body--day-names {
  grid-auto-rows: 3rem;
  font-weight: 900;
}

.custom_datepicker .air-datepicker-cell.-selected-,
.custom_datepicker .air-datepicker-cell.-selected-.-focus-,
.custom_datepicker .air-datepicker-cell.-selected-.-current- {
  background-color: var(--color-white) !important;
  border-left: 1px solid var(--color-border-cell);
  border-top: 1px solid var(--color-border-cell);
  color: var(--color-dark);
}
.custom_datepicker .air-datepicker-cell.-day-.-selected- .num_day {
  background: var(--color-dark);
  color: white;
}
.custom_datepicker .air-datepicker-cell.-day-.-weekend- {
  background: #f7f7f7;
}
.custom_datepicker .air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, var(--adp-month-cell-width));
}
.custom_datepicker .air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, var(--adp-year-cell-width));
}
.custom_datepicker .air-datepicker-cell .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 10px;
}
.custom_datepicker .air-datepicker-cell .num_day {
  width: 27px;
  display: flex;
  height: 27px;
  min-width: 27px;
  min-height: 27px;
  justify-content: center;
  align-items: center;
  line-height: normal;
  font-weight: 500;
  border-radius: 50%;
  color: var(--color-dark);
}

#datepicker-absence.custom_datepicker .air-datepicker-cell,
#datepicker-absence-group.custom_datepicker .air-datepicker-cell,
#datepicker-absence-to-validate.custom_datepicker .air-datepicker-cell {
  align-items: flex-start;
}

.custom_datepicker .air-datepicker-cell.-disabled- .num_day {
  opacity: 0.5;
}
.custom_datepicker .air-datepicker-cell .total_hour {
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.7rem;
}
.custom_datepicker .air-datepicker-cell .total_hour span {
  color: var(--color-gray);
}
.custom_datepicker .air-datepicker-cell .total_hour .hour_supp .tag {
  padding: 2px 4px;
  font-size: 0.6rem;
}
.custom_datepicker .air-datepicker-cell .tag_absence {
  justify-content: space-between;
  border: none !important;
  border-radius: 4px;
  font-size: 0.7rem;
  background-color: #dcf9ff;
  padding: 4px 10px;
  gap: 4px;
  overflow: hidden;
}
.custom_datepicker .air-datepicker-cell .tag_absence .list_status_icon {
  display: flex;
  gap: 4px;
}
.popup .tag_status_absence,
.custom_datepicker .air-datepicker-cell .tag_absence .list_status_icon .status {
  height: 19px;
  width: 19px;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 4px;
}
.custom_datepicker
  .air-datepicker-cell
  .tag_absence
  .list_status_icon
  .status.status_1,
.popup .tag_status_absence.status_1 {
  background-color: var(--color-signe-dark);
}
.custom_datepicker
  .air-datepicker-cell
  .tag_absence
  .list_status_icon
  .status.status_2,
.popup .tag_status_absence.status_2 {
  background-color: var(--color-en-cours-dark);
}
.custom_datepicker
  .air-datepicker-cell
  .tag_absence
  .list_status_icon
  .status.status_3,
.popup .tag_status_absence.status_3 {
  background-color: var(--color-a-saisir-dark);
}

.popup .tag_status_absence {
  position: absolute;
  top: 12px;
  left: 12px;
  width: max-content;
  align-items: center;
  gap: 8px;
  padding: 14px 12px 14px 4px;
  font-size: 0.8rem;
  line-height: normal;
  color: white;
}
.popup .tag_status_absence .status {
  height: 19px;
  width: 19px;
}
.popup .tag_status_absence svg path {
  stroke: white;
}
.custom_datepicker .air-datepicker-cell .tag_absence .libelle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.custom_datepicker .air-datepicker-cell .tag_absence.middle {
  border-radius: 0;
}
.container_datepicker_saisie
  .custom_datepicker
  .air-datepicker-cell
  .tag_absence,
#datepicker-saisie-to-validate.custom_datepicker
  .air-datepicker-cell
  .tag_absence {
  height: auto;
}
.custom_datepicker .air-datepicker-cell .tag_absence p {
  line-height: normal;
  color: #1e6776;
  white-space: nowrap;
}
.custom_datepicker .air-datepicker-cell.-month- .tag_saisie,
.custom_datepicker .air-datepicker-cell.-year- .tag_saisie,
.custom_datepicker .air-datepicker-cell.-month- .total_hour,
.custom_datepicker .air-datepicker-cell.-year- .total_hour {
  display: none !important;
}
.custom_datepicker .air-datepicker-cell.-month- .top,
.custom_datepicker .air-datepicker-cell.-year- .top {
  justify-content: center;
}
.tag_absence svg {
  width: 15px;
  height: 15px;
}
.tag_absence svg path {
  /* stroke: #1e6776; */
  stroke: white;
}
.mobile_date {
  display: none;
}
.tag_saisie {
  width: 100%;
  height: 28px;
  border-radius: 4px;
  color: var(--color-dark);
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0 8px;
}
.popup .tag_saisie {
  width: max-content;
  gap: 8px;
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: 0.8rem;
  line-height: normal;
}
.tag_saisie.status_1 {
  color: var(--color-white);
}
.svg_is_updated {
  width: 20px;
  height: 20px;
}
.svg_is_updated path {
  stroke: white !important;
}
.status_4 .svg_is_updated circle,
.status_1 .svg_is_updated circle {
  fill: #40795f;
}
.status_5 .svg_is_updated circle {
  fill: var(--color-en-cours-dark);
}
.status_3 .svg_is_updated circle {
  fill: var(--color-a-saisir-dark);
}

table .tag_saisie {
  justify-content: flex-start;
  max-width: 9rem;
  line-height: normal;
  white-space: nowrap;
}
.tag_saisie > div {
  height: 20px;
}
.tag_saisie.status_1 {
  background-color: var(--color-valide);
}
.tag_saisie.status_1 svg path {
  stroke: #ffffff;
}
.tag_saisie.status_2 {
  background-color: var(--color-repos);
}
.tag_saisie.status_2 svg path {
  stroke: var(--color-repos-dark);
}
.tag_saisie.status_3 {
  background-color: #ff867d;
}
.tag_saisie.status_3 svg path {
  fill: var(--color-a-saisir-dark);
}
.tag_saisie.status_3 svg circle {
  stroke: var(--color-a-saisir-dark);
}
.tag_saisie.status_4 {
  background-color: #a8f7a5;
}
.tag_saisie.status_4 svg path {
  stroke: #4d8f70;
}
.tag_saisie.status_5 {
  background-color: #ffce7c;
}
.tag_saisie.status_5 svg path {
  fill: var(--color-en-cours-dark);
}
.tag_saisie.status_5 svg circle {
  stroke: var(--color-en-cours-dark);
}
.tag_saisie.status_6 {
  background-color: var(--color-repos);
}
.tag_saisie.status_6 svg path {
  stroke: var(--color-repos-dark);
}

.air-datepicker-nav .air-datepicker-nav--title {
  font-size: 1rem;
}
/*
*****************************************************
SAISIES
*****************************************************
*/
.entries-to-complete .title {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
svg.svg-notif {
  overflow: visible;
}
svg.svg-notif .content_count {
  opacity: 0;
}
svg.svg-notif .content_count.js-active {
  opacity: 1;
}
svg.svg-notif .text_count {
  font-size: 10px;
  font-weight: bold;
}
.saisie_step {
  display: none;
}
.saisie_step.js-active {
  display: block;
}
#saisie-back {
  display: none;
  margin-right: 1rem;
}
#saisie-back.js-active {
  display: flex;
}
#saisie-back svg {
  width: 40px;
  height: 40px;
}
.title_saisie {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.title_saisie h1 {
  margin-bottom: 0;
}
.title_saisie .content_left {
  display: flex;
  align-items: center;
}
.title_saisie .back {
  cursor: pointer;
}
button.btn_delete_task {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  background-color: var(--color-a-saisir-dark);
}
button.btn_delete_task.js-active {
  display: flex;
}
button.btn_delete_task svg {
  stroke: var(--color-white);
}
.absence_form_step section,
.section_add_saisie section {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  transform: scale(0.7);
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.4s;
}
.section_add_saisie section .content_time_details.time {
  order: 1;
}
.section_add_saisie section .content_time_details.chantier {
  order: 3;
}
.section_add_saisie section .content_time_details:not(.chantier) {
  order: 2;
}
.section_add_saisie section .actions {
  order: 4;
}
.absence_form_step .content_time {
  order: 1;
}
.absence_form_step select[name="type_hour"] {
  order: 2;
}
.absence_form_step textarea[name="comment"] {
  order: 3;
}
.absence_form_step .actions {
  order: 4;
}
.section_add_saisie section .content_time_details.chantier .chantier {
  /*
  display: flex;
  align-items: center;
  */
  display: grid;
  grid-template-columns: auto auto auto;
  line-height: normal;
}
.section_add_saisie section .content_time_details.chantier .libelle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 9rem;
  display: inline-block;
}
.section_add_saisie section .content_time_details.chantier .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 9rem;
  display: inline-block;
  font-size: 0.8rem;
  color: gray;
  grid-column: 1 / 4;
  justify-self: center;
}
.absence_form_step section.appear-animation,
.section_add_saisie section.appear-animation {
  transform: scale(1);
  opacity: 1;
}
.absence_form_step .text-date:not(.grouped) {
  margin-bottom: 3rem;
}
.absence_form_step .text-date.grouped {
  color: var(--color-gray);
  font-size: 0.8rem;
  margin-bottom: 3rem;
}
.absence_form_step .text-date:not(.grouped),
.absence_form_step .text-date span {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--color-dark);
}
#sections section.grouped,
#sections-absence-grouped section.grouped {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#sections section.grouped .info,
#sections-absence-grouped .info {
  color: var(--color-gray);
}
#sections section.grouped .form,
#sections-absence-grouped section.grouped .form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
#sections section.grouped select[name="type_hour"],
#sections-absence-grouped section.grouped select[name="type_hour"],
#sections.absence_form_step section.grouped textarea[name="comment"],
#sections-absence-grouped.absence_form_step
  section.grouped
  textarea[name="comment"] {
  width: 100%;
  max-width: 40rem;
}
#sections.absence_form_step section.grouped textarea[name="comment"] {
  height: 10rem;
}
.section_add_saisie section .content_time_details {
  padding: 5px;
  background-color: var(--color-white);
  border-radius: 4px;
  border: 1px solid var(--border-input);
  cursor: pointer;
}
.section_add_saisie section .content_time_details .hour_type {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.section_add_saisie section .content_time_details .type_family_libelle {
  display: none; /* display family name */
  background-color: var(--background-dark);
  font-size: 0.8rem;
  padding: 0 8px;
  font-weight: 600;
  border-radius: 4px;
  color: var(--color-white);
}
.section_add_saisie section .content_time_details .type_hour_libelle {
  white-space: nowrap;
}
.section_add_saisie section .content_time_details .hour_type svg {
  width: 20px;
  height: 20px;
}
.section_add_saisie section .content_time_details input {
  background: transparent;
  border: none;
  pointer-events: none;
}
.section_add_saisie section .content_time_details .task_details {
  display: flex;
  align-items: center;
}
.section_add_saisie section:not(:first-child):last-child .content_time_details {
  max-width: calc(100% - 23rem) !important;
}
.absence_form_step section .actions,
.section_add_saisie section .actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: -14px;
}
.absence_form_step section .actions .btn_delete_task,
.section_add_saisie section .actions .btn_delete_task {
  max-height: 41px;
}
.content_insert svg path {
  stroke: var(--background-dark);
}
.absence_form_step section .actions,
.section_add_saisie section .actions {
  opacity: 0;
  transition: all 0.2s;
}
.absence_form_step section:hover .actions,
.section_add_saisie section:hover .actions {
  opacity: 1;
}
.btn_insert_before,
.btn_insert_after {
  padding: 0;
  background-color: transparent;
}
.absence_form_step section:last-child .btn_insert_after,
.section_add_saisie section:last-child .btn_insert_after {
  cursor: initial;
  opacity: 0.5;
}
.content_insert {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.side_bar_content_saisie {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-grow: 1;
  gap: 1rem;
}
.side_bar_content_saisie .status {
  text-align: right;
  text-align: -webkit-right;
}
.side_bar_content_saisie .table_saisie tr td.actions {
  padding-top: 1rem;
}
.side_bar_content_saisie .table_saisie tr td.empty p,
.container_selected_absence table.absences tr td.empty p {
  color: var(--color-gray);
  font-size: 1rem;
  padding: 1rem;
  line-height: 1.5;
  background-color: var(--background);
  border-radius: 4px;
  border: 1px solid #e3e3e3;
}
.side_bar_content_saisie .table_saisie .selected_saisie_title {
  font-weight: 700;
}
.mod_absence:has(.container_form_add_saisie.saisie_form_step_2.js-active)
  #right-content
  .side_bar_content_saisie
  .table_saisie
  .selected_saisie_title {
  display: none;
}
/*
.side_bar_content_saisie .table_saisie tr td.actions {
  display: flex;
  justify-content: flex-end;
}
.side_bar_content_saisie .table_saisie tr td.actions button {
  max-width: 90%;
}
*/
.popup.js-active + .popup.saisie_chantier {
  position: absolute;
  opacity: 1;
  width: 80%;
  height: 85%;
}
.popup.saisie_chantier {
  min-width: 55rem;
  min-height: 40rem;
  max-height: 90vh;
  grid-template-rows: auto 1fr;
}
.popup.saisie_chantier .wrapper {
  display: flex;
  gap: 1rem;
}

.popup.saisie_chantier .wrapper .select_chantier,
.popup.saisie_chantier .wrapper .select_type_hour {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.section_add_saisie {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.container_form_add_saisie {
  position: relative;
}
.container_form_add_saisie > .date {
  margin-bottom: 3rem;
}
.container_form_add_saisie > .date p {
  color: var(--color-gray);
  font-size: 0.8rem;
}
.container_form_add_saisie > .date p span {
  color: var(--color-dark);
  font-size: 1.8rem;
  font-weight: 700;
  margin-left: 8px;
}
.container_form_add_saisie > .date div.total_time {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-gray);
  font-size: 0.8rem;
}
.container_form_add_saisie > .date div.total_time span:not(.value) {
  color: var(--color-gray);
  font-size: 0.8rem;
  margin-left: 0;
  font-weight: 400;
}
.container_form_add_saisie > .date div.total_time span.value {
  font-size: 1rem;
  color: var(--color-dark);
  font-weight: 700;
}
.btn_add_absence,
.btn_add_task {
  padding: 1rem;
  width: 100%;
  border: 2px dashed var(--background-dark);
  font-weight: 500;
  color: var(--background-dark);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  cursor: pointer;
}
.btn_add_absence svg,
.btn_add_task svg {
  width: 40px;
  height: 40px;
}
.btn_add_absence svg .circle,
.btn_add_task svg .circle {
  stroke: var(--background-dark);
  fill: var(--background-dark);
}
.btn_add_absence svg .line,
.btn_add_task svg .line {
  stroke: var(--color-white);
}
/*
.container_form_add_saisie .btn_delete_task {
  position: absolute;
  right: 0;
  bottom: 127px;
}
*/
.popup .container_form_add_saisie .btn_delete_task {
  position: initial;
  gap: 1rem;
  padding: 7px 16px;
}
.select_chantier .select_header .content_input_chantier {
  flex-grow: 1;
  position: relative;
}

.select_chantier .select_header,
.select_type_hour .select_header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  gap: 3rem;
}
.select_chantier .select_header {
  flex-direction: column;
  gap: 10px;
}
.select_chantier .select_header p,
.select_type_hour .select_header p {
  font-weight: 700;
  font-size: 1.2rem;
}
ul.list_chantiers {
  max-height: 32rem !important;
}
ul.list_chantiers p,
.admin_custom_select_chantiers
  .autocomplete
  .admin_custom_select_chantiers
  .autocomplete
  p,
.admin_custom_select_chantiers .chantier_selected .content p,
.admin_custom_select_chantiers .autocomplete ul li p {
  display: flex;
  flex-direction: column;
  line-height: 1.6;
}
ul.list_chantiers p span.desc,
.admin_custom_select_chantiers .autocomplete ul span.desc,
table .desc_chantier,
.admin_custom_select_chantiers .chantier_selected .desc {
  color: var(--color-gray);
  font-size: 0.8rem;
}
.table_admin_vue_chantier tr.family_hour {
  position: absolute;
}
.table_admin_vue_chantier tr.family_hour td {
  font-weight: bold;
}

ul.list_chantiers,
ul.list_type_hour {
  /* background-color: #f4f4f4; */
  border-radius: 4px;
  overflow: auto;
  max-height: 26rem;
  max-height: 100%;
  flex-grow: 1;
}

ul.list_chantiers li,
ul.list_type_hour li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.9rem;
  padding: 10px 20px;
  cursor: pointer;
}
ul.list_type_hour li {
  border-radius: 4px;
}
ul.list_chantiers li:not(:last-child) {
  border-bottom: 1px solid #d8d8d8;
}
ul.list_type_hour li:nth-child(even) {
  background-color: #eaecf1;
}

ul.list_chantiers li:hover,
ul.list_type_hour li:hover {
  background-color: #d8dde7;
}
ul.list_chantiers li:nth-child(even):hover,
ul.list_type_hour li:nth-child(even):hover {
  background-color: #d8dde7;
}
.select_type_hour .family_type {
  box-shadow: var(--shadow);
  margin-bottom: 21px;
}
.select_type_hour .family_type:not(.family_merged) {
  order: 2;
}
.select_type_hour .family_type.family_merged {
  order: 1;
}
.select_type_hour .family_name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
  font-weight: 500;
  background-color: var(--color-dark);
  color: var(--color-white);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 0.8rem;
  cursor: pointer;
}
.select_type_hour .family_name svg path {
  stroke: var(--color-white);
}
.select_type_hour .family_type .list_type_hour {
  max-height: 0;
  transition: all 0.4s;
}
.select_type_hour .family_type.js-active .list_type_hour {
  max-height: 26rem;
}
.select_type_hour .family_type .list_type_hour svg path {
  stroke: var(--background-dark);
}
table.list_saisie_history tr td.infos,
table.list_saisie_to_validate tr td.infos {
  display: flex;
  align-items: center;
  gap: 1rem;
}
table .date {
  font-weight: 500;
}
table.list_saisie_history .total_hour span,
table.list_saisie_to_validate .total_hour span,
table.saisies .total_hour span,
table.table_saisie .total_hour span,
.popup .total_hour span {
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--color-gray);
}
.list_saisie_history thead tr th .list_saisie_to_validate thead tr th {
  font-size: 0.85rem;
  border-bottom: 1px solid #f2f2f2;
  padding: 0.5rem 1rem;
}
table .total_hour,
.popup .total_hour {
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
}
table .total_hour {
  justify-content: center;
  flex-direction: row-reverse;
}
.total_hour .hour_supp {
  display: flex;
  align-items: center;
}
.air-datepicker-cell .total_hour .hours {
  font-size: 0.7rem;
}

.total_hour .hour_supp .tag {
  background-color: var(--color-dark);
  color: var(--color-white);
  line-height: normal;
  padding: 2px 9px;
  font-size: 0.7rem;
  border-radius: 4px;
  font-weight: 600;
}
.total_hour .hour_supp svg path {
  stroke: var(--color-signe-dark);
}
.content_btn_update_saisie {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0rem;
}
.btn_update_saisie {
  display: none;
  align-items: center;
  gap: 10px;
}
.btn_update_saisie svg {
  stroke: var(--color-white);
}

#submit-create-absence,
.container_valiate_saisie button {
  background-color: var(--color-valide-dark);
}
table tr.header_date {
  background-color: transparent !important;
}
table tr.header_date td {
  padding-top: 3rem !important;
  font-weight: 600 !important;
}
#submit-create-absence {
  padding: 1rem;
  font-size: 1rem;
}
/*
**********************************************************************************
ADMIN - Validate saisie
**********************************************************************************
*/
.btn_admin_validate_saisie,
.btn_admin_update_form_saisie,
.btn_admin_update_form_absence {
  display: none;
  align-items: center;
  gap: 1rem;
  padding: 10px 20px;
}

.btn_admin_validate_saisie,
.btn_admin_update_form_saisie {
  font-weight: 600;
}

.btn_admin_validate_saisie,
.btn_validate_absence {
  background-color: var(--color-valide);
  /* color: var(--color-dark); */
  color: var(--color-white);
}
.btn_admin_validate_saisie svg path,
.btn_validate_absence svg path {
  /* stroke: var(--color-signe-dark); */
  stroke: var(--color-white);
}

.btn_admin_update_form_saisie svg,
.btn_admin_update_form_absence svg {
  width: 20px;
  height: 20px;
}
.btn_admin_update_form_saisie svg path,
.btn_admin_update_form_absence svg path {
  stroke: var(--color-white);
}
.popup .container_update_saisie_admin {
  display: none;
  max-height: 18rem;
  overflow-y: auto;
  padding: 1rem 1rem 2rem 1rem;
}
.popup .container_update_saisie_admin.js-active {
  display: block;
}

table:has(tr.is_updated) tbody tr:not(.is_updated) {
  display: none;
  opacity: 0.5;
}
table:has(tr.is_updated) tbody.original_content tr:not(.is_updated) {
  display: table-row;
}
table:has(tr.is_updated) tbody.original_content tr.is_updated {
  display: none;
}
table .toggle_content_version {
  padding: 10px 0;
}
table .toggle_content_version button {
  background-color: transparent;
  color: var(--color-gray);
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
table .toggle_content_version button svg {
  width: 20px;
  height: 20px;
  pointer-events: none;
}
table .toggle_content_version button svg path {
  stroke: var(--color-gray);
  stroke-width: 2;
}
table .toggle_content_version_tag {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.8rem;
}
table .toggle_content_version_tag svg {
  width: 20px;
  height: 20px;
}
table .toggle_content_version_tag svg path {
  stroke: var(--color-dark);
  stroke-width: 2;
}
.right-content .container_selected_absence {
  max-height: 38rem;
  overflow-y: auto;
}
.container_selected_absence table .title {
  padding-bottom: 1rem;
}
.container_selected_absence table td:not(.title) {
  padding: 3px 0;
}

/*
*****************************************************
VUE
*****************************************************
*/
.table_admin_vue_period {
  margin-bottom: 3rem;
}
table .subheader td {
  font-size: 0.85rem;
  font-weight: 600;
  border-bottom: 1px solid #f2f2f2;
  padding: 0.5rem 1rem;
}
.table_admin_vue_period tr td,
.table_admin_vue_chantier tr td {
  padding: 5px 10px;
}
table.table_admin_vue_chantier .header_chantier td {
  padding: 30px 10px 5px 10px;
  font-weight: 600;
}
table.table_admin_vue_chantier .header_chantier .libelle_chantier {
  font-size: 1rem;
  font-weight: 400;
}
.table_admin_vue_period .subheader + tr.saisie td,
.table_admin_vue_chantier .subheader + tr.saisie td {
  padding: 16px 10px 5px 10px;
}
table.table_admin_vue_chantier .final_total {
  text-align: right;
  font-weight: 700;
}
.table_admin_vue_period .date,
.table_admin_vue_chantier .date {
  font-weight: 400;
}
.table_admin_vue_period tr.total td,
.table_admin_vue_chantier tr.total td {
  font-weight: 600;
}
.table_admin_vue_period tr.saisie.even,
.table_admin_vue_chantier tr.saisie.even,
.table_admin_vue_period tr:has(td.empty_saisie) {
  background-color: #eaecf1;
}
.table_admin_vue_period:has(td.empty_saisie) tr.subheader td {
  padding-bottom: 10px;
}
.table_admin_vue_period:has(td.empty_saisie) tr.subheader td:not(.type_family) {
  opacity: 0;
}
.table_admin_vue_period tr td.empty_saisie {
  text-align: center;
  font-size: 0.8rem;
}
.table_admin_vue_period tr.subheader td.type_family div {
  background-color: var(--color-dark);
  color: var(--color-white);
  width: max-content;
  padding: 0px 8px;
  border-radius: 4px;
}
.page_vue_admin .filters .select_family,
.page_vue_admin .filters .select_members,
.page_vue_admin .filters .select_groups {
  min-width: 20rem;
}

.select_week_number .week_selected {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select_week_number .list {
  flex-direction: column;
  max-height: 20rem;
  overflow-y: auto;
}
.select_week_number .list li {
  cursor: pointer;
  padding: 5px 16px;
}
.select_week_number .list li:hover {
  background-color: #eaecf1;
}
.table_admin_vue_semaine .header_wrapper {
  user-select: none;
}
.table_admin_vue_semaine tbody tr td {
  padding: 8px 0;
}
.table_admin_vue_semaine tbody tr td:first-child {
  padding-left: 10px;
  user-select: none;
}
.table_admin_vue_semaine tbody tr:nth-child(even) {
  background-color: #eaecf1;
}
/*
**********************************************************************************
GANTT - Absences
**********************************************************************************
*/
.mod_absence #main-content:has(.page_vue_admin.gantt) {
  padding: 2rem 4rem 1rem 1rem;
}
.page_vue_admin.gantt .content_gantt {
  display: flex;
  max-height: calc(100vh - (55px + 6rem));
  overflow: auto;
  box-shadow: var(--shadow);
  border-radius: 8px;
}

.custom_datepicker.datepicker_gantt .air-datepicker {
  border-radius: 0;
  box-shadow: none !important;
}
.datepicker_gantt .air-datepicker-body--day-names {
  display: none;
}
.datepicker_gantt .air-datepicker-body--cells.-days- {
  display: flex;
  max-width: calc(
    100vw - (220px + 260px + 5rem)
  ); /*calc(100vw - (220px + 260px + 5rem))*/
  overflow: auto;
  border-bottom: none;
}
.custom_datepicker.datepicker_gantt .air-datepicker-cell:nth-child(7n) {
  border-right: none;
}
.datepicker_gantt .air-datepicker-cell.-day-.-other-month- {
  display: none;
}
.datepicker_gantt .air-datepicker-cell.-day- {
  height: auto;
  min-height: 77vh;
  width: 5rem;
  min-width: 5rem;
  cursor: inherit;
  z-index: initial;
  border-top: none;
}
.datepicker_gantt
  .air-datepicker-cell.-day-
  .tag_absence[data-total="1"]
  .libelle {
  display: none;
}
.datepicker_gantt
  .air-datepicker-body--cells.-days-
  .air-datepicker-cell:first-child {
  border-left: none;
}
.custom_datepicker.datepicker_gantt .air-datepicker-cell.-focus- {
  background: var(--background-secondary);
}
.custom_datepicker.datepicker_gantt .air-datepicker-cell.-day-.-focus- {
  border-top: none;
}
.datepicker_gantt .air-datepicker--content {
  padding: 0;
}
.datepicker_gantt .air-datepicker-cell.-absence-cell- .tag_absence {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  height: auto;
  position: absolute;
  left: 0;
  padding: 5px 5px;
  border-radius: 23rem;
  width: 100%;
  border: 1px solid #fff !important;
  cursor: pointer;
  z-index: 1;
}
.datepicker_gantt .air-datepicker-cell ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.gantt_members_wrapper ul.group {
  position: relative;
}
.gantt_members_wrapper ul li.group_name {
  color: var(--color-gray);
  font-size: 0.7rem;
  position: absolute;
  top: -5px;
  left: 0;
  min-height: 0;
}
.gantt_members_wrapper ul li,
.datepicker_gantt .air-datepicker-cell ul li {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 5rem;
}
.gantt_members_wrapper {
  padding: 92px 16px 16px 16px;
  background-color: var(--background-secondary);
  border-right: 2px solid #e5e5e5;
  min-width: 217px;
}
.gantt_members_wrapper ul li {
  width: max-content;
}
.datepicker_gantt .air-datepicker-cell ul li .avatar {
  background-color: #1e6776;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.6rem;
  height: 1.6rem;
  min-width: 1.6rem;
  min-height: 1.6rem;
  border-radius: 50%;
  text-transform: uppercase;
  font-size: 0.7rem;
}
.datepicker_gantt .air-datepicker-cell ul li .libelle {
  color: #1e6776;
  max-width: 100%;
  overflow: hidden;
}
.datepicker_gantt .air-datepicker-cell ul li .status {
  flex-grow: 1;
  text-align: right;
}
.tag_absence svg circle {
  stroke: #1e6776;
}
.datepicker_gantt .air-datepicker-cell ul li .status,
.datepicker_gantt .tag_absence svg {
  width: 20px;
  height: 20px;
}

.datepicker_gantt .air-datepicker-cell.-absence-cell- .tag_absence:hover {
  border: 1px solid #1e6776 !important;
}
.content_update_actions {
  display: flex;
  gap: 8px;
}

.popup .admin_absence_form {
  display: none;
  max-height: 28rem;
  overflow: auto;
  padding: 2rem 0;
}
.popup .admin_absence_form .wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.popup .admin_absence_form.js-active {
  display: flex;
}
.popup .btn_save_update_absence_admin {
  display: none;
  align-items: center;
  gap: 10px;
}
.popup .btn_save_update_absence_admin svg {
  fill: #fff;
}
.popup .admin_absence_form section {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.popup .admin_absence_form section select[name="type_hour"] {
  width: auto;
  height: max-content;
  flex-grow: 1;
}
.popup .admin_absence_form section .actions {
  display: none !important;
}
.admin_absence_form section textarea[name="comment"] {
  max-width: 100%;
  height: auto;
  order: 3;
}
.admin_absence_form section textarea[name="comment"]:not(.js-active) {
  height: 0;
  width: 0;
  padding: 0;
}
.gantt .filters {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.admin_new_absence_to_validate {
  max-height: 22rem;
  overflow-y: auto;
}
.admin_new_absence_to_validate thead p {
  font-weight: 700;
}
.admin_new_absence_to_validate .new_absence {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 0;
}
.admin_new_absence_to_validate .new_absence .container_dates {
  font-size: 0.8rem;
  width: 100%;
  line-height: 1.4;
  color: gray;
}
.admin_new_absence_to_validate .wrapper tr:not(:last-child) .new_absence {
  border-bottom: 1px solid #d7d7d7;
}
.admin_new_absence_to_validate .new_absence:hover {
  background-color: #f4f4f4;
}
.admin_new_absence_to_validate .new_absence .count {
  background-color: #e83434;
  color: #fff;
  font-weight: 500;
  border-radius: 4rem;
  font-size: 0.8rem;
  min-width: 45px;
  text-align: center;
  line-height: normal;
  padding: 4px 0;
}
/*
**********************************************************************************
RESPONSIVE
**********************************************************************************
*/
@media screen and (max-width: 1745px) {
  .mod_absence #right-content {
    min-width: 0;
    padding: 0 1.5rem;
  }
  .mod_absence #main-content {
    padding: 3rem 1rem 5rem 1rem;
  }

  .custom_datepicker .air-datepicker {
    --adp-day-cell-width: 6rem;
    --adp-day-cell-height: 6rem;
    --adp-month-cell-height: 6rem;
    --adp-month-cell-width: 6rem;
    --adp-year-cell-height: 6rem;
    --adp-year-cell-width: 6rem;
  }
}
@media screen and (max-width: 1485px) {
  .custom_datepicker .air-datepicker {
    --adp-day-cell-width: 5.5rem;
    --adp-day-cell-height: 5.5rem;
    --adp-month-cell-height: 5.5rem;
    --adp-month-cell-width: 5.5rem;
    --adp-year-cell-height: 5.5rem;
    --adp-year-cell-width: 5.5rem;
  }
}

@media screen and (max-width: 1040px) {
  .login .mod_article .container {
    margin-left: 1rem;
    margin-right: 1rem;
    max-width: 100%;
    width: auto;
  }
}
@media screen and (max-width: 1040px) {
  h1 {
    font-size: 1.2rem;
  }
  .filters {
    margin-bottom: 1rem;
  }
  #toast {
    width: 90%;
  }
  #toast.show {
    top: 65px !important;
  }
  /*LAYOUT*/
  body.login #main .mod_article > .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
  #mobile-header {
    display: flex;
  }
  .espace-membre .body {
    max-height: none;
  }
  #sidebar {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100vw;
    min-width: 100vw;
    height: 100%;
    padding: 4rem 1rem 1rem 1rem;
    transform: translateX(-100%);
    transition: all 0.3s ease-in-out;
    overflow-y: auto;
    z-index: 999;
  }
  #sidebar.js-active {
    transform: translateX(0);
  }
  .mod_absence #right-content .header,
  .mod_absence #right-content .entries-to-complete,
  .mod_absence #right-content .history-absences-teaser {
    display: none !important;
  }
  .mod_absence #main-content {
    padding: 6rem 1rem 14rem 1rem;
    overflow-y: initial;
    max-height: none;
    z-index: 0;
  }
  .mod_absence #main-content:has(#datepicker-absence),
  .mod_absence #main-content:has(#datepicker-absence-group) {
    padding: 6rem 1rem 22rem 1rem;
  }
  #right-content {
    position: fixed;
    width: 100%;
    bottom: 0;
  }
  .mod_absence #right-content {
    padding: 0 1rem;
  }
  .mod_absence #right-content > .wrapper {
    padding: 1rem 0;
  }
  #sidebar .mod_login {
    display: flex;
  }
  .mod_login .user_info .content_text .full_name {
    font-size: 0.8rem;
  }
  /*LOGIN PAGE*/
  .login svg {
    width: 150px;
  }
  /*POPUP*/
  #wrapper-popup {
    position: fixed;
    align-items: flex-end;
  }
  .popup .content_close {
    padding-bottom: 1rem;
  }
  .popup,
  .popup.saisie_chantier {
    min-width: 0;
    width: 100vw;
    padding: 1rem 0.5rem;
    position: relative;
  }
  .popup .action {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
  }
  .popup .action .content_right {
    position: absolute;
    top: 10px;
    left: 1rem;
  }
  .popup .action .content_left {
    justify-content: space-between;
  }
  .btn_update_saisie_admin {
    margin-left: 2rem;
  }
  .popup button,
  .btn_admin_validate_saisie,
  .btn_admin_update_form_saisie {
    font-size: 0.8rem;
    font-weight: 400;
    padding: 9px 10px;
  }
  .popup table {
    display: flex;
    flex-direction: column;
  }
  .popup table thead tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .popup table .wrapper {
    display: flex;
    flex-direction: column;
  }
  .popup table:has(tr.is_updated) .wrapper:not(.original_content) tr.is_updated,
  table:has(tr.is_updated) tbody.original_content tr:not(.is_updated) {
    display: flex;
  }
  .popup table .wrapper tr {
    flex-wrap: wrap;
    background-color: transparent;
    border-bottom: 1px solid #e7e7e7;
    padding: 5px 0;
  }
  .popup .content tr td {
    padding: 0.3rem 0.5rem;
    line-height: 1;
  }
  .popup tr td:empty {
    padding: 0 !important;
  }
  .popup .date.grouped span {
    font-size: 1.2rem !important;
  }
  .popup .date:not(.grouped) {
    font-size: 1.2rem;
    gap: 0;
  }

  /*SAISIE*/
  .title_saisie {
    margin-bottom: 1rem;
  }
  /*SAISIE - FORM*/
  .input_time_custom .up,
  .input_time_custom .down {
    font-size: 26px;
  }
  .container_form_add_saisie > .date p span {
    font-size: 1.2rem;
  }
  .container_form_add_saisie {
    height: auto;
  }
  .absence_form_step section,
  .section_add_saisie section {
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 2rem;
  }
  .section_add_saisie
    section:not(:first-child):last-child
    .content_time_details {
    max-width: 100% !important;
  }
  .content_time {
    width: 100%;
  }
  .content_time .bottom {
    margin-top: 7px;
  }
  .absence_form_step section .actions,
  .section_add_saisie section .actions,
  .input_time_custom .up,
  .input_time_custom .down {
    opacity: 1;
  }
  .section_add_saisie section .content_time_details:not(.chantier),
  .section_add_saisie section .content_time_details.chantier {
    width: 100%;
  }
  .absence_form_step section .actions,
  .section_add_saisie section .actions {
    width: 100%;
    justify-content: space-between;
    padding-top: 10px;
  }
  .input_time_custom .number {
    width: 3rem;
  }
  .content_btn_update_saisie {
    position: initial;
  }
  .content_btn_update_saisie {
    padding: 2rem 0 0 0;
  }
  /* RIGHT BAR */
  #right-content .container_selected_absence {
    max-height: 9rem;
    overflow-y: auto;
  }
  #right-content .container_selected_absence button {
    padding: 10px 20px;
  }
  #right-content .container_selected_absence table {
    padding: 0;
  }
  /*ADMIN PAGE*/
  .filters > ul {
    flex-wrap: wrap;
  }
  .select_week_number,
  .admin_custom_select_chantiers .chantier_selected,
  .member_selected,
  .status_selected {
    min-height: 3rem;
  }
  /*ABSENCE FORM*/
  select[name="type_hour"] {
    width: 100%;
  }
  .absence_form_step section textarea[name="comment"],
  .admin_absence_form section textarea[name="comment"] {
    max-width: 100%;
  }
  .absence_form_step section textarea[name="comment"]:not(.js-active),
  .admin_absence_form section textarea[name="comment"]:not(.js-active) {
    position: absolute;
    height: 0;
    padding: 0;
    margin: 0;
    z-index: -1;
  }
  .popup .admin_absence_form .wrapper {
    gap: 3rem;
  }
  .content_time .top {
    margin-top: 0;
  }
  /*VUE - ADMIN*/
  .select_week_number {
    min-width: 0;
  }
  .page_vue_admin table tbody.wrapper {
    max-width: calc(100vw - 45px);
    overflow-x: scroll;
    display: block;
  }
  table.table_admin_vue_chantier .header_chantier td {
    font-size: 1rem;
  }
  table.table_admin_vue_chantier .header_chantier .libelle_chantier {
    font-size: 0.8rem;
  }
  /*DATEPICKER*/
  .custom_datepicker .air-datepicker {
    width: 100%;
  }
  .custom_datepicker .air-datepicker {
    --adp-day-cell-width: 1fr;
    --adp-day-cell-height: 7.5rem;
  }
}
@media screen and (max-width: 760px) {
  /*DATEPICKER*/

  .custom_datepicker .air-datepicker-cell .total_hour {
    /* display: none; */
    position: absolute;
    bottom: 5px;
    left: 0;
  }

  .air-datepicker-cell .total_hour .hours {
    display: none;
  }

  .air-datepicker-nav {
    padding: 0.5rem 1rem;
  }
  .air-datepicker-nav .air-datepicker-nav--title {
    font-size: 1rem;
  }
  .custom_datepicker .air-datepicker-cell.-focus- {
    background: inherit;
  }

  .custom_datepicker .air-datepicker--content {
    padding: 0rem 0rem 2rem 0rem;
  }
  .custom_datepicker .air-datepicker-cell .top {
    justify-content: center;
  }
  .custom_datepicke .air-datepicker-cell .total_hour {
    display: none;
  }
  .custom_datepicker .air-datepicker-cell .tag_absence p {
    display: none;
  }

  .tag_saisie {
    order: 1;
    width: auto;
    padding: 0 4px;
  }
  .custom_datepicker .air-datepicker-cell .tag_absence {
    width: auto;
    overflow: visible;
  }

  .custom_datepicker .air-datepicker-cell .tag_absence p {
    white-space: nowrap;
  }
  .custom_datepicker .air-datepicker-cell .top {
    padding-bottom: 0;
  }
  .custom_datepicker .air-datepicker-cell .num_day {
    width: auto;
    height: auto;
  }
  .custom_datepicker .tag_saisie.status_6 svg {
    display: none;
  }
  .custom_datepicker .tag_saisie.status_6 {
    position: absolute;
    bottom: -5px;
    background-color: transparent;
    padding: 0;
    color: var(--color-gray);
    font-weight: 400;
  }

  .svg_is_updated {
    width: 16px;
    height: 16px;
    position: absolute;
    top: -9px;
    right: -8px;
  }
  /*DATEPICKER ABSENCE / ADMIN ABSENCE / ABSENCE GROUP */
  .custom_datepicker#datepicker-absence .air-datepicker--content,
  .custom_datepicker#datepicker-absence-to-validate .air-datepicker--content {
    padding: 0;
  }
  .custom_datepicker#datepicker-absence .air-datepicker,
  .custom_datepicker#datepicker-absence-to-validate .air-datepicker,
  .custom_datepicker#datepicker-absence-group .air-datepicker {
    --adp-day-cell-width: 1fr;
    --adp-day-cell-height: 5rem;
  }
  .custom_datepicker#datepicker-absence .air-datepicker-cell,
  .custom_datepicker#datepicker-absence-to-validate .air-datepicker-cell,
  .custom_datepicker#datepicker-absence-group .air-datepicker-cell {
    gap: 0;
  }
  .custom_datepicker .air-datepicker-cell .tag_absence .list_status_icon,
  .custom_datepicker .air-datepicker-cell .tag_absence .libelle {
    display: none;
  }
  .custom_datepicker#datepicker-absence
    .air-datepicker-cell.-absence-cell-
    .tag_absence,
  .custom_datepicker#datepicker-absence-to-validate
    .air-datepicker-cell.-absence-cell-
    .tag_absence,
  .custom_datepicker#datepicker-absence-group
    .air-datepicker-cell.-absence-cell-
    .tag_absence {
    width: 100%;
    height: 1.5rem;
    border-radius: 0;
  }
  .custom_datepicker#datepicker-absence
    .air-datepicker-cell.-absence-cell-
    .tag_absence.start_end,
  .custom_datepicker#datepicker-absence-to-validate
    .air-datepicker-cell.-absence-cell-
    .tag_absence.start_end,
  .custom_datepicker#datepicker-absence-group
    .air-datepicker-cell.-absence-cell-
    .tag_absence.start_end {
    border-radius: 50% !important;
    width: 1.5rem;
  }
  .custom_datepicker#datepicker-absence
    .air-datepicker-cell.-absence-cell-
    .tag_absence.start,
  .custom_datepicker#datepicker-absence-to-validate
    .air-datepicker-cell.-absence-cell-
    .tag_absence.start,
  .custom_datepicker#datepicker-absence-group
    .air-datepicker-cell.-absence-cell-
    .tag_absence.start {
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
  }
  .custom_datepicker#datepicker-absence
    .air-datepicker-cell.-absence-cell-
    .tag_absence.end,
  .custom_datepicker#datepicker-absence-to-validate
    .air-datepicker-cell.-absence-cell-
    .tag_absence.end,
  .custom_datepicker#datepicker-absence-group
    .air-datepicker-cell.-absence-cell-
    .tag_absence.end {
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
  }

  /*DATEPICKER ADMIN SAISIE*/
  .custom_datepicker .air-datepicker-cell .tag_absence,
  #datepicker-saisie-to-validate.custom_datepicker
    .air-datepicker-cell
    .tag_absence {
    order: 3;
  }
  /*DATEPICKER GANTT*/
  .gantt_members_wrapper {
    padding: 103px 10px 16px 10px;
    min-width: 0;
  }
  .gantt_members_wrapper ul li {
    font-size: 0.8rem;
  }
  .datepicker_gantt .air-datepicker-body--cells.-days- {
    max-width: calc(100vw - 160px);
  }
  .datepicker_gantt .air-datepicker-cell.-day- {
    min-height: 70vh;
  }
  .gantt_members_wrapper ul li,
  .datepicker_gantt .air-datepicker-cell ul li {
    min-height: 4rem;
  }
}