@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@font-face{font-family:'Bely Display';src:url('./alpine/fonts/Bely/Bely_Bundle-web/BelyDisplay-Regular.woff') format('woff'),url('./alpine/fonts/Bely/Bely_Bundle-web/BelyDisplay-Regular.woff2') format('woff2')}
:root{--primary-color:#4c5d44;--bs-primary-rgb:76,93,68;--secondary-color:#f8f8f8;--grey-color:#dedede;--black-color:#000;--white-color:#fff;--font-family:"Montserrat",sans-serif;--font-size:16px;--alpine-bely-display:"Bely Display","Arial";--bg-alpine-light:#e9e9e9;--box-shadow:0 0 10px rgba(0,0,0,0.1)}
html,
body{height:100%;font-family:var(--font-family)}
header{position:sticky;top:0;z-index:10;box-shadow:var(--box-shadow);transition:all 0.3s}
header nav .navbar-btn{gap:0.75rem;border-width:1px;border-style:solid;border-color:var(--grey-color)}
header nav .navbar-btn:hover{background-color:var(--secondary-color);color:var(--black-color);border-color:var(--secondary-color)}
header nav .navbar-btn>svg>path{transition:all 0.3s;transform-origin:center}
header nav .navbar-btn.active>svg>path:first-child{transform:rotate(-45deg) translateY(3.5px);transform-origin:center}
header nav .navbar-btn.active>svg>path:last-child{transform:rotate(45deg) translateY(-2.5px);transform-origin:center}
.text-muted{color:rgba(112,124,137,0.75) !important}
.oc-progress-bar{position:fixed;display:block;top:0;left:0;height:4px;background:var(--primary-color);z-index:9999;transition:width 300ms ease-out,opacity 150ms 150ms ease-in;transform:translate3d(0,0,0)}
strong{font-family:var(--alpine-bely-display);font-weight:normal;font-size:110%}
.bg-light{background-color:var(--bg-alpine-light)}
.form-signin-container{background:rgba(255,255,255,0.95)}
.form-signin{max-width:70%;padding:1rem;width:100%}
.form-signin input[name="login"],
.form-signin input[name="password"]{border-radius:0}
.form-control:focus{border:none !important;box-shadow:0 0 1px #777 !important}
.form-control:focus-visible{outline:none}
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#4c5d44;--bs-btn-border-color:#4c5d44;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#4c5d44;--bs-btn-hover-border-color:#3d4b37;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#3d4b37;--bs-btn-active-border-color:#3d4b37;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#687a60;--bs-btn-disabled-border-color:#687a60;border-radius:0px}
.btn-outline-primary{--bs-btn-color:#4c5d44;--bs-btn-bg:transparent;--bs-btn-border-color:#4c5d44;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#4c5d44;--bs-btn-hover-border-color:#4c5d44;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#3d4b37;--bs-btn-active-border-color:#3d4b37;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#4c5d44;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#4c5d44;border-radius:3000px;--bs-navbar-nav-link-padding-x:1rem;padding-right:1rem;border:1px solid var(--bs-btn-border-color) !important}
.btn-outline-primary:hover{background-color:var(--primary-color);color:var(--white-color)}
.form-control:focus{border-color:#4c5d44;box-shadow:0 0 0 0.25rem rgba(76,93,68,0.25)}
.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:none;border-radius:0px !important;box-shadow:0 0 5px rgba(0,0,0,0.1)}
.dropdown-menu:before{content:"";position:absolute;top:-10px;left:50%;transform:translateY(-50%) translateX(-50%);border-width:10px;border-style:solid;border-color:transparent transparent #fff var(--bs-dropdown-bg)}
.bg-gradient-primary{position:relative;overflow:hidden}
.bg-gradient-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#000 -100%,transparent 100%)}
.page-dashboard .main-cards .card{transition:box-shadow 0.3s;cursor:pointer}
.page-dashboard .main-cards .card h5{font-size:1.1rem}
.page-dashboard .main-cards .card:hover{box-shadow:var(--box-shadow)}
.chips{background:transparent;color:var(--white-color);padding:0.35rem 0.75rem;border-radius:3000px;font-size:0.8rem;border:1px solid var(--white-color);display:flex;align-items:center;gap:0.5rem;transition:all 0.3s}
.chips .bi{font-size:1rem}
.chips.border-primary.text-primary:hover{background-color:var(--primary-color);color:var(--white-color) !important}
.navbar{position:relative}
.navbar .dropdown-nav{display:none;position:absolute;top:100%;left:0;width:100%;height:300px;z-index:2;box-shadow:0 5px 5px rgba(0,0,0,0.1)}
.navbar .dropdown-nav.show{display:block}
.stretch-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}
.card .card-formule-content {
    padding: 10px 10px !important;
}
.card .card-formule-content ul {
    display: flex;
    padding: 3rem 2rem;
    flex-direction: column;
    list-style: none;
    background: #4c5d44;
    height: 100%;
}
.card .card-formule-content ul > li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    justify-content: start;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0.25rem 0 0.35rem;
}

.card .card-formule-content ul > li > svg {
    height: 42px;
    fill: #fff;
}
.card .card-formule-content ul > li:before{
    content: none;
}
.card .card-formule-content ul > li strong{
    font-family: 'Montserrat-Light';
    font-size: 14px;
    font-weight: 500;
}
.card-formule-content .btnClose{
    right: 20px !important;
    top: 20px !important;
}