/*
Theme Name: Sdbx regulo Child
Description: Child theme for Sdbx regulo. You can now safely customize it and not risk losing your customizations.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: sdbx-regulo
Version: 1.0
*/

/******************** 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');

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


:root, ::after, ::before  {

    /* Base Font XD : 15px */

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

    --secondaire-akn: #0B0F28;
    --secondaire-akn-rgb: 11, 15, 40;

    --tertiaire-akn: #98A0D2;
    --tertiaire-akn-rgb: 152, 160, 210;

    --quaternaire-akn: #8289B5;
    --quaternaire-akn-rgb: 130, 137, 181;

    --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: #F0F2FF;
    --clair-akn-rgb: 240, 242, 255;

    --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: "Poppins", Arial, sans-serif;

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


    /* Shadow */
    --box-shadow-akn: 0px 15px 30px rgba(0, 42, 222, 0.1);

    
    /* Border Radius */ 
    --border-radius-akn-small: 0.93em;
    --border-radius-akn-medium: 1.333em;
    --border-radius-akn-big: 2.6666em;


    /* Padding */ 
    --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);

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


}

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

        /* Border Radius */ 
        --border-radius-akn-small: 0.73em;
        --border-radius-akn-medium: 1.033em;
        --border-radius-akn-big: 2.1666em;
        
        /* Padding */ 
        --padding-akn-big : 2.1666em; 
        --padding-akn-bigger : 2.6666em; 
        --padding-akn-huge : 2.6666em; 
    }
}
@media(max-width:600px){
    :root, ::after, ::before  {
        /* Gouttières */
        --gutter-site-akn: 1em;
        --gutter-grid-akn: 1em;

        /* Border Radius */ 
        --border-radius-akn-small: 0.53em;
        --border-radius-akn-medium: 0.633em;
        --border-radius-akn-big: 1.6666em;

        /* Padding */ 
        --padding-akn-big : 1.6666em; 
        --padding-akn-bigger : 1.6666em; 
        --padding-akn-huge : 1.6666em; 
    }
}


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

html, body {
    /*height: 100%;*/
}

body {

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

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

    --body-bg-akn: #F3F6FF;
    --body-bg-akn-rgb: 243, 246, 255;

    /* Sidebar */
    --sidebar-akn-slot-width: 18.5em;
    --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:1400px){
    body {        
        /* Sidebar */
        --sidebar-akn-slot-width: 6.5em;
    }
    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;
    }
}

.site {
   /* height: 100%;*/
}


.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: calc(1.375em + 1.5vw);
    margin: 0;

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

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: calc(1.275em + 0.3vw);
}
@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.5em;
    }
}

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

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

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;
}


b, strong  {
    font-weight: bolder;
}
.strong {
    font-weight: 700 !important;
}
.stronger {
    font-weight: 900 !important;
}

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: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{
    color: var(--primaire-akn);
}

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

    --sidebar-akn-nav-bg: transparent;
    --sidebar-akn-nav-color: var(--tertiaire-akn);
    --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: var(--gutter-site-akn);
    left: var(--gutter-site-akn);
    bottom: var(--gutter-site-akn);
    z-index: 20;
    background: var(--sidebar-akn-bg);
    box-shadow:  var(--sidebar-akn-box-shadow);
    border-radius: var(--sidebar-akn-border-radius);
    color: #FFF;
    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;
}
.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;
}
.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: 1.2em 1.3em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1em;
    transition: all 0.15s ease-in-out;
    line-height: 1;
    
}
/*
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;
}


@media(max-width:1400px){
    .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) ul.menu a .link-txt{
        display: none;
    }
}



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

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

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


/*
.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: 1em;
}
.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;
}

.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 (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 (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 (min-width: 1400px) {
    .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 
------------------------- */
.inherit, a.inherit, a.inherit:visited{
    color: inherit;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}
.display-flex {
    display: flex;
}
.space-btw-row{
    justify-content: space-between ;    
}
.justify-content-center{
    justify-content: center;
}
.center-v-row {
    align-items: center;
}
.center-v-col {
    justify-content: center;
}

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


/*Fonts utils*/
.ff-globale{
    font-family: var(--font-globale-akn);
}
.ff-speciale{
    font-family: var(--font-speciale-akn);
}

.fc-muted{
    color: #616161;
}
/* Base Font size XD : 15px */
.fsz-0_846{
    font-size: 0.846em; /* 11px */
}
.fsz-0_93{
    font-size: 0.92em; /* 14px */
}
.fsz-1{
    font-size: 1em; /* 15px */
}
.fsz-1_2{
    font-size: 1.2em; /* 18px */
}
.fsz-1_333{
    font-size: 1.333em; /* 20px */
}

/*Margins utils*/

/* Base : 15px */
.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_5{     margin-bottom: 0.5em; /* ~7px */}
.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 */}

/* 
    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: 0.85em 0;
    display: inline-block;
}

@media (max-width: 680px) {
    label {
        padding: 0.5em 0;
    }
}

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);
    -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 {
    --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-small);

    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: 1.5;
    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-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;
}


.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{
    --field-akn-border: 1px solid var(--quaternaire-akn);

}

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



/* 
    Custom Check + radio
------------------------------- */
.checkradio-akn .choice-checkradio{  
    display: block;  
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 1em;
}

@media (min-width: 680px) {
    .checkradio-akn.inline{  
        display: flex;  
    }
}
.choice-checkradio{      
    --checkradio-akn-color:  var(--primaire-akn);
    --checkradio-akn-bg: var(--blanc-akn);
    --checkradio-akn-border: 1px solid var(--secondaire-akn);
}
.choice-checkradio.center{  
    display: flex;
    justify-content: center;
}
.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: 25px;    
    line-height: 22px;
    cursor: pointer;
    display: inline-block;
}
.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="date"] {  
    visibility: hidden;
    opacity: 0;
    margin-left: .5em;
}
.choice-checkradio.champ-supp input[type="radio"]:checked ~ input[type="date"] {  
    visibility: visible;
    opacity: 1;
}


/* 
    Boutons
------------------------------- */
.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);
}


/* 
    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;
    
}


/* 
    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-radius: var(--border-radius-akn-small);
    
    --btn-akn-hover-color: var(--blanc-akn);
    --btn-akn-hover-bg:  rgba(var(--primaire-akn-rgb), .8);
    --btn-akn-hover-border: none;

    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: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: var(--btn-akn-bg);
    border: var(--btn-akn-border);
    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.2em;
}
.btn-akn.btn-akn-large, .btn-akn.btn-akn-large:visited {
    --btn-akn-padding: 0.5em 3em;
}
.btn-akn.btn-akn-wide, .btn-akn.btn-akn-wide:visited {
    display: flex;
    width: 100%;
}


.btn-akn img, .btn-akn:visited img {
   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: 2px solid  var(--primaire-akn);
    --btn-akn-color: var(--primaire-akn);
    --btn-akn-bg: transparent;
    --btn-akn-hover-border: 2px solid  var(--primaire-akn);
    --btn-akn-hover-color: #FFF;
    --btn-akn-hover-bg:  var(--primaire-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:hover, .btn-akn:active, .btn-akn:focus {
    color: var(--btn-akn-hover-color);
    background-color: var(--btn-akn-hover-bg);
    border: var(--btn-akn-hover-border);
}

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

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

#akn-select-numero-tva-pays-ajouter-wrapper .select2-container--default .select2-selection--single{
	background:#F0F2FF;
	border:none;
	min-height:40px;
}

#akn-select-numero-tva-pays-ajouter-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:40px;
}


/* 
    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) !important;
    padding-bottom: var(--table-akn-padding-topbottom) !important;
    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) !important;
    padding-bottom: var(--table-akn-padding-topbottom) !important;
}
tr td:first-child,
tr th:first-child {
    padding-left: 0 !important;
}


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

tr .center{
   text-align: center !important;
}
tr .right{
   text-align: right !important;
}
tr .col-small{
   width: 9em;
}
tr .col-medium{
   width: 12%;
}
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
------------------------------- */

/* *** 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;
}


/*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;
    }

}


/* 
    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: 1.5;
    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 1em;
    --alert-akn-bg: var(--clair-akn);
    --alert-akn-color: var(--secondaire-akn);
    --alert-akn-border: none;
    --alert-akn-border-radius: var(--border-radius-akn-small);
    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: 1.5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:1em;
    min-height: var(--alert-akn-height);
}
.alert-akn-large {
    --alert-akn-font-size: 1.2em;
}
table .alert-akn{
    --alert-akn-border-radius: 0.666em;
    display: flex;
    padding: 0.4em 2.5em;
    font-family: var(--font-globale-akn);
    font-size: 1em;
    min-height: 2em;
}

.alert-akn-succes {
    --alert-akn-color: #00C241;
    --alert-akn-bg: #EBFFF1;
    --alert-akn-border:none;
}
.alert-akn-warning {
    --alert-akn-color: #FF8800;
    --alert-akn-bg: #FFF8EB;
    --alert-akn-border: none;
}
.alert-akn-erreur {
    --alert-akn-color: #FF005C;
    --alert-akn-bg: #FFDEEA;
    --alert-akn-border: none;
}
.alert-akn-shipped {
    --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 .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.outline{
    --card-akn-border: 2px solid var(--clair-akn);
    --card-akn-bg: transparent;
    --card-akn-shadow: none;
}

.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-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);
}

/* 
    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%;
}
.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-big);
    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;
}



/* 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: 100vh;
}
.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: 100vh;
}

.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
------------------------------- */
.row-date .col-akn {
    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;
}



/* 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;    
}

#datatableCode_wrapper {
    }


/*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{
    cursor: pointer;
    color: #A2A7C9;
}
.tooltippy svg{
    transition: color 0.2s ease;
    vertical-align: middle;
}
.tooltippy:hover{
    color: #3650FD;
}


.tippy-box {
  background-color: #FFF;
  color: #0B0F28;
  box-shadow: 0px 5px 10px #0B0F2833;
  border-radius: 10px;
    width: 90vw;
}
.tippy-box .tippy-content {
  padding: 0;
}

.tippy-box .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 .tooltippy-body{
  padding: 1em 1.5em;
  text-align: left;
}

.tippy-box[data-placement^='top'] > .tippy-arrow::before {
  border-top-color: white;
}
.tippy-box[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;
}


.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
----------------------- */

@media (max-width: 500px) {

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

    .wrapper-preview-facture .card-akn{    
        display: inline-block;
    }
}

.preview-facture {
    font-size: 11px;
    line-height: 90%;
    background: #FFF;
    color: var(--secondaryColor);
    margin: 0;

    --primaryColor    : #3650FD;
    --secondaryColor  : #0B0F28;
    --bgColor         : #3650fd15;
    --borderColor     : #3650fd15;

}

.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.6em;
}
.preview-facture h3{
    font-size: 1em;
    margin-bottom: 0.3em;
}
.preview-facture h4{
    font-size: 0.846em;
    color: var(--primaryColor);
    font-weight: 400;
    margin-bottom: 0.3em;
}


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

/*Table*/
.preview-facture table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    margin: 0 0 1.154em 0;
    padding: 0;             
    color: var(--secondaryColor);
}
.preview-facture table.table_wide {
    width: 100%;
}
.preview-facture th, .preview-facture td {
    vertical-align: top;
    text-align: left;
    padding: 0.385em 1.154em !important;
    border-bottom: 0;
}
.preview-facture th {
    color: var(--primaryColor);
    font-weight: 400;
    font-size: 0.846em;
}

.preview-facture table.table_collapse_padding tr th,
.preview-facture table.table_collapse_padding tr td{
    padding-top: 0.385em !important;
    padding-bottom: 0.385em !important;
}

body .preview-facture table tr th:first-child,
body .preview-facture table tr td:first-child{
    padding-left: 0 !important;
}
body .preview-facture table tr th:last-child,
body .preview-facture table tr td:last-child{
    padding-right: 0 !important;
}
.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.846em 0;
    padding: 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-top: 2px solid var(--borderColor);
    border-bottom: 2px solid var(--borderColor);
}
.preview-facture .container_products th,
.preview-facture .container_products td {
    vertical-align: middle;
}

/* Container recap facture */
.preview-facture .container_recap{
}

.preview-facture .box_recap{
    padding: 1.538em;
    background-color: var(--bgColor);     
    border-radius: 1.154em;
    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 h3{
    /*margin-bottom: 0.7em;*/
}
.preview-facture .box_recap > *:last-child{
    margin-bottom: 0;
}

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

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

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

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

.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;
}
.preview-facture .footer-facture table.table_footer {
    margin: 0 ;
}
.preview-facture .footer-facture table td {
    vertical-align: middle;
}
.preview-facture .footer-facture table td.company {
    padding-bottom: 0 !important;
    border-top: 1px solid var(--borderColor);
}
.preview-facture .footer-facture table td.col_pagination {
    width: 6em;
    font-size: 0.846em;
    text-align: right;
    color: var(--secondaryColor);
}

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

.preview-facture .footer-facture .table_small td.col_copyright{
    padding-right: 0 !important;
    width: 10.769em;
}
.preview-facture .footer-facture .table_small td.col_logo{
    padding-left: 0 !important;
}
.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{
    --offre-color:#3650FD;
    width: 20%;
}

.wrapper-offre.offre-2{    --offre-color:#9561FF; }
.wrapper-offre.offre-3{    --offre-color:#11EBE2; }
.wrapper-offre.offre-4{    --offre-color:#FFAA00; }
.wrapper-offre.offre-5{    --offre-color:#303030; }

.wrapper-offre.active .card-akn {
    border: 1px solid var(--offre-color);
}

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

/* Offre TOP */
.wrapper-offre .offre-surtitre{
    font-size: 1.385em;
}
.wrapper-offre .offre-titre{
    font-size: 1.615em;
    color: var(--offre-color);
}
.wrapper-offre .line-border{
    width: 4.615em;
    height: 0.692em;
    border-radius: 1em;
    background-color:var(--offre-color);

}

/* Offre Middle */
.wrapper-offre .offre-middle{
    aspect-ratio: 100 / 90;
}
.wrapper-offre .offre-cout{
    font-size: 1.538em;
}
.wrapper-offre .offre-cout .fc-muted{
    font-size: 0.65em;
    font-weight: 400;
}
.wrapper-offre .offre-middle p{
   margin-bottom: 0.5em;
}


/* Offre Bottom */
.wrapper-offre .offre-bottom{
    padding-top: 0.8em;
    border-top: 1px solid rgba(var(--quaternaire-akn-rgb), .3);
}
.wrapper-offre .config-titre{
    font-size: 1.077em;
}
.wrapper-offre .config-cout{
    font-size: 1.154em;
}
.wrapper-offre .fc-muted{
    color: var(--quaternaire-akn);
}

.wrapper-offre .cout-total{
    background-color: #F1F1F1;
    border-radius: .7em;
    padding: .7em 1em;

}
.wrapper-offre .total-surtitre{
    font-size: 0.846em;
}
.wrapper-offre .total-titre{
    font-size: 1.538em;
}

.wrapper-offre .btn-akn{
    margin-top: auto;
}
.wrapper-offre.active .btn-akn.btn-actif{
    cursor: default;
    --btn-akn-color: var(--offre-color);
    --btn-akn-bg: transparent;
    --btn-akn-hover-color: var(--offre-color);
    --btn-akn-hover-bg: transparent;
}
.wrapper-offre .btn-demarrer {
	display: flex;
}
.wrapper-offre .btn-actif {
	display: none;
}
.wrapper-offre.active .btn-demarrer {
	display: none;
}
.wrapper-offre.active .btn-actif {
	display: flex;
}

@media (max-width: 1000px) {
    .wrapper-offre{
        width: 33.33%;
    }
}
@media (max-width: 630px) {
    .wrapper-offre{
        width: 50%;
    }
    .wrapper-offre .offre-middle{
        aspect-ratio: 100 / 67;
    }
}
@media (max-width: 450px) {
    .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: 90%;
    max-width: 65.385em;
    padding: 1em;
    border-radius: 10px;
    border: 1px solid #3650FD;
    margin: 0 auto 30px 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-top: 0;
    padding-bottom: 0;
}

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


.row-dashboard .blurb-akn{
    align-items: flex-start;
    font-family: var(--font-globale-akn);
}
.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  .alert-akn{
    --alert-akn-border-radius: 10px;
    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  .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{
    background-color: #F1F1F1;
    border-radius: 6px;
    height: 6px;
    margin-top: -.5em;
}
.jauge .percent{
    width: 0;
    background-color: var(--primaire-akn);
    border-radius: 6px;
    height: 6px;
}

.bloc-info{
	padding:20px;
	background:#F1F1F1;
	border-radius:10px;
	color:#303030;
	max-width:900px;
}