/******************** Structure ******************/

/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=Poppins:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400;1,600;1,700;1,900&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


/* 
    Global
------------------------------- */


:root, :root::after, :root::before  {

    /* Base Font XD : 15px */

    /* Couleurs */
    --primaire-akn: #3650FD;
    --primaire-akn-rgb: 54, 80, 253;

    --secondaire-akn: #303030;
    --secondaire-akn-rgb: 48, 48, 48;

    --tertiaire-akn: #303030;
    --tertiaire-akn-rgb: 48, 48, 48;

    --quaternaire-akn: #929292;
    --quaternaire-akn-rgb: 146, 146, 146;

    --success-akn: #198754;
    --success-akn-rgb: 25, 135, 84;

    --info-akn: #0dcaf0;
    --info-akn-rgb: 13, 202, 240;

    --warning-akn: #ffc107;
    --warning-akn-rgb: 255, 193, 7;

    --danger-akn: #dc3545;
    --danger-akn-rgb: 220, 53, 69;

    --clair-akn: #F1F1F1;
    --clair-akn-rgb: 241, 241, 241;

    --gris-akn: #e1e1e1;
    --gris-akn-rgb: 241, 241, 241;

    --fonce-akn: var(--secondaire-akn);
    --fonce-akn-rgb: var(--secondaire-akn-rgb);

    --blanc-akn: #FFFFFF;
    --blanc-akn-rgb: 255, 255, 255;

    --noir-akn: #000000;
    --noir-akn-rgb: 0, 0, 0;

    /* Polices  */
    --font-globale-akn: "Inter", Arial, sans-serif;
    --font-speciale-akn: "Inter", Arial, sans-serif;

    /* Gouttières */
    --gutter-site-akn: 2.666em;
    --gutter-grid-akn: 2.666em;


    /* Shadow */
    --box-shadow-akn: 0px 1px 3px #D4D4D4;

    
    /* Border Radius */ 
    --border-radius-akn-small: 5px;
    --border-radius-akn-medium: 8px;
    --border-radius-akn-big: 10px;


    /* Padding */ 
    --padding-akn-small: 0.6666em;
    --padding-akn-medium: 1.6666em;
    --padding-akn-big: 2.6666em; 
    --padding-akn-bigger: 3.6666em; 
    --padding-akn-huge: 4.6666em; 


    /* Liens */
    --link-color-akn: var(--primaire-akn);
    --link-hover-color-akn: var(--primaire-akn);

    /* Scroll Custom */
    --scrollbarBG: rgba(255,255,255,.1);
    --thumbBG: rgba(255,255,255,.5);


    /* Form Fields */
    --field-akn-height: 3.125em;
    --field-akn-font-size:1.06em;
    --field-akn-padding:0.5em 1.2em;
    --field-akn-bg:var(--clair-akn);
    --field-akn-color:var(--secondaire-akn);
    --field-akn-border:none;
    --field-akn-border-radius: var(--border-radius-akn-medium);

    /* Placeholder */
    --placeholder-color: var(--quaternaire-akn);
    --placeholder-color-rgba: var(--quaternaire-akn-rgb);

    --label-akn-pad: 0.85em 0;
}

@media(max-width:1400px){
    :root, :root::after, :root::before  {

        --padding-akn-big: 2em; 
        /* Gouttières */
        --gutter-site-akn: 2em;
        --gutter-grid-akn: 2em;

        --field-akn-height: 3.125em;
        --field-akn-font-size:1.06em;
        --field-akn-padding:0.5em 1.2em;

    }
}
@media (max-width: 989px) {
    :root, :root::after, :root::before  {
        --label-akn-pad: 0.35em 0;
    }
}

@media (max-width: 679px) {
    :root, :root::after, :root::before  {
        --label-akn-pad:0;
    }
}


@media(max-width:600px){
    :root, :root::after, :root::before  {
        --padding-akn-big: 1em; 
        /* Gouttières */
        --gutter-site-akn: 1em;
        --gutter-grid-akn: 1em;

        --field-akn-font-size:1em;
        --field-akn-padding:0.5em 0.6em;

    }
}
*, ::after, ::before {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

body {

    --body-font-family-akn: var(--font-globale-akn);
    --body-font-size-akn: 13px;
    --body-font-weight-akn: 400;
    --body-line-height-akn: 1.4;

    --body-color-akn: var(--secondaire-akn);
    --body-color-akn-rgb: var(--secondaire-akn-rgb);

    --body-bg-akn: #f1f1f1;
    --body-bg-akn-rgb: 241, 241, 241;

    /* Sidebar */
    --sidebar-akn-slot-width: 20em;
    --sidebar-akn-open-width: var(--sidebar-akn-slot-width);



    margin: 0;
    padding: 0;

    font-family: var(--body-font-family-akn);
    font-size: var(--body-font-size-akn);
    font-weight: var(--body-font-weight-akn);
    line-height: var(--body-line-height-akn);
    color: var(--body-color-akn);
    background-color: var(--body-bg-akn);

}

@media(max-width:1024px){
    body {        
        /* Sidebar */
        --sidebar-akn-slot-width: 4.7em;
    }
    body.mini-sidebar-open {        
        /* Sidebar */
        --sidebar-akn-open-width: 18.5em;
    }

}
@media(max-width:1600px){
    body {
        --body-font-size-akn: 12px;
    }
}
@media(max-width:600px){
    body {
        --body-font-size-akn: 11px;
    }
}



.scrollcustom {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.scrollcustom::-webkit-scrollbar {
    width: 5px;
}
.scrollcustom::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}
.scrollcustom::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}


/* 
    Typo global
------------------------------- */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-weight: 700;
    line-height: 1.2;
    font-family: var(--font-speciale-akn);
}

h1, .h1 {
    font-size: 1.538em;
    margin: 0;

}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 1.538em;
    }
}

h2, .h2 {
    font-size: calc(1.325em + 0.9vw);
}
@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2em;
    }
}

h3, .h3 {
    font-size: calc(1.3em + 0.6vw);
}
@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.75em;
    }
}

h4, .h4 {
    font-size: 1.5em;  
    margin-bottom: 0.75em;
}
@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.5em;
    }
}

h5, .h5 {
    font-size: 1.25em;

    border-bottom: 1px solid var(--clair-akn);
    margin-bottom: 0.7em;
    padding-bottom: 1em;
}
h5.with_desc, .h5.with_desc {
    margin-bottom: 0.3em;
    padding-bottom: 0.3em;
}

h6, .h6 {
    font-size: 1.08em;
}

p {
    margin-top: 0;
    margin-bottom: 1em;
}

ol, ul {
    padding-left: 2em;
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1em;
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0;
}

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

ul.checklist li {
    position:relative;
    padding-left: 1.8em;
    margin-bottom: 1em;
}
ul.checklist li:before {
    content:"✓";
    position:absolute;
    left:0;
    color:var(--primaire-akn);
    font-size:1.4em;
    font-weight:700;
    line-height:1
}

ul.checklist li svg {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

b, strong  {
    font-weight: bold;
}
.strong, .fw-b {
    font-weight: 700 !important;
}
.fw-eb {
    font-weight: 800 !important;
}
.stronger, .fw-bk {
    font-weight: 900 !important;
}
.fw-nm {
    font-weight: 400 !important;
}

.small{
    font-size: 0.63em;
}

a, a:visited {
    color: var(--link-color-akn);
    text-decoration: none;
    outline: 0;
}
a.link-alt, a.link-alt:visited {
    --link-color-akn : var(--secondaire-akn);
    text-decoration: underline;
}
a.link-danger, a.link-danger:visited {
    color: var(--danger-akn);
}
a.underline, a.underline:visited {
    text-decoration: underline;
}
a:hover, a:focus, a:active {
    color: var(--link-hover-color-akn);
    outline: 0;
}

img, svg {
    border-style: none;
    height: auto;
    max-width: 100%;
}

.picto-akn{
    --picto-akn-bg: var(--primaire-akn);
    --picto-akn-color: var(--blanc-akn);
    padding:0.9em;
    border-radius: 50%;
    aspect-ratio: 1;
    width: 3.75em;
    background: var(--picto-akn-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: var(--picto-akn-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.picto-akn.bg-blanc{
    --picto-akn-bg: var(--blanc-akn);
    --picto-akn-color: var(--primaire-akn);
}
.picto-akn.bg-nacre{
    --picto-akn-bg: url(../img/passez-a-regulo-plus/background-2.webp);
    width: 4.75em;
}

.asterisque{
	color:#E31FFE;
}

/*Fonts utils*/
.inherit, a.inherit, a.inherit:visited{
    color: inherit;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}
.left{
    text-align: left;
}
.ff-globale{
    font-family: var(--font-globale-akn);
}
.ff-speciale{
    font-family: var(--font-speciale-akn);
}

.fc-clair{
    color: #666;
}
.fc-muted{
    color: #999;
}
/* Base Font size XD : 13px */
.fsz-0_846  { font-size: 0.846em;     /* 11px */}
.fsz-0_93   { font-size: 0.923em;     /* 12px */}
.fsz-1      { font-size: 1em;         /* 13px */}
.fsz-1_07   { font-size: 1.077em;     /* 14px */}
.fsz-1_15   { font-size: 1.154em;     /* 15px */}
.fsz-1_2    { font-size: 1.231em;     /* 16px */}
.fsz-1_333  { font-size: 1.385em;     /* 18px */}
.fsz-1_75   { font-size: 1.769em;     /* 23px */}
.fsz-2      { font-size: 2em;         /* 25px */}
.fsz-2_5    { font-size: 2.5em;       /* 33px */}

.no-pad{
    padding: 0;
}

.highlight-primaire{
    color: var(--primaire-akn);
}   

.highlight-erreur{
    color: #FF005C !important;
}   


/* 
    Sidebar / Header 
-------------- */
.site-sidebar {    
    --sidebar-akn-bg:#EBEBEB;
    --sidebar-akn-box-shadow: var(--box-shadow-akn);
    --sidebar-akn-border-radius:0;
    --sidebar-akn-padding: 1.333em;

    --sidebar-akn-nav-bg: transparent;
    --sidebar-akn-nav-color: #616161;  
    --sidebar-akn-nav-border-radius: var(--border-radius-akn-medium);
    --sidebar-akn-nav-bg-hover: var(--blanc-akn);
    --sidebar-akn-nav-color-hover: var(--secondaire-akn);


    position: fixed;
    width: var(--sidebar-akn-open-width);
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 20;
    background: var(--sidebar-akn-bg);
    box-shadow:  var(--sidebar-akn-box-shadow);
    border-radius: var(--sidebar-akn-border-radius);
    color: var(--primaire-akn);  
    z-index: 2000;

    padding: var(--sidebar-akn-padding);

    display: flex;
    flex-direction: column ;

    /*transition: width 0.3s ease-in-out;*/
}

/* banner free user */
.banner-free-user{
    background:#F1F1F1;
    border-radius:10px;
    padding:20px;
    margin-bottom:20px;
}
.banner-free-user p{
    margin:10px 0 10px 0;
}
.banner-free-user .col-akn-md-2{
    text-align:right;
}

/* Hide body */
.hide-body {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1900;
    display: none;
    background: rgba(0, 0, 0, .6) ;
}


/* ----- Logo ----- */
.top-sidebar{
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
}
.top-sidebar a img.logo{  
    max-width: 11.5em;
}
.top-sidebar a img.logo-small{  
    max-width: 2.2em;
}
.logo-small{
    display: none;
}

/* ----- BT Expand ----- */
.expand-sidebar{
    display: none;
    margin-top: 1em;
}
.btn-expand {
    width: 14px;
    height: 12px;
    position: relative;
    margin: 0 auto;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    display: block;
    cursor: pointer;
}

.btn-expand span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--blanc-akn);
    border-radius: 2px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    background: var(--primaire-akn);
}
.btn-expand span:nth-child(1) {
    top: 0px;
}
.btn-expand span:nth-child(2),
.btn-expand span:nth-child(3) {
    top: 5px;
}
.btn-expand span:nth-child(4) {
    top: 10px;
}

/* Expanded */
.mini-sidebar-open .btn-expand span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}
.mini-sidebar-open .btn-expand span:nth-child(2) {
  transform: rotate(45deg);
}
.mini-sidebar-open .btn-expand span:nth-child(3) {
  transform: rotate(-45deg);
}
.mini-sidebar-open .btn-expand span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}



/* -- Profil -- */
.profil-sidebar {
    text-align: center;
    margin-bottom: 2em;
    font-family: var(--font-speciale-akn);
}

/* -- Main Navigation -- */
.nav-sidebar {
    position: relative;
    display: block;
    overflow: hidden;
    flex-grow: 1;
    margin-left: calc(0px - var(--sidebar-akn-padding));
    margin-right: calc(0px - var(--sidebar-akn-padding));
}

.swiperNav {
    width: 100%;
    height: 100%;
    padding-left: var(--sidebar-akn-padding);
    padding-right: var(--sidebar-akn-padding);
    overflow-y: auto;
}
.swiperNav .swiper-slide {
    height: auto;
}
.swiperNav .swiper-scrollbar {
    right: 0.6em;
    background: rgba(255,255,255,.1);
}
.swiperNav .swiper-scrollbar-drag {
    background: rgba(255,255,255,.5);
}


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

ul.menu li {
    margin: 0 0 .333em;
    position: relative;
}

ul.menu a {
    font-family: var(--font-speciale-akn);
    display: block;
    text-decoration: none;
    color: var(--sidebar-akn-nav-color);
    background: var(--sidebar-akn-nav-bg);
    border-radius: var(--sidebar-akn-nav-border-radius);
    padding: 0.8em 1em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.7em;
    transition: all 0.15s ease-in-out;
    line-height: 1.3;
    
}
/*
body.mini-sidebar:not(.mini-sidebar-open) ul.menu a {
    width: calc(var(--sidebar-akn-slot-width) - (var(--sidebar-akn-padding) * 2) );
    display: block;
}*/
ul.menu a .link-icon{
    width: 1.33em;  
    height: 1.33em;
    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: flex-start;
}

ul.menu a .link-icon svg{
    max-height: 100%;
}

ul.menu a:hover ,
ul.menu .current-menu-item a {
    color: var(--sidebar-akn-nav-color-hover);
    background: var(--sidebar-akn-nav-bg-hover);
}



/* -- Bottom Navigation -- */

.bottom-sidebar{
    margin-top: 2em;
    margin-bottom: 0.6em;
}

.switch-dossier{
    font-size:0.85em;
    background:#eaf4ff;
    color:#003a5a;
    margin:0;
    padding:0.85em;
    box-sizing:border-box;
    border-radius:var(--sidebar-akn-nav-border-radius);
    margin-bottom:0.85em;
}
.switch-dossier label{
    padding: 0 0 0.5em 0;
}

@media(max-width:1024px){
    .site-sidebar {    
        --sidebar-akn-padding: 0.7em;
    }
    .expand-sidebar{
        display: block;
    }
    body:not(.mini-sidebar-open) .logo{
        display: none;
    }
    body:not(.mini-sidebar-open) .logo-small{
        display: inline-block;
    }
    body:not(.mini-sidebar-open) .profil-sidebar {
        display: none;
    }
    body:not(.mini-sidebar-open) .switch-dossier {
        display: none;
    }
    body:not(.mini-sidebar-open) ul.menu a .link-txt{
        display: none;
    }
}



/* 
    Content 
-------------- */

.site-content {
    padding-left: calc( var(--sidebar-akn-slot-width) + var(--gutter-site-akn) );
    padding-top: var(--gutter-site-akn);
    padding-right: var(--gutter-site-akn);
    padding-bottom: var(--gutter-site-akn);
    height: 100%;
    padding-top: 1em;
}

body.no-sidebar .site-content {
    padding-left: var(--gutter-site-akn);
}

.container {
    width: 100%;
    max-width: 1040px;
    padding-right: calc(1em);
    padding-left: calc(1em);
    margin-right: auto;
    margin-left: auto;
}

/*
.container {
    width: 100%;
    max-width: 1015px;
    padding-right: calc(1em);
    padding-left: calc(1em);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}*/


/* 
    Row / Grid System 
------------------------- */

.row-akn {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(-0.5 * var(--gutter-grid-akn));
    margin-left: calc(-0.5 * var(--gutter-grid-akn));
}
.row-akn.row-akn-small {
    --gutter-grid-akn: 2em;
}

.row-akn.row-akn-narrow {
    --gutter-grid-akn: 1.333em;
}
.row-akn > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-grid-akn) * 0.5);
    padding-left: calc(var(--gutter-grid-akn) * 0.5);
    margin-bottom: var(--gutter-grid-akn);
}
.row-akn.xs-mg > *{
    margin-bottom: .5em;
}
.row-akn.sm-mg > *{
    margin-bottom: 0.8em;
}
.row-akn.md-mg > *{
    margin-bottom: 1.666em;
}
.row-akn.no-mg > *{
    margin-bottom: 0;
}


.col-akn {
    flex: 1 0 0%;    
}

.row-akn-col-auto > * {
    flex: 0 0 auto;
    width: auto;
}
.col-akn-offset{
    margin-left: auto;
}
.col-akn-grow{
    flex-grow: 1;
}


.row-table{
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.65em;  
    margin-bottom: 0.65em;    
    border-bottom: 1px solid #e5e5e5;
}
.col-akn-first{
    padding-left: 0;
}
.col-akn-last{
    padding-right: 0;
}

.col-akn-1   { flex: 0 0 auto; width: 8.33333333%;}
.col-akn-2   { flex: 0 0 auto; width: 16.66666667%;}
.col-akn-3   { flex: 0 0 auto; width: 25%;}
.col-akn-4   { flex: 0 0 auto; width: 33.33333333%;}
.col-akn-5   { flex: 0 0 auto; width: 41.66666667%;}
.col-akn-6   { flex: 0 0 auto; width: 50%;}
.col-akn-7   { flex: 0 0 auto; width: 58.33333333%;}
.col-akn-8   { flex: 0 0 auto; width: 66.66666667%;}
.col-akn-9   { flex: 0 0 auto; width: 75%;}
.col-akn-10  { flex: 0 0 auto; width: 83.33333333%;}
.col-akn-11  { flex: 0 0 auto; width: 91.66666667%;}
.col-akn-12  { flex: 0 0 auto; width: 100%;}

@media (max-width: 679px) {
.col-akn-0   { display: none;}
}
@media (min-width: 680px) {
    .col-akn-sm-1   { flex: 0 0 auto; width: 8.33333333%;}
    .col-akn-sm-2   { flex: 0 0 auto; width: 16.66666667%;}
    .col-akn-sm-3   { flex: 0 0 auto; width: 25%;}
    .col-akn-sm-4   { flex: 0 0 auto; width: 33.33333333%;}
    .col-akn-sm-5   { flex: 0 0 auto; width: 41.66666667%;}
    .col-akn-sm-6   { flex: 0 0 auto; width: 50%;}
    .col-akn-sm-7   { flex: 0 0 auto; width: 58.33333333%;}
    .col-akn-sm-8   { flex: 0 0 auto; width: 66.66666667%;}
    .col-akn-sm-9   { flex: 0 0 auto; width: 75%;}
    .col-akn-sm-10  { flex: 0 0 auto; width: 83.33333333%;}
    .col-akn-sm-11  { flex: 0 0 auto; width: 91.66666667%;}
    .col-akn-sm-12  { flex: 0 0 auto; width: 100%;}
}
@media (max-width: 989px) {
    .col-akn-sm-0   { display: none;}
}
@media (min-width: 990px) {
    .col-akn-md-1   { flex: 0 0 auto; width: 8.33333333%;}
    .col-akn-md-2   { flex: 0 0 auto; width: 16.66666667%;}
    .col-akn-md-3   { flex: 0 0 auto; width: 25%;}
    .col-akn-md-4   { flex: 0 0 auto; width: 33.33333333%;}
    .col-akn-md-5   { flex: 0 0 auto; width: 41.66666667%;}
    .col-akn-md-6   { flex: 0 0 auto; width: 50%;}
    .col-akn-md-7   { flex: 0 0 auto; width: 58.33333333%;}
    .col-akn-md-8   { flex: 0 0 auto; width: 66.66666667%;}
    .col-akn-md-9   { flex: 0 0 auto; width: 75%;}
    .col-akn-md-10  { flex: 0 0 auto; width: 83.33333333%;}
    .col-akn-md-11  { flex: 0 0 auto; width: 91.66666667%;}
    .col-akn-md-12  { flex: 0 0 auto; width: 100%;}
}
@media (max-width: 1399px) {
    .col-akn-md-0   { display: none;}
}
@media (min-width: 1400px) {
    .col-akn-xl-0   { display: none;}
    .col-akn-xl-1   { flex: 0 0 auto; width: 8.33333333%;}
    .col-akn-xl-2   { flex: 0 0 auto; width: 16.66666667%;}
    .col-akn-xl-3   { flex: 0 0 auto; width: 25%;}
    .col-akn-xl-4   { flex: 0 0 auto; width: 33.33333333%;}
    .col-akn-xl-5   { flex: 0 0 auto; width: 41.66666667%;}
    .col-akn-xl-6   { flex: 0 0 auto; width: 50%;}
    .col-akn-xl-7   { flex: 0 0 auto; width: 58.33333333%;}
    .col-akn-xl-8   { flex: 0 0 auto; width: 66.66666667%;}
    .col-akn-xl-9   { flex: 0 0 auto; width: 75%;}
    .col-akn-xl-10  { flex: 0 0 auto; width: 83.33333333%;}
    .col-akn-xl-11  { flex: 0 0 auto; width: 91.66666667%;}
    .col-akn-xl-12  { flex: 0 0 auto; width: 100%;}
}

@media (max-width: 699px) {
    .row-akn-col-auto > * {
        justify-content: flex-start;
    }
    .col-akn-offset {
        margin-left: 0;
    }
}

/* 
    Utils 
------------------------- */
.display-flex {
    display: flex;
}
.gap-1 {
    gap: 1em;
}
.gap-2 {
    gap: 2em;
}
.flex-direction-column, .fld-column{
    flex-direction: column;
}
.flex-grow{
    flex-grow: 1;
}
.space-btw-row, .jc-space-between{
    justify-content: space-between ;    
}
.center-v-col, .justify-content-center, .jc-center {
    justify-content: center;
}
.jc-start {
    justify-content: flex-start !important;
}
.jc-end {
    justify-content: flex-end !important;
}
.center-v-row, .ai-center {
    align-items: center;
}
.ai-stretch {
    align-items: stretch;
}

.white-space-no-wrap {
    white-space: nowrap;
}

.flex-break-mobile{
    display: none;
}

@media (max-width: 679px){
    .flex-break-mobile{
        display: block !important;
        flex-basis: 100% !important;
        width: 100% !important;
        height: 0 !important; 
        padding: 0 !important;
        margin: 0 !important;
    }
}

@media (max-width: 989px){    .hide-mobile {
        display: none;
    }
}
@media (min-width: 990px){
    .hide-desktop {
        display: none;
    }

}

/*Margins utils*/

.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}

/* Base : 15px */
.mt-0{      margin-top: 0; /* 0 */}
.mt-0_5{    margin-top: 0.5em; /* ~7px */}
.mt-1{      margin-top: 1em; /* ~15px */}
.mt-1_2{    margin-top: 1.2em; /* ~18px */}
.mt-1_333{  margin-top: 1.333em; /* ~20px */}
.mt-1_666{  margin-top: 1.666em; /* ~25px */}
.mt-2{      margin-top: 2em; /* ~30px */}
.mt-2_666{  margin-top: 2.666em; /* ~40px */}

.mb-0{      margin-bottom: 0; /* 0 */}
.mb-0_25{   margin-bottom: 0.25em; /* ~4px */}
.mb-0_5{    margin-bottom: 0.5em; /* ~7px */}
.mb-0_75{    margin-bottom: 0.75em; /* ~10px */}
.mb-1{      margin-bottom: 1em; /* ~15px */}
.mb-1_2{    margin-bottom: 1.2em; /* ~18px */}
.mb-1_333{  margin-bottom: 1.333em; /* ~20px */}
.mb-1_666{  margin-bottom: 1.666em; /* ~25px */}
.mb-2{      margin-bottom: 2em; /* ~30px */}
.mb-2_666{  margin-bottom: 2.666em; /* ~40px */}

/*Padding utils*/
.pd-0{     padding: 0; }
.pl-2{     padding-left: 2em; }

@media (min-width: 990px) {
.pl-2_5{     padding: 0 2.5em; }
}
/* 
    Formulaires
------------------------------- */
/* couleur placeholder */
::-webkit-input-placeholder {   color: var(--placeholder-color);}
:-moz-placeholder {             color: var(--placeholder-color);   opacity: 1;}
::-moz-placeholder {            color: var(--placeholder-color);   opacity: 1;}
:-ms-input-placeholder {        color: var(--placeholder-color);}


/* couleur placeholder focus */
:focus::-webkit-input-placeholder {   color: rgba(var(--placeholder-color-rgb), .4);}
:focus:-moz-placeholder {             color: var(--placeholder-color);   opacity: .4;}
:focus::-moz-placeholder {            color: var(--placeholder-color);   opacity: .4;}
:focus:-ms-input-placeholder {        color: rgba(var(--placeholder-color-rgb), .4);}

input, select, optgroup, textarea{
    font-family: var(--font-globale-akn);
}

label {
    padding: var(--label-akn-pad);
    display: inline-block;
}

@media (max-width: 679px) {
    .row-akn.sm-mg{
        margin-bottom: 0.5em ;
    }
}

input::-webkit-datetime-edit-fields-wrapper{
    padding: 0;
}
button, select {
    text-transform: none;
}

button, [type=button], [type=reset], [type=submit] {
    font-family: var(--font-speciale-akn);
    appearance: button;
    -webkit-appearance: button;
}

button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
    cursor: pointer;
}

textarea {
    resize: vertical;
}

.field-akn,
input.field-akn {

    margin: 0;

    display: block;
    width: 100%;
    padding: var(--field-akn-padding);
    font-family: var(--font-globale-akn);
    font-size: var(--field-akn-font-size);
    font-weight: 400;
    line-height: var(--body-line-height-akn);
    color: var(--field-akn-color);
    background-color: var(--field-akn-bg);
    border: var(--field-akn-border);
    border-radius: var(--field-akn-border-radius);
    transition: border-color 0.15s ease-in-out;
    min-height: var(--field-akn-height);
}

.field-akn.field-akn-large {
    --field-akn-font-size:1.2em;
    font-weight: 700;
}
.field-akn.field-akn-outline {
    --field-akn-border:1px solid var(--field-akn-color);
}
.field-akn.field-akn-small {
    --field-akn-padding:0.3em 0.8em;
    --field-akn-font-size:1em;
    width: auto;
}

.field-akn-select{    
    cursor: pointer;
    padding-right: 2.25em;
    -moz-padding-start: calc(1em - 3px);
    line-height: 2;
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="9.335" height="7" viewBox="0 0 9.335 7"%3e%3cpath id="arrow-down-fill" d="M13.666,19a1.338,1.338,0,0,1-1.034-.5L9.357,14.536a1.633,1.633,0,0,1-.2-1.719A1.369,1.369,0,0,1,10.391,12H16.94a1.369,1.369,0,0,1,1.237.817,1.633,1.633,0,0,1-.2,1.719L14.7,18.5A1.338,1.338,0,0,1,13.666,19Z" transform="translate(-8.998 -12)"/%3e%3c/svg%3e');
    background-repeat: no-repeat;
    background-position: right 1.2em center;
    background-size: 9px 7px;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#akn-select-numero-tva-pays-ajouter-wrapper{
    width:100%;
}

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

.select2-container--default .select2-selection--single{
    /*background:var(--clair-akn);
    border:none;*/
    min-height:var(--field-akn-height);  
    border-radius: var(--field-akn-border-radius);
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:var(--field-akn-height);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--field-akn-height);
    width: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #303030 transparent transparent transparent;
}

/*Spe selection dossier*/
.select2-container--default .select2-admin-shops-sel {
    /*background: #FFF;*/
    border-color:#033d5e6b;
    min-height:20px;
    border-radius: 5px;
}
.select2-container--default .select2-admin-shops-sel .select2-selection__rendered{
    line-height:28px;
}
.select2-container--default .select2-admin-shops-sel .select2-selection__arrow {
    height: 28px;
    width: 20px;
}
.select2-admin-shops-dd.select2-dropdown {
    width: 80vw !important;
    max-width: 500px !important;
}
.select2-admin-shops-dd .select2-results__option, 
.select2-admin-shops-dd .select2-search__field {
    font-size: 11px !important;
    padding: 0 5px !important;
}




.field-akn-textarea{
    --field-akn-height: 8em;
    --field-akn-padding:1em 1.2em;
}



.field-width-auto,
input.field-width-auto{
    width: auto;
    display: inline-block;
}

.field-transparent{
    background-color: transparent;
}
.field-akn-colorpicker,
input.field-akn-colorpicker{
    max-width: 100%;
    --field-akn-border: 1px solid var(--quaternaire-akn);

}

.field-akn:hover, .field-akn:focus{
    outline: 0;
    box-shadow: 0;
}



/* 
    Custom Check + radio
------------------------------- */
.checkradio-akn{  
    display: flex;
    flex-direction: column; 
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    padding: var(--label-akn-pad);
}

@media (min-width: 680px) {
    .checkradio-akn.inline,
    .checkradio-akn .choice-checkradio.inline{  
        display: flex; 
        flex-direction: row; 
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

.checkradio-akn.inlineall,
.checkradio-akn .choice-checkradio.inlineall{  
    display: flex; 
    flex-direction: row; 
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.xs-pd{  
    --label-akn-pad:0.35em 0;
}
.checkradio-akn.center,
.choice-checkradio.center{  
    justify-content: center;
}

.choice-checkradio{      
    --checkradio-akn-color:  var(--secondaire-akn);
    --checkradio-akn-bg: var(--blanc-akn);
    --checkradio-akn-border: 1px solid var(--secondaire-akn);
}

.checkradio-akn.green .choice-checkradio{      
    --checkradio-akn-color:  #00C241;
    --checkradio-akn-bg: var(--blanc-akn);
    --checkradio-akn-border: 2px solid var(--secondaire-akn);
}
.choice-checkradio input[type="radio"] ,
.choice-checkradio input[type="checkbox"] {  
    visibility: hidden;
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;  
}
.choice-checkradio input[type="radio"] + * ,
.choice-checkradio input[type="checkbox"] + * {
    position: relative;
    padding: 0;
    padding-left: 24px;    
    min-height: 22px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}
.choice-checkradio input[type="radio"] + *::before,
.choice-checkradio input[type="radio"] + *::after,
.choice-checkradio input[type="checkbox"] + *::before,
.choice-checkradio input[type="checkbox"] + *::after {
    display: block;
    position: absolute;
    content:'';
    cursor: pointer;
}

.choice-checkradio.champ-supp > input[type="email"] {  
    margin-left: .5em;
}

.choice-checkradio.champ-supp > input[type="date"] {  
    visibility: hidden;
    opacity: 0;
    margin-left: .5em;
}
.choice-checkradio.champ-supp > input[type="radio"]:checked ~ input[type="date"] {  
    visibility: visible;
    opacity: 1;
}


/* 
    Radio Check Design 
------------------------------- */
.choice-checkradio input[type="radio"] + *::before,
.choice-checkradio input[type="checkbox"] + *::before {
    top: 2px;
    left: 0;
    border: var(--checkradio-akn-border);
    background-color: var(--checkradio-akn-bg);
    width: 18px;
    height: 18px; 
    border-radius: 4px;
    }

.choice-checkradio input[type="radio"] + *::before {
    border-radius: 10px;
}
.choice-checkradio input[type="radio"] + *::after,
.choice-checkradio input[type="checkbox"] + *::after {
    top: 6px;
    left: 4px;
    width: calc(18px - 8px);
    height: calc(18px - 8px);
    border-radius: 2px;
}
.choice-checkradio input[type="radio"] + *::after{
    border-radius: 10px;
}
.choice-checkradio input[type="radio"]:checked + *::after ,
.choice-checkradio input[type="checkbox"]:checked + *::after {
    background-color: var(--checkradio-akn-color);
}

/* 
    Radio / Checkbox as Buttons 
--------------------------------------- */

.buttons .choice-checkradio {
    --checkradio-akn-color:  var(--secondaire-akn);
    --checkradio-akn-bg: var(--clair-akn);
    --checkradio-akn-border: var(--clair-akn);
}
.buttons .choice-checkradio input[type="radio"] + *::before,
.buttons .choice-checkradio input[type="checkbox"] + *::before,
.buttons .choice-checkradio input[type="radio"] + *::after,
.buttons .choice-checkradio input[type="checkbox"] + *::after {
   display: none;
}
.buttons .choice-checkradio input[type="radio"] + * ,
.buttons .choice-checkradio input[type="checkbox"] + * {
    padding:.5em 1em;
    border-radius: var(--border-radius-akn-medium);
    display: inline-flex;
    align-items: center;
    gap:0.5em;
    background-color: var(--checkradio-akn-bg);
    border: 1px solid var(--checkradio-akn-border);
    color: var(--checkradio-akn-color);
    font-size:  1.06em;
    transition: 
        border 0.1s ease-in-out,
        background 0.1s ease-in-out;

}
.buttons .choice-checkradio input[type="radio"] + * > img ,
.buttons .choice-checkradio input[type="checkbox"] + * > img{
    max-width: 1.625em;
    max-height: 1.625em;
}

.buttons .choice-checkradio input[type="radio"] + *:hover ,
.buttons .choice-checkradio input[type="checkbox"] + *:hover{
    --checkradio-akn-border: var(--tertiaire-akn);
}
.buttons .choice-checkradio input[type="radio"]:checked + * ,
.buttons .choice-checkradio input[type="checkbox"]:checked + * {
    --checkradio-akn-border: var(--primaire-akn);
    background-color: transparent;
}




.choice-checkradio.champ-supp .field-akn-conditione {  
    visibility: hidden;
    opacity: 0;
    display: none;
}
.choice-checkradio.inline.champ-supp .field-akn-conditione {  
    margin-top: 0;
    margin-left: .5em;
}
.choice-checkradio.champ-supp input[type="radio"]:checked ~ .field-akn-conditione {  
    visibility: visible;
    opacity: 1;
    display: block;
    margin-top: 1em;  
    margin-left: 2em;
    width: 90%;
    max-width: 45em;
}
.choice-checkradio.champ-supp input[type="radio"]:checked ~ .field-akn-conditione.fullwidth {  
    max-width: none;
}





/* 
    Dropzone
------------------------------- */
.dropzone{
    border: 2px dashed var(--quaternaire-akn);
    border-radius: var(--border-radius-akn-small);
    color: var(--quaternaire-akn);
    min-height: 130px;
}

.dropzone .dz-default.dz-message{
    margin: .5em 0;
    font-size: 1rem;
    color: var(--quaternaire-akn);
    height: 175px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    
}

/* ------ Dropzone Button ------ */

.dropzone.button{
    border: 1px solid var(--secondaire-akn);
    color: var(--secondaire-akn);
    min-height: 1px;
    padding: 0.25em 1.5em;

    display: inline-block;
    border-radius: var(--border-radius-akn-big);
}
.dropzone.button .dz-message{
    height: auto; 
    color: var(--secondaire-akn);
    font-weight: bold;
    font-size: 1em;
}
.dropzone.button .dz-message .dz-button{
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.dropzone.button .dz-message .dz-button img,
.dropzone.button .dz-message .dz-button svg{  
    max-width: 1.625em;
    max-height: 1.625em;
}



/* 
    Boutons
------------------------------- */

.btn-akn, .btn-akn:visited {
    --btn-akn-height: 3.125em;
    --btn-akn-font-size: 1.06em;
    --btn-akn-padding: 0.5em 1.2em;
    --btn-akn-color: var(--blanc-akn);
    --btn-akn-bg: rgba(var(--primaire-akn-rgb), 1);
    --btn-akn-border: none;
    --btn-akn-border-width: 0px;
    --btn-akn-border-color: transparent;
    --btn-akn-border-radius: var(--border-radius-akn-big);
    
    --btn-akn-hover-color: var(--blanc-akn);
    --btn-akn-hover-bg:  rgba(var(--primaire-akn-rgb), .8);
    --btn-akn-hover-border: none;
    --btn-akn-hover-border-color: transparent;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:1em;

    padding: var(--btn-akn-padding);
    font-family: var(--font-speciale-akn);
    font-size:  var(--btn-akn-font-size);
    font-weight: 700;
    line-height: var(--body-line-height-akn);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background: var(--btn-akn-bg);
    border: var(--btn-akn-border);
    border-width: var(--btn-akn-border-width);
    border-style: solid;
    border-color: var(--btn-akn-border-color);
    border-radius: var(--btn-akn-border-radius);
    color: var(--btn-akn-color);
    transition: background 0.15s ease-in-out;

    min-height: var(--btn-akn-height);
}
.btn-akn.right, .btn-akn.right:visited {
    float: right;
}
.btn-akn.btn-akn-big, .btn-akn.btn-akn-big:visited {
    --btn-akn-font-size: 1.231em;
}
.btn-akn.btn-akn-bigger, .btn-akn.btn-akn-bigger:visited {
    --btn-akn-font-size: 1.5em;
}
.btn-akn.btn-akn-large, .btn-akn.btn-akn-large:visited {
    --btn-akn-padding: 0.5em 3em;
    --btn-akn-height: 2.9em;
}

@media(max-width:989px){
    .btn-akn.btn-akn-large, .btn-akn.btn-akn-large:visited {
        --btn-akn-padding: 0.5em 1.5em;
    }
}


.btn-akn.btn-akn-wide, .btn-akn.btn-akn-wide:visited {
    display: flex;
    width: 100%;
}

.btn-akn.btn-akn-small, .btn-akn.btn-akn-small:visited {
    --btn-akn-padding: 0.5em 1em;
    --btn-akn-height: 2.5em;
    --btn-akn-border-radius: var(--border-radius-akn-medium);
}
.btn-akn.btn-akn-thin, .btn-akn.btn-akn-thin:visited {
    --btn-akn-border-width:1px;
}


.btn-akn img, .btn-akn:visited img,
.btn-akn svg, .btn-akn:visited svg {
   max-width: 1.625em;
   max-height: 1.625em;
}

/* btn-akn Secondaire*/
.btn-akn.btn-akn-secondaire, .btn-akn.btn-akn-secondaire:visited {
    --btn-akn-bg: var(--secondaire-akn);
    --btn-akn-hover-bg:  rgba(var(--secondaire-akn-rgb), .8);
}
/* btn-akn Clair*/
.btn-akn.btn-akn-clair, .btn-akn.btn-akn-clair:visited {
    --btn-akn-color: var(--secondaire-akn);
    --btn-akn-bg: var(--clair-akn);
    --btn-akn-hover-color: var(--secondaire-akn);
    --btn-akn-hover-bg:  var(--clair-akn);
}
/* btn-akn Bevel*/
.btn-akn.btn-akn-bevel, .btn-akn.btn-akn-bevel:visited {
    --btn-akn-color: var(--secondaire-akn);
    --btn-akn-bg: #FFF;
    --btn-akn-hover-color: var(--secondaire-akn);
    --btn-akn-hover-bg:  var(--clair-akn);
    box-shadow: 0px 1px 2px #B5B5B5;
}
/* btn-akn Transparent*/
.btn-akn.btn-akn-transparent, .btn-akn.btn-akn-transparent:visited {
    --btn-akn-color: var(--secondaire-akn);
    --btn-akn-bg: transparent;
    --btn-akn-hover-color: var(--secondaire-akn);
    --btn-akn-hover-bg:  var(--clair-akn);
}
/* btn-akn Outline*/
.btn-akn.btn-akn-outline, .btn-akn.btn-akn-outline:visited {
    --btn-akn-border: solid;
    --btn-akn-border-width: 1px;
    --btn-akn-border-color:  var(--primaire-akn);
    --btn-akn-color: var(--primaire-akn);
    --btn-akn-bg: transparent;
    --btn-akn-hover-border-color:  var(--primaire-akn);
    --btn-akn-hover-color: #FFF;
    --btn-akn-hover-bg:  var(--primaire-akn);
}
.btn-akn.btn-akn-secondaire.btn-akn-outline, .btn-akn.btn-akn-secondaire.btn-akn-outline:visited {
    --btn-akn-border-color:  var(--secondaire-akn);
    --btn-akn-color: var(--secondaire-akn);
    --btn-akn-bg: transparent;
    --btn-akn-hover-border-color: var(--secondaire-akn);
    --btn-akn-hover-color: #FFF;
    --btn-akn-hover-bg:  var(--secondaire-akn);
}
/* btn-akn Vert*/
.btn-akn.btn-akn-vert, .btn-akn.btn-akn-vert:visited {
    --btn-akn-bg: #B4FED2;
    --btn-akn-color: #105435;
}
/* btn-akn grad*/
.btn-akn.btn-akn-plus, .btn-akn.btn-akn-plus:visited {  
    --btn-akn-height: auto;
    --btn-akn-padding: 0.6em 4.3em;
    --btn-akn-font-size:1.2em;  
    font-weight: 500;
}
.btn-akn.btn-akn-grad, .btn-akn.btn-akn-grad:visited {  
    --btn-akn-bg:linear-gradient(90deg, #3049FC 0%, #EE3DE4 100%);
}

.btn-akn:hover, .btn-akn:active, .btn-akn:focus {
    color: var(--btn-akn-hover-color);
    background-color: var(--btn-akn-hover-bg);
    border-color: var(--btn-akn-hover-border-color);
}

.btn-flag{  
    gap: 0.5em;

}
.divider{
    width: 100%;
    height: 1px;
    background: var(--gris-akn);
    margin: 2em 0;
}

/* 
    Tableau
------------------------------- */

table {
    --table-akn-margin:0 0 1em;
    --table-akn-padding:1.25em;
    --table-akn-padding-topbottom:0.75em;
    --table-akn-border:1px solid #dbdef3;

    caption-side: bottom;
    border-collapse: collapse;
    margin: var(--table-akn-margin);
}
table.compact{
    --table-akn-padding:1.25em;
    --table-akn-padding-topbottom:0.5em;
    --table-akn-margin: 0;
}
table.no-bd{
    --table-akn-border:0;
}


th {
    text-align: inherit;
    text-align: -webkit-match-parent;
    font-size: 1.1em;
    font-weight: bold;
    padding: var(--table-akn-padding);
    padding-top: var(--table-akn-padding-topbottom);
    padding-bottom: var(--table-akn-padding-topbottom);
    white-space: nowrap;
}

thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
td {
    border-bottom: var(--table-akn-border);
    padding: var(--table-akn-padding);
    padding-top: var(--table-akn-padding-topbottom);
    padding-bottom: var(--table-akn-padding-topbottom);
}
tr td:first-child,
tr th:first-child {
    padding-left: 0;
}


tr td:last-child,
tr th:last-child {
    padding-right: 0;
}

tr .center{
   text-align: center;
}
tr .right{
   text-align: right;
}
tr .col-small{
   width: 9em;
}
tr .col-medium{
   width: 15em;
}
tr .col-large{
   width: 25%;
}


table.align-top td{
    vertical-align: top;
}
tr .line-actions{
    padding: 2px 0 0;
    position: relative;
    left: -9999em;
}
tr .line-actions a{
    display: inline-block;
    margin-right: .5em;
}
tr:hover .line-actions {
    position: static;
}
@media(max-width:1400px){
    tr .line-actions {
        position: static;
    }

}


/* 
    DataTableau
------------------------------- */

.dataTables_wrapper .row-akn {
    width: 100%;
}
/* *** Toolbar *** */
.akn-toolbar label {
    padding: 0;
}
.akn-toolbar .field-akn {
    font-weight: 700;    
    font-family: var(--font-speciale-akn);
}
.akn-toolbar .dropdown-akn {    
    font-family: var(--font-speciale-akn);
}
/* couleur placeholder */
.akn-toolbar ::-webkit-input-placeholder {   color: var(--secondaire-akn);}
.akn-toolbar :-moz-placeholder {             color: var(--secondaire-akn);   opacity: 1;}
.akn-toolbar ::-moz-placeholder {            color: var(--secondaire-akn);   opacity: 1;}
.akn-toolbar :-ms-input-placeholder {        color: var(--secondaire-akn);}

/* couleur placeholder focus */
.akn-toolbar :focus::-webkit-input-placeholder {   color: rgba(var(--secondaire-akn-rgb), .4);}
.akn-toolbar :focus:-moz-placeholder {             color: var(--secondaire-akn);   opacity: .4;}
.akn-toolbar :focus::-moz-placeholder {            color: var(--secondaire-akn);   opacity: .4;}
.akn-toolbar :focus:-ms-input-placeholder {        color: rgba(var(--secondaire-akn-rgb), .4);}


/* Filtres en forme de liens type WP */
.akn-toolbar-filters-links a{
    display: inline-block;
}
.akn-toolbar-filters-links a + a{
    margin-left: .8em;
    padding-left: .8em;
    border-left: 1px solid var(--secondaire-akn);
    line-height: 1;
}
.akn-toolbar-filters-links a.active,
.akn-toolbar-filters-links a.active:visited{
    color: var(--secondaire-akn);
    font-weight: 700;
}
.akn-toolbar-filters-links a .nb,
.akn-toolbar-filters-links a:visited .nb{
    color: var(--secondaire-akn);
    font-weight: 400;
}

/* *** Surcharge Defaut *** */
table.dataTable{
    --image-sorting:url(../img/arrow-down-fill.svg);
    margin-bottom: 1em;
}
.dataTables_wrapper .dataTables_filter input {
    padding: var(--field-akn-padding);
    padding-right: 2.666em;
    color: var(--field-akn-color);
    background-color: var(--field-akn-bg);
    background-image: url(../img/picto-search.svg);
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-size: 1.25em 1.25em;
    background-clip: padding-box;

    border: var(--field-akn-border);
    border-radius: var(--field-akn-border-radius);
    margin-left: 0;
}
table.dataTable thead th,
table.dataTable.no-footer{
    border-bottom: 0px;
}
table.dataTable thead th.center, 
table.dataTable thead td.center, 
table.dataTable tfoot th.center, 
table.dataTable tfoot td.center {
  text-align: center;
}

/*Tri Ordering */

table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after{
    position: relative;
    display: inline-block;
    right: auto;
    opacity: 0;
    width: .65em;
    aspect-ratio: 10/16;
    font-size: 1em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: var(--image-sorting);
    transform: rotate(180deg);
    transition: opacity .3s ease-in-out;
}

table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after {
    top: auto;
    content: "";
    vertical-align: middle;
    margin-left: .4em;
}

table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_asc:after, 
table.dataTable thead>tr>th.sorting:hover:after{
    opacity: 1 !important;
}
table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after {
    transform: rotate(0deg);
}

table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,

table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before{
    display: none
}


/*
table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled {
    padding-right: 35px;
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after{
    color: var(--secondaire-akn);
    display: none;
    opacity: 0;
}
table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 50%;
    content: "▼";
    transform: translateY(-50%);
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {
    bottom: 50%;
    content: "▲";
    transform: translateY(50%);
}

table.dataTable thead>tr>th.sorting:after{
    display: block;
    opacity: 1;
}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after {
    display: block;
    opacity: 1;
}
table.dataTable thead>tr>th.sorting_asc:after{
    display: none;
    opacity: 0;
}*/

/*Pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: inherit !important;
    border: 0;
    border-radius: .666em;
    background: transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: var(--blanc-akn) !important;
    border: 0;
    background: var(--secondaire-akn);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: var(--blanc-akn) !important;
    border: 0;
    background: var(--secondaire-akn);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: rgba(var(--secondaire-akn-rgb), .4) !important;
    border: 0;
}

/*Nb Row */
.dataTables_wrapper .dataTables_length {
    float: none !important;
    clear: both;
    width: 100%;
}

/*Responsive*/
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    padding-left: 40px !important;
}
@media screen and (max-width: 640px){
    .dataTables_wrapper .dataTables_filter {
        margin-top: 0;
    }

}

/*Loader*/
.dataTables_wrapper  div.dataTables_processing{  
    position: fixed;

}


/* 
    Tableau 2 shopify
------------------------------- */
table {
    --table-akn-border:1px solid #E8E8E8;
}
table.dataTable{
    --image-sorting:url(../img/noun-arrows-sort.svg);
}


/*Spe Liste commande*/
body.page-commandes tr td:first-child {
    font-weight: bold;
}

/*Spe Autre que Fiche commande*/
body:not(.page-commande) tr td:first-child,
body:not(.page-commande) tr th:first-child {
    padding-left: var(--table-akn-padding);
}
body:not(.page-commande) tr td:last-child,
body:not(.page-commande) tr th:last-child {
    padding-right: var(--table-akn-padding);
}


body:not(.page-commande) table.dataTable thead th{
    background-color: var(--clair-akn);
}
body:not(.page-commande) table.dataTable thead th:first-child{
    border-radius: var(--border-radius-akn-small) 0 0 var(--border-radius-akn-small);
}
body:not(.page-commande) table.dataTable thead th:last-child{
    border-radius: 0 var(--border-radius-akn-small) var(--border-radius-akn-small) 0;
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 3px;
}

.col-recherche{
    margin-left: auto;
}
.col-recherche .dataTables_filter{
    display: none;
    height: 100% !important;
}




/* 
    Custom Dropdown
------------------------------- */
.dropdown-akn{
    position: relative;
    display: inline-block;
}
.dropdown-akn .dropdown-content{

    --dropdown-akn-height: 3.125em;
    --dropdown-akn-font-size: 1.06em;
    --dropdown-akn-padding: 0.5em 1em;
    --dropdown-akn-bg: var(--clair-akn);
    --dropdown-akn-color: inherit;
    --dropdown-akn-border: none;
    --dropdown-akn-border-radius: var(--border-radius-akn-small);

    padding: var(--dropdown-akn-padding);
    color: var(--dropdown-akn-color);
    background-color: var(--dropdown-akn-bg);
    border: var(--dropdown-akn-border);
    border-radius: var(--dropdown-akn-border-radius);
    font-size: var(--dropdown-akn-font-size);
    line-height: var(--body-line-height-akn);
    min-height: var(--dropdown-akn-height);

    display: none;
    position: absolute;
    z-index: 1;
    min-width: 220px;
    top: calc(100% + 5px);
}

.dropdown-akn.active button img{
    transform: rotate(180deg);
}


/* 
    Message alert-akn
------------------------------- */

.alert-akn {
    --alert-akn-height: 3.125em;
    --alert-akn-font-size: 1.06em;
    --alert-akn-padding: 0.5em 1.2em;
    --alert-akn-bg: var(--clair-akn);
    --alert-akn-color: var(--secondaire-akn);
    --alert-akn-border: none;
    --alert-akn-border-radius: var(--border-radius-akn-big);
    padding: var(--alert-akn-padding);
    color: var(--alert-akn-color);
    background-color: var(--alert-akn-bg);
    border: var(--alert-akn-border);
    border-radius: var(--alert-akn-border-radius);
    font-weight: 400;
    font-size: var(--alert-akn-font-size);
    font-family: var(--font-speciale-akn);
    line-height: var(--body-line-height-akn);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:1em;
    min-height: var(--alert-akn-height);
}

/* Alert */
/*.alert-akn {
    --alert-akn-height: 2.125em;
    --alert-akn-font-size: 1em;
    --alert-akn-border-radius: 5px;
}*/

.alert-akn-small {
    --alert-akn-height: 2.125em;
    --alert-akn-padding: 0.3em 1em;
    --alert-akn-font-size: 0.96em;
    --alert-akn-border-radius: var(--border-radius-akn-small);
}
.alert-akn-large {
    --alert-akn-font-size: 1.2em;
}
.alert-akn-wide {
    width: 100%;

}
.alert-akn-simple {
    --alert-akn-padding: 1.2em 1.2em;
   display: block;

}
table .alert-akn{
    --alert-akn-border-radius:var(--border-radius-akn-small);
    display: flex;
    padding: 0.4em 1.4em;
    font-family: var(--font-globale-akn);
    font-size: 1em;
    min-height: 2em;
    text-align: center;
}
table .link-icon{
    color: var(--secondaire-akn);
}

.alert-akn-succes,
.alert-akn-success,
.alert-akn-vert {
    --alert-akn-color: #00C241;
    --alert-akn-bg: #EBFFF1;
    --alert-akn-border:none;
}
.alert-akn-attention,
.alert-akn-warning,
.alert-akn-orange {
    --alert-akn-color: #FF8800;
    --alert-akn-bg: #FFF8EB;
    --alert-akn-border: none;
}
.alert-akn-erreur,
.alert-akn-error,
.alert-akn-rouge {
    --alert-akn-color: #FF005C;
    --alert-akn-bg: #FFDEEA;
    --alert-akn-border: none;
}
.alert-akn-defaut,
.alert-akn-idle,
.alert-akn-shipped,
.alert-akn-gris {
    --alert-akn-color: #0B0F27;
    --alert-akn-bg: #F3F6FF;
    --alert-akn-border: none;
}
.alert-akn.outline {
    --alert-akn-border:2px solid var(--clair-akn);
}
.alert-akn.transparent {
    --alert-akn-bg: transparent;
}
.alert-akn-primaire {
    --alert-akn-bg: #E9ECFF;
    --alert-akn-border: none;
}

.alert-akn .picto {
    max-width: 1.666em;
    max-height: 1.666em;
}

.danger{
    color: var(--primaire-akn);
}


/* 
    Box  
-------------- */

.card-akn {
    --card-akn-bg: #fff;
    --card-akn-border: 2px solid transparent;
    --card-akn-radius: var(--border-radius-akn-big);
    --card-akn-shadow: var(--box-shadow-akn);
    --card-akn-padding: var(--padding-akn-big);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--card-akn-bg);
    border-radius: var(--card-akn-radius);
    box-shadow:  var(--card-akn-shadow);
    border:  var(--card-akn-border);
    height: 100%;
}
.card-akn.no-bg{
    --card-akn-bg: transparent;
    /*--card-akn-radius: 0;*/
    --card-akn-shadow: none;
}

.card-akn.bg-clair{
    --card-akn-bg: var(--clair-akn);
    --card-akn-shadow: none;
}

.card-akn.bg-opacity{
    --card-akn-bg: rgba(var(--blanc-akn-rgb), 0.6);
    --card-akn-shadow: none;
}

.card-akn.outline{
    --card-akn-border: 2px solid var(--clair-akn);
    --card-akn-bg: transparent;
    --card-akn-shadow: none;
}
.card-akn.card-erreur{
    --card-akn-border: 1px solid #FF005C;
}

.card-akn.radius-small{
    --card-akn-radius: var(--border-radius-akn-small);
}
.card-akn.padding-medium{
    --card-akn-padding: 1.66em ;
}
.card-akn.padding-small{
    --card-akn-padding: 1.26em ;
}
.card-akn.padding-smaller{
    --card-akn-padding: 0.769em ;
}


.card-akn-body {
    padding: var(--card-akn-padding);
}
.card-akn.wide .card-akn-body{
    padding-left: 0;
    padding-right: 0;
}

.card-akn-header {
    padding:var(--card-akn-padding);
}



.card-akn-form{

    background-color: rgba(var(--clair-akn-rgb), 0.3);
    border-radius: var(--border-radius-akn-big);
    padding: var(--padding-akn-big);
    border:  1px solid rgba(var(--clair-akn-rgb), 1);
    margin-bottom: 1.2em;
}


.message-finalisation .card-akn-body{
    min-height: 30em;
}

.message-abonnement .card-akn-body{
    min-height: 20em;
}
/* 
    Blurb  
-------------- */

.blurb-akn{    
    display: flex;
    align-items: center;
    gap:1.333em;
    position: relative;
    font-family: var(--font-speciale-akn);
}

.blurb-akn-col{ 
    flex-direction: column;
    align-items: flex-start;
    gap:0.7em;
}
.blurb-akn-icon{
    flex-shrink: 0;
    color: var(--primaire-akn);
}
.blurb-akn .blurb-akn-body {
    flex-grow: 1;
}
.blurb-akn-title{
    font-size: 2.462em;
    font-weight: 700;
    line-height: 1.1;
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.blurb-akn-title-image{
    margin-bottom: 0.75em;   
}

.blurb-akn-title-small{
    font-size: 1.923em;
}

.blurb-akn-subtitle,
a.blurb-akn-goto{
    font-size: 1.13em;
    color: var(--tertiaire-akn);
}

a.blurb-akn-goto{
    display: flex;
    align-items: center;
    gap: 1em;
}

/*Large Blurb */
.blurb-akn-large{    
    gap:2em;
}
.blurb-akn-large .blurb-akn-title{
    font-size: 3.3333em;
}
.blurb-akn-large .blurb-akn-subtitle,
.blurb-akn-large a.blurb-akn-goto{
    font-size: 1.3333em;
}


.blurb-akn-state{
    position: absolute;
    top: 0;
    right: 0;
}



/* 
Tab Onglet 
-------------- */
.tab-akn {
   width: 100%;
}

.swiperTab {
   --swiper-navigation-size: 16px;
    width: 100%; 
    position: sticky;
    top: 0;
    background: var(--body-bg-akn);
    z-index: 10;
}
.swiperTab .swiper-slide {
    width: auto;
}

.swiperTab .swiper-button-next,
.swiperTab .swiper-button-prev {    
    height: 100%;
    top: 0;
    margin: 0;
    width: 70px;
    color: var(--primaire-akn);
    background: var(--body-bg-akn);
    font-weight: 700;
}
.swiperTab .swiper-button-prev{ 
    background: linear-gradient(90deg, rgba(var(--body-bg-akn-rgb),1) 50%, rgba(var(--body-bg-akn-rgb),0) 100%);
    left: 0;
    padding-right: 2em;
}
.swiperTab .swiper-button-next { 
    background: linear-gradient(90deg, rgba(var(--body-bg-akn-rgb),0) 0%, rgba(var(--body-bg-akn-rgb),1) 50%);
    right: 0;
    padding-left: 2em;
}

.swiperTab:not(.swiper-initialized) .swiper-button-next,
.swiperTab:not(.swiper-initialized) .swiper-button-prev ,
.swiperTab .swiper-button-disabled{
    display: none;
}

.tab-akn .navigation-tab {
    display: flex;
}
.tab-akn .navigation-tab .link-tab {    
    --tab-akn-link-bg: var(--clair-akn);
    --tab-akn-link-color: rgba(var(--secondaire-akn-rgb), 0.6);
    --tab-akn-link-bg-active: #fff;
    --tab-akn-link-color-active: var(--secondaire-akn);

    --tab-akn-link-radius: var(--border-radius-akn-small)  var(--border-radius-akn-small)  0 0;
    --tab-akn-link-padding: 1.2em 2.2em;
    background-color: var(--tab-akn-link-bg);
    border-radius: var(--tab-akn-link-radius);
    padding: var(--tab-akn-link-padding);
    border:0;
    font-weight: bold;
    font-size: 1.2em;
    color: var(--tab-akn-link-color);
    margin-right: 1em;
}

.tab-akn .navigation-tab .link-tab.active{
    background-color: var(--tab-akn-link-bg-active);
    color: var(--tab-akn-link-color-active);
}

.tab-akn .navigation-tab .link-tab:hover{
    color: var(--tab-akn-link-color-active);
}

.tab-akn .container-tab {
    --tab-akn-content-bg: #fff;
    --tab-akn-content-radius:0 var(--border-radius-akn-big)  var(--border-radius-akn-big)  var(--border-radius-akn-big);
    --tab-akn-content-shadow: var(--box-shadow-akn);
    --tab-akn-content-padding: var(--padding-akn-medium);
    position: relative;
    background-color: var(--tab-akn-content-bg);
    border-radius: var(--tab-akn-content-radius);
    box-shadow:  var(--tab-akn-content-shadow);
    padding: var(--tab-akn-content-padding);
}

.tab-akn .container-tab .content-tab {
    display: none;
}

/*.tab-akn .container-tab .content-tab:first-child {
    display: block;
}*/

.tab-akn .container-tab .content-tab.is-active {
    display: block;
}

.choice-checkradio.champ-supp input[type="date"] {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.choice-checkradio.champ-supp label:has(input[type="radio"]:checked) + input[type="date"] {
    visibility: visible;
    opacity: 1;
}
/* 
Inner Menu - Tab Onglet
------------------------- */
ul.submenu  {
    --submenu-akn-nav-color:#4A4A4A;
    --submenu-akn-nav-bg:transparent;
    --submenu-akn-nav-border-radius:10px;
    --submenu-akn-nav-color-hover:#0B0F28;
    --submenu-akn-nav-bg-hover:#FFFFFF;
    --submenu-akn-nav-box-shadow:0;
    --submenu-akn-nav-box-shadow-hover: 0px 1px 2px #B5B5B5;
    list-style: none;
    margin: 0;
    padding: 0;

    position: sticky;
    top: 80px;
}

ul.submenu.submenu-compte  {
    top: 20px;
}

ul.submenu li {
    margin: 0 0 .333em;
    position: relative;
}

ul.submenu a.link-submenu {
    font-family: var(--font-speciale-akn);
    display: block;
    text-decoration: none;
    color: var(--submenu-akn-nav-color);
    background: var(--submenu-akn-nav-bg);
    border-radius: var(--submenu-akn-nav-border-radius);
    box-shadow: var(--submenu-akn-nav-box-shadow);
    padding: 0.8em 1em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.7em;
    transition: all 0.15s ease-in-out;
    line-height: 1.3;
    
}
ul.submenu a.link-submenu .link-icon{
    width: 1.33em;  
    height: 1.33em;
    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: flex-start;
}

ul.submenu a.link-submenu .link-icon svg{
    max-height: 100%;
}

ul.submenu a.link-submenu:hover ,
ul.submenu a.link-submenu.active {
    color: var(--submenu-akn-nav-color-hover);
    background: var(--submenu-akn-nav-bg-hover);  
    box-shadow: var(--submenu-akn-nav-box-shadow-hover);
}
ul.submenu a.link-submenu.active {
    font-weight: 700;
}
ul.submenu a.link-submenu.active .link-icon {
    color: var(--primaire-akn);
}

@media(max-width:989px){
    ul.submenu a.link-submenu{
        justify-content: center;
    }
    ul.submenu a.link-submenu .link-txt{
        display: none;
    }
}



/*Inner cards*/
.card-ancre {
    height: auto;
    margin-bottom: 2em;
}
.card-ancre .card-akn-header{
    padding-bottom: 0;
}

.card-ancre .card-akn-header .title-picto{
    margin-bottom: 0;
    font-size:1.5em ;
    line-height: 1;
}

.card-ancre .card-akn-header .title-picto svg{
    width: auto;
    height: 1.2em;
    color: var(--primaire-akn);
}

@media (min-width: 1400px) {
    .col-akn-submenu{
        width: 14.667%;
    }
    .col-akn-subcontent{
        width: 85.333%;
    }
}

/* Popup
------------------------------- */
.popup-akn{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 13000;
    background-color:rgba(var(--secondaire-akn-rgb), .8);
    overflow-y: auto;

    display:none;
    opacity:0;

    align-items: center ;
    justify-content:center  ;

    padding: 50px 20px;
    max-height: 100vh;
}
.popup-akn.popup-akn-big{
    padding: 0;
    max-height: none;
}
.popup-akn-trans{
    background-color:rgba(var(--blanc-akn-rgb), .7);

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); /* Safari */
}

.popup-akn-ouverte, .popup-akn-ouverte body {
    overflow: hidden;
    height: 100vh;
}
.popup-akn .inner-popup > .fermer-popup{
    display: block;
    position: absolute;
    right: calc(var(--padding-akn-huge) * 0.65 );
    top: calc(var(--padding-akn-huge) * 0.65 );
}
.popup-akn .inner-popup > .fermer-popup img{
    width: calc(var(--padding-akn-huge) * 0.60 );
    height: calc(var(--padding-akn-huge) * 0.60 );
    max-width: 1.53em;
    max-height: 1.53em;
}

.popup-akn .inner-popup{
    background-color: var(--blanc-akn);
    position: relative;
    margin: auto 0;
    border-radius: var(--border-radius-akn-big);
    flex-grow: 1;

    width: 100%;
    max-width: 60em;
}
.popup-akn-big .inner-popup{
    border-radius: 0px;
    max-width: 100vw;
    height: auto;
}

.popup-akn-trans .inner-popup{
    background-color: transparent;
}


.popup-akn-big .inner-popup iframe{
    aspect-ratio: 21/29.7;
}
.popup-akn .content-popup{
    padding:var(--padding-akn-huge);
}

@media screen and (max-width: 800px) {
    .popup-akn-big .inner-popup{
        max-width: 95vw;
    }
}
/*
@media screen and (max-width: 427px) {
    .popup-akn{
        padding: 0;
        flex-direction: column;
        justify-content:stretch  ;
        align-items: stretch;

    }
    .popup-akn .inner-popup{
        padding: 3em 0;
        box-shadow: none;
        border-radius: 0;
        margin: 0;
        flex-grow: 1 !important;
    }
    .popup-akn .inner-popup  > .fermer-popup {
        right: 2em;
        top: 1em;
    }
    .popup-akn .content-popup{
        width: 100% !important;
    }
}
*/



/* Connexion / Mot de passe oublié
------------------------------- */

.container-connexion .choice-checkradio{      
    --checkradio-akn-color:  var(--primaire-akn);
    --checkradio-akn-bg: var(--clair-akn);
    --checkradio-akn-border: 1px solid var(--clair-akn);
}


.container-connexion .card-akn {
    --card-akn-padding: var(--padding-akn-bigger);
}



/* Custom Regulo */

/* Champs à la ligne les uns après les autres
------------------------------- */
.dataTables_wrapper .row-dates {
    padding-top: 1em;
    border-top: 1px solid var(--gris-akn);
}
.dataTables_wrapper .row-akn.row-date {
    width: auto;  
}
.row-date .col-akn:not(:last-child) {
    padding-right: 0;
}

/* Champs à la ligne les uns après les autres
------------------------------- */

.fielded-line{
    display: flex;
    align-items: center;
    gap: 1em;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.fielded-line input.field-akn{
    width: 4em;
    text-align: center;
}

.fielded-line label{
    min-width: 17em;
}



/* Table codes
------------------------------- */

.table-codes tr td, .table-codes tr th{
    white-space: nowrap;
    padding: 0.75em !important;    
}

#datatableCode_wrapper .dataTables_scrollBody thead td, 
#datatableCode_wrapper .dataTables_scrollBody thead th{
    padding:0 !important;    
}


/*Sous ligne TVA*/

.table-codes tr td.with-sous-ligne-tva{
    padding-right: 2em !important;
}
.table-codes .sous-ligne-tva:not(.active){
    display: none;
}
.table-codes tr.sous-ligne-tva td.tva-nom{
    padding-left: 2em !important;
}
.afficheTva{
    cursor: pointer;
    font-size: 1.5em;
    color: var(--primaire-akn);
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Editable */   
.editable,
.childeditable{
    margin: -5px 0;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 3px;
}
.editable:hover{
    background-color: var(--clair-akn);
    cursor: text;
}
.editable[contenteditable='true'],
.editable[contenteditable='true']:active,
.editable[contenteditable='true']:focus{
    cursor: text;
    background-color: var(--clair-akn);
    border-color: var(--primaire-akn);
    outline: 0;
    box-shadow: none;
}

[data-tooltip]{ 
    position: relative; 
}
[data-tooltip]:before {   
    position: absolute;
    display: none;
    bottom: 180%;
    left: 50%;
    transform: translateX(-50%);
    content: attr(data-tooltip);
    opacity: 0;
    background: #FFF;
    color: var(--secondaire-akn);
    padding: 5px 10px 5px 10px !important;
    box-shadow: 0px 3px 5px rgba(var(--secondaire-akn-rgb), 0.35);
    border-radius: 0.4em;
    width: 10em;
    white-space: normal;
}

[data-tooltip]:hover:before {        
    opacity : 1;
    z-index: 999;
    display: block;
}

/*New tooltip*/
.tooltippy.tooltippypicto{
    cursor: pointer;
    color: #A2A7C9;
}
.tooltippy.tooltippypicto svg{
    transition: color 0.2s ease;
    vertical-align: middle;
}
.tooltippy.tooltippypicto:hover{
    color: #3650FD;
}


.tippy-box[data-theme~='regulo'] {
    background-color: #FFF;
    color: #0B0F28;
    box-shadow: 0px 5px 10px #0B0F2833;
    border-radius: 10px;
    width: 90vw;
}
.tippy-box[data-theme~='regulo'] .tippy-content {
    padding: 0;
}

.tippy-box[data-theme~='regulo'] .tooltippy-head{
    border-radius: 10px 10px 0 0;
    background-color: #3650FD;
    color: #FFF;
    padding: 1em 1.5em;
    font-weight: 700;
    text-align: left;
}
.tippy-box[data-theme~='regulo'] .tooltippy-body{
    padding: 1em 1.5em;
    text-align: left;
}

.tippy-box[data-theme~='regulo'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: white;
}
.tippy-box[data-theme~='regulo'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #3650FD;
}



.logo-actuel{
    display:flex;
    margin-bottom:10px;
}
.logo-actuel img{
    max-width:150px;
    margin-left:20px;
}



.title-picto{
    display: flex;
    align-items: center;
    gap:0.5em;
}
.title-picto svg{
    width: auto;
    height: 1.2em;
    color: inherit;
}
.title-picto .picto-bg{  
    background-color: rgba(var(--secondaire-akn-rgb), 0.05);
    color: var(--primaire-akn);
    padding: 0.5em;
    aspect-ratio: 1;
    border-radius: 5px;
    width: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}


.text-picto{
    display: flex;
    align-items: center;
    gap:0.5em;
}
.text-picto a, .text-picto a:visited{
    color: #3650FD;
    text-decoration: underline;
}


/* -------------------------------

    Onboarding

------------------------------- */

.container.container-onboarding{
    max-width: 1050px ;
}
@media (max-width: 679px){
    .container-onboarding label {
        padding:0;
    }
}
/*inputs*/
.container-onboarding .field-akn, 
.container-onboarding input.field-akn {
    --field-akn-height: 2.125em;
    --field-akn-border-radius:5px;
    --field-akn-font-size: 1em;
}
/*textarea*/
.container-onboarding .field-akn-textarea {
    --field-akn-height: 12.5em;
}
/*dropzone*/
.container-onboarding .dropzone {
    border-width: 1px ;
    min-height: 50px;
    padding: 5px;
}
.container-onboarding .dropzone .dz-default.dz-message{
    font-size: .8em;
    color: #929292;
    height: 50px;
}
.container-onboarding .logo-actuel{
    display:flex;
    margin-bottom:10px;
    justify-content: center;
}
.container-onboarding .logo-actuel img{
    max-width:100px;
    margin-left: 0;
}
/*colorpicker*/
.container-onboarding .field-akn-colorpicker, .container-onboarding input.field-akn-colorpicker{
    width: 130px;
}

/*Custom checkradio*/
.container-onboarding .choice-checkradio{      
    --checkradio-akn-color:  #00C241;
    --checkradio-akn-bg: var(--blanc-akn);
    --checkradio-akn-border: 2px solid var(--secondaire-akn);
}

.container-onboarding .picto-top {
    width: 2.769em;
    aspect-ratio: 1/1;
    object-fit: scale-down;
    object-position: center;
}



/*
    Breadcrumb
---------------------- */
@media (min-width: 630px) {
    .row-breadcrumb{
        gap: 1em;
    }
}
.wrapper-breadcrumb, a.wrapper-breadcrumb {
    --bread-color: #9B9DAC;
    --bread-titre-color: var(--bread-color);
    color: var(--bread-color);
}
.wrapper-breadcrumb.passe, a.wrapper-breadcrumb.passe {   
    --bread-color: #303030; 
}
.wrapper-breadcrumb[disabled], a.wrapper-breadcrumb[disabled] {   
    cursor: default;
}
.wrapper-breadcrumb.active, a.wrapper-breadcrumb.active ,
.wrapper-breadcrumb.passe:hover, a.wrapper-breadcrumb.passe:hover {   
    --bread-color: #3650FD; 
    --bread-titre-color:#303030
}

.wrapper-breadcrumb .card-akn{
    --card-akn-bg: #fff;
    --card-akn-border: 2px solid transparent;
    --card-akn-radius: 100%;
    --card-akn-shadow: none;
    --card-akn-padding: 0;
    height: auto;
    aspect-ratio: 1/1;
    width: 3.077em;
    justify-content: center;
    align-items: center;
    margin: 0 auto .4em;
}
.wrapper-breadcrumb .card-akn svg{
    display: block;
    transition: color 0.2s ease-in-out;
}

.wrapper-breadcrumb > strong{
    display: block;
    font-size: 0.769em;
    color: var(--bread-titre-color);
    transition: color 0.2s ease-in-out;
}

/*
    Ecrans
---------------------- */
.wrapper-ecran-step{
    display: none;
    opacity: 0;
}

/*
    Preview facture
----------------------- */

.wrapper-preview-facture{
    width: 100%;
    max-width:700px ;
}

@media (max-width: 940px) {
    .preview-container{
        flex-direction: column;
    }
    .page-commande .wrapper-preview-facture{
        display: none;
    }
}
@media (max-width: 750px) {

    .wrapper-preview-facture{
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .wrapper-preview-facture .card-akn{    
        display: inline-block;
    }
}
.card-preview-facture{
    aspect-ratio: 21/29.7;
    height: auto;
}

.preview-facture {
    font-size: 11px;
    line-height: 90%;
    background: #FFF;
    color: var(--secondaryColor);
    margin: 0;
    aspect-ratio: 21/29.7;
    position: relative;

    --primaryColor    : #3650FD;
    --secondaryColor  : #0B0F28;
    --bgColor         : #EEF0FF;
    --borderColor     : #DBDEF3;
    --mutedColor     : #8289B5;
}
.preview-facture .placeholder {
    content:  attr(data-placeholder);
    position: absolute;
    color: #999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    z-index: 1;
}
.preview-facture iframe {
    position: relative;
    z-index: 2;
}

.preview-facture h1, .preview-facture h2, .preview-facture h3, .preview-facture h4 {            
    margin: 0;
    color: var(--secondaryColor);
    font-weight: 700;
}
.preview-facture h1{
    font-size: 2.231em;
    margin: 0.1em 0;
}
.preview-facture h2 {
    font-size: 1.385em;
    margin-bottom: 0;
}
.preview-facture h3{
    font-size: 1.15em;
    margin-bottom: 0.3em;
}
.preview-facture h4{
    font-size: 1em;
    color: var(--primaryColor);
    margin-bottom: 0.3em;
}


.preview-facture p {
    margin: 0 0 1.1em;
    padding: 0;
    line-height: 1em;
}

/*Table*/
body .preview-facture table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    padding: 0;             
    color: var(--secondaryColor);

    --table-akn-margin: 0;  
    --table-akn-padding: 0.5em;
    --table-akn-padding-topbottom: 0.5em;
}
body .preview-facture table.table_wide {
    width: 100%;
}
body .preview-facture table tr th, 
body .preview-facture table tr td {
    vertical-align: top;
    text-align: left;
    border-bottom: 0;
}
body .preview-facture table tr th {
    vertical-align: middle;
    color: var(--primaryColor);  
    font-weight: 700;
    font-size: 1em;
}

body .preview-facture table.table_collapse_padding{
    --table-akn-padding-topbottom: 0.3em;
}

body .preview-facture table tr th.first-child,
body .preview-facture table tr td.first-child{
    padding-left: 0;
}
body .preview-facture table tr th.last-child,
body .preview-facture table tr td.last-child{
    padding-right: 0;
}
body .preview-facture table tr .col_main{
    width: 50%;
}


/*Utils*/
.preview-facture .center{
    text-align: center;
}
.preview-facture .right{
    text-align: right;
}

.preview-facture .primary{
    color: var(--primaryColor);
}
.preview-facture .small{
    font-size: 0.846em;
}

.preview-facture .container-facture{     
    margin: 0 0 0.846em 0;
    padding: 0 0 0.846em 0;
    position: relative;
    z-index: 1000;
}

.preview-facture .container-facture.last{
    margin-bottom: 0;
}
.preview-facture .container-facture > *:last-child{
    margin-bottom: 0;
}


/* Container tableau produits */
.preview-facture .container_products {         
    border-bottom: 2px solid var(--borderColor);
}
body .preview-facture .container_products table tr th,
body .preview-facture .container_products table tr td {
    vertical-align: middle;
    /*padding: 0.585em 1.154em;*/
}
body .preview-facture .container_products th{      
    background: var(--bgColor);
}


/* Container recap facture */
.preview-facture .container_recap .first-child{
    width: 50%;
}

.preview-facture .box_recap{
    padding: 0.4em 0.7em;
    background-color: var(--bgColor);     
    margin-bottom: 0.385em;
}
.preview-facture .box_recap.outline{
    border: 2px solid var(--borderColor);     
    background-color: transparent;          
}
.preview-facture .box_recap.no-bg{
    background-color: transparent;
    padding-left: 0;                
}
.preview-facture .box_recap > *:last-child{
    margin-bottom: 0;
}

body .preview-facture table tr.sepa td{
    padding-top: 0.45em;
    border-top: 1px solid var(--borderColor);
    vertical-align: middle;
}
body .preview-facture table tr.totals{
    font-size: 1.12em;
}

/*  
    Header 
    ------------ */

.preview-facture .header-facture {
    text-align: center;
    font-size: 0.769em;
}

body .preview-facture .header-facture table.table_header {
    margin: 0;
}

body .preview-facture .header-facture table td.col_logo img {
    /*width: 100%;*/
    max-width: 16.923em;
    max-height: 9em;
}


/*  
    Footer 
    ------------ */
.preview-facture .footer-facture {
    color: var(--secondaryColor);
    font-size: 0.692em;
    font-weight: 400;
}
body .preview-facture .footer-facture table.table_footer {
    margin: 0 ;
}
body .preview-facture .footer-facture table td {
    vertical-align: middle;
}
body .preview-facture .footer-facture table td.company {
    padding-bottom: 0;
    border-top: 1px solid var(--borderColor);
}
body .preview-facture .footer-facture table td.col_pagination {
    width: 6em;
    font-size: 0.846em;
    text-align: right;
    color: var(--secondaryColor);
}

body .preview-facture .footer-facture .table_small {
    font-size: 0.738em;
}
body .preview-facture .footer-facture .table_small td{
    padding-top: 0.385em;
}

body .preview-facture .footer-facture .table_small td.col_copyright{
    padding-right: 0;
    width: 10.769em;
}
body .preview-facture .footer-facture .table_small td.col_logo{
    padding-left: 0;
}
body .preview-facture .footer-facture .table_small td.col_logo img{
    width: 6.462em;
    margin: 0;
}






/*
    Offres
---------------------- */
.row-offers{
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
    --border-radius-akn-big: 1em;
}
.wrapper-offre{
    width: 16.667%;
}

.wrapper-offre .card-akn-body{
    display: flex;
    flex-direction: column;
    gap: 1.2em;
    flex-grow: 1;
}

/* Offre TOP */
.wrapper-offre .offre-cout{
    line-height: 1.2;
    aspect-ratio: 260 / 125;
}
.wrapper-offre .offre-cout .offre-titre{
    font-size: 3.1em;
    font-family: "Bodoni Moda", serif;
    font-weight: 700;
    margin-bottom: 0;
}
.wrapper-offre.offre-5 .offre-cout .offre-titre{
    font-size: 2.3em;
}

.wrapper-offre .offre-cout .offre-essai{
    margin-top: 1em;
    text-align: center;
    font-weight: bold;
    font-size: 1.05em;
}

.wrapper-offre .offre-surtitre{
    font-size: 1.67em;
    text-transform: uppercase;
}
.wrapper-offre .offre-titre{
    font-size: 1.16em;
    font-weight: 700;
    margin-bottom: 0.5em;

}
.wrapper-offre p{
    margin-bottom: 0.5em;
}

/* Offre Middle */
.wrapper-offre .offre-middle{
    aspect-ratio: 245 / 130;
}
.wrapper-offre .volume-mensuel{
    background-color: #3650FD1F;
    border-radius: .7em;
    padding: .7em 1em;
}

/* Offre Bottom */

.wrapper-offre .offre-features {
    margin-bottom: 1.3em;
}
.wrapper-offre .offre-ligne{
    display: flex;
    gap: 0.5em;
    align-items: center;
}

.wrapper-offre .offre-picto{
    flex-shrink: 0;
}
.wrapper-offre .offre-picto.flashbolt{
    color: #3650FD;
}
.wrapper-offre .offre-picto.plus{
    color: #3650FD;
}
.wrapper-offre .offre-picto.check{
    color: #69D784;
}
.wrapper-offre .offre-picto.wrench{
    color: #9561FF;
}

[data-tippy-content]{  
    text-decoration: underline dotted;
    text-underline-offset: 2px;
    color: #3750FD;

}


.wrapper-offre .btn-akn{
    margin-top: auto;
}
.wrapper-offre .btn-demarrer {
    display: flex;
}

@media (max-width: 1265px) {
    .wrapper-offre{
        width: 33.33%;
    }
}
@media (max-width: 820px) {
    .wrapper-offre{
        width: 50%;
    }
    .wrapper-offre .offre-middle{
        aspect-ratio: 100 / 67;
    }
}
@media (max-width: 520px) {
    .wrapper-offre{
        width: 100%;
    }
    .wrapper-offre .offre-middle{
        aspect-ratio: auto;
    }
}


/*
    Configuration en cours 
---------------------- */
@media (min-width: 1000px) {
    .bouton-abs{
        position: absolute;
        right: 1.66em;
        top: 1em;
    }
}
.cote-client a.title-picto span{
    color: #3650FD;
    text-decoration: underline;
}

.cote-client .highlight{
    color: #3650FD;
}
.cote-client .btn-akn{
    --btn-akn-border-radius: 0;
    cursor: default;
    pointer-events: none;
}

/*Animation Cube*/
.animation-cube{
    margin: 0 auto;
    width: 100%;
    max-width: 16em;
    height: 9.231em;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.animation-cube lottie-player{
    width: 16em; 
    height: 16em;
}

/*Video demo*/

.video-demo{
    width: 95%;
    max-width: 65.385em;
    padding: 1em;
    border-radius: 10px;
    border: 1px solid #3650FD;
    margin: 0 auto;
}
.video-demo video{
    width: 100%;
    aspect-ratio: 830/401;
}

.code-a-copier{
    font-family:Courier New, sans-serif;
    background:#111111;
    color:#FFF;
    position:relative;
    padding:20px 20px 40px 20px;
    max-width:700px;
    text-align:left;
    margin:10px auto;
    border-radius:5px;
}

.code-a-copier a{
    background:#FFF;
    border-radius:5px;
    padding:2px 4px;
    font-size:10px;
    position:absolute;
    bottom:1px;
    right:1px;
    color:#000;
    font-family:var(--font-speciale-akn);
}

@media (min-width: 1000px) {
    .with-sep{
        border-left:1px solid #000;
        padding-left:30px;
    }
}


/*New Dashboard */

.row-dashboard .card-akn-body.sm-pad{
    padding: 0;
}

.row-dashboard input.field-akn[type=date],
.row-dashboard select.field-akn{
    --field-akn-bg: #FFF;
    --field-akn-height: 2.125em;
    box-shadow: var(--box-shadow-akn);
}

.row-dashboard select.field-akn{
    line-height: var(--body-line-height-akn);
}
.row-dashboard .btn-akn-bevel{
    --btn-akn-height: 2.125em;
}


.row-dashboard .blurb-akn{
    align-items: flex-start;
    font-family: var(--font-globale-akn);
}
@media (max-width: 989px) {
    .row-dashboard .blurb-akn.blurb-akn-col{
          flex-direction: row;
    }
}

.row-dashboard  .blurb-akn .blurb-akn-body{
    flex-grow: 0;
}

.row-dashboard  .blurb-akn .blurb-akn-icon svg{
    height: 3.846em;
    width: auto;
}

.row-dashboard  .blurb-akn.inline{
    align-items: center;
    gap: 0.7em;
}
.row-dashboard  .blurb-akn.inline .blurb-akn-icon svg{
    height: 2.077em;
}




.row-dashboard  .blurb-akn .alert-akn{
    display: inline-flex;
    padding: 0.3em 0.5em;
    font-family: var(--font-globale-akn);
    font-size: 14px;
    min-height: 2em;
    font-weight: bold;
    gap: .5em;
}
.row-dashboard  .blurb-akn .alert-akn.alert-akn-succes svg{
    transform: rotate(180deg);
}

.blurb-legend{
    line-height: 1.1;
    margin-top: 5px;
    color: #929292;
}





/*Wrapper Encaissement */
.wrapper-encaisse img {
   display: block;
   max-height:25px;
}

.wrapper-encaisse h3 {
    margin: 0;
}


/*Wrapper Répartition CA par pays */
.wrapper-repartition .col-flag img{
    margin-top: .3em;
}


.wrapper-repartition .col-details {
    margin-left: auto;
}
.wrapper-repartition .col-details .row-akn {
    justify-content: flex-end;
    --gutter-grid-akn:10px;
}

.wrapper-repartition .col-details .row-akn .col-label{
    width: 3em;
}

.wrapper-repartition .col-details a{
    text-decoration: underline;
    color: var(--body-color-akn);
}

.wrapper-repartition .col-details .spec{
    display: none;
}

.wrapper-repartition .col-details .spec-tva{
    color:#9B9DAC;
}

.jauge{
    --jauge-bg: #F1F1F1 ;
    --jauge-color: var(--secondaire-akn);
    background-color:var(--jauge-bg);
    border-radius: 0.5em;
    height: 0.5em;
    margin-top: -.5em;
}
.jauge.bleu{
    --jauge-bg: var(--gris-akn);
    --jauge-color:var(--primaire-akn);
}
.jauge .percent{
    width: 0;
    background-color:var(--jauge-color);
    border-radius: 0.5em;
    height: 0.5em;
}




/* ------------------------
---------------------------
--------------------------
    Message export
 -------------------------
 -------------------------
------------------------- */
[data-restricted], [data-restricted-block]{
    position: relative;
}

[data-restricted]:before, [data-restricted-block]:before{
    content:  '';
    position: absolute;
    inset: 0;
    z-index: 1000;
    background-color: rgba(var(--blanc-akn-rgb), 0.7);
    backdrop-filter: blur(1px) ;
    -webkit-backdrop-filter: blur(1px);
}
[data-restricted]:before{
    content:  attr(data-restricted);
    
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 1.5em;
    color: #616161;
}

[data-restricted-block] .card-akn{
    position: absolute;
    z-index: 1001;
    left: 50%;
    transform: translateX(-50%);
    top: 2em;
    height: auto;  
    width: 100%;
    max-width: 30em;
}

/* ------------------------
---------------------------
--------------------------
    Pesser à regulo+
 -------------------------
 -------------------------
------------------------- */
.upgrade-regulo-plus{    
    --card-akn-border:0;
    background-image: url(../img/passez-a-regulo-plus/background-1.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: var(--noir-akn);
}

.upgrade-regulo-plus .title-picto{
    font-size: 2.8em;
    font-weight: 800;
}
@media (max-width:600px) {    
    .upgrade-regulo-plus .title-picto{
        flex-direction: column;
    }
}

.upgrade-regulo-plus .title-picto img{
    margin: 0 0 0.3em 0;
}
.upgrade-regulo-plus h5{
    padding-bottom: 0;
    border: 0;
}


.bandeau-rate{    
    --card-akn-border:0;
    background-image: url(../img/bandeau-rate/background-rate.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: var(--noir-akn);
}
.bandeau-rate img{    
    width: 12em;
}
.bandeau-rate .blurb-akn {
  align-items: center;
}
.bandeau-rate .blurb-akn-icon img{    
    width: 10em;
}


/* ------------------------
---------------------------
--------------------------
    Message export
 -------------------------
 -------------------------
------------------------- */
.message-export{
    --gutter-grid-akn:4em;

}

.message-export .title-picto{
    gap:1em;
    align-items: flex-start;
}
.title-picto .picto-bg{  
    background-color: rgba(var(--secondaire-akn-rgb), 0.05);
    color: var(--primaire-akn);
    padding: 0.5em;
    aspect-ratio: 1;
    border-radius: 5px;
    width: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.message-export h5{
    padding-bottom: 0;
    border: 0;
}

.message-export .btn-akn{  
    --btn-akn-font-size: 1.12em;
}
.message-export .row-full{
    padding-bottom: calc(var(--gutter-grid-akn) * 0.5);
    border-bottom: 1px solid #E8E8E8;
}
.message-export .row-half .col-akn-md-6{
    padding-top: calc(var(--gutter-grid-akn) * 0.5);
}
@media (min-width: 999px) {
    .message-export .row-half .col-akn-md-6:first-child{
        border-right: 1px solid #E8E8E8;
    }
}

.bloc-export-produits .card-akn-form{
    padding:   var(--padding-akn-medium);
}
.fermer-export{
    position: absolute;
    right: 1em;
    top: 1em;  
    width: 1.5em;
}

/* ------------------------
---------------------------
--------------------------
    Shopify CSS import 
 -------------------------
 -------------------------
------------------------- */



.card-ventes:before {
    content: '';
    position: absolute;
    top: 1em ;
    left: 1em;
    right: 1.1em;
    bottom: 1.1em;
    border-radius: 10px;
    background-color: transparent;
    background-image: linear-gradient(180deg,#FFFFFF 0%,#EDF6FA 100%);
}
.card-ventes h4 {
    position: absolute;
    top: 1.5em;
    left: 1.5em;
    font-size: 1.1em;
    font-weight: 500;
}
.card-ventes .card-akn-body {
   padding: calc( var(--card-akn-padding) * 2) var(--card-akn-padding);

}

/*
.blurb-akn-title {
    font-size: 2em;
}
*/


/* Titre page */
.row-page-title .card-akn-body,
.card-akn-body.sm-pad{
    padding: 1em;
}

/* Onglets */
.tab-akn .navigation-tab .link-tab {
    --tab-akn-link-bg: #EBEBEB;
    --tab-akn-link-color: rgba(var(--secondaire-akn-rgb), 1);
}

/* Fiche Commande */

.bt-back{
    margin-top: 1em;
    display: inline-block;
}

.bt-view-fact{
    color: #0B0F28;
}
.bt-view-fact.active{
    color: #1ED760;
}


.card-erreur .card-akn-header {
  padding-bottom: 0;
  color: #FF005C;
}
.card-erreur .card-akn-header h5{
  margin-bottom: 0;
}
/* banner free user */
.banner-free-user{
    background:#FFF;
}

@media (min-width: 1000px) {
    .with-sep{
        border-left:1px solid #000;
        padding-left:30px;
    }
}

/*
.tippy-box .tooltippy-head{
    background-color: transparent;
    background-image: linear-gradient(180deg,#FFFFFF 0%,#EDF6FA 100%);
    color: #404040;
    margin: 0.5em;
    border-radius: 10px;
}
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: white;
}*/


/*Resultat*/
.pappers-resultats {
    position: relative;
   min-height: 0;
    overflow-y: auto;
    z-index: 10; 
    border:1px solid rgba(var(--clair-akn-rgb), 1);
    border-radius: 5px;
    margin-bottom: 1em;
}
.pappers-resultats .pappers-wrapper{
    margin: 0;
    padding: 0.65em 0.85em;
    cursor: pointer;
}
.pappers-resultats .pappers-wrapper:hover{
    background: rgba(var(--primaire-akn-rgb), 0.07);
}

.pappers-resultats .pappers-wrapper .pappers-res {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pappers-no-result-link svg{
    color:var(--primaire-akn);
}




/* ------------------------
---------------------------
--------------------------
    Abonnement CSS import 
 -------------------------
 -------------------------
------------------------- */


:root {
  --grad: linear-gradient(90deg, #6C2BD9 0%, #E300FF 100%);
  --text: #0b0f28;
  --muted: #686e74;
  --border: #E5E7EB;
  --surface: #ffffff;
  --radius: 12px;
  --blue: #3650fd;
}

/* ── CARDS ── */
.cards-wrapper { max-width:1100px; margin:0 auto; padding:0 24px 32px; }
.cards-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; align-items:start; }

.card {
  background:var(--surface); border:1.5px solid var(--border);
  border-radius:var(--radius); padding:22px; position:relative;
  transition:box-shadow 0.2s;
}
.card:hover { box-shadow:0 6px 24px rgba(0,0,0,0.08); }

/* Featured — gradient border, no animation */
.card.featured {
  border:none; position:relative; z-index:0;
  box-shadow:0 8px 28px rgba(108,43,217,0.14);
}
.card.featured::before {
  content:''; position:absolute; inset:-2px;
  border-radius:calc(var(--radius) + 2px);
  background:var(--grad);
  z-index:-1;
}
.card.featured::after {
  content:''; position:absolute; inset:1.5px;
  border-radius:calc(var(--radius) - 0.5px);
  background:var(--surface); z-index:-1;
}

.featured-badge {
  position:absolute; top:-13px; left:50%; transform:translateX(-50%);
  background:var(--grad); color:#fff;
  font-size:11px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase;
  padding:4px 14px; border-radius:100px; white-space:nowrap; font-family:'Inter',sans-serif;
}

.card-name {
  font-size:14px; font-weight:900; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--text); margin-bottom:5px;
}
.card.featured .card-name { color:#6C2BD9; }

.card-desc {
  font-size:14px; color:var(--muted); line-height:1.5; margin-bottom:20px;
  font-weight:400;
}

.price-row { display:flex; align-items:baseline; gap:3px; margin-bottom:3px; }
.price-amount {
  font-family:'Inter',serif; font-size:40px; font-weight:700;
  line-height:1; color:var(--text); letter-spacing:-0.01em;
}
.price-currency {
  font-family:'Inter',serif; font-size:20px; font-weight:400;
  color:var(--text); margin-left:3px; align-self:flex-end; padding-bottom:4px;
}
.price-sub { font-size:14px; color:var(--muted); margin-bottom:16px; }
  .currency-toggle-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    margin:0 0 28px;
  }
  .currency-toggle{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px;
    background:#f3f5f7!important;
    border:1px solid #e3e7eb;
    border-radius:999px;
  }
  .currency-btn{
    appearance:none;
    border:0;
    background:transparent !important;
    color:#4b5563!important;
    font:inherit;
    font-weight:600;
    padding:5px 10px!important;
    border-radius:999px!important;
    cursor:pointer;
    transition:all .2s ease;
  }
  .currency-btn:hover{
    color:#111827!important;
  }
  .currency-btn.is-active{
    background:#111827!important;
    color:#fff!important;
  }
  .icon-check,
  .icon-progress{
    width:18px;
    height:18px;
    display:block;
    flex:0 0 18px;
  }
  .chk,
  .dev{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
/* Volume block */
.volume-block {
  background:#3650fd1f; border-radius:8px; padding:10px 12px; margin-bottom:18px;
}
.volume-label {
  font-size:12px; font-weight:600; color:var(--blue); letter-spacing:0.04em;
  text-transform:uppercase; margin-bottom:6px;
}
.volume-row {
  display:flex; align-items:center; gap:7px;
  font-size:12px; font-weight:600; color:var(--text);
}
.volume-row svg { flex-shrink:0; }

/* CTA */
.cta-btn {
  display:block; text-decoration:none; text-align:center;
  width:100%; padding:10px 16px!important; border-radius:8px;
  font-family:'Inter',sans-serif; font-size:14px; font-weight:600; cursor:pointer;
  border:1.5px solid var(--border)!important; background:transparent!important; color:var(--text)!important;
  transition:all 0.15s;
}
.cta-btn:hover { background:var(--text)!important; color:#fff!important; border-color:var(--text)!important; }
.cta-btn.primary {
  background:var(--grad)!important; color:#fff!important; border:none!important;
}
.cta-btn.primary:hover { opacity:0.88!important; }

/* ── SUR MESURE ── */
.custom-plan { max-width:1100px; margin:0 auto 56px; padding:0 24px; }
.custom-card {
  background:var(--surface); border:1.5px solid var(--border); border-radius:var(--radius);
  padding:26px 30px; display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center;
}
.custom-title { font-family:'Inter',sans-serif; font-size:20px; font-weight:700; color:var(--text); margin-bottom:7px; letter-spacing:-0.02em; }
.custom-desc { color:var(--muted); font-size:14px; line-height:1.6; max-width:580px; }
.custom-features { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; }
.custom-feature-tag {
  display:inline-flex; align-items:center; gap:4px; font-size:14px; font-weight:500;
  color:var(--muted); background:#f8f9fa; border:1px solid var(--border);
  border-radius:6px; padding:3px 9px;
}
.custom-feature-tag span { color:#22C55E; font-weight:700; }
.custom-right { display:flex; flex-direction:column; align-items:center; gap:10px; min-width:170px; }
.custom-right .cta-btn { padding:12px 26px; font-size:14px; white-space:nowrap; }
.custom-right small { font-size:14px; color:var(--muted); text-align:center; }
.logo-plus{ width:180px; }

/* ── COMPARISON TABLE ── */
.comparison-section { max-width:1100px; margin:0 auto; padding:0 24px 32px; }
.comparison-title { font-family:'Inter',sans-serif; font-size:20px; font-weight:700; color:var(--text); margin-bottom:28px; letter-spacing:-0.02em; }

/* Sticky header — 5-col grid matching rows */
.sticky-header {
  position: sticky;
  top: 0px;
  z-index: 100;
  box-shadow: 0px 8px 8px rgb(0 0 0 / 8%);
  background:rgba(255,255,255,0.97); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}

.sticky-header-inner { display:grid; grid-template-columns:220px repeat(4,1fr); }
.sticky-label { padding:11px 16px; }
.sticky-plan { padding:11px 10px; text-align:center; border-left:1px solid var(--border); }
.sticky-plan.featured-col { background:rgba(108,43,217,0.03); position:relative; }
.sticky-plan.featured-col::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2.5px; background:var(--grad);
}
.sticky-plan-name { font-size:12px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); }
.sticky-plan.featured-col .sticky-plan-name { color:#6C2BD9; }
.sticky-plan-price { font-family:'Inter',serif; font-size:14px; font-weight:700; color:var(--text); margin-top:2px; }

.feature-table { border:1.5px solid var(--border); border-radius:var(--radius); overflow:hidden; }
.feature-group-header {
  background:#f9fafb; border-bottom:1px solid var(--border); padding:9px 16px;
  font-size:12px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted);
  display:grid; grid-template-columns:220px repeat(4,1fr);
}
.feature-row {
  display:grid; grid-template-columns:220px repeat(4,1fr);
  border-bottom:1px solid var(--border); transition:background 0.1s;
}
.feature-row:last-child { border-bottom:none; }
.feature-row:hover { background:#f9fafb; }
.feature-name {
  padding:12px 16px; font-size:13px; color:var(--text);
  display:flex; align-items:center; gap:6px; font-weight:400; line-height:1.4;
}
.dev-badge {
  font-size:10px; font-weight:600; letter-spacing:0.04em; background:#F3F0FF;
  color:#6C2BD9; padding:2px 6px; border-radius:4px; text-transform:uppercase; white-space:nowrap;
}
.feature-cell {
  padding:12px 8px; display:flex; align-items:center; justify-content:center;
  border-left:1px solid var(--border);
}
.feature-cell.featured-col { background:rgba(108,43,217,0.025); }
.chk,.dev { display:flex; align-items:center; justify-content:center; }
.dash { color:#D1D5DB; font-size:17px; font-weight:300; }

/* ── FOOTER NOTE ── */
.footer-note {
  max-width:1100px; margin:0 auto; padding:28px 24px 64px;
  text-align:center; color:var(--muted); font-size:14px; line-height:1.7;
  border-top:1px solid var(--border);
}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .cards-grid { grid-template-columns:repeat(2,1fr); }
  .custom-card { grid-template-columns:1fr; }
  .sticky-header-inner,
  .feature-group-header,
  .feature-row { grid-template-columns:140px repeat(4,1fr); }
  .sticky-label,.feature-name { padding:10px 10px; font-size:12px; }
}
@media (max-width: 640px) {
  .cards-grid { grid-template-columns:1fr; }
  .comparison-section { padding:0 0 72px; }
  .comparison-title { padding:0 16px 28px; margin-bottom:0; }
  /* Synchronized horizontal scroll for header + table */
  .table-scroll-wrap {
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border:1.5px solid var(--border);
    border-radius:0 0 var(--radius) var(--radius);
  }
  .sticky-header {
    top: 60px;
  }
  .sticky-header-scroll {
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border:1.5px solid var(--border);
    border-bottom:none;
    border-radius:var(--radius) var(--radius) 0 0;
  }
  .table-scroll-wrap .feature-table { border:none; border-radius:0; min-width:520px; }
  .sticky-header-inner,
  .feature-group-header,
  .feature-row { grid-template-columns:120px repeat(4,1fr); min-width:520px; }
  .sticky-label { padding:10px 8px; }
  .sticky-plan { padding:10px 6px; }
  .sticky-plan-name { font-size:9px; }
  .sticky-plan-price { font-size:12px; }
  .feature-name { padding:10px 8px; font-size:12px; }
}
@media (max-width: 480px) {
  .sticky-plan-name { font-size:8px; }
}


/*
Validation CGV

*/
.cgv-box {
    height: 40vh;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-radius: var(--border-radius-akn-medium);
    padding: 1em;
    margin: 0 0 2em 0;
}


.container-validation-cgv #check-validation:disabled + * { opacity: .35; }
.container-validation-cgv #submit-validation:disabled { opacity: .35; }


/* Pour donner un aspect grisé aux champs readonly */
.field-akn[readonly] {
    cursor: not-allowed;
    opacity: 0.4;
}


.b2b-b2c-toggle-wrap{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin:0 0 0 8px;
}
.b2b-b2c-toggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px;
  background:#f3f5f7!important;
  border:1px solid #e3e7eb;
  border-radius:999px;
}
.b2b-b2c-btn{
  appearance:none;
  border:0;
  background:transparent !important;
  color:#4b5563!important;
  font-size: 0.75em;
  font-weight:600;
  padding:5px 10px!important;
  border-radius:999px!important;
  cursor:pointer;
  transition:all .2s ease;
}
.b2b-b2c-btn:hover{
  color:#111827!important;
}
.b2b-b2c-btn.is-active{
  background:#111827!important;
  color:#fff!important;
}





.show-finalisation .site-content{
    padding-bottom: 230px;
}


.banner-finalisation{
    position: fixed;
    bottom: 0;
    left: var(--sidebar-akn-slot-width);
    right: 0;
    background: #FFF;
    box-shadow: 0px 0px 15px #D4D4D4;
}
.banner-finalisation .message-finalisation{
    padding: 2em;
}