/* surcharge styles pour le mode APP */

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


:root, ::after, ::before  {

    /* Base Font XD : 15px */

	/* Couleurs */
    --primaire-akn: #303030;
    --primaire-akn-rgb: 48, 48, 48;

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

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

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

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

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

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

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

.site-sidebar {    
    --sidebar-akn-nav-color: #cccccc;
}


/* 
    Typo global
------------------------------- */
h1, .h1 {
    font-size: 1.538em;
}
h4, .h4 {
    font-size: 1.4em;
}
.no-pad{
    padding: 0;
}

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


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

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


body:not(.page-template-order) table.dataTable thead th{
	background-color: var(--clair-akn);
}
body:not(.page-template-order) table.dataTable thead th:first-child{
	border-radius: var(--border-radius-akn-small) 0 0 var(--border-radius-akn-small);
}
body:not(.page-template-order) 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;
}

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

.site-content {
    padding-top: 1em;
}

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

/* Dashboard */
.row-dashboard{
    --primaire-akn: #3650FD;

}

.row-dashboard input.field-akn[type=date],
.row-dashboard select.field-akn{
    --field-akn-height: 2.125em;
}

.row-dashboard select.field-akn{
    line-height: 1.5;
}

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

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

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

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