*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 0.88rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    background-color: #f1f4f6;
}

a {
    color: var(--primary);
    text-decoration: none;
    background-color: transparent;
}
ol li {
    list-style: auto;
}
ul li {
    list-style: none;
}
.bg-blue {
    background: var(--couleur-principale);
}
.border-none {
    border: none;
}
.anchor {
    scroll-margin-top: 105px;
}
/* BLOC RESPONSABLE */
.bloc-responsable {
    padding-top: 1em;
}
.bloc-compte-famille {
    border: solid #dedede 2px;
    margin-bottom: 1em;
}
.bloc-proprietaire-compte-famille {
    padding: 0.6em;
    border-bottom: solid 2px #dedede;
    line-height: 1.8em;
    background: #f3f3f3;
}
.bloc-responsable-compte-famille {
    padding: 0.6em;
    border: solid 2px #dedede;
    line-height: 1.8em;
    background: #f3f3f3;
}

/* FORM */
label {
    font-weight: bold;
}
.color-form label {
    font-weight: normal !important;
}
.color-form-view p {
    margin-bottom: 0;
}
.campaign_date > select {
    height: 30px;
    border-radius: 0 !important;
}
.campaign_date > select {
    font-size: 12px;
    width: 40px;
    height: 50px;
}
input[type="text"],
input[type="password"] {
    min-width: 146px;
}
input[type="radio"] {
    border-radius: 50% !important;
}
input[type="radio"]::before {
    background-color: pink;
}
input[type="number"] {
    min-width: 70px;
}
.form-age {
    width: 90px !important;
}
/* input[type="date"] { width: 200px !important; } */
input[type="datetime-local"] {
    width: 200px;
}
input[type="time"] {
    width: 200px !important;
}
input[type="file"] {
    height: unset !important;
}

.btn-padding-left {
    padding-left: 45px !important;
}
.btn-padding-right {
    padding-right: 45px !important;
}

.form-check-input:checked {
    background-color: var(--couleur-principale) !important;
    border-color: var(--couleur-principale) !important;
}
.form-check-input {
    width: 1.15em !important;
    height: 1.15em !important;
}
.form-switch .form-check-input {
    width: 2.5em !important;
    height: 1.4em !important;
    border-radius: 2em !important;
}
.age-control-label {
    width: 110px;
}

.form-check-rose-input:checked {
    background-color: var(--rose) !important;
    border-color: var(--rose) !important;
}
.form-check-rose-input {
    width: 1.15em !important;
    height: 1.15em !important;
}
.form-switch .form-check-rose-input {
    width: 2.5em !important;
    height: 1.4em !important;
    border-radius: 2em !important;
}

/* FIN FORM */

/* BUTTON */
.btn {
    border-radius: 0 !important;
}
.paperIconButtonGreen {
    height: 100%;
    width: 35px;
    text-align: center;
    background-color: var(--noir);
    color: var(--blanc);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    line-height: 30px;
}
.btn-check:focus + .btn,
.btn:focus {
    box-shadow: none !important;
}
.btn-success {
    background-color: var(--green);
    border: 1px solid var(--green) !important;
}
.btn-inscription {
    padding: 0 1em !important;
    color: #fff;
    font-weight: bold !important;
    border-radius: 0 !important;
}
.btn-inscription a {
    text-decoration: none;
    color: var(--blanc);
}
.btn-inscription:hover {
    background-color: #003e7e;
    border: 2px solid #003e7e;
    transition: ease-in 0.1s;
    text-decoration: none;
    color: #fff;
}
.bt-tarif-groupe {
    background-color: #0052a3 !important;
}
.btn-unsubscribe {
    border: none;
    background-color: unset;
}
.btn-unsubscribe i {
    pointer-events: none;
    color: #e2007a;
}
/* FIN BUTTON */

/* PANIER FRONT */
.bandeau_panier {
    color: white;
    font-size: 1.3em;
    padding: 0.15em 10px !important;
    margin-bottom: 6px;
}
.bloc-adhesion {
    padding-bottom: 1.25em;
}
.bloc-tarif-adhesion {
    border: solid 3px #dedede;
    min-height: 85px;
}
.titre-tarif-adhesion {
    background: #dedede;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}
.adhesion {
    color: #e2007a;
    font-size: 1.1em;
    font-weight: bold;
}
.prix_activity {
    color: #383b65;
    font-size: 1.1em;
    font-weight: bold;
}
.total_panier {
    padding: 5px 15px;
    background-color: #383b65;
}
.total_price {
    color: white;
    font-weight: bold;
    font-size: 1.1em;
}
.panier-total-bo-fo {
    width: 163px;
}
.titre_activity {
    color: #e2007a;
    font-size: 1.3em;
}
.bloc-code {
    background: var(--couleur-principale);
    padding: 1em;
    max-width: 80%;
    display: inline-block;
    margin-bottom: 2em;
}
.input-code {
    min-width: unset !important;
    width: 50px;
    height: 60px;
    border: none;
    font-size: 2em;
    margin: 0 5px;
    text-align: center;
}
.case-code {
    padding: inherit;
}
/* FIN PANIER FRONT */

/* PANIER BACK */
.btn-change-cf {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}
.btn-change-cf:hover {
    color: #212529 !important;
    background-color: #fff !important;
}
/* FIN PANIER BACK */

.page {
    padding: 15px;
    min-height: calc(100vh - 60px);
}

.app-header.header-shadow {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03),
        0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03),
        0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05),
        0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
}

.app-header .app-header__content {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 0 1.5rem 0 1rem;
}

.app-header .app-header__content .app-header-right {
    align-items: center;
    display: flex;
    margin-left: auto;
}

.app-header__logo {
    height: 60px;
    width: 265px;
    display: flex;
    align-items: center;
    transition: width 0.2s;
    padding-right: 15px;
}

.app-header__mobile-menu {
    display: none;
    padding: 0 1.5rem;
    height: 60px;
    align-items: center;
}

.fixed-header .app-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10000;
}

.fixed-header .app-header .app-header__logo {
    visibility: visible;
}
.fixed-header .app-main {
    padding-top: 60px;
}
.fixed-header:not(.fixed-sidebar):not(.closed-sidebar)
    .app-sidebar
    .app-header__logo {
    visibility: hidden;
}

.app-header.header-text-light
    .app-header-right
    > .header-btn-lg
    .widget-content-left
    .btn-group
    > .btn,
.app-header.header-text-light
    .app-header-right
    > .header-btn-lg
    .widget-heading,
.app-header.header-text-light
    .app-header-right
    > .header-btn-lg
    .widget-subheading {
    color: rgba(255, 255, 255, 0.8);
}
.app-header.header-text-light .header-btn-lg::before {
    background: rgba(255, 255, 255, 0.2);
}
.app-header.header-text-light .app-header__mobile-menu .hamburger-inner,
.app-header.header-text-light .app-header__mobile-menu .hamburger-inner::before,
.app-header.header-text-light .app-header__mobile-menu .hamburger-inner::after {
    background: rgba(255, 255, 255, 0.9);
}

.app-sidebar {
    display: flex;
    position: relative;
    margin-top: -60px;
    padding-top: 60px;
    transition: all 0.2s;
    width: 265px;
    min-width: 265px;
    flex: 0 0 265px;
    overflow: auto;
    background-color: var(--couleur-secondaire);
}

.app-sidebar .app-sidebar__inner {
    padding: 2px 0.5rem 1.5rem;
    z-index: 900;
}
.app-sidebar.sidebar-shadow {
    box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05);
}

.vertical-nav-menu::after {
    content: " ";
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.vertical-nav-menu .mm-collapse:not(.mm-show) {
    display: none;
}

.vertical-nav-menu .mm-collapsing {
    position: relative;
    height: 0;
    width: 230px;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: 0.25s;
    transition-property: height, visibility;
}

.vertical-nav-menu:before {
    opacity: 0;
    transition: opacity 300ms;
}

.vertical-nav-menu li a {
    color: var(--blanc);
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 2rem;
    height: 2rem;
    left: 0px;
    display: block;
    position: relative;
    border-radius: 0.25rem;
    white-space: nowrap;
    transition: all 0.2s;
    margin: 0.1rem 0;
    padding-left: 35px;
    text-decoration: none;
}

.vertical-nav-menu li a:hover {
    background: #e0f3ff;
    text-decoration: none;
    background: unset;
}
.vertical-nav-menu li a:hover i.metismenu-icon {
    color: var(--rose);
    opacity: 1;
}

.vertical-nav-menu i.metismenu-icon {
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -17px;
    font-size: 1.5rem;
    opacity: 0.3;
    transition: color 300ms;
}

.vertical-nav-menu ul > li > a {
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 0 0;
}
.vertical-nav-menu ul > li > a .metismenu-icon {
    display: none;
}

.fixed-sidebar .app-sidebar {
    position: fixed;
    height: 100%;
    z-index: 1000;
}

.fixed-sidebar .app-main .app-main__outer {
    transition: all ease 0.25s;
    padding-left: 250px;
}
.fixed-sidebar.fixed-header .app-sidebar .app-header__logo {
    display: none;
}
.fixed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo {
    display: flex;
}
.fixed-sidebar:not(.fixed-header) .app-header {
    margin-left: 280px;
}
.fixed-sidebar:not(.fixed-header) .app-header .app-header__logo {
    display: none;
}
.fixed-sidebar.closed-sidebar:not(.fixed-header) .app-header {
    margin-left: 80px;
}
.fixed-sidebar.closed-sidebar:not(.fixed-header)
    .app-sidebar
    .app-header__logo {
    width: 80px;
    padding: 0;
}
.fixed-sidebar.closed-sidebar:not(.fixed-header)
    .app-sidebar
    .app-header__logo
    .logo-src {
    display: none;
}

.closed-sidebar .app-sidebar {
    transition: all 0.3s ease;
    width: 80px;
    min-width: 80px;
    flex: 0 0 80px;
}
.closed-sidebar .app-sidebar .app-sidebar__inner ul li a {
    text-indent: -99rem;
    padding: 0;
}
.closed-sidebar .app-sidebar .app-sidebar__inner .metismenu-icon {
    text-indent: 0;
    left: 50%;
    margin-left: -17px;
}
.closed-sidebar .app-sidebar .app-sidebar__inner ul::before {
    display: none;
}
.closed-sidebar .app-sidebar .app-sidebar__inner ul.mm-show {
    padding: 0;
}
.closed-sidebar .app-sidebar .app-sidebar__inner ul.mm-show > li > a {
    height: 0;
    margin: 0;
}
.closed-sidebar .app-sidebar:hover {
    flex: 0 0 280px !important;
    width: 280px !important;
}
.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul::before {
    display: block;
}
.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul li a {
    text-indent: initial;
    padding: 0 1.5rem 0 45px;
}
.closed-sidebar .app-sidebar:hover .app-sidebar__inner .metismenu-icon {
    text-indent: initial;
    left: 5px;
    margin-left: 0;
}
.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show {
    padding: 0 0 0 2rem;
    width: 230px;
}
.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show > li > a {
    height: 2.2em;
}
.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul ul li a {
    padding-left: 1em;
}

.closed-sidebar:not(.sidebar-mobile-open) .app-sidebar .scrollbar-sidebar {
    position: static;
    height: auto;
    overflow: initial !important;
}

.closed-sidebar:not(.sidebar-mobile-open)
    .app-sidebar:hover
    .scrollbar-sidebar {
    position: absolute;
    height: 100%;
    overflow: hidden !important;
}

.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo {
    width: 80px;
}

.closed-sidebar:not(.closed-sidebar-mobile)
    .app-header
    .app-header__logo
    .logo-src {
    display: none;
}

.closed-sidebar.fixed-sidebar .app-main__outer {
    padding-left: 80px;
}

.closed-sidebar.fixed-header:not(.fixed-sidebar)
    .app-sidebar
    .app-header__logo {
    visibility: hidden;
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo,
.closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo {
    width: auto;
    display: flex;
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo {
    display: flex;
    width: 80px;
    padding: 0 1.5rem !important;
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .logo-src {
    display: block !important;
    margin: 0 auto;
    width: 21px;
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo {
    width: 280px;
}

.closed-sidebar.closed-sidebar-mobile
    .app-sidebar:hover
    .app-header__logo
    .logo-src {
    width: 97px;
    margin: 0;
}

.closed-sidebar.closed-sidebar-mobile .app-header {
    margin-left: 0 !important;
}

/* =================== */
/* LOGIN FO
/* =================== */
.bandeauconnexiontop {
    text-align: center;
    background-color: #e2007a;
    color: white;
    font-size: 1.4em;
}
.bandeaucompte {
    text-align: center;
    background-color: #383b65;
    color: white;
    font-size: 1.4em;
}
.titre-principal {
    font-size: 1.5em;
    font-weight: bold;
    color: var(--couleur-secondaire);
}
.titre-principal-suite {
    margin-top: 7px;
    margin-left: 10px;
}
.marge-gauche-zero {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.marge-droite-zero {
    padding-right: 0 !important;
    margin-right: 0 !important;
}
.marge-zero {
    padding: 0 !important;
}
.bloc-verification {
    padding-top: 1em;
}
.fo-oubli-mdp {
    text-decoration: none !important;
    color: black;
    font-size: 0.75em;
    font-style: italic;
}
.fo-oubli-mdp:hover {
    text-decoration: none !important;
    color: black;
}
.fo-card-footer {
    padding: 0.5rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.fo-fond-login-psw {
    background: var(--couleur-principale);
    padding: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
}
.fo-fond-login-psw label {
    font-weight: bold;
    color: #fff;
}
.fo-pattern-user {
    padding-top: 1em;
    color: #fff;
    font-style: italic;
}
.fo-compte-existant {
    margin-bottom: 1em;
    text-align: left;
    font-weight: bold;
    padding: 10px;
    background: #278e9e;
    color: var(--blanc);
}

.app-main {
    flex: 1;
    display: flex;
    position: relative;
}

.app-main .app-main__outer {
    flex: 1;
    flex-direction: column;
    display: flex;
}

.app-main .app-main__inner {
    padding: 0 0 0 15px;
    flex: 1;
    background-color: #f1f4f6;
}

.divider {
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 1px;
    overflow: hidden;
    background: #e9ecef;
}
.dropdown-divider {
    margin: 0;
}

.dropdown-menu.show {
    animation: fade-in2 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.dropdown-menu[data-placement^="top"].show {
    animation: fade-in3 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    bottom: auto !important;
    top: auto !important;
}

.dropdown-toggle::after {
    font-size: 19px;
    position: relative;
    top: 2px;
    opacity: 0.8;
    margin-left: 5px;
}

.dropright .dropdown-toggle::after {
    top: 0;
}

.dropdown-toggle-split {
    border-left: rgba(255, 255, 255, 0.1) solid 2px;
}

.dropdown-menu {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03),
        0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03),
        0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05),
        0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    transform: translateX(-50px);
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0;
}

.dropdown-menu .dropdown-header {
    text-transform: uppercase;
    font-size: 0.73333rem;
    color: var(--primary);
    font-weight: bold;
}

.dropdown-menu .dropdown-item {
    font-size: 15px;
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
    position: relative;
}

.dropdown-menu .dropdown-item .dropdown-icon {
    font-size: 1rem;
    margin-right: 0.325rem;
    width: 30px;
    text-align: center;
    opacity: 0.3;
    margin-left: -10px;
}

.dropdown-menu .dropdown-item:hover .dropdown-icon {
    opacity: 0.7;
}

.dropdown-menu.dropdown-menu-shadow {
    box-shadow: 0 0.66875rem 2.3875rem rgba(4, 9, 20, 0.03),
        0 1.1375rem 1.60625rem rgba(4, 9, 20, 0.03),
        0 0.45rem 0.73125rem rgba(4, 9, 20, 0.05),
        0 0.325rem 0.3875rem rgba(4, 9, 20, 0.03);
}

.dropdown-toggle-split::after {
    margin-left: 0;
}

.nav-link {
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
}

.nav-link:hover {
    color: #495057;
}

.widget-content {
    padding: 1rem;
    flex-direction: row;
    align-items: center;
}

.widget-content .widget-content-wrapper {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center;
}

.widget-content .widget-content-left .widget-heading {
    font-weight: bold;
}

.widget-content .widget-content-left .widget-subheading {
    opacity: 0.5;
}

.scrollbar-sidebar,
.scrollbar-container {
    position: relative;
    height: 100%;
}

.hamburger {
    padding: 0px 0px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger.is-active:hover {
    opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: var(--primary);
}

.hamburger-box {
    width: 24px;
    height: 14px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 24px;
    height: 2px;
    background-color: var(--primary);
    border-radius: 10px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -6px;
}

.hamburger-inner::after {
    bottom: -6px;
}

.hamburger--elastic .hamburger-inner {
    top: 1px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
    top: 6px;
    transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
    top: 12px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 6px, 0) rotate(135deg);
    transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -12px, 0) rotate(-270deg);
    transition-delay: 0.075s;
}

.demo-image-bg {
    height: 350px;
    margin-bottom: 30px;
    background-size: 100%;
}

#liste-document > li > ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    padding: 0 !important;
}

ul#liste-document,
li {
    padding: 0 !important;
    /* list-style: none; */
}

.table td {
    vertical-align: middle !important;
}

.cadre-gestion-section {
    padding: 10px 30px;
    align-items: center;
}

.bloc-proprietaire-compte-famille {
    padding: 0.6em;
    border-bottom: solid 2px #dedede;
    line-height: 1.8em;
    background: #f3f3f3;
}

.bloc-proprietaire-compte-famille a {
    color: var(--couleur-principale);
}

.bloc-compte-famille {
    border: solid #dedede 2px;
    margin-bottom: 1em;
}

/* CONTENT.CSS */

html {
    font-size: inherit !important;
}

*:focus {
    outline: none !important;
}

input {
    outline: none !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button .hide_arrow {
    -webkit-appearance: none;
    margin: 0;
}

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
    outline: none !important;
}

#egyla-version {
    height: 30px;
    position: fixed;
    bottom: 0%;
    opacity: 0.35;
    color: var(--blanc);
    font-size: 0.8em;
    margin-left: 15px;
}
#egyla-version a {
    color: var(--blanc) !important;
    text-decoration: none;
}
#egyla-version a:hover {
    opacity: 1 !important;
}

#egyla-credit {
    height: 30px;
    position: fixed;
    bottom: 0%;
    opacity: 0.35;
    color: var(--blanc);
    font-size: 0.8em;
    margin-right: 15px;
    right: 0;
}
#egyla-credit a {
    color: var(--blanc) !important;
    text-decoration: none;
}
#egyla-credit a:hover {
    opacity: 1 !important;
}

.alignement-gauche {
    float: left;
    text-align: left;
    display: none;
}

.fond-blanc {
    background-color: var(--blanc);
    padding: 20px;
    margin-bottom: 2em;
}

.titre {
    color: black;
    font-family: "Open Sans", sans-serif;
    font-size: 37px;
    font-weight: 300;
    margin-bottom: 15px;
}

.titre-bandeau {
    font-size: 1.6em;
    line-height: 1.3em;
    font-weight: bold;
    color: var(--rose);
    margin-left: 0px;
    margin-bottom: 1rem;
    margin-bottom: 1rem;
    background: #ededed;
    padding: 0.3em;
    padding-left: 0.65em !important;
    border-left: 10px solid #278e9e;
}

.text-pink {
    color: var(--rose);
}

.inactive {
    background-repeat: repeat;
    background-color: #d7f2f5 !important;
    background-image: linear-gradient(
            45deg,
            #b6e0e6 25%,
            transparent 25%,
            transparent 75%,
            #b6e0e6 75%,
            #b6e0e6
        ),
        linear-gradient(
            45deg,
            #b6e0e6 25%,
            transparent 25%,
            transparent 75%,
            #b6e0e6 55%,
            #b6e0e6
        );
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}

.draft {
    background-repeat: repeat;
    background-color: #f5ebd7 !important;
    background-image: linear-gradient(
            45deg,
            #e6d9b6 25%,
            transparent 25%,
            transparent 75%,
            #e6d9b6 75%,
            #e6d9b6
        ),
        linear-gradient(
            45deg,
            #e6d9b6 25%,
            transparent 25%,
            transparent 75%,
            #e6d9b6 55%,
            #e6d9b6
        );
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}

.draft-pos {
    background-repeat: repeat;
    background-color: var(--noir) !important;
    background-image: linear-gradient(
            45deg,
            var(--noir) 25%,
            transparent 25%,
            transparent 75%,
            var(--noir) 75%,
            #e6d9b6
        ),
        linear-gradient(
            45deg,
            var(--noir) 25%,
            transparent 25%,
            transparent 75%,
            var(--noir) 55%,
            var(--noir)
        );
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--rose);
    background-color: var(--rose) !important;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background-color: #eaeef1 !important;
}

.nav-tabs a {
    color: var(--couleur-secondaire);
}
.nav-tabs a:focus {
    color: var(--couleur-secondaire);
}

.nav-tabs .nav-item {
    margin-left: 4px;
}

.nav-tabs .nav-link.active {
    color: var(--blanc) !important;
    margin-left: 0 !important;
    font-weight: bold;
}

.nav-tabs .nav-link:hover {
    color: var(--couleur-secondaire) !important;
}

.nav-tabs .nav-link active:hover {
    color: var(--blanc) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link .nav-onglet {
    color: var(--noir);
    background-color: #9fcdd4 !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link .nav-onglet:hover {
    color: rgb(0, 0, 0);
    background-color: #6a9399;
}

.nav-tabs .nav-link.active .nav-onglet:hover {
    color: var(--rouge) !important;
}

.separateur-vertical {
    border-right: 2px solid #dedede;
}

.btn-ajout-compte {
    position: absolute;
    margin-top: 10px;
    z-index: 1;
}

input[type="radio"] + label {
    display: inline-block;
    padding-right: 20px;
}

.radio-item {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    margin: 10px 0 0;
}

.radio-item input[type="radio"] {
    display: none;
}

.radio-item label {
    color: #666;
    font-weight: normal;
}

.radio-item label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 2px solid var(--rouge);
    background-color: transparent;
}

.radio-item input[type="radio"]:checked + label:after {
    border-radius: 11px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
    left: 10px;
    content: " ";
    display: block;
    background: #004c97;
}

.titreSection {
    font-size: 1.6em;
    line-height: 1.3em;
    font-weight: bold;
    color: var(--rose);
}

.titreSection-Clickable {
    padding: 0;
}

.titreSection-Clickable:hover {
    color: var(--rose);
}

.titreSection-Clickable i {
    transform: translateY(0px);
    transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
}

.titreSection-Clickable:hover i {
    transform: translateY(5px);
}

.icon-ok {
    color: var(--couleur-p-clair);
    font-size: 1.4em;
}

.icon-draft {
    color: var(--rose);
    font-size: 1.6em;
}

.titre-cliquable {
    font-size: 1.15em !important;
    font-weight: bold;
}

.titre-cliquable a {
    color: var(--noir);
}

.titre-cliquable a:hover {
    color: #278e9e;
    text-decoration: none;
}

.titreActivite {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--noir);
    margin-left: 15px;
}

.createTitrePeriode {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--rose);
}

.groupe_activite {
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: bold;
    color: var(--rose);
    background-color: transparent;
    margin-left: 15px;
}

.box-is-show .titreSection-Clickable i {
    transform: translateY(0px) rotate(180deg);
    transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
}

.box-is-show .titreSection-Clickable:hover i {
    transform: translateY(-5px) rotate(180deg);
}

.label-input-inline {
    margin-top: 2px;
    margin-left: 5px;
}

.input-nombre {
    width: 4em;
}

.input-inline {
    display: inline-flex;
}

.titreTable {
    background-color: var(--gris-clair);
}

.bloc-de-bouton {
    margin-top: 20px;
}

.requis:after {
    position: relative;
    color: var(--rose);
    content: " *";
    bottom: -1px;
    font-size: 0.7em;
    vertical-align: super;
    text-decoration: none;
    padding-right: 1em;
}

.centrage-vertical {
    display: table-cell;
    vertical-align: middle;
}

.inputDisable {
    margin-bottom: 7px !important;
    display: block !important;
    height: fit-content;
    min-height: 31px;
    font-size: 1em;
    line-height: 30px;
    padding: 0 !important;
    border-bottom: 1px solid var(--gris-clair);
}

.inputDisable a {
    color: var(--noir);
}

.ui.label {
    margin: 0 !important;
    font-size: inherit;
    font-weight: inherit;
    line-height: 2em !important;
}

.ui.selection.dropdown {
    min-height: auto;
    border: 2px solid var(--gris-clair);
}

.ui.selection.active.dropdown {
    border-color: var(--gris-clair) !important;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 30px !important;
    border-radius: 0 !important;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    width: 100% !important;
    background-color: #aee1e9 !important;
    height: 30px !important;
    color: var(--noir) !important;
}

.select2-results__option {
    height: 30px !important;
    padding-left: 0.7em !important;
    padding-top: 0.2em !important;
}

::selection {
    background-color: #cce2ff;
    color: inherit;
}

.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon,
.ui.selection.dropdown > .search.icon {
    top: 0.4em !important;
}

.email-link {
    color: var(--noir);
    text-decoration: underline;
}

.email-link:hover {
    color: var(--bleu-petrole);
    text-decoration: underline;
}

.info-aide {
    position: absolute;
    width: 100%;
    text-align: right;
    top: -2px;
}

.info-icone {
    font-size: 1.3em;
    color: orange;
}

.input-responsive {
    width: 100%;
    padding: 5px;
}

::placeholder {
    opacity: 0.7;
}

.form_error:empty + .input,
.input {
    margin-bottom: 0px !important;
    display: block;
    height: 30px !important;
    line-height: 30px;
    padding: 0 11px !important;
    border-color: var(--gris-clair);
}

.input:hover {
    border-color: var(--gris-moyen) !important;
    cursor: pointer;
}

.input:focus {
    border-color: var(--noir) !important;
    box-shadow: none;
    outline: none;
}

.input:focus:hover {
    cursor: text;
}

.form_error + .input {
    margin-bottom: 0px !important;
    display: block;
    height: 30px !important;
    line-height: 30px;
    padding: 0 11px !important;
    border-color: var(--danger);
}

.form_error {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    position: absolute;
    bottom: -20px;
}

.form_error ul {
    padding-left: 0;
    margin-bottom: 0;
}

.form_error ul li {
    display: block;
}

.form_error ul li::before {
    display: block;
}

.box-form-btn {
    position: relative;
    height: calc(100% - 15px);
}

.form-btn {
    padding: 3px 5px;
    line-height: 11px;
    font-size: 12px;
    font-weight: 600;
}

#btn-searchEmail {
    margin-left: 15px;
}

.centrer-verticalement {
    display: flex;
    align-items: center;
}

.highlight-survol:hover {
    background: #ededed;
}

.retrait-alerte-danger {
    margin-left: 15px;
}

.swal2-content {
    font-size: 0.92em !important;
}

.swal2-styled {
    margin: 0.3125em !important;
    padding: 0.35em 0.9em !important;
    box-shadow: none;
    font-weight: 500;
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #278e9e !important;
    color: var(--blanc);
    font-size: 1.0625em;
}

.input-group-addon {
    padding: 5px 10px 5px 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #555;
    text-align: center;
    background-color: #ccc;
    border: 2px solid #ccc;
    border-radius: 0 4px 4px 0;
}

div.mce-edit-area {
    width: 99.99% !important;
}

.margin-bot {
    margin-bottom: 15px;
}

.mce-statusbar.mce-container.mce-panel.mce-last.mce-stack-layout-item {
    display: none;
}

.box-logo {
    height: fit-content;
}

.box-logo div:first-child {
    margin-bottom: 10px;
}

.box-logo,
.box-logo div {
    text-align: center !important;
}

.logo {
    width: 100%;
    height: auto;
}

.logo-section {
    max-height: 130px;
    margin-bottom: 1em;
}

.photo-section {
    max-height: 130px;
    margin-bottom: 1em;
}

.vich-image-etablissement img {
    background: #278e9e;
    padding: 0.75em;
    width: 100%;
}

.vich-image-site img {
    width: 100%;
}

.vich-image input {
    width: 100%;
    overflow: auto;
    font-size: 0.8em;
}

.app-theme-white.app-container {
    background: #f1f4f6;
}

.sections {
    margin: 0 0 15px 0;
    padding: 0 !important;
    background-color: var(--white);
    transition: all ease 0.2s;
}

.section .section-item {
    margin-bottom: 20px;
}

.section .section-item:last-child {
    margin-bottom: 10px;
}

.trait-a-droite {
    border-right: solid 1px #dedede;
}

.box-inlin-elm {
    display: flex;
    padding: 0;
    margin-bottom: 0 !important;
}

.box-show {
    opacity: 1;
    height: fit-content;
    transition: 0.3s, font-size 0.1s;
}

.box-bottom-btn {
    display: flex !important;
    text-align: unset !important;
    margin-top: 15px;
    margin-bottom: 15px;
}

.cagn-credit-debit {
    background: #9fcdd4 !important;
    padding: 0.25em 0.5em;
    font-size: 1.25em;
    font-weight: bold;
}

.btn-egyla {
    background-color: #278e9e !important;
    color: white !important;
    text-align: left;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    width: fit-content;
    height: 25px;
    font-size: 0.8em !important;
    padding-top: 5px;
    line-height: 1em;
}

.btn-egyla:hover {
    background-color: #1b606b;
}

.btn-retour {
    background-color: #278e9e !important;
    color: white !important;
    text-align: left;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    width: fit-content;
    padding-left: 43px;
    height: 33px;
}

.btn-icon-retour {
    height: 33px;
    width: 33px;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    position: absolute;
    background-color: black;
    top: -1px;
    left: -1px;
}

.btn-icon-retour::before {
    font-size: 16px;
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: cubic-bezier(0.5, 0, 0.2, 4) 0.4s;
}

.btn:hover .btn-icon-retour.fa-angle-left::before {
    right: 55%;
}

.btn:hover .btn-icon-retour.fa-angle-left::before {
    left: 45%;
}

.btn-retour-etape {
    background-color: var(--noir);
    color: white !important;
    text-align: left;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    width: fit-content;
    padding-right: 43px;
    height: 33px;
}

.btn-icon-retour-etape {
    height: 33px;
    width: 33px;
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    position: absolute;
    background-color: black;
    top: -1px;
    right: -1px;
}

.btn-icon-plus {
    height: 33px;
    width: 33px;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    position: absolute;
    background-color: black;
    top: -1px;
    left: -1px;
}

.btn-icon-plus::before {
    font-size: 16px;
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: cubic-bezier(0.5, 0, 0.2, 4) 0.4s;
}

.btn-icon-validation {
    height: 33px;
    width: 33px;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    position: absolute;
    background-color: black;
    top: -1px;
    left: -1px;
}

.btn:hover .btn-icon-validation.fa-save::before {
    right: 55%;
    left: 45%;
}

.btn-annulation {
    background-color: var(--orange);
    color: white !important;
    text-align: left;
    font-weight: 700;
    width: fit-content;
    font-size: 0.95em;
    line-height: 18px !important;
}

.btn-pink.retour {
    background-color: var(--blanc) !important;
    color: var(--couleur-principale) !important;
    border: 2px solid var(--couleur-principale);
    height: 34px;
}

.btn-pink.retour .btn-icon {
    background-color: transparent;
    border-left: 2px solid #278e9e;
}

.btn-periode {
    background-color: var(--blanc);
    color: #278e9e !important;
    border: 2px solid #278e9e;
    height: 30px;
    padding: 0.3rem 0.5rem !important;
}

.btn-periode .btn-icon {
    background-color: transparent;
    border-left: 2px solid #278e9e;
}

.btn-icon {
    height: 33px;
    width: 33px;
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    position: absolute;
    background-color: black;
    top: -1px;
    right: -1px;
}

.btn-icon::before {
    font-size: 16px;
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: cubic-bezier(0.5, 0, 0.2, 4) 0.4s;
}

.btn:hover .btn-icon.fa-angle-right::before {
    left: 55%;
}
.btn:hover .btn-icon.fa-angle-left::before {
    right: 45%;
}

.fa-pencil-alt,
.fa-times-circle {
    font-size: 17px;
}

div .btn-preview {
    background-color: var(--rose) !important;
}
div .btn-preview:hover {
    border: 1px solid #fff;
}

.separation {
    width: 100%;
    margin: 20px 0;
    height: 4px !important;
    display: flex !important;
    background-color: #278e9e;
}

.btnAddDocument {
    display: none !important;
}

.labelToggle {
    cursor: pointer;
    text-indent: -9999px;
    width: 35px;
    height: 21px;
    margin: 0 5px 0 0;
    border-radius: 100px;
    border: 1px solid var(--gris-clair);
    position: relative;
    line-height: 19px;
    transition: cubic-bezier(0.45, 0.13, 0.14, 1.45) 0.4s;
}

.labelToggle:hover {
    border: 1px solid var(--gris-moyen);
}

.labelToggle:hover::after {
    background: var(--gris-moyen);
}

.labelToggle:hover + .text-danger {
    color: var(--gris-moyen);
}

input:checked + .labelToggle:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
    background: var(--blanc);
}

.toggle-document {
    color: var(--gris-clair);
    transition: 0.3s;
}

input:checked + .labelToggle + .text-danger {
    color: var(--noir);
}

.labelToggle:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    background: var(--gris-clair);
    border-radius: 90px;
    transition: cubic-bezier(0.45, 0.13, 0.14, 1.45) 0.4s;
}

input:checked + .labelToggle {
    background: #278e9e;
    border: 1px solid #278e9e;
}

.show-upload {
    opacity: 100% !important;
    height: 100% !important;
    padding: 15px 15px 2px 2px !important;
}

.labelToggle:active:after {
    width: 10px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: white;
    border: 1px solid var(--gris-clair);
    height: 15px;
    width: 16px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    top: 2px;
    left: -21px;
    background-image: none;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f00d";
}

.box-checkbox {
    position: relative;
    top: 27px;
}

.box-checkbox-inline {
    position: relative;
}

.box-checkbox-debout {
    top: 20px;
}

.box-checkbox-bureau {
    top: 20px;
    padding-bottom: 30px;
}

.simple-number-input {
    position: relative;
    bottom: 3px;
    border: 1px solid var(--gris-clair);
    border-radius: 5px;
    text-align: center;
    width: 3em;
    height: 30px;
    margin-left: 3px;
    transition: all cubic-bezier(0.62, 0.18, 0.62, 1.4) 0.2s;
}

.simple-number-input:hover {
    border: 1px solid var(--gris-moyen);
}

.simple-number-input:focus {
    outline: unset;
    border-color: var(--noir);
}

.label-in-border {
    margin-bottom: 0.3em;
}

#resiser {
    height: 14px;
}

.custom-control {
    padding-left: 1px;
}

.small-text-input:hover,
.small-text-input:focus {
    color: #495057;
    background-color: var(--blanc);
    border-color: var(--noir);
    outline: unset;
    box-shadow: unset;
}

.titre-container {
    width: 100%;
    background-color: #278e9e;
    color: var(--blanc);
}

.titre-section-form {
    font-size: 1.3em;
    font-weight: 700;
}

.titre-section-name {
    font-weight: 600;
    float: left;
    margin-bottom: none;
}

.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 13.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 40px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: var(--blanc);
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
}

.option-input:hover {
    border: 1px solid #9faab7;
    background: #9faab7;
}

.option-input:checked {
    border: 1px solid #278e9e;
    background: #40e0d0;
}

.option-input:checked::before {
    bottom: -1px;
    left: -1px;
    height: 40px;
    width: 40px;
    position: absolute;
    content: "✔";
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 40px;
}

.fooicon {
    font-family: "Font Awesome 5 Free" !important;
}

.fooicon-loader:before {
    content: "\f110" !important;
}

.fooicon-search:before {
    content: "\f002" !important;
}

.fooicon-remove:before {
    content: "\f00d" !important;
}

.clickable-icon {
    color: var(--noir);
    opacity: 0.7;
}

.clickable-icon:hover {
    color: var(--noir);
    cursor: pointer;
    opacity: 1;
}

.icon-modif {
    display: inline-block;
    padding: 7px 0 5px 0;
}

.modification-icon {
    color: var(--noir);
    opacity: 0.7;
    padding: 5px;
    background: var(--blanc);
    border-radius: 50%;
    border: 1px solid var(--gris-clair);
    text-align: center;
}

.modification-icon:hover {
    color: var(--blanc);
    cursor: pointer;
    opacity: 1;
    background: #278e9e;
    border-radius: 50%;
    border: 1px solid #278e9e;
}

.inactive .modification-icon {
    border: solid var(--blanc) 1px;
}

.inactive .modification-icon:hover {
    border: solid var(--blanc) 1px;
}

.modification-icon i {
    font-size: 1.2em;
    width: 20px;
    height: 17px;
}

.icon-desactiv {
    display: inline-block;
    padding: 7px 0 5px 0;
}

.desactivation-icon {
    color: var(--noir);
    opacity: 0.7;
    padding: 5px;
    background: var(--blanc);
    border-radius: 50%;
    border: 1px solid var(--gris-clair);
}

.desactivation-icon:hover {
    color: var(--blanc);
    cursor: pointer;
    opacity: 1;
    background: #278e9e;
    border-radius: 50%;
    border: 1px solid #278e9e;
}

.inactive .desactivation-icon {
    border: solid var(--blanc) 1px;
    background: var(--rose);
    color: var(--blanc);
}

.inactive .desactivation-icon:hover {
    border: solid var(--blanc) 1px;
}

.desactivation-icon i {
    font-size: 1.2em;
    width: 20px;
    height: 20px;
    vertical-align: -1px;
    font-size: 1.3em;
    margin-left: -1px;
    text-align: center;
}

.icon-suppression {
    display: inline-block;
    padding: 7px 0 5px 0;
}

.icon-suppression:hover {
    cursor: pointer;
}

.icon-suppression:hover > .suppression-icon {
    color: var(--blanc);
    cursor: pointer;
    opacity: 1;
    background: var(--rose);
    border-radius: 50%;
    border: 1px solid var(--rose);
}

.suppression-icon {
    color: var(--noir);
    opacity: 0.7;
    padding: 5px;
    background: var(--blanc);
    border-radius: 50%;
    border: 1px solid var(--gris-clair);
}

.suppression-icon:hover {
    color: var(--blanc);
    cursor: pointer;
    opacity: 1;
    background: var(--rose);
    border-radius: 50%;
    border: 1px solid var(--rose);
}

.inactive .suppression-icon {
    border: solid var(--blanc) 1px;
}

.inactive .suppression-icon:hover {
    border: solid var(--blanc) 1px;
}

.suppression-icon i {
    height: 20px;
    vertical-align: -2px;
    font-size: 1.5em;
    margin-left: -1px;
}

.tetiere-sites {
    background: #eaeef1;
    padding: 0.5em;
}

.btn-supp-member {
    position: absolute;
    height: 30px;
}

.marge-add-member {
    margin-left: 40px;
}

::-webkit-search-cancel-button,
::-webkit-clear-button {
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg fill="%23000" fill-opacity=".54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E');
    color: rgba(0, 0, 0, 0.54);
    cursor: pointer;
    height: 1.5rem;
    margin-right: 0;
    width: 1.5rem;
}

::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg fill="%23000" fill-opacity=".54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E');
    width: 14px;
    height: 18px;
    cursor: pointer;
    margin-left: 0.5rem;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s
        cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: var(--blanc);
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.section_step_one_standing_place_0 input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.option-input.radio {
    border-radius: 50%;
}

.option-input.radio::after {
    border-radius: 50%;
}

.date {
    width: 212px;
}

.activite-saison-entiere {
    background: #3b6182;
    padding: 5px 0;
}

.activite-etape-2 {
    color: var(--blanc);
    font-weight: 400;
}

.titre-activite-etape-2 {
    font-size: 1.6em;
    color: var(--blanc);
}

.detail-activite-etape-2 {
    color: var(--blanc);
}

.titre-activite-periode-etape-2 {
    font-size: 1.6em;
    font-weight: 600;
    font-style: italic;
}

.tetiere-activites {
    background: #278e9e;
    border-top: 1px solid #a3acb3;
    cursor: grab;
}

.tetiere-tablo-activites {
    background: #9fcdd4 !important;
    color: var(--noir);
    font-size: 0.85em;
    position: sticky;
    top: 60px !important;
    z-index: 999;
    height: 45px;
}

.tetiere-tablo-activites th {
    padding: 0.4em;
    font-weight: 600 !important;
}

.tetiere-periodes {
    background: #aee1e9;
    padding: 0.25em 0 0.25em 0;
}

.pie-periode {
    color: var(--rose);
}

.icone-progagation {
    color: var(--rose);
    font-size: 1.8em;
}

div .btn-ajout-slot {
    height: 30px;
    margin-right: 5px;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    transition: all cubic-bezier(0.62, 0.18, 0.62, 1.4) 0.2s;
    box-shadow: unset;
    color: var(--couleur-principale);
    opacity: 0.8;
}
div .btn-ajout-slot:hover {
    color: #fff;
    background-color: #fff;
    border-color: #fff !important;
}

.icone-activite-propage .icone-progagation {
    margin: 0.25em 1em 0 1em;
}

.prix-activite {
    background: var(--rose);
    color: var(--blanc);
    padding: 0.25em 0.6em;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    line-height: 2.2em;
    min-width: 120px;
}

.btn-ajout-activite {
    margin-right: 15px;
}

.div-full-content {
    display: contents;
}

.desactivation-icon-small {
    color: var(--noir);
    opacity: 0.7;
    padding: 0;
    background: var(--blanc);
    border-radius: 50%;
    border: 1px solid var(--gris-clair);
    width: 25px;
    height: 25px;
    line-height: 12px;
    font-size: 0.9rem;
}

.desactivation-icon-small i {
    top: -0.1em;
    left: -0.02em;
}

.desactivation-icon-small:hover {
    color: var(--blanc);
    cursor: pointer;
    opacity: 1;
    background: var(--rose);
    border-radius: 50%;
    border: 1px solid var(--rose);
}

.modification-icon-small {
    color: var(--noir);
    opacity: 0.7;
    padding: 5px;
    background: var(--blanc);
    border-radius: 50%;
    border: 1px solid var(--gris-clair);
    vertical-align: -2px;
    width: 25px;
    height: 25px;
    line-height: 12px;
    font-size: 0.9rem;
}

.modification-icon-small:hover {
    color: var(--blanc);
    cursor: pointer;
    opacity: 1;
    background: #278e9e;
    border-radius: 50%;
    border: 1px solid #278e9e;
}

.modification-icon-small i {
    font-size: 0.8rem;
    top: -2px;
    text-align: center;
}

#area_capacity {
    font-size: 0.75em;
}

.check-tarif {
    font-weight: normal;
    margin-right: 15px;
}

table th,
table td {
    padding: 0.1rem 0.35rem 0.1rem 0.35rem;
    overflow: hidden;
}

table td {
    font-size: 0.925em;
}

tr:not(:first-child):before .icone-plus {
    color: var(--rose);
}

.useBefore td:first-child:before {
    font-family: "FontAwesome";
    content: "\f055";
    position: absolute;
    color: #aaa;
    font-size: 1.4em;
    margin-left: -20px;
    margin-top: -3px;
}

.titre-tarif-degressif {
    font-size: 1.1em;
    font-weight: 700;
    padding: 0 5px 0 5px !important;
    color: var(--blanc);
}

.prix-tarif-degressif {
    font-size: 1.1em;
    font-weight: 700;
    color: var(--blanc);
    background: var(--rose);
    min-width: 120px;
    text-align: left !important;
}

.btn-circle {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
}

.btn-circle i {
    position: relative;
}

.btn-circle-sm {
    width: 25px;
    min-width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 0.9rem;
}

#slot_sharable {
    vertical-align: text-bottom;
}

.nom-activite-generique {
    font-size: 0.6em;
    font-style: italic;
}

.creneau-partage {
    font-size: 0.825em;
    font-style: italic;
}

.slot-exterieur {
    color: var(--vert);
}
.text-green {
    color: var(--vert);
}

.btnEditGroupTarif {
    height: 20px;
    width: 20px;
    color: var(--noir);
    opacity: 0.7;
    background: var(--blanc);
    border-radius: 50%;
    border: 1px solid var(--gris-clair);
    vertical-align: -2px;
    line-height: 0;
    font-size: 1rem !important;
    padding-left: 4.5px !important;
}

.btnDeleteGroupTarif {
    height: 20px;
    width: 20px;
}

.btnDeleteGroupTarif i {
    font-size: 0.8rem;
    top: -2px;
    text-align: center;
}

.btnEditGroupTarif i {
    font-size: 0.6rem;
    top: -2px;
    line-height: 0px !important;
    text-align: center;
    padding: 0 !important;
}

.tetiere-tarif-degressif {
    background: #9fcdd4;
    font-size: 1.05em;
    font-weight: 700;
    padding: 0;
}

.btnEditGroupActivity {
    height: 20px;
    width: 20px;
    color: var(--noir);
    opacity: 0.7;
    background: var(--blanc);
    border-radius: 50%;
    border: 1px solid var(--gris-clair);
    vertical-align: -2px;
    line-height: 0;
    font-size: 1rem !important;
    padding-left: 4.5px !important;
}

.btnEditGroupActivity i {
    font-size: 0.6rem;
    top: -2px;
    line-height: 0px !important;
    text-align: center;
    padding: 0 !important;
}

.table-a-propager {
    margin-bottom: 1rem !important;
}

.creneaux-a-propager {
    margin: 0 !important;
}

.creneaux-a-propager td {
    padding: 0 !important;
}

.tetiere-tablo-creneaux {
    background: #d7e3e4;
    color: var(--noir);
    font-size: 0.85em;
}

.tetiere-tablo-creneaux .table th,
.table td {
    padding: 0.2em;
    font-size: 0.9em;
}

.labelToggle-etape-3 {
    margin: 0 !important;
}

.btnShowSlot-step3,
.btnShowGroupTarifs-step2,
.btnShowGroupActivity-step2 {
    color: #278e9e;
    font-size: 1.2rem;
    padding: 0 0.5rem;
    border-radius: 0;
    border: solid 2px #278e9e;
}

.btnUnspread {
    color: var(--blanc);
    background-color: var(--rose);
    border: solid 2px var(--rose);
    border: none;
    border-radius: 0;
    padding: 0.375rem 0.6rem;
}

.input-date-etape-3 {
    border: solid 2px #dedede;
    border-radius: 3px;
}

.checkbox-document {
    margin: 3px 5px auto 5px !important;
}

.ul-document li {
    text-decoration: none !important;
    list-style: none;
}

.lien_document_upload {
    color: var(--noir);
    font-weight: bold;
}

.lien_document_upload a {
    color: var(--noir);
}

.lien_document_upload:hover {
    text-decoration: underline;
    color: var(--noir);
}

.fc-basic-view .fc-body .fc-row {
    min-height: 2em;
}

.fc-row {
    height: auto !important;
}

.fc-day-grid-container {
    height: auto !important;
}

.table-marge-bottom {
    margin-bottom: 2em !important;
}

.table thead th {
    font-weight: 400;
}

.table-striped tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.09) !important;
}

.dropdown-menu-profil {
    top: -2px !important;
    left: 115px !important;
}

.widget-heading a {
    font-size: 1.25em;
}

.open .dropdown-menu {
    display: block;
}

.btn-default {
    color: #212529;
    background-color: var(--light);
    border-color: #dcdcdc;
}

.btn-default:hover {
    color: #212529;
    background-color: #dbdbdb;
    border-color: #d5d5d5;
}

.input-group-btn {
    display: flex;
}

.input-group
    > .input-group-btn:last-child
    > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-btn > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .input-group-btn > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-menu > li > a {
    display: block;
    padding: 7px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu > li > a > label:focus,
.dropdown-menu > li > a > label:hover {
    cursor: pointer;
}

.datepicker {
    display: flex;
}

.loader-container {
    width: calc(100% - 75px);
    position: absolute;
    z-index: 11;
}

.loader-flouter {
    width: calc(100% - 75px);
    position: absolute;
    z-index: 10;

    background-color: white;
    opacity: 0.7;
}

.pagination {
    width: fit-content;
    margin: auto;
}

.pagination li.active a {
    background-color: #278e9e;
    border-color: #278e9e;
}

.pagination li a {
    color: #278e9e;
}

.loader-container h5 {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
}

.spinner-border {
    display: flex;
    margin: 0 auto;
    position: relative;
    top: calc(50% - 13px);
}

.fc-button-primary {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}

.fc-other-month {
    background-color: rgb(221, 221, 221);
}

.fc-unthemed td.fc-today {
    background-color: #bbe7f1 !important;
}

.fc-bgevent {
    opacity: 0.3;
    background: repeating-linear-gradient(
        45deg,
        #fedd92,
        #fedd92 10px,
        var(--blanc) 10px,
        var(--blanc) 20px
    ) !important;
}

.fc-scroller {
    overflow: hidden !important;
}

.fc .fc-row .fc-content-skeleton td {
    border-color: #ddd !important;
}

.box-hidden,
.box-hidden * {
    opacity: 0;
    font-size: 0;
    padding: 0 !important;
    margin: 0;
    border: 0 !important;

    transition: 0.3s, font-size 0.1s;
}

.table {
    margin-bottom: 0;
}

.padding-right {
    padding-right: 15px;
}

.bandeau_commande {
    background: var(--gris-moyen);
    text-align: left;
    color: white;
    font-size: 1.3em;
    padding: 0.15em 15px;
}

.cart_price {
    background-color: var(--couleur-secondaire);
    color: var(--blanc);
    font-weight: bold;
    font-size: 1.3em;
    padding: 0.15em 15px;
}

.prix_activity {
    color: #383b65;
    font-size: 1.1em;
    font-weight: bold;
}

.numero-gris {
    font-size: 2em;
    font-weight: bold;
    color: grey;
    border: solid 2px grey;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
}

.titre-intervenant {
    padding-left: 8px;
    line-height: 40px !important;
    font-size: 1.75em !important;
}

#result {
    margin-top: 1.5em;
}

.menu-compte-famille-bo {
    padding: 5px !important;
    color: var(--blanc);
    background: #278e9e;
    margin-right: 1em;
}

.menu-compte-famille-bo a {
    color: var(--blanc);
    text-decoration: none;
}

.bloc-document {
    padding: 0.5em 0;
    margin-bottom: 1em !important;
    border-bottom: solid 2px #dedede;
}

.identifiant-compte-famille {
    display: inline;
    padding: 3px 6px;
    background: var(--blanc) !important;
    border: solid 1px black;
}

.bloc-form-recherche {
    padding: 1em;
    margin-bottom: 1em;
    background: #9fcdd4;
}

.sans-bordure {
    border: none;
    border-radius: 0;
}

.bloc-membre {
    padding-bottom: 1em;
}

.border-btn {
    border: 1px #00aeef solid !important;
    border-radius: 0.25em;
    line-height: 20px !important;
}

.btn-icon-right-blue,
.btn-icon-left-blue {
    height: 33px;
    width: 33px;
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    position: absolute;
    background-color: white;
    top: -1px;
    right: -1px;
    border-radius: 0.25em;
}

.border-btn-left-blue {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.border-btn-right-blue {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-icon-left-blue {
    right: 0;
    left: -1px;
}

.btn-icon-left-blue::before,
.btn-icon-right-blue::before {
    font-size: 16px;
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: cubic-bezier(0.5, 0, 0.2, 4) 0.4s;
}

.btn:hover .btn-icon-right-blue.fa-angle-right::before {
    left: 55%;
}

.btn:hover .btn-icon-left-blue.fa-angle-left::before {
    left: 45%;
}

.btn-pink {
    color: white !important;
    text-align: left;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    width: max-content;
    height: 33px;
    position: relative;
    line-height: 18px !important;
    font-size: 0.95em;
    background-color: var(--rose) !important;
}
.btn-pink:hover {
    background-color: var(--rose-sombre) !important;
}
.btn-success {
    color: white !important;
    text-align: left;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    width: max-content;
    /* height: 33px; */
    position: relative;
    line-height: 18px !important;
    font-size: 12px;
    background-color: var(--green) !important;
}
.btn-success:hover {
    background-color: var(--vert) !important;
}

.btn-simple {
    padding-right: 8px;
}

.btn-icon-right-cf,
.btn-icon-left-cf {
    height: 33px;
    width: 33px;
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    position: absolute;
    background-color: black;
    top: -1px;
    right: -1px;
}

.btn-icon-left-cf {
    border-bottom-right-radius: 0rem;
    border-top-right-radius: 0rem;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    right: 0;
    left: -1px;
}

.btn-icon-right-cf::before,
.btn-icon-left-cf::before {
    font-size: 16px;
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: cubic-bezier(0.5, 0, 0.2, 4) 0.4s;
}

.bloc-generation-pdf {
    border: solid 3px #dedede;
    margin-top: 1em;
    padding: 1em;
}

.spinner-listing {
    text-align: center;
    display: none;
}

.creneau-listing {
    height: 3em;
    line-height: 3em;
    white-space: nowrap;
}

.numero-compte-famille {
    background: var(--couleur-secondaire);
    color: var(--blanc);
    font-weight: bold;
    width: fit-content;
    padding: 0.3em;
}

.bloc-membre-compte-famille {
    padding: 0.6em;
}

.bloc-membre-compte-famille a {
    color: #278e9e;
}
.bloc-reste-a-payer {
    background: var(--couleur-secondaire);
    color: var(--blanc);
    font-weight: bold;
    width: fit-content;
    padding: 0.3em;
    margin-bottom: 0.7em;
}

.btn-orange {
    font-size: 10px;
    background-color: #ff9000;
    border-radius: 0;
    border: none;
    font-weight: bold;
}

.suivi-saisie-ligne {
    padding: 0.15em;
    border-bottom: solid 1px #e0e0e0;
}

.suivi-saisie-ligne:hover {
    background: #ededed;
}

.doc-input {
    display: inline-block;
    width: 20px;
}

.suivi-doc-tetiere {
    background: #1a5276;
    color: var(--blanc);
    font-weight: bold;
    margin-top: 1em;
    padding: 0.15em;
    border-radius: 0px;
    position: sticky;
    height: 45px;
    display: flex;
    align-items: center;
    top: 60px;
    z-index: 200;
}

#liste-doc-saisie > ul > li:nth-child(2n + 2) {
    background: #ededed;
}

.reglement-check {
    margin-top: 20px;
    margin-left: 10px;
}

.reglement-check i {
    font-size: 2.75em !important;
}

.js_sum_amountToPay input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.bouton-pdf-xls,
.bouton-ok {
    font-size: 0.8em;
    width: 60px;
    height: 30px;
    line-height: 20px;
    margin: 10px;
    color: white;
    padding: 3px;
    border: none;
    background-color: var(--rose);
    border-radius: 0.25em;
}

.bouton-ok {
    background-color: var(--green);
}

.titre-section {
    font-size: 1.6em;
    line-height: 1.3em;
    font-weight: 700;
    color: var(--blanc);
}

.titre-adherents {
    color: var(--noir);
    font-family: open sans, sans-serif;
    font-size: 37px;
    font-weight: 300;
}

.titre-creneau {
    font-family: open sans, sans-serif;
    font-size: 11.968px;
    color: black;
    align-items: center;
}

.ligne-creneau {
    background-color: #f7f7f7;
}

.doc-bloc-statut {
    border: solid 1px #dedede;
    padding: 4px;
}

.doc-card {
    box-shadow: none;
    border-width: 0;
    transition: all 0.2s;
}

.titre-graph-doc {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
}

.doc-icon-email {
    padding: 0.25rem 0.5rem !important;
    border-radius: 0;
}

.graphique-remplissage {
    width: 240px;
}

.graphe-remplissage-license-text {
    display: none;
}

.horizontal-bar-graph {
    display: table;
    width: 100%;
}

.horizontal-bar-graph-segment {
    display: table-row;
}

.horizontal-bar-graph-label {
    display: table-cell;
    text-align: right;
    padding: 4px 10px 4px 0;
    vertical-align: baseline;
    white-space: nowrap;
    font-weight: bold;
}

.horizontal-bar-graph-value {
    display: table-cell;
    padding: 3px 0;
    vertical-align: baseline;
    width: 100%;
}

.horizontal-bar-graph-value-bar {
    background: silver;
    -moz-box-sizing: padding-box;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    padding: 1px 6px 3px;
    height: 25px;
    text-align: right;
    color: white;
    overflow: visible;
    display: inline-block;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
}

.horizontal-bar-graph-segment:first-child .horizontal-bar-graph-label {
    padding-top: 12px;
}

.horizontal-bar-graph-segment:first-child .horizontal-bar-graph-value {
    padding-top: 11px;
}

.horizontal-bar-graph-segment:last-child .horizontal-bar-graph-label {
    padding-bottom: 12px;
}

.horizontal-bar-graph-segment:last-child .horizontal-bar-graph-value {
    padding-bottom: 11px;
}

.search-adherent {
    width: 140px;
    padding-left: 0;
}

.liste-intervenant-bouton {
    list-style-type: none;
}

.alignement-centre {
    display: none;
}

.bandeau-section {
    background: #278e9e;
    padding: 0.35em 0 !important;
    margin-bottom: 0.5em;
    margin-top: 1em;
    vertical-align: middle;
    line-height: 26px;
}

.titre-activite-intervenant {
    font-size: 1.2em;
    font-weight: bold;
}

div.alternate > div:nth-of-type(odd) {
    background: #e0e0e0;
}

.bloc-option-benevole {
    padding: 0.5em;
    margin-bottom: 1em;
    background: #9fcdd4;
}

.bloc-option {
    border: solid #dedede 2px;
    padding: 0.5em;
    margin-bottom: 1em;
}

.label-saisie input[type="checkbox"] {
    top: 3px;
}

.check-saisie input[type="checkbox"] {
    top: 3px;
}

.label-saisie label {
    font-weight: normal !important;
    font-size: 0.9em;
    top: -3px;
}

.liste-section-saisie,
#liste-document {
    list-style: none;
}
.liste-section-saisie li {
    background: var(--blanc);
}

.liste-section-saisie li:nth-child(odd) {
    background: var(--light);
}

.reglement-par-mois {
    background: var(--couleur-secondaire);
    padding: 0.25em;
    margin-bottom: 0;
    color: var(--blanc);
    width: 135px;
    text-align: center;
}

.nav-remise {
    background-color: #9fcdd4 !important;
}

.bloc-info-commande a {
    color: var(--blanc);
}

.bloc-detail-reglement {
    box-shadow: none !important;
    border: solid #dedede 2px;
    margin-bottom: 10px;
}

.trash-commande {
    font-size: 1.2em;
}

#ul-information {
    padding-left: 40px !important;
}

li#ul-information {
    list-style: unset;
}

.titre-liste-attente {
    font-size: 1.6em;
    line-height: 1.3em;
    font-weight: bold;
    color: var(--blanc);
    margin-left: 0px;
    margin-bottom: 1rem;
    margin-bottom: 1rem;
    background: #ff6c00;
    padding: 0.3em;
}

.lien-liste-attente a {
    color: #ff6c00;
    font-weight: bold;
}

.btn-info-adherent {
    font-weight: 700;
    height: 25px;
    font-size: 0.8em !important;
    line-height: 10px !important;
    margin: 0 0.3em;
}

.tetiere-tablo-activites-sport {
    background: #9fcdd4 !important;
    color: var(--noir);
    font-weight: bold;
    font-size: 0.85em;
    padding: 0.15rem 0.35rem 0.15rem 0;
    position: sticky;
    top: 60px;
    z-index: 999;
}

.detail-liste-adherent {
    border: solid 1px #dedede;
}
.detail-liste-adherent a {
    color: #278e9e;
}

.div-hover {
    background: transparent;
    padding: 0.5em 0 0.5em 0.5em;
}

.div-hover:hover {
    background: #ededed;
}

.bloc-num-cmd a {
    color: #278e9e;
}

.bloc-num-facture a {
    color: #278e9e;
}

progress,
progress[role] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-size: auto;
    height: 100px;
    width: 100%;
}

.skill-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.skill {
    margin-bottom: 1em;
    position: relative;
}

.skill h3 {
    color: var(--blanc);
    left: 1em;
    line-height: 1;
    position: absolute;
    top: 1em;
}

.skill ::-webkit-progress-value {
    width: 0px;
}

.skill-1::-webkit-progress-value {
    background: #ff9e2c;
}

.skill-1::-moz-progress-bar {
    background: #ff9e2c;
}

.skill-2::-webkit-progress-value {
    background: #4ecdc4;
}

.skill-2::-moz-progress-bar {
    background: #4ecdc4;
}

.skill-3::-webkit-progress-value {
    background: #ff6b6b;
}

.skill-3::-moz-progress-bar {
    background: #ff6b6b;
}

.trash-cart-bo {
    cursor: default;
}

.trash-cart-bo:hover {
    cursor: pointer;
}

.text-procedure-panier-bo {
    font-size: 0.9em;
    font-style: italic;
}

.cut-cart-bo {
    cursor: default;
}

.cut-cart-bo:hover {
    cursor: pointer;
}

.titreDestinataires {
    font-size: 1.4em;
    font-weight: bold;
    padding-top: 10px;
    font-style: italic;
}

.mpdf-footer-text {
    font-size: 9px !important;
    font-weight: normal !important;
}

.cagnotte-par-saison {
    border: solid 2px #dedede;
}

.l-drop {
    min-width: 300px !important;
}

.xl-drop {
    min-width: 350px !important;
}
.xxl-drop {
    min-width: 400px !important;
}
.xxxl-drop {
    min-width: 700px !important;
}

.payment-blink {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    animation: blinker 2s linear infinite;
    background-color: var(--rouge);
    margin-right: 5px;
}

.pulsate-css {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    border: 3px solid #999;
    border-radius: 30px;
    height: 18px;
    width: 18px;
    position: relative;
    display: inline-block;
    margin-top: 20px;
    text-align: center;
}

.alertPulse-css {
    animation: alertPulse 2s ease-out;
    animation-iteration-count: infinite;
    opacity: 1;
    background: #9a2727;
}

.rotating-css {
    animation: rotating 2s linear;
    animation-iteration-count: infinite;
}

.fa-spin-hover {
    animation: fa-spin 2s infinite linear;
}

.cadre-inscription {
    border: solid 2px #dedede;
    margin-bottom: 0.5em;
}

.btn-code {
    background-color: var(--couleur-principale) !important;
    border-color: var(--couleur-principale) !important;
    padding: 0.15rem 0.5rem !important;
    font-size: 0.65rem !important;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.fo-marge-zero {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.titre-personnalise {
    font-family: "Open Sans", sans-serif;
    text-align: left;
    font-style: italic;
    font-weight: 300 !important;
    font-size: 2.5em;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #3d3d3d;
}

.titre-competition {
    font-family: "Open Sans", sans-serif;
    font-size: 1.25em;
    font-weight: 700;
    color: var(--couleur-titre-section-competitions-text);
    margin-top: 0.5em;
    margin-bottom: 0.75rem;
    border-left: 10px solid var(--couleur-titre-section-competitions-back);
    padding-left: 10px;
    padding-top: 0;
}

.titre-loisir {
    font-family: "Open Sans", sans-serif;
    font-size: 1.25em;
    font-weight: 700;
    color: var(--couleur-titre-section-loisirs-text);
    margin-top: 0.5em;
    margin-bottom: 0.75rem;
    border-left: 10px solid var(--couleur-titre-section-loisirs-back);
    padding-left: 10px;
    padding-top: 0;
}

.titre-socio {
    font-family: "Open Sans", sans-serif;
    font-size: 1.25em;
    font-weight: 700;
    color: var(--couleur-titre-section-socials-text);
    margin-top: 0.5em;
    margin-bottom: 0.75rem;
    border-left: 10px solid var(--couleur-titre-section-socials-back);
    padding-left: 10px;
    padding-top: 0;
}

.activity {
    text-align: left;
    background-color: #a4c1e2;
}

.price {
    text-align: center;
    background-color: #fad046;
    font-size: 0.85em !important;
}

.complet {
    background-color: var(--rose);
    border: 2px solid var(--rose);
    text-decoration: none;
    color: white;
    font-weight: 700;
    padding: 1px 2px;
    width: 90px;
    margin: auto;
    font-family: "Open Sans", sans-serif;
    font-size: 0.85em;
}

.placementop {
    padding-left: 1.1%;
}

.fo-titre-activite {
    font-size: 1.1em;
    font-weight: bold;
}

.fo-prix-activite {
    background: #fad046;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
}

.fo-texte-tarif-degressif {
    padding: 7px 0;
    padding-right: 10px;
    font-size: 0.85em;
    padding-left: 1em;
}

.fo-texte-creneau {
    width: 100%;
    padding-right: 10px;
    font-size: 0.85em;
}

.fo-texte-section {
    font-size: 0.92em;
    padding-bottom: 0.5em;
}

.fo-texte-commentaire {
    font-size: 0.9em;
    font-style: italic;
    /* margin-top: -5px; */
    padding-bottom: 7px;
    padding-left: 11px;
}

.fo-div-inscription {
    background: #f0f0f0;
    display: inline-flex;
    text-align: center;
    min-height: 30px;
}

.fo-div-new-inscription {
    display: inline-flex;
    text-align: center;
    min-height: 30px;
}

.row-alt {
    background: #f7f7f7;
    margin: auto;
}

.row-alt:nth-child(odd) {
    background: var(--blanc);
}

.row-alt:hover {
    background: #ececec;
}

.row-price-alt:nth-child(odd) {
    width: 100%;
    background: #e0e0e0;
}

.row-price-alt:hover {
    background: #fad046 !important;
}

.choix-creneau {
    transform: scale(1.3);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: var(--blanc);
    border-color: var(--vert);
    background-color: var(--vert);
}

.highlight {
    background: #555;
}

.liste-document {
    padding-left: 1.5em !important;
    font-size: 0.92em;
}

.liste-document li {
    text-decoration: none;
    list-style: none;
}

.liste-document a {
    color: var(--noir);
    text-decoration: underline;
}

.fo-date-entrainement {
    color: var(--orange);
    font-weight: bolder;
    font-size: 1.4em;
    text-align: center;
}

.fo-sous-titre {
    font-size: 1em;
    font-weight: bold;
    color: #003e7e;
}

.tetier-tarif-groupe {
    color: var(--blanc);
    font-weight: bold;
}

.fo-prix-tarif {
    background: #fad046;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fo-texte-assurance {
    font-weight: normal;
    font-size: 0.9em;
}

.btn-inscription-waiting {
    background-color: #ff9600;
    border: 2px solid #ff9600;
    text-decoration: none;
    color: var(--blanc);
    font-weight: 700;
    padding: 1px 10px;
    font-size: 0.85em;
    transition: ease-out 0.3s;
    display: block;
    text-align: center;
    border-radius: 0;
}

.btn-inscription-waiting a {
    text-decoration: none;
    color: var(--blanc);
}

.btn-inscription-waiting:hover {
    background-color: #ba721a;
    border: 2px solid #ba721a;
    transition: ease-in 0.1s;
    text-decoration: none;
    color: var(--blanc);
}

.box-btn {
    padding-top: 15px;
}

.box-btn-droite {
    text-align: right;
    padding-top: 15px;
}

.btn-bleu {
    background-color: #00aef1;
    color: white !important;
    text-align: left;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    width: fit-content;
    font-size: 0.8em !important;
    padding-top: -5px;
    line-height: 1em;
}

.btn-bleu:hover {
    background-color: #0091ca;
}

.btn-accepter {
    background-color: var(--vert);
    color: white !important;
    text-align: left;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    width: fit-content;
    height: 33px;
    padding-left: 43px;
}

.btn-refuser {
    background-color: var(--rouge);
    color: white !important;
    text-align: left;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    width: fit-content;
    height: 33px;
    padding-left: 43px;
}

.btn-icon-validation::before {
    font-size: 16px;
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: cubic-bezier(0.5, 0, 0.2, 4) 0.4s;
}

.alerte-identite {
    border: solid 2px var(--rouge);
    background: var(--rouge);
    color: var(--blanc);
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0.25em;
}

.identityPhoto {
    width: auto;
    max-height: 205px;
    margin-bottom: 7px;
}

.frameTop {
    background-color: #003e7e;
    color: white;
    background: linear-gradient(to left, #003e7e 0%, #003e7e 55%, #00aeef 100%);
}

.border1 {
    border: solid 3px var(--rouge);
}

.half-menu {
    width: 50%;
}

.windowMenu {
    position: fixed;
    background-color: #003e7e;
    height: auto;
    width: auto;
    padding: 20px 80px 20px 40px;
    right: -334px;
    transition: all 0.5s;
    z-index: 100;
    text-align: left;
    color: white;
}

.MenuAnimation {
    animation: move 0.5s all;
    right: 0px;
}

#boutonMenu {
    color: white;
    font-weight: 100;
    font-size: 1.4em;
    -webkit-animation: glow 1.3s all infinite alternate;
    -moz-animation: glow 1.3s ease-in-out infinite alternate;
    animation: glow 1.3s ease-in-out infinite alternate;
}

.titleCompteAdherent {
    font-weight: bold;
    font-size: 1.4em;
    padding: 7px;
    padding-left: 30px;
    color: #fff;
}

.fo-bloc-adresse {
    width: 35%;
}

.titre-facture-adhesion-cotisation {
    font-weight: bold;
    background: #dedede;
    font-size: 1.2em;
}

.fo-facture-prix {
    text-align: right;
    font-weight: bold;
}

.fo-facture-total {
    background: var(--couleur-secondaire);
    color: var(--blanc);
    font-weight: bold;
    text-align: right;
}

.ulMenuWindow {
    list-style-type: none;
}

.ligneHrMenu {
    background-color: white;
}

.liMenu {
    color: white;
    padding: 7px;
}

.lienBoutonMenu {
    width: fit-content;
    float: right;
    padding-right: 30px;
}
.lienBoutonMenu a {
    text-decoration: none;
}
.lienBoutonMenu:hover a {
    text-decoration: none;
}

.liMenu:hover {
    opacity: 70%;
    transform: translateX(-5px);
    transition: all 0.2s;
}

.ulMenuWindow a,
.headerCompteAdherent a {
    text-decoration: none;
}

.picto-menu::before {
    margin: 10px;
}

.btn-icon-right,
.btn-icon-left,
.btn-icon-right-modif {
    height: 33px;
    width: 33px;
    position: absolute;
    background-color: black;
    top: -1px;
    right: -1px;
}

.btn-icon-right::before,
.btn-icon-left::before,
.btn-icon-right-modif::before {
    font-size: 16px;
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: cubic-bezier(0.5, 0, 0.2, 4) 0.4s;
}

.btn-icon-right-fo,
.btn-icon-left-fo {
    height: 33px;
    width: 33px;
    position: absolute;
    background-color: black;
    top: -1px;
    right: -1px;
}

.btn-icon-left-fo {
    right: 0;
    left: -1px;
}

.btn-icon-right-fo::before,
.btn-icon-left-fo::before {
    font-size: 16px;
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: cubic-bezier(0.5, 0, 0.2, 4) 0.4s;
}

.btn:hover .btn-icon-right.fa-angle-right::before {
    left: 55%;
}

.btn:hover .btn-icon-left-fo.fa-angle-left::before {
    left: 45%;
}

.btn-icon-left {
    height: 33px;
    width: 33px;
    position: absolute;
    background-color: black !important;
    top: -1px;
    left: -1px;
}

.btn-icon-left::before {
    font-size: 16px;
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: cubic-bezier(0.5, 0, 0.2, 4) 0.4s;
}

.btn:hover .btn-icon-left.fa-angle-right::before {
    right: 45%;
}

.btn:hover .btn-icon-left.fa-angle-left::before {
    left: 55%;
}

.btn-blue {
    background-color: white;
    color: #00aeef !important;
    text-align: left;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    width: fit-content;
    padding-right: 43px;
    height: 33px;
    position: relative;
    line-height: 18px;
}

.btn-padding {
    padding-left: 43px;
    padding-right: 10px;
}

.btn-bleu-primaire {
    background-color: #00aeef;
}

.owner-account {
    padding: 15px 0px 15px 0px;
    border: solid #dedede 2px;
}

.fo-saison-planning {
    display: block;
    font-size: 1.8em;
    color: var(--rose);
    line-height: 1.2em;
}

.titre-activite {
    color: var(--rose);
    font-weight: bold;
    font-size: 1.3em;
    line-height: 0.9em;
    line-height: 1.3em;
}

.fo-nom-activite {
    font-size: 1.1em;
    font-weight: bold;
}

.fo-bloc-activite {
    padding-bottom: 8px;
}

.fo-nom-periode {
    font-size: 1.25em;
    background: linear-gradient(to left, var(--blanc) 0%, #00aeef 100%);
    font-weight: bold;
    font-style: italic;
    padding-left: 15px;
    color: var(--blanc);
}

.fo-nom-periode .fas {
    color: var(--blanc);
}

.btn:hover .btn-icon-right::before {
    left: 55%;
}

.btn:hover .btn-icon-left::before {
    left: 45%;
}

.btn-profile-activites-envoye {
    text-align: right;
    transition: all ease-in-out 0.2s;
    width: fit-content;
    height: 33px;
    position: relative;
    line-height: 22px;
}

.btn-little-icon-right,
.btn-little-icon-left {
    height: 33px;
    width: 33px;
    position: absolute;
    top: -1px;
    right: -1px;
}

.btn-little-icon-left {
    color: white;
    right: 0;
    left: 5px;
    top: -2px;
}

.colors-profil {
    background-color: var(--rose-sombre);
    color: white;
}

.colors-profil:hover {
    color: white;
}

.btn-little-icon-right::before,
.btn-little-icon-left::before {
    font-size: 16px;
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: cubic-bezier(0.5, 0, 0.2, 4) 0.4s;
}

.btn:hover .btn-little-icon-right::before {
    left: 55%;
}

.btn:hover .btn-little-icon-left::before {
    left: 45%;
}

.bloc-autorisations-administratives {
    margin-bottom: 1.5em;
}

.bloc-autorisations-sections {
    margin-bottom: 1.5em;
}

/* =========================== */
/* AUTORISATIONS / QUESTIONS
/* =========================== */
.titre-question {
    font-weight: bold;
    display: flex;
    margin-top: 10px;
    background: #dedede;
    line-height: 30px;
    /* font-size: 1.2em; */
}
.texte-question {
    font-size: 0.8em;
    font-style: italic;
    padding: 5px 15px;
}
.alerte-question {
    background: var(--rose) !important;
    padding: 0px 5px !important;
    height: 30px;
    width: 30px;
    text-align: left;
    font-size: 0.8em !important;
    color: #fff;
    margin-right: 6px;
}
.label-reponse {
    display: contents !important;
    font-size: 0.9em;
}
.label-responsabilite {
    display: contents !important;
    font-weight: bold;
    font-style: italic;
    color: #278e9e;
}
.autorisation-personne {
    width: 100%;
    border: solid 1px #dedede;
}
.autorisation-label {
    font-size: 0.7em;
}
.erreur-enligne {
    display: block;
}
.newPerson {
    border: solid 2px #dedede;
    padding: 5px;
    margin-bottom: 1em;
}
.nom-question {
    font-weight: bold;
    color: #003e7e;
    background: #ededed;
    padding: 5px;
}
.question-seule {
    margin-bottom: 1em;
}
.picto-reponse {
    font-size: 1em;
}
.texte-reponse {
    font-size: 0.9em;
    font-style: italic;
}
.nom-section-question {
    font-weight: bold;
    font-size: 1.3em;
}
.label-reponse {
    font-weight: normal;
}
.btn-question-plus {
    background-color: var(--rose) !important;
    color: white !important;
    font-size: 0.5em;
    border: solid var(--rose);
}
.fa-triangle-position {
    padding: 0;
    text-align: center;
}

/* LOGIN */
.bloc-login-psw {
    background: #dedede;
    padding: 0.6em;
    margin-bottom: 1em;
}

.label-login-psw label {
    padding-right: 0.4em;
}

.input-login-psw {
    font-size: 0.9em;
}

.texte-tablo-commande {
    font-size: 0.9em;
}

.containerUser {
    display: flex;
    justify-content: space-between;
    border-top: 1px silver solid;
    margin-top: 10px;
}

.nameUser {
    font-size: 18px;
}

.nameUser span {
    font-style: italic;
}

.nameSection {
    color: #1f618d;
    font-weight: bolder;
}

.buttonDocument {
    background-color: #1f618d;
    color: white;
    padding: 2px 10px;
    border-radius: 3px;
}

.elementAbsent {
    padding-left: 50px;
}

.DocAbsente {
    color: var(--rouge);
}

.reponseDoc {
    font-style: italic;
}

.cadre-document {
    border: solid #ededed 2px;
    padding: 0.5em;
}

.nom-section-document {
    font-weight: bold;
    font-size: 17px;
    padding-bottom: 0.3rem;
    color: var(--rose);
}

.input-doc {
    background: #ededed;
    padding: 0.25em;
    width: 100%;
    margin-bottom: 0.75em;
}

.doc-fourni-en-papier {
    font-weight: bold;
    color: var(--blanc);
    display: inline-block;
    background: var(--couleur-secondaire);
    padding: 0.2em 0.5em;
    margin-top: 0.25em;
}

/* CAMPAGNES */
.titre-campagne {
    color: var(--blanc);
    font-weight: bold;
    text-align: center;
    padding: 3px;
    background: linear-gradient(-45deg, #003e7e, #00aeef, #003e7e, #00aeef);
    background-size: 200% 200%;
    animation: gradient 10s ease infinite;
    height: 36px;
}

/* PANIER */
.panier-fo-bo {
    padding: 0.5em 0;
}
.panier-jackpot-fo-bo {
    padding: 0.5em 0;
}

input[type="number"] .blockNbrPlace {
    width: 60px !important;
}

.bt-pulse-rose {
    box-shadow: 0 0 0 0 rgb(232 76 61 / 100%);
    background-color: var(--rose-sombre);
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    transition: all 300ms ease-in-out;
}

a.bt-pulse-rose:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
    background-color: var(--rose-sombre);
}

.bt-pulse-vert {
    box-shadow: 0 0 0 0 rgb(30 126 52 / 100%);
    background-color: #1e7e34;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    transition: all 300ms ease-in-out;
}

a.bt-pulse-vert:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
    background-color: #1e7e34;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.titre-modif-commande {
    font-size: 1.6em;
    line-height: 1.3em;
    font-weight: bold;
    color: var(--rose);
    margin-left: 0px;
    margin-bottom: 1rem;
    margin-bottom: 1rem;
    background: #ededed;
    padding: 0.3em;
    padding-left: 0.65em !important;
    border-left: 10px solid #278e9e;
}
.titre-modif-commande .btn-pink {
    font-size: 14px;
}

.marge-zero {
    padding: 0 !important;
}

.btn-primary {
    background-color: #278e9e !important;
    border-color: #278e9e;
    transition: all cubic-bezier(0.62, 0.18, 0.62, 1.4) 0.2s;
}

.btn-primary:hover {
    background-color: #278e9e !important;
    border-color: #278e9e;
    opacity: 1;
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #278e9e !important;
}
.btn-primary a {
    background: pink !important;
}

.show > .btn-primary.dropdown-toggle {
    background-color: #278e9e !important;
    box-shadow: var(--couleur-secondaire) 0 0 5px inset;
    border-color: #278e9e;
}

.select-btn,
.nav-select {
    position: relative;
    right: 0px;
    opacity: 1;
    padding: 0;
    margin-top: 15px;
    display: flex;
    transition: ease-out 0.3s;
}

.titre-saison {
    color: var(--blanc);
    font-weight: 800;
    opacity: 0;
    height: 0px;
    position: relative;
    transition: ease-out 0s;
    transition-delay: 0s;
}

.titre-saison h {
    transition: ease-out 0s;
    transition-delay: 0s;

    font-size: 0px;
    height: 0px;
    width: 0px;
}

.titre-saison h:first-child {
    color: var(--gris-clair);
}

.sidebar-mobile-open .titre-saison {
    opacity: 0;
    height: 0px;
}

.closed-sidebar .app-sidebar:hover .titre-saison {
    opacity: 0;
    height: 0px;
}

.closed-sidebar .app-sidebar:hover .titre-saison h {
    transition: ease-out 0s;
    transition-delay: 0s;

    font-size: 0px;
    height: 0px;
    width: 0px;
}

.closed-sidebar .titre-saison {
    transition: ease-out 0.3s;
    transition-delay: 0.4s;
    display: grid;
    grid-gap: 0;
    opacity: 1;
    height: fit-content;
    position: absolute;
    right: 0px;
    bottom: 50px;
}

.closed-sidebar .titre-saison h {
    transition-delay: 0.3s;
    position: absolute;
    left: 38px;
    font-size: 23px;
    height: 18px;
    width: fit-content;
}

.closed-sidebar .select-btn,
.closed-sidebar .display-all-season-input {
    display: none;
}

.closed-sidebar .app-sidebar:hover .select-btn {
    right: 0px;
    opacity: 1;
}

.closed-sidebar .inline-row {
    left: 80px;
    width: calc(100% - 80px);
}

.closed-sidebar .right-nav-open .inline-row {
    left: 80px;
    width: calc(100% - 360px);
}

.sidebar-mobile-open .select-btn {
    position: relative;
    right: 0px;
    opacity: 1;
}

.select-btn {
    margin: 0 auto 0 auto;
}

.select-text-area {
    display: flex;
    background-color: rgb(241, 244, 246);
    padding: 6px 12px;
    font-size: 17px;
    overflow: hidden;
    z-index: 1001;
}

.strong {
    margin-left: 5px;
}

.nav-dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-width: unset;
    transform: translate(-164px, 34px) !important;
}

.dropdown-menu-right {
    border-radius: 0 0 0.25rem 0.25rem;
}

.dropdown-item {
    padding: 6px 20px;
}

.logo-img {
    height: 50px;
    max-width: 180px;
}

.horizontal-center {
    position: relative;
    left: 50%;
    transform: translate(-60%, 0);
    transition: all cubic-bezier(0.62, 0.18, 0.62, 1.4) 0.2s;
}

.vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.app-header {
    height: 60px;
    display: flex;
    align-items: center;
    align-content: center;
    position: relative;
    transition: all 0.2s;
}

.app-theme-white.fixed-header .app-header__logo {
    background: inherit;
}

.app-header__right-menu {
    padding: 0 1.5rem;
    align-items: center;
    float: right;
    height: 60px;
    line-height: 60px;
    margin-left: auto;
}

.sidenav-btn {
    padding: 0.2rem;
    right: 0;
    transition: all cubic-bezier(0.66, 0.22, 0.46, 1.71) 0.25s;
}

.sidenav-btn:hover {
    right: 5px;
}

.sidenav-btn.active {
    transform: rotate(180deg) translate(0, 4%);
}

.right-nav-open .app-main__outer {
    padding-right: 280px;
}

.dropdown-menu.dropdown-menu-profil {
    transform: translate(-108px, 51px) !important;
}

.widget-heading {
    color: var(--blanc) !important;
}

.p-0.btn i {
    color: var(--gris-clair) !important;
    font-size: 25px;
    position: relative;
    top: 5px;
    transition: all cubic-bezier(0.66, 0.22, 0.46, 1.71) 0.25s;
}

.p-0.btn:hover i {
    color: white;
    opacity: 1;
    top: 10px;
}

.show .p-0.btn i {
    transform: rotate(180deg);
    top: 10px;
}

.show .p-0.btn:hover i {
    top: 5px;
}

.app-sidebar::-webkit-scrollbar {
    display: none;
}

.app-sidebar .scrollbar-sidebar {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 995;
}

.vertical-nav-menu {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    font-weight: 600;
}

.vertical-nav-menu ul {
    transition: padding 300ms;
    padding: 0 0 0 2.2rem !important;
    margin: 0;
    position: relative;
    list-style: none;
}

.vertical-nav-menu li.mm-active > a {
    letter-spacing: 0px;
    font-weight: 700;
    color: var(--rose);
}

.vertical-nav-menu ul li.mm-active > a::before {
    font-size: 13px;
    margin-right: 3px;
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
}

.vertical-nav-menu ul li a:hover::before {
    font-size: 13px;
    margin-right: 3px;
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
}

.vertical-nav-menu i.metismenu-state-icon,
.vertical-nav-menu i.metismenu-icon {
    font-size: 19px;
    color: var(--gris-moyen);
    opacity: 1;

    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17px;
    transition: color 0.3s, font-size ease-out 0.1s;
}

.closed-sidebar .vertical-nav-menu i.metismenu-icon {
    font-size: 30px;
}

.closed-sidebar .fas.fa-users {
    transform: translateX(-2px);
}

.closed-sidebar .vertical-nav-menu {
    display: grid;
    grid-gap: 10px;
}

.closed-sidebar .app-sidebar:hover i.metismenu-icon {
    font-size: 21px;
}

.closed-sidebar .app-sidebar:hover .fas.fa-users {
    transform: unset;
}

.closed-sidebar .app-sidebar:hover .vertical-nav-menu {
    display: grid;
    grid-gap: 0px;
}

.scrollbar-sidebar {
    background: var(--couleur-secondaire);
    background-size: 800px;
    background-repeat: no-repeat;
    background-position-x: -75px;
    transition: all ease 0.25s;
}

.closed-sidebar .scrollbar-sidebar {
    transition: all ease 0.25s;
    background-position-x: -250px;
}

.vertical-nav-menu ul li a:hover {
    padding-left: 10px;
}

.mm-active i.metismenu-icon {
    color: var(--rose);
}

.vertical-nav-menu li a.mm-active {
    color: var(--rose);
}

.text-menu {
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    color: var(--gris-moyen);
    opacity: 1;
    letter-spacing: 0px;

    text-transform: uppercase;
}

.mm-active .text-menu {
    color: var(--blanc);
}

.menu-titre {
    color: var(--blanc);
    opacity: 1;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 4px;
    transition: ease 0.25s;
}

.closed-sidebar .menu-titre,
.closed-sidebar .hr-menu-small {
    margin-left: 12px;
    display: none;
}

.closed-sidebar .app-sidebar:hover .menu-titre,
.closed-sidebar .app-sidebar:hover .hr-menu-small {
    display: flex;
}

.hr-menu-small {
    margin: 0.5rem 0;
    border-top: 1px solid var(--blanc);
    opacity: 0.5;
    transition: ease 0.25s;
    width: 90%;
}

.hr-menu-big {
    margin: 0.5rem 0;
    border-top: 3px dashed var(--gris-moyen);
}

.right-menu-button {
    font-size: 1.5rem;
    color: var(--blanc);
    opacity: 0.65;
}

.app-right-sidebar {
    background-color: #ededed;
    /* border-left: 3px solid #cdcdcd; */
    display: flex;
    transition: all ease 0.3s;
    /* width: 280px; */
    width: 40%;
    height: 100vh;
    position: fixed;
    top: 60px;
    right: -40%;
}

.right-nav-open .app-right-sidebar {
    display: flex;
    overflow: hidden;
    min-width: 280px;
    position: fixed;
    right: 0;
    flex: 0 0 280px;
    /* padding-top: 60px; */
    transition: all ease 0.2s;
    box-shadow: 0 0 20px rgb(90 90 90);
    z-index: 1000;
}

.bg-bleuvert {
    background: #278e9e;
}

.btn-switcher.bg-bleuvert {
    width: 80px;
    height: 33px;
    font-weight: 600;
    color: white;
    transition: 0.3s;
}

.btn-switcher.bg-bleuvert::after {
    position: relative;
    right: 3px;
    content: "Thème : 1";
}

.bg-bleuvert.btn-switcher:hover {
    font-weight: 600;
    background-color: var(--orange-theme);
}

.bg-bleuvert.btn-switcher:hover::after {
    content: "Thème : 2";
}

#dropdownMenuButton {
    color: var(--blanc);
}

.select-btn .btn-group button.btn {
    color: var(--blanc);
}

.app-header.header-text-light .header-btn-lg .hamburger-inner,
.app-header.header-text-light
    .header-btn-lg
    .hamburger.is-active
    .hamburger-inner,
.app-header.header-text-light .header-btn-lg .hamburger-inner::before,
.app-header.header-text-light .header-btn-lg .hamburger-inner::after,
.app-header.header-text-light .header__pane .hamburger-inner,
.app-header.header-text-light
    .header__pane
    .hamburger.is-active
    .hamburger-inner,
.app-header.header-text-light .header__pane .hamburger-inner::before,
.app-header.header-text-light .header__pane .hamburger-inner::after {
    background-color: rgba(255, 255, 255, 0.8);
}

.app-header.header-text-light .app-header__mobile-menu .hamburger-inner,
.app-header.header-text-light .app-header__mobile-menu .hamburger-inner::before,
.app-header.header-text-light .app-header__mobile-menu .hamburger-inner::after {
    background: rgba(255, 255, 255, 0.9);
}

.etablishement-formatting div {
    margin-right: 15px;
}

.w-content {
    width: max-content !important;
}
.intervenant-sections-list {
    display: flex;
    max-height: 400px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}
.no-bullet {
    list-style: none !important;
}
.password-box {
    position: relative;
}
.password-box-eye {
    width: 20px;
    z-index: 1;
    cursor: pointer;
    color: var(--black);
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
}

/* =============== HELP ONLINE ============== */
.help {
    overflow-y: scroll;
    margin-bottom: 80px;
    padding: 1em 1.5em 1em 1.5em !important;
    width: 100%;
}
.help p {
    font-size: 0.8rem !important;
}
.help-titre {
    font-size: 1.15rem;
    color: var(--rose);
    font-weight: bold;
    display: block;
}
.help-sous-titre {
    font-size: 0.9rem;
    font-weight: bold;
    display: block;
    font-style: italic;
}
.help ul li {
    list-style: initial !important;
    font-size: 0.8rem !important;
}
.help-cadre-rouge {
    border: solid 4px var(--rose);
    padding: 5px;
}
.help-detail-title {
    font-size: 36px;
    font-weight: bold;
    color: var(--couleur-principale);
    padding-top: 20px;
}
.help-li-bullet li {
    list-style: inherit !important;
}

/* =============== MAINTENANCE ============== */
.alerte-maintenance {
    background: var(--indigo);
    padding: 0.25em 0.75em;
    color: #fff;
    font-weight: bold;
    border: solid #fff;
    border-radius: 25px;
}

/* =============== EVENEMENT ============== */
.event-separateur {
    width: 100%;
    background: #ededed;
    padding: 0.5rem;
}

/* =============== PAGES D'ERREUR ============== */
.error-body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    background: #fff;
}
.error-header {
    width: 100%;
    background: #278e9e;
    text-align: center;
    padding: 1em;
}
.error-header-img {
    width: 100%;
    height: 50px;
}
.error-code {
    width: 100%;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 3em;
    color: grey;
    text-align: center;
    margin-top: 25px;
}
.error-content {
    text-align: center;
    padding: 1em;
}
.error-content-text {
    padding: 0 2em;
    text-align: center;
}
.error-return-link {
    text-align: center;
}
.error-return-link a {
    color: #fff;
    text-decoration: none;
}
.error-img {
    width: 100%;
    text-align: center;
}
.error-img img {
    width: 100%;
    text-align: center;
}
.error-button {
    background-color: #e2007a;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
p .intervenant-name b {
    color: var(--rose);
}
.table-background:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}
.column-emailling-sms {
    column-count: auto;
    column-width: 350px;
}
.column-emailling-sms > * {
    break-inside: avoid-column; /* W3C */
    word-wrap: break-word;
}
.rond-rose {
    color: var(--rose);
}
.bg-couleur-secondaire {
    background: var(--couleur-secondaire);
}
.slotOnError > .col {
    color: var(--danger);
}
.linktoActivitySlot {
    position: absolute;
    right: 0;
    width: 10px;
    height: 10px;
}
.buttonPapier {
    text-decoration: none;
    width: 100px;
    background-color: #ff9000;
    display: flex;
    justify-content: space-around;
    color: var(--blanc);
    cursor: pointer;
    border-radius: 0px;
}
.absentPapier {
    display: block;
    width: 100px;
    text-align: center;
    line-height: 30px;
    font-size: 0.9em;
    background-color: #ffe500;
}
.motValidePapier {
    display: block;
    width: 110px;
    text-align: center;
    line-height: 24px;
    font-size: 0.9em;
    background: var(--success);
}
.suivi-doc-ligne {
    padding: 0.15em;
}
.suivi-doc-ligne:hover {
    background: #ededed;
}

.slot-modify {
    border: solid 4px #cacaca !important;
    padding: 0 8px 5px;
    margin-bottom: 0.75em;
}
.slot-modify-text {
    background-color: #e2007a;
    color: #fff;
    display: inline;
    padding: 0.25em;
}
.invoice-link {
    color: var(--noir);
    text-decoration: underline;
    font-weight: bold;
    text-decoration: none;
}

.invoice-link:hover {
    color: var(--rose);
    text-decoration: underline;
    font-weight: bold;
    text-decoration: none;
}
.split-reglement {
    border: solid 3px #dedede;
}
.lienError {
    font-weight: bold;
    color: #278e9e;
    text-align: center;
    padding-top: 10px;
}
.lienError a {
    color: #278e9e;
}
.cart-detail-activity-name {
    color: #278e9e;
    font-size: 1.1em;
    margin-top: 0.25em !important;
}
.cart-detail-total-cart {
    border-top: solid #dedede 2px;
}

/* ******************************************************************* */
/* ******************************************************************* */
/* ***********************MODIF BOOTSTRAP***************************** */
/* ******************************************************************* */
/* ******************************************************************* */

.modal-body {
    background: var(--blanc-casser);
    max-height: 60vh !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}
.egyla-modal-credit {
    background: #fff !important;
}
.egyla-modal-credit a {
    font-weight: bold;
    color: var(--couleur-principale);
}
tbody,
td,
tfoot,
th,
thead,
tr {
    border-style: unset;
}
.row {
    margin: 0 !important;
}
.modal-dialog {
    top: 50%;
    transform: translateY(-50%) !important;
}
.modal {
    z-index: 100000 !important;
}
.select2-container--open {
    z-index: 9999999 !important;
}
#dropdown-menu-profil {
    transform: translate(10px, 50px) !important;
}
.js-swall-modal-intervenant {
    max-height: 500px;
    overflow-y: scroll;
}
.alert-box-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    margin: 0 !important;
}
ul.ecart-split {
    background: #cce8ec;
    border: solid #278e9e 2px !important;
}
.payline-mode-bold {
    font-weight: bold;
    color: #fff;
    background: var(--rose);
    padding: 0.2em;
}
.alert-error-duplicate-season {
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-color: #b6effb;
    border-radius: 0.25rem;
    color: #055160;
    background-color: #cff4fc;
}

/* KNP PAGINATOR BOOTSTRAP */
.page-item.active .page-link {
    background-color: var(--couleur-principale);
    border-color: var(--couleur-principale);
}
.pagination li a,
.page-link {
    color: #000
}

/* SELECT2 */
.select2 {
    padding: 0;
}

/* ======================= */
.cart-control-alert {
    text-align: center;
    background: var(--rose);
    color: #fff;
    padding: 10px 5px 5px;
    margin-bottom: 10px;
}

#form_error_phone {
    font-style: italic;
    font-weight: bold;
    color: green;
}

.hasTooltip span {
    display: none;
    color: var(--noir);
    text-decoration: none;
    padding: 3px;
    position: relative;
    font-weight: 400;
}
.hasTooltip span a {
    cursor: help;
}

.hasTooltip:hover span {
    display: block;
    position: absolute;
    background-color: var(--blanc);
    border: 1px solid #ccc;
    margin: 2px 10px;
}

a.copyright-egyla {
    color: #cdcdcd;
    text-decoration: none;
}
a.copyright-egyla:hover {
    color: #000;
}
.code-input {
    min-width: unset !important;
    text-align: center;
    height: 60px;
    width: 100%;
    max-width: 50px;
    border: none;
    font-size: 2em;
}

.border-pink {
    border-color: var(--rose) !important;
}
.linecartOnError {
    border: 2px red solid !important;
}

.cronjob-info {
    padding: 5px;
    background: var(--couleur-secondaire);
    color: var(--blanc);
    transition: 0.3s;
}
.cronjob-info:hover {
    background: var(--couleur-p-clair);
    color: var(--blanc);
}
.btn-log-details {
    color: white !important;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    height: 33px;
    line-height: 18px !important;
    font-size: 0.95em;
    background-color: var(--couleur-principale) !important;
}
.btn-log-details:hover {
    background-color: var(--couleur-p-sombre) !important;
}

/* ******************************************************************* */
/* ******************************************************************* */
/* ***********************  RESPONSIVE   ***************************** */
/* ******************************************************************* */
/* ******************************************************************* */

@media only screen and (max-width: 568px) {
    .windowMenuMobile {
        text-align: center;
        width: 100%;
        right: -600px;
        margin-top: auto;
    }

    .MenuAnimation {
        animation: moveMobile 0.5s all;
        right: 0px;
    }

    .windowMenu {
        padding: 0;
    }

    .liMenu {
        padding: 10px;
    }

    .page {
        padding: 0;
        min-height: calc(100vh - 60px);
    }

    .input-code-mobile {
        width: 100%;
        margin: 0;
    }
}

@media (min-width: 576px) {
    .full-page {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show > li > a {
        height: initial !important;
        line-height: initial !important;
    }

    /* .page {padding: 0;min-height: calc(100vh - 60px);} */
}

@media (max-width: 591px) {
    .fc-toolbar.fc-header-toolbar {
        padding-top: 50px;
        position: relative;
        display: block;
    }

    .fc-center {
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);

        width: fit-content;
    }

    .fc-left {
        float: none !important;
        display: flex;
        margin: auto;
        width: fit-content;
    }

    .fc-right {
        float: none !important;
        display: flex;
        margin: auto;
        width: fit-content;
    }
    .page {
        padding: 0;
        min-height: calc(100vh - 60px);
    }
}

@media (max-width: 680px) {
    .bloc-form-recherche > .d-flex {
        flex-wrap: wrap;
    }
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

@media (max-width: 730px) {
    .formCommandNumberAndIdentity > .d-flex,
    .formCommand > .d-flex {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 767px) {
    .alignement-centre {
        display: block;
        text-align: center !important;
    }

    .alignement-gauche {
        text-align: left !important;
        display: block;
    }
}

@media (max-width: 770px) {
    .box-inlin-elm .section-item:first-child,
    .box-inlin-elm .section-item {
        padding-right: 15px;
    }

    .box-inlin-elm .section-item:last-child {
        padding-left: 15px;
        padding-right: 0px;
    }

    .popover,
    .dropdown-menu {
        width: fit-content;
        left: 253px;
    }

    .app-main .app-main__inner {
        padding: 15px 15px 25px 15px;
    }

    .mbg-3,
    body .card.mb-3 {
        margin-bottom: 15px !important;
    }

    .body-tabs-line .body-tabs-layout {
        margin-bottom: 15px;
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 15px;
    }

    .body-tabs {
        padding: 0 15px;
        display: block;
    }

    .body-tabs .nav-item .nav-link {
        margin: 0;
    }

    body .card-header {
        height: auto;
        display: block;
        padding: 0.75rem 1.5rem;
        text-align: center;
    }

    body .card-header .btn-actions-pane-right {
        padding: 0.75rem 0 0;
    }

    body .card-header .actions-icon-btn {
        padding: 0;
    }

    .card-header.card-header-tab .card-header-title {
        display: inline-flex !important;
        line-height: 1;
    }

    .card-header.card-header-tab > .nav {
        margin: 0.75rem 0 -0.75rem;
        display: table !important;
        width: 100%;
    }

    .card-header.card-header-tab > .nav .nav-item {
        display: table-cell;
    }

    .header-icon {
        display: none;
    }

    .profile-responsive-sm
        .dropdown-menu-header
        .menu-header-content.btn-pane-right,
    .profile-responsive
        .dropdown-menu-header
        .menu-header-content.btn-pane-right {
        display: block;
        text-align: center;
    }

    .profile-responsive-sm
        .dropdown-menu-header
        .menu-header-content.btn-pane-right
        .avatar-icon-wrapper,
    .profile-responsive
        .dropdown-menu-header
        .menu-header-content.btn-pane-right
        .avatar-icon-wrapper {
        margin-right: 0 !important;
    }

    .profile-responsive-sm
        .dropdown-menu-header
        .menu-header-content.btn-pane-right
        .menu-header-btn-pane,
    .profile-responsive
        .dropdown-menu-header
        .menu-header-content.btn-pane-right
        .menu-header-btn-pane {
        margin-top: 1rem;
    }

    .slick-slider-sm .slick-slider .slick-prev {
        left: 15px;
    }

    .slick-slider-sm .slick-slider .slick-next {
        right: 15px;
    }
}

@media (max-width: 990px) {
    .app-main {
        display: block;
    }

    .dropdown-menu::before,
    .dropdown-menu::after {
        display: none;
    }

    .app-sidebar {
        flex: 0 0 280px !important;
        width: 280px !important;
        transform: translateX(-280px);
        position: fixed;
    }

    .app-sidebar .app-header__logo {
        display: none;
    }

    .sidebar-mobile-open .app-sidebar {
        transform: translateX(0);
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul li a {
        text-indent: initial;
        padding: 0 1.5rem 0 45px;
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner .metismenu-icon {
        text-indent: initial;
        left: 5px;
        margin-left: 0;
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul::before {
        display: block;
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul ul li a {
        padding-left: 1em;
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show {
        padding: 0.5em 0 0 2rem;
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show > li > a {
        height: initial;
        line-height: initial;
    }

    .sidebar-mobile-open .app-sidebar .app-header__logo {
        width: auto !important;
    }

    .sidebar-mobile-open .app-sidebar .app-header__logo .logo-src {
        width: 97px !important;
        margin-left: auto;
        margin-right: 0;
    }

    .sidebar-mobile-open .fixed-sidebar .app-sidebar {
        height: 100%;
    }

    .app-main .app-main__outer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .app-header .app-header__logo {
        display: none;
        order: 2;
        background: transparent !important;
        border: 0 !important;
    }

    .app-header .app-header__content .header-btn-lg {
        margin-left: 0.5rem;
        padding: 0 0.5rem;
    }

    .app-header .app-header__content.header-mobile-open {
        visibility: visible;
        opacity: 1;
        top: 80px;
    }

    .app-header .app-header__mobile-menu {
        display: flex;
    }

    .app-header.header-text-light .header-mobile-open {
        background: var(--gray-dark);
    }

    .popover,
    .dropdown-menu {
        transform: translateY(-50%) !important;
        min-width: 10px !important;
    }

    .popover .btn-icon-vertical .btn-icon-wrapper,
    .dropdown-menu .btn-icon-vertical .btn-icon-wrapper {
        display: none;
    }

    .popover {
        max-width: initial;
    }

    .popover .arrow {
        display: none !important;
    }

    .app-footer .app-footer__inner .app-footer-right {
        display: none;
    }

    .app-footer .app-footer__inner .app-footer-left {
        width: 100%;
    }

    .app-footer .app-footer__inner .app-footer-left .footer-dots {
        margin: 0 auto;
    }

    .slick-slider-sm .slick-slider {
        max-width: 650px !important;
    }

    .bg-transparent.list-group-item {
        border-color: transparent;
    }

    .card-header.responsive-center {
        display: block;
        text-align: center;
        height: auto;
        padding: 1.5rem;
    }

    .card-header.responsive-center .nav,
    .card-header.responsive-center .btn-actions-pane-right {
        margin: 0.75rem 0 0;
    }

    .card-header.responsive-center .nav .d-inline-block.ms-2,
    .card-header.responsive-center
        .btn-actions-pane-right
        .d-inline-block.ms-2 {
        width: 100% !important;
        text-align: left;
        margin: 0 !important;
    }

    .slick-slider-sm .slick-slider {
        max-width: 650px !important;
    }

    .slick-slider-sm .slick-slider {
        max-width: 850px !important;
    }

    .app-header__right-menu {
        display: flex;
        order: 3;
        margin: unset;
    }

    .inline-row {
        left: 0px !important;
        width: calc(100% - 0px) !important;
    }

    .dropdown-menu.dropdown-menu-profil {
        width: 80% !important;
        height: fit-content;
        transform: translate(80px, 59px) !important;
    }

    .dropdown-menu-right {
        transform: translate(-70px, -450px) !important;
    }

    .dropdown-menu .dropdown-item {
        display: block;
    }

    .dropdown-menu .dropdown-item.nav-dropdown-item {
        font-size: 16px;
        padding: 3px 14px;
    }

    .dropdown-menu.nav-dropdown-menu {
        right: 0;
        /* transform: translate(35px, 110px) !important; */
        transform: translate(-164px, 37px) !important;
        width: fit-content;
    }
    #dropdown-menu-profil {
        transform: translate(-100px, 50px) !important;
    }
    .app-header__right-menu {
        padding: 0 0.1rem;
        align-items: center;
        float: right;
        height: 60px;
        line-height: 60px;
        margin-left: auto;
    }
    .app-header .app-header__content {
        display: flex;
        align-items: center;
        flex: 1;
        padding: 0 0 0 0;
    }
    .app-header__mobile-menu {
        display: none;
        padding: 0 0.5rem 0.5em;
        height: 60px;
        align-items: center;
    }
}

@media (max-width: 1156px) {
    .js_payment {
        flex-wrap: wrap;
    }
}

@media (max-width: 1200px) {
    .-hide-paging .-pagination .-center {
        display: none;
    }

    /* PANIER */
    .custom-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    /* ------ */
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .profile-responsive
        .dropdown-menu-header
        .menu-header-content.btn-pane-right {
        display: block;
        text-align: center;
    }

    .profile-responsive
        .dropdown-menu-header
        .menu-header-content.btn-pane-right
        .avatar-icon-wrapper {
        margin-right: 0 !important;
    }

    .profile-responsive
        .dropdown-menu-header
        .menu-header-content.btn-pane-right
        .menu-header-btn-pane {
        margin-top: 1rem;
    }
}

@keyframes wobble-hor-top {
    0%,
    100% {
        transform: translateX(0%);
        transform-origin: 50% 50%;
    }

    15% {
        transform: rotate(26deg);
    }

    30% {
        transform: rotate(-26deg);
    }

    45% {
        transform: rotate(23.6deg);
    }

    60% {
        transform: rotate(-12.4deg);
    }

    75% {
        transform: rotate(1.2deg);
    }
}

@keyframes bar-fill {
    0% {
        width: 0;
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

@keyframes move {
    from {
        right: -250px;
    }

    to {
        right: 0px;
    }
}

@keyframes moveMobile {
    from {
        right: -600px;
    }

    to {
        right: 0px;
    }
}

@keyframes glow {
    0% {
        opacity: 100%;
    }

    50% {
        opacity: 60%;
    }

    100% {
        opacity: 100%;
    }
}

@-webkit-keyframes bar-fill {
    0% {
        width: 0;
    }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}