@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --web-font: "Inter Tight", arial, sans-serif;
    --web-light: #f5faff;
    --vector-empty-datatable: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%20width%3D%22500%22%20height%3D%22500%22%3E%0A%20%20%3Cpath%20d%3D%22M5%204C4.45%204%204%204.45%204%205L4%2013L13%2013L13%204L5%204%20z%20M%2015%204L15%2013L24%2013L24%204L15%204%20z%20M%2026%204L26%2013L35%2013L35%204L26%204%20z%20M%2037%204L37%2013L46%2013L46%205C46%204.45%2045.55%204%2045%204L37%204%20z%20M%204%2015L4%2024L13%2024L13%2015L4%2015%20z%20M%2015%2015L15%2024L15%2026L15%2035L15%2037L15%2044L15%2045L15%2046L45%2046%20A%201.0001%201.0001%200%200%200%2046%2045L46%2015L45%2015L44%2015L37%2015L35%2015L26%2015L24%2015L15%2015%20z%20M%2017%2017L24%2017L24%2024L17%2024L17%2017%20z%20M%2026%2017L35%2017L35%2024L26%2024L26%2017%20z%20M%2037%2017L44%2017L44%2024L37%2024L37%2017%20z%20M%204%2026L4%2035L13%2035L13%2026L4%2026%20z%20M%2017%2026L24%2026L24%2035L17%2035L17%2026%20z%20M%2026%2026L35%2026L35%2035L26%2035L26%2026%20z%20M%2037%2026L44%2026L44%2035L37%2035L37%2026%20z%20M%204%2037L4%2045C4%2045.55%204.45%2046%205%2046L13%2046L13%2037L4%2037%20z%20M%2017%2037L24%2037L24%2044L17%2044L17%2037%20z%20M%2026%2037L35%2037L35%2044L26%2044L26%2037%20z%20M%2037%2037L44%2037L44%2044L37%2044L37%2037%20z%22%20fill%3D%22%23A0AFC7%22%20%2F%3E%0A%3C%2Fsvg%3E");
    --vector-add-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%20width%3D%22240%22%20height%3D%22240%22%3E%0A%20%20%3Cpath%20d%3D%22M25%208C22.25%208%2020%2010.25%2020%2013L20%2067C20%2069.75%2022.25%2072%2025%2072L55%2072C57.75%2072%2060%2069.75%2060%2067L60%2051L58%2051L58%2060L22%2060L22%2018L58%2018L58%2022L60%2022L60%2013C60%2010.25%2057.75%208%2055%208%20Z%20M%2025%2010L55%2010C56.667969%2010%2058%2011.332031%2058%2013L58%2016L22%2016L22%2013C22%2011.332031%2023.332031%2010%2025%2010%20Z%20M%2036%2012C35.640625%2011.996094%2035.304688%2012.183594%2035.121094%2012.496094C34.941406%2012.808594%2034.941406%2013.191406%2035.121094%2013.503906C35.304688%2013.816406%2035.640625%2014.003906%2036%2014L44%2014C44.359375%2014.003906%2044.695313%2013.816406%2044.878906%2013.503906C45.058594%2013.191406%2045.058594%2012.808594%2044.878906%2012.496094C44.695313%2012.183594%2044.359375%2011.996094%2044%2012%20Z%20M%2031.949219%2012C31.398438%2012%2030.949219%2012.449219%2030.949219%2013C30.945313%2013.550781%2031.394531%2014%2031.945313%2014C32.210938%2014.003906%2032.464844%2013.898438%2032.652344%2013.710938C32.839844%2013.523438%2032.949219%2013.265625%2032.949219%2013C32.949219%2012.449219%2032.5%2012.003906%2031.949219%2012%20Z%20M%2026%2020C25.449219%2020%2025%2020.449219%2025%2021C25%2021.550781%2025.449219%2022%2026%2022C26.550781%2022%2027%2021.550781%2027%2021C27%2020.449219%2026.550781%2020%2026%2020%20Z%20M%2026%2024C25.449219%2024%2025%2024.449219%2025%2025C25%2025.550781%2025.449219%2026%2026%2026C26.550781%2026%2027%2025.550781%2027%2025C27%2024.449219%2026.550781%2024%2026%2024%20Z%20M%2040%2024C37.800781%2024%2036%2025.800781%2036%2028L36%2045C36%2047.199219%2037.800781%2049%2040%2049L45%2049L45%2055.414063L51.414063%2049L71%2049C73.199219%2049%2075%2047.199219%2075%2045L75%2028C75%2025.800781%2073.199219%2024%2071%2024%20Z%20M%2040%2026L71%2026C72.117188%2026%2073%2026.882813%2073%2028L73%2045C73%2046.117188%2072.117188%2047%2071%2047L50.585938%2047L47%2050.585938L47%2047L40%2047C38.882813%2047%2038%2046.117188%2038%2045L38%2028C38%2026.882813%2038.882813%2026%2040%2026%20Z%20M%2026%2028C25.449219%2028%2025%2028.449219%2025%2029C25%2029.550781%2025.449219%2030%2026%2030C26.550781%2030%2027%2029.550781%2027%2029C27%2028.449219%2026.550781%2028%2026%2028%20Z%20M%2065%2030C63.894531%2030%2063%2030.894531%2063%2032C63%2033.105469%2063.894531%2034%2065%2034C66.105469%2034%2067%2033.105469%2067%2032C67%2030.894531%2066.105469%2030%2065%2030%20Z%20M%2026%2032C25.449219%2032%2025%2032.449219%2025%2033C25%2033.550781%2025.449219%2034%2026%2034C26.550781%2034%2027%2033.550781%2027%2033C27%2032.449219%2026.550781%2032%2026%2032%20Z%20M%2051%2032L43%2042L59%2042%20Z%20M%2060%2034L57.386719%2037.484375L61%2042L66%2042%20Z%20M%2026%2036C25.449219%2036%2025%2036.449219%2025%2037C25%2037.550781%2025.449219%2038%2026%2038C26.550781%2038%2027%2037.550781%2027%2037C27%2036.449219%2026.550781%2036%2026%2036%20Z%20M%2026%2040C25.449219%2040%2025%2040.449219%2025%2041C25%2041.550781%2025.449219%2042%2026%2042C26.550781%2042%2027%2041.550781%2027%2041C27%2040.449219%2026.550781%2040%2026%2040%20Z%20M%2026%2044C25.449219%2044%2025%2044.449219%2025%2045C25%2045.550781%2025.449219%2046%2026%2046C26.550781%2046%2027%2045.550781%2027%2045C27%2044.449219%2026.550781%2044%2026%2044%20Z%20M%2026%2048C25.449219%2048%2025%2048.449219%2025%2049C25%2049.550781%2025.449219%2050%2026%2050C26.550781%2050%2027%2049.550781%2027%2049C27%2048.449219%2026.550781%2048%2026%2048%20Z%20M%2026%2052C25.449219%2052%2025%2052.449219%2025%2053C25%2053.550781%2025.449219%2054%2026%2054C26.550781%2054%2027%2053.550781%2027%2053C27%2052.449219%2026.550781%2052%2026%2052%20Z%20M%2026%2056C25.449219%2056%2025%2056.449219%2025%2057C25%2057.550781%2025.449219%2058%2026%2058C26.550781%2058%2027%2057.550781%2027%2057C27%2056.449219%2026.550781%2056%2026%2056%20Z%20M%2022%2062L58%2062L58%2067C58%2068.667969%2056.667969%2070%2055%2070L25%2070C23.332031%2070%2022%2068.667969%2022%2067%20Z%20M%2040%2064C38.894531%2064%2038%2064.894531%2038%2066C38%2067.105469%2038.894531%2068%2040%2068C41.105469%2068%2042%2067.105469%2042%2066C42%2064.894531%2041.105469%2064%2040%2064Z%22%20fill%3D%22%23A0AFC7%22%20%2F%3E%0A%3C%2Fsvg%3E");
    --vector-sad-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%20width%3D%22480%22%20height%3D%22480%22%3E%0A%20%20%3Cpath%20d%3D%22M21%2011C18.800781%2011%2017%2012.800781%2017%2015L17%2067L33.585938%2067L39%2072.414063L44.414063%2067L61%2067L61%2015C61%2012.800781%2059.199219%2011%2057%2011%20Z%20M%2021%2013L57%2013C58.117188%2013%2059%2013.882813%2059%2015L59%2018C58.449219%2018%2058%2018.449219%2058%2019C58%2019.550781%2058.449219%2020%2059%2020L59%2065L43.585938%2065L39%2069.585938L34.414063%2065L19%2065L19%2020C19.550781%2020%2020%2019.550781%2020%2019C20%2018.449219%2019.550781%2018%2019%2018L19%2015C19%2013.882813%2019.882813%2013%2021%2013%20Z%20M%2023%2018C22.449219%2018%2022%2018.449219%2022%2019C22%2019.550781%2022.449219%2020%2023%2020C23.550781%2020%2024%2019.550781%2024%2019C24%2018.449219%2023.550781%2018%2023%2018%20Z%20M%2027%2018C26.449219%2018%2026%2018.449219%2026%2019C26%2019.550781%2026.449219%2020%2027%2020C27.550781%2020%2028%2019.550781%2028%2019C28%2018.449219%2027.550781%2018%2027%2018%20Z%20M%2031%2018C30.449219%2018%2030%2018.449219%2030%2019C30%2019.550781%2030.449219%2020%2031%2020C31.550781%2020%2032%2019.550781%2032%2019C32%2018.449219%2031.550781%2018%2031%2018%20Z%20M%2035%2018C34.449219%2018%2034%2018.449219%2034%2019C34%2019.550781%2034.449219%2020%2035%2020C35.550781%2020%2036%2019.550781%2036%2019C36%2018.449219%2035.550781%2018%2035%2018%20Z%20M%2039%2018C38.449219%2018%2038%2018.449219%2038%2019C38%2019.550781%2038.449219%2020%2039%2020C39.550781%2020%2040%2019.550781%2040%2019C40%2018.449219%2039.550781%2018%2039%2018%20Z%20M%2043%2018C42.449219%2018%2042%2018.449219%2042%2019C42%2019.550781%2042.449219%2020%2043%2020C43.550781%2020%2044%2019.550781%2044%2019C44%2018.449219%2043.550781%2018%2043%2018%20Z%20M%2047%2018C46.449219%2018%2046%2018.449219%2046%2019C46%2019.550781%2046.449219%2020%2047%2020C47.550781%2020%2048%2019.550781%2048%2019C48%2018.449219%2047.550781%2018%2047%2018%20Z%20M%2051%2018C50.449219%2018%2050%2018.449219%2050%2019C50%2019.550781%2050.449219%2020%2051%2020C51.550781%2020%2052%2019.550781%2052%2019C52%2018.449219%2051.550781%2018%2051%2018%20Z%20M%2055%2018C54.449219%2018%2054%2018.449219%2054%2019C54%2019.550781%2054.449219%2020%2055%2020C55.550781%2020%2056%2019.550781%2056%2019C56%2018.449219%2055.550781%2018%2055%2018%20Z%20M%2039%2029C37.34375%2029%2036%2030.34375%2036%2032C36%2033.65625%2037.34375%2035%2039%2035C40.65625%2035%2042%2033.65625%2042%2032C42%2030.34375%2040.65625%2029%2039%2029%20Z%20M%2036%2039L36%2041L37%2041L37%2053L36%2053L36%2055L42%2055L42%2053L41%2053L41%2039Z%22%20fill%3D%22%23A0AFC7%22%20%2F%3E%0A%3C%2Fsvg%3E");
    --vector-color: #A0AFC7;
}

input:not(.form-control) { color: #212529; }
a.btn:focus { box-shadow: inset 0 0 0 2px; }

.text-primary {color: var(--web-color) !important}
.border-primary {border-color: var(--web-color) !important}
.text-bg-primary {background-color: var(--web-color) !important; }


.form-control, .form-select {box-shadow: unset !important;}
.form-control:focus, .form-select:focus {border-color: var(--web-color);}
/* Boutons */
.btn-primary { 
    background-color: var(--web-color);
    border-color: var(--web-color);
}

.btn-primary:hover {
    background-color: var(--wa-btn-bg-hover);
    border-color: var(--wa-btn-bg-hover);
}

.btn-primary:disabled {
    background-color: var(--web-color) !important;
    border-color: var(--web-color) !important;
    color: #fff !important; opacity: .5;
}

.btn-primary:active,
.btn-primary:focus {
    background-color: var(--wa-btn-bg-active) !important;
    border-color: var(--wa-btn-bg-active) !important;
    }

a *, button * {pointer-events: none;}

/* Liens */
a {
    color: var(--web-color);
}
a:hover {
    color: var(--wa-btn-bg-hover);
}

/* Badges */
.badge.bg-primary {
    background-color: var(--web-color) !important;
}

/* Alertes */
.alert-primary {
    background-color: var(--bs-primary-light);
    color: var(--web-color);
    border-color: var(--web-color);
}

/* Pagination */
.page-link {
    color: var(--web-color);
}
.page-link:hover {
    color: var(--wa-btn-bg-hover);
}
.page-item.active .page-link {
    background-color: var(--web-color);
    border-color: var(--web-color);
}

/* Progress bar */
.progress-bar.bg-primary {
    background-color: var(--web-color) !important;
}

.alert {border-radius: 0 !important;border: 0;line-height: 1.25;border-left: 4px solid;}
#preloader {display: block; position: fixed; height: 100%; top: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--web-color); z-index: 9999;}

.loader {
    width: 45px;
    aspect-ratio: 1;
    --c: no-repeat linear-gradient(#fff calc(50% - 10px),#fff0 0 calc(50% + 10px),#fff 0);
    background: 
        var(--c) 0%   100%,
        var(--c) 50%  100%,
        var(--c) 100% 100%;
    background-size: 20% calc(200% + 20px);
    animation:l4 1s infinite linear;
}
@keyframes l4 {
    33%  {background-position: 0% 50%,50% 100%,100% 100%}
    50%  {background-position: 0%  0%,50%  50%,100% 100%}
    66%  {background-position: 0%  0%,50%   0%,100%  50%}
    100% {background-position: 0%  0%,50%   0%,100%   0%}
}

.form-check-input:checked {
    background-color: var(--web-color);
    border-color: var(--web-color);
}

.text-small {font-size: .85rem;}
.text-xs {font-size: 12px;}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear { display: none; }

.alert-dismissible .close{ padding: .45rem 1rem; }

.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg, .modal-backdrop.show, .modal { background: rgba(0,0,0,.65) !important; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); opacity: 1;}

.modal-header .close { font-size: 3rem; font-weight: lighter; line-height: 26px;}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{font-weight: 600; font-size: 18px;}
.jconfirm .jconfirm-box div.jconfirm-title-c{ border-bottom: 1px solid #666; margin-bottom: 20px; }
.jconfirm.jconfirm-supervan .jconfirm-bg { background-color: rgba(0,0,0,0.95) !important; }

.modal-backdrop.show { opacity: .85; }


.error{font-size: 14px; user-select: none; pointer-events: none; display: block; font-weight: normal; margin-top: .4rem; color: #ce2835; line-height: 1.1;}
.error:not(:empty)::before {content: "\F63B";font-family: bootstrap-icons!important;vertical-align: middle;margin-right: .25rem;display: inline;font-size: inherit;}

.btn {line-height: 1.25; white-space: nowrap;}

._remotecontent:empty{width: 80%; margin: auto;background-color: transparent !important; min-height: 400px !important; display: block !important;
background-image: var(--ox-icon-empty);
background-position: center !important; background-repeat: no-repeat !important; background-size: 120px !important;}
._remotecontent:empty:before {display: block;content: "Please check your internet connection then refresh this page."; text-align: center; position: relative;top: 280px;opacity: .4; font-size: 1.65rem; /*! text-shadow: 0 0 1px #fff; */ max-width: 400px; margin: auto; line-height: normal;color: #98A0CF;}


.dataTables_empty::before {content: "";width: 200px;height: 100px;display: block;margin: 0 auto 1rem auto;background-image: var(--ox-icon-empty);background-position: center !important;background-repeat: no-repeat !important;background-size: 75px !important;}
.dataTables_empty {font-size: 14px;padding: 4rem 0 !important;}

p {word-break: break-word;}
.flex-btn {display: flex; gap: .5rem; align-items: center; flex-wrap: nowrap;}

th, td {vertical-align: middle;}

.btn-flex {display: flex; gap: .5rem; align-items: center; flex-wrap: nowrap;}

.table-responsive {margin-bottom: 1rem;}

#isloading {display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100% !important; z-index: 9999; backdrop-filter: blur(2px);}

.dt-info { margin: .5rem 0; font-size: .85rem; }

.c-pointer {cursor: pointer;}

.breadcrumb-container { border: transparent; position: relative; height: 0px; z-index: 1}
.breadcrumb-container > nav {position: absolute; margin-left: 1rem; text-transform: uppercase; margin-bottom: 3rem; top: 1rem; padding: .1rem .5rem; border-radius: 0; background-color: rgba(255,255,255,.9); backdrop-filter: blur(2px); font-size: .85rem; border: 1px solid rgba(0,0,0,.1);}

.form-group {margin-bottom: .85rem;}
.avatar {aspect-ratio: 1; border-radius: 25%; border: 1px solid rgba(200, 200, 200, .5); background-color: rgba(0,0,0,.25); display: inline-block; vertical-align: middle; object-fit: cover;  object-position: center; }


.cropit-preview {background-color: transparent; border-radius: 0 !important; background-size: cover; outline: 1px solid rgba(255, 255, 255, .1); overflow: hidden; margin-top: 7px; width: 250px; height: 250px; }
.profilepic .cropit-preview-image-container {border-radius: 400px !important;overflow: hidden;border: 2px dashed rgba(255, 255, 255, 0.4);z-index: 2;}
.cropit-preview-image{position: relative; z-index: 1;}
.cropit-preview-image-container{cursor: move !important;}
.cropit-preview-background-container {z-index: -1 !important;}

.section-lg {padding: 6rem 0;}
.section {padding: 4rem 0;}
.section-sm {padding: 2rem 0;}

.news-section { margin-bottom: 2rem; }
.news-preview { overflow: hidden;  border-radius: 0 !important; }
.news-preview.large { aspect-ratio: 16/9; }
.news-preview.box { aspect-ratio: 1; width: 160px; }

.news-item .news-preview>img { transition: .25s ease transform; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.05); }
.news-item:hover img { transform: scale(1); }
.news-item { display: block; border: 1px solid var(--web-color); }
a.news-item:hover { outline: 1px solid var(--web-color); }
.news-content a:hover { text-decoration: underline; }
.news-section li { margin-bottom: 1rem; }

.news-content h4,
.news-content h3,
.news-content h2 { margin-bottom: 1rem; margin-top: 2rem; }

.codex-editor, .news-content { font-weight: 400 }

/* .news-content{} */
.parallax-container { overflow: hidden; position: relative; aspect-ratio: 4; }

.parallax-image { background-size: cover; background-position: center; background-attachment: fixed; height: 100%; position: absolute; top: 0; left: 0; right: 0; transition: opacity 0.3s ease; }
.parallax-image.darken { opacity: 0.25; }

.accordion-item {border-radius: 0;}
.accordion-button {
    background-color: transparent !important;
    box-shadow: none !important;
    font-size: 1.2rem;
    font-weight: 400; border-radius: 0;
    padding: 1rem;
}

.accordion-sm .accordion-button {font-size: 1rem !important;}

.accordion-button:not(.collapsed) {
    color: var(--web-color);
    border-width: 2px;
}

.accordion-body {
    font-size: 1rem;
    padding-left: 2rem !important;
    border-left: 4px solid var(--web-color);
}

.gallery-items.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: .25rem; }
.gallery-items.grid > img { width: 100%; height: 100%; object-fit: cover; object-position: center; cursor: pointer;}

.gallery-items.masonry { column-count: 2; column-gap: .25rem; }
.gallery-items.masonry > img { width: 100%; margin-bottom: .25rem; break-inside: avoid; cursor: pointer;}

img.preview-seo {aspect-ratio: 16/9; width: 100%; object-fit: cover;}


#image-previewer {width: 100%;display: flex;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;height: 100%;z-index: 9999;background-color: rgba(0,0,0,.75);backdrop-filter: blur(4px);/* overflow-y: auto; */}
#image-previewer > div.-actions {position: absolute; right: 24px; top: 24px; display: flex; gap:1.5rem; align-items: center;  z-index: 1;}
#image-previewer > div.-actions a {color: #F3F5F8; opacity: .75; font-size: 1.65rem;}
#image-previewer > div.-actions a:hover {opacity: 1;}
#image-previewer > div.-image {max-width: 960px;max-height: 640px;position: relative;z-index: 0;display: flex;align-items: center;justify-content: center;height: 100%;}
#image-previewer > div.-image > img {/* width: auto; */pointer-events: visible;max-width: 100%;max-height: 100%;}

@media (min-width: 1280px) and (min-height: 720px) {
    #image-previewer > div.-image {width: 1280px; height: 700px; }
}


.choices__list--multiple .choices__item {background-color: var(--web-color) !important; border-color: var(--web-color) !important;}
.dt-empty::before, .no-empty:empty { content: ""; width: 200px; height: 160px; display: block; margin: 0 auto 1rem auto; background-image: var(--vector-empty-datatable); background-position: center; background-repeat: no-repeat !important; background-size: 100px; }
.no-empty:empty {background-image: var(--vector-sad-image) !important;position: relative;width: 100%;background-position: center 1rem;background-color: rgba(255,255,255,.02);}
.no-empty:empty::before {content: "No Data";display: block;position: absolute;bottom: 16px;transform: translateX(-50%);left: 50%;}
.table-sm .dt-empty::before {height: 100px; background-size: 80px;}

.dt-column-title {white-space: nowrap;}
.wa-tooltip {z-index: 1090;}

.dt-search {margin-bottom: .5rem;}
.top-80 {top: 80px;}

.char-counter {position: relative; margin-left: .5rem;}
.char-counter > div { position: absolute; z-index: 99; font-size: 13px !important; opacity: 1; background: linear-gradient(#212529, rgba(0, 0, 0, .85)); line-height: 100%; padding: 4px .5rem 4px .5rem; border-radius: 0 0rem .5rem .5rem; display: inline-block; box-shadow: 0 2px 2px 0 rgba(0,0,0,.15) }