@charset "UTF-8";
/* ================================
 * Authors: Bastien Heynderickx <bhe@apik.be>
 * Agency: APIK
 * ================================ */
/* ================================
 * @CONSTANTS
 * ================================
 * Liste des variables dont la valeur
 * ne changera jamais au fil du projet.
 * ================================ */
/* ================================
 * Authors: Bastien Heynderickx <bhe@apik.be>
 * Modified: Gregory Lemmens <gle@apik.be>
 * Agency: APIK
 * ================================ */
/* ------------------------------------------------
 * Namespace
 --------------------------------------------------*/
/* ------------------------------------------------
 * Path
 --------------------------------------------------*/
/* ------------------------------------------------
 * Font stacks
    ex: pour les url avec la variable $font-path :
    url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.woff') format('woff')
 --------------------------------------------------*/
/*@font-face {
    font-family: 'Helvetica Neue LT Std Hv';
    //src: url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.eot');
    //src: url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.eot?#iefix') format('embedded-opentype'),
    src: url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.woff2') format('woff2'),
    url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.woff') format('woff'),
    url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}*/
/* ------------------------------------------------
 * Transitions
 --------------------------------------------------*/
/* Transition de base */
/* ------------------------------------------------
 * Couleurs
 --------------------------------------------------*/
/* Couleurs du website */
/* Autres couleurs */
/* Couleurs des réseaux sociaux */
/* ------------------------------------------------
 * Applications
 --------------------------------------------------*/
/* ================================
 * @MIXINS
 * ================================
 * Permet de créer des fonctions.
 * Si leur condition est vraie, elles
 * incluent ce qui se trouve entre { }.
 * Usage: @include mymixin($param) { ... }
 *        ou $mystring : mymixin($param);
 * ================================ */
/* ================================
 * @PLACEHOLDERS
 * ================================
 * Permet de prédéfinir des blocs de styles
 * et de les inclure dans des selecteurs avec @extend.
 * Usage: @extend %myplaceholder;
 *
 * Documentation: http://thesassway.com/intermediate/understanding-placeholder-selectors
 * ================================ */
/* Ajoute les styles de base de FontAwesome 5 pour une icône (il suffit de rajouter "content: '\fxxx'" dans le SASS) */
/* Ajoute les styles de base de FontAwesome 4 pour une icône (il suffit de rajouter "content: '\fxxx'" dans le SASS) */
.uk-nav.apk-menu-arrow > li > a::before,
.uk-nav.apk-menu-arrow .sub-menu a::before,
.uk-nav.apk-menu-arrow .children a::before,
.uk-nav.apk-menu-arrow-top-level > li > a::before,
.uk-nav.apk-menu-arrow-sub-level .sub-menu a::before,
.uk-nav.apk-menu-arrow-sub-level .children a::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}

/* ================================
 * Author: Jerome De Boysere <jerome@atypic.be>
 * Agency: ATYPIC
 * Do not edit this file!
 * ================================ */
/* ================================ */
/* Permet de conserver un padding de chaque coté sur les éléments inline qui sont sur plusieurs lignes, comme les <span>
/* ================================ */
.apk-inline-multiline {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

/* ================================ */
/* CHECKBOX/RADIO en absolute
/* ================================ */
.apk-label-checkbox-absolute,
.apk-label-radio-absolute {
  position: relative;
  padding-left: 28px;
  display: block;
}

.apk-label-checkbox-absolute input[type='checkbox'], .apk-label-checkbox-absolute input[type='radio'],
.apk-label-radio-absolute input[type='checkbox'],
.apk-label-radio-absolute input[type='radio'] {
  position: absolute;
  left: 2px;
  top: 2px;
  margin: 0;
}

.apk-label-checkbox-absolute input[type='checkbox'] + p, .apk-label-checkbox-absolute input[type='radio'] + p,
.apk-label-radio-absolute input[type='checkbox'] + p,
.apk-label-radio-absolute input[type='radio'] + p {
  margin: 0;
}

.uk-form-label{
  color: #243367!important;
}

/* ================================ */
/* BACKDROP FILTER
/* ================================ */
.apk-backdrop-blur {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(20px) saturate(200%);
  backdrop-filter: blur(20px) saturate(200%);
}

/* ================================ */
/* FONT WEIGHT
/* ================================ */
.apk-weight-thin, .apk-weight-100 {
  font-weight: 100 !important;
}

.apk-weight-extralight, .apk-weight-200 {
  font-weight: 200 !important;
}

.apk-weight-light, .apk-weight-300 {
  font-weight: 300 !important;
}

.apk-weight-regular, .apk-weight-400 {
  font-weight: 400 !important;
}

.apk-weight-medium, .apk-weight-500 {
  font-weight: 500 !important;
}

.apk-weight-semibold, .apk-weight-600 {
  font-weight: 600 !important;
}

.apk-weight-bold, .apk-weight-700 {
  font-weight: 700 !important;
}

.apk-weight-extrabold, .apk-weight-800 {
  font-weight: 800 !important;
}

.apk-weight-heavy, .apk-weight-900 {
  font-weight: 900 !important;
}

/* ================================ */
/* FONT SIZE
/* ================================ */
.apk-size-10 {
  font-size: 10px;
}

.apk-size-12 {
  font-size: 12px;
}

.apk-size-14 {
  font-size: 14px;
}

.apk-size-16 {
  font-size: 16px;
}

.apk-size-18 {
  font-size: 18px;
}

.apk-size-20 {
  font-size: 20px;
}

.apk-size-22 {
  font-size: 22px;
}

.apk-size-24 {
  font-size: 24px;
}

.apk-size-26 {
  font-size: 26px;
}

.apk-size-28 {
  font-size: 28px;
}

/* ================================ */
/* CONTAINERS
/* ================================ */
/**
* Element with only a max-width of 1600px:
* <div class="apk-container-1600"></div>
*/
.apk-container-1920 {
  max-width: 1920px;
}

.apk-container-1900 {
  max-width: 1900px;
}

.apk-container-1800 {
  max-width: 1800px;
}

.apk-container-1700 {
  max-width: 1700px;
}

.apk-container-1600 {
  max-width: 1600px;
}

.apk-container-1500 {
  max-width: 1500px;
}

.apk-container-1440 {
  max-width: 1440px;
}

.apk-container-1420 {
  max-width: 1420px;
}

.apk-container-1400 {
  max-width: 1400px;
}

.apk-container-1300 {
  max-width: 1300px;
}

.apk-container-1200 {
  max-width: 1200px;
}

.apk-container-1100 {
  max-width: 1100px;
}

.apk-container-1024 {
  max-width: 1024px;
}

.apk-container-1080 {
  max-width: 1080px;
}

.apk-container-1000 {
  max-width: 1000px;
}

.apk-container-960 {
  max-width: 960px;
}

.apk-container-900 {
  max-width: 900px;
}

.apk-container-800 {
  max-width: 800px;
}

.apk-container-700 {
  max-width: 700px;
}

.apk-container-600 {
  max-width: 600px;
}

.apk-container-500 {
  max-width: 500px;
}

.apk-container-400 {
  max-width: 400px;
}

.apk-container-300 {
  max-width: 300px;
}

.apk-container-200 {
  max-width: 200px;
}

.apk-container-100 {
  max-width: 100px;
}

/**
* Full-width and centered container with a default max-width of 1200px:
* <div class="uk-container"></div>
*
* Container without padding:
* <div class="uk-container uk-padding-remove"></div>
*
* Full-width and centered container with a max-width of 900px:
* <div class="uk-container uk-container-small"></div>
*
* Full-width and centered container with a max-width of 1600px:
* <div class="uk-container uk-container-large"></div>
*
* Full-width and centered container with a CUSTOM max-width
* <div class="uk-container apk-container-1024"></div>
*
* Full-width and centered container without max-width:
* <div class="uk-container uk-container-expand"></div>
*/
.uk-container[class*='apk-container-'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

/* ================================ */
/* Height
/* ================================ */
.apk-height-100 {
  height: 100px;
}

.apk-height-200 {
  height: 200px;
}

.apk-height-300 {
  height: 300px;
}

.apk-height-400 {
  height: 400px;
}

.apk-height-500 {
  height: 500px;
}

.apk-height-600 {
  height: 600px;
}

.apk-height-700 {
  height: 700px;
}

.apk-height-800 {
  height: 800px;
}

.apk-height-900 {
  height: 900px;
}

.apk-height-1000 {
  height: 1000px;
}

.apk-height-25vh {
  height: 25vh;
}

.apk-height-50vh {
  height: 50vh;
}

.apk-height-100vh {
  height: 100vh;
}

/**
* Stretch a container on the left/right
* <div class="apk-container-stretch"></div>
*/
.apk-container-stretch {
  margin-left: -100%;
  margin-right: -100%;
  padding-left: 100%;
  padding-right: 100%;
}

/* ================================ */
/* PADDING
/* ================================ */
.apk-padding-0 {
  padding: 0 !important;
}

.apk-padding-5 {
  padding: 5px;
}

.apk-padding-10 {
  padding: 10px;
}

.apk-padding-20 {
  padding: 20px;
}

.apk-padding-30 {
  padding: 30px;
}

.apk-padding-40 {
  padding: 40px;
}

.apk-padding-50 {
  padding: 50px;
}

.apk-padding-60 {
  padding: 60px;
}

.apk-padding-70 {
  padding: 70px;
}

.apk-padding-80 {
  padding: 80px;
}

.apk-padding-90 {
  padding: 90px;
}

.apk-padding-100 {
  padding: 100px;
}

.apk-padding-tb-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ================================ */
/* MENUS
/* ================================ */
.uk-subnav.apk-subnav-large {
  margin-left: -40px;
}

.uk-subnav.apk-subnav-large > * {
  padding-left: 40px;
}

@media screen and (max-width: 959px) {
  .uk-subnav.apk-subnav-large {
    margin-left: -20px;
  }
  .uk-subnav.apk-subnav-large > * {
    padding-left: 20px;
  }
}

.uk-subnav.apk-subnav-medium {
  margin-left: -30px;
}

.uk-subnav.apk-subnav-medium > * {
  padding-left: 30px;
}

@media screen and (max-width: 959px) {
  .uk-subnav.apk-subnav-medium {
    margin-left: -15px;
  }
  .uk-subnav.apk-subnav-medium > * {
    padding-left: 15px;
  }
}

.uk-subnav.apk-subnav-small {
  margin-left: -15px;
}

.uk-subnav.apk-subnav-small > * {
  padding-left: 15px;
}


.uk-subnav-pill > li > a {
    display: inline-block;
    border-bottom: 2px solid transparent;
}
.uk-subnav-pill > .uk-active > a {
    background-color: transparent!important;
    color: #DB5CA6!important;
    border-bottom: 2px solid #DB5CA6;
}

/* @IN TESTING (sans doute obsolète) */
.uk-nav {
  /* Add arrow to all <li> of a menu and sub-menu, to only the first menu, or to only the sub-menu  */
}

.uk-nav ul {
  padding-left: 1em;
}

.uk-nav.apk-menu-arrow, .uk-nav.apk-menu-arrow-top-level, .uk-nav.apk-menu-arrow-sub-level {
  padding: 5px 0 10px 15px;
}

.uk-nav.apk-menu-arrow ul,
.uk-nav.apk-menu-arrow-sub-level ul {
  padding-left: 0;
}

.uk-nav.apk-menu-arrow a,
.uk-nav.apk-menu-arrow-top-level a,
.uk-nav.apk-menu-arrow-sub-level a {
  display: inline-block;
  position: relative;
  /*margin-left: 1em;*/
}

.uk-nav.apk-menu-arrow .sub-menu a,
.uk-nav.apk-menu-arrow .children a,
.uk-nav.apk-menu-arrow-sub-level .sub-menu a,
.uk-nav.apk-menu-arrow-sub-level .children a {
  padding-left: 1em;
}

.uk-nav.apk-menu-arrow > li > a::before,
.uk-nav.apk-menu-arrow .sub-menu a::before,
.uk-nav.apk-menu-arrow .children a::before,
.uk-nav.apk-menu-arrow-top-level > li > a::before,
.uk-nav.apk-menu-arrow-sub-level .sub-menu a::before,
.uk-nav.apk-menu-arrow-sub-level .children a::before {
  content: "\f105";
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
  position: absolute;
  top: 50%;
  margin-left: -1em;
  -webkit-transform: translateY(-55%);
          transform: translateY(-55%);
}

.uk-nav.apk-menu-arrow .sub-menu .current-menu-ancestor > a::before,
.uk-nav.apk-menu-arrow .sub-menu .current-page-ancestor > a::before,
.uk-nav.apk-menu-arrow .children .current-menu-ancestor > a::before,
.uk-nav.apk-menu-arrow .children .current-page-ancestor > a::before,
.uk-nav.apk-menu-arrow-sub-level .sub-menu .current-menu-ancestor > a::before,
.uk-nav.apk-menu-arrow-sub-level .sub-menu .current-page-ancestor > a::before,
.uk-nav.apk-menu-arrow-sub-level .children .current-menu-ancestor > a::before,
.uk-nav.apk-menu-arrow-sub-level .children .current-page-ancestor > a::before {
  content: "\f107";
  -webkit-transform: none !important;
          transform: none !important;
}

.uk-nav.apk-menu-arrow a:hover::before,
.uk-nav.apk-menu-arrow .sub-menu a:hover::before,
.uk-nav.apk-menu-arrow .children a:hover::before,
.uk-nav.apk-menu-arrow-top-level a:hover::before,
.uk-nav.apk-menu-arrow-sub-level .sub-menu a:hover::before,
.uk-nav.apk-menu-arrow-sub-level .children a:hover::before {
  -webkit-transform: translateY(-55%) translateX(3px);
          transform: translateY(-55%) translateX(3px);
}

.uk-nav.apk-menu-arrow > li > ul.sub-menu,
.uk-nav.apk-menu-arrow > li > ul.children,
.uk-nav.apk-menu-arrow-sub-level > li > ul.sub-menu,
.uk-nav.apk-menu-arrow-sub-level > li > ul.children {
  margin-left: 0;
}

/* ================================ */
/* OFFCANVAS
/* ================================ */
/* Section full width in the offcanvas */
.apk-offcanvas-section {
  margin-left: -100px;
  margin-right: -100px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 100px;
  padding-right: 100px;
  background: #333;
}

.apk-offcanvas-section a {
  color: inherit !important;
  opacity: .8;
}

.apk-offcanvas-section a:hover, .apk-offcanvas-section .current-menu-ancestor > a, .apk-offcanvas-section .current-menu-item > a, .apk-offcanvas-section .current-page-ancestor > a, .apk-offcanvas-section .current-page-item > a, .apk-offcanvas-section .wpml-ls-current-language > a {
  opacity: 1;
}

/* ================================ */
/* BACK TO TOP
/* ================================ */
#apk-backtotop {
  position: fixed;
  z-index: 500;
  bottom: 90px;
  right: 40px;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: opacity .15s ease-out, visibility .15s ease-out, -webkit-transform .25s ease-out;
  transition: opacity .15s ease-out, visibility .15s ease-out, -webkit-transform .25s ease-out;
  transition: opacity .15s ease-out, visibility .15s ease-out, transform .25s ease-out;
  transition: opacity .15s ease-out, visibility .15s ease-out, transform .25s ease-out, -webkit-transform .25s ease-out;
}

@media screen and (min-width: 960px) {
  #apk-backtotop {
    right: 20px;
  }
}

/* ================================ */
/* POWERED
/* ================================ */
#apk-powered {
  font-family: Arial, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  padding: 20px;
}

#apk-powered a {
  color: rgba(0, 0, 0, 0.4);
  text-decoration: none;
}

/* ================================ */
/* CLASSES ADDED BY ATYPIC.JS
/* ================================ */
label.apk-label-is-linked-to-field {
  cursor: pointer;
}

html.apk-backtotop #apk-backtotop {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* ================================ */
/* RESPONSIVE
/* ================================ */
/* X-LARGE */
/* LARGE */
@media screen and (max-width: 1199px) {
  .apk-padding-50 {
    padding: 25px;
  }
  .apk-padding-60 {
    padding: 30px;
  }
  .apk-padding-70 {
    padding: 35px;
  }
  .apk-padding-80 {
    padding: 40px;
  }
  .apk-padding-90 {
    padding: 45px;
  }
  .apk-padding-100 {
    padding: 50px;
  }
}

/* MEDIUM */
/* SMALL */
@media screen and (max-width: 639px) {
  .apk-padding-10,
  .apk-padding-20,
  .apk-padding-30,
  .apk-padding-40,
  .apk-padding-50,
  .apk-padding-60,
  .apk-padding-70,
  .apk-padding-80,
  .apk-padding-90,
  .apk-padding-100 {
    padding: 15px;
  }
}

html, body{
    color: #243367!important;
}

#capturezone{
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body * {
  box-sizing: border-box;
}

main{
  flex: 1;
}

body.apk-cms-pimcore .pimcore_tag_link_text, body.apk-cms-pimcore .pimcore_tag_image, body.apk-cms-pimcore div.pimcore_tag_image_empty {
  padding: 5px 10px;
  border: 2px dashed #888 !important;
  background-color: #e0e0e0 !important;
}

body.apk-cms-pimcore .pimcore_block_buttons,
body.apk-cms-pimcore .x-btn-wrap {
  height: -webkit-fit-content !important;
  height: fit-content !important;
  height: -moz-fit-content !important;
}

/* ================================
 * HEADING
 * ================================ */
/* Nomenclature obligatoire : .uk-h1, .uk-h2... pour simuler l'apparence de titre */
h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6 {
  font-family: Arial, sans-serif;
  color: #243367!important;
  letter-spacing: -0.03em;
}

.uk-h1 {
  font-size: 90px;
  line-height: 99px;
}

.uk-h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 55px;
}

.uk-h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 27px;
}

.uk-h4 {
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}

.uk-h5 {
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
}

.uk-h6 {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
}

/* ================================
 * MISC
 * ================================ */
em {
  color: inherit;
}

small {
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.25em;
}

/* ================================
 * Blockquote
 * ================================ */
/*
 Le <blockquote> doit être utilisé pour les citations/témoignages.
 Le <blockquote> est prévu pour être utilisé comme suit:
 <blockquote>
    <p>May the Force be with you.</p>
    <footer>Yoda</footer>
 </blockquote>
 */
blockquote {
  /* &::after et &::before gèrent les quotes */
  /* Nom de l'auteur */
}

blockquote::before {
  content: open-quote;
}

blockquote::after {
  content: close-quote;
}


/* ================================
 * LINKS
 * ================================ */
a {
  color: #000000;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

a:hover {
  color: #21bab5;
  text-decoration: none;
}

.uk-link {
  position: relative;
  font-size: 16px;
  color: #000000;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.uk-light .uk-link {
  color: #ffffff;
}

.uk-light .uk-link:hover {
  color: #21bab5;
}

.uk-link::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  display: block;
  height: 2px;
  background-color: #21bab5;
}

.uk-link:hover {
  color: #21bab5;
  text-decoration: none;
}

.uk-list-inline > li {
  list-style: none;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0;
}

.uk-list-inline > li.list-separator {
  position: relative;
}

.uk-list-inline > li.list-separator::before {
  content: '|';
  color: #FFF;
}

main#page ul:not(.uk-accordion):not(.uk-navbar-nav):not(.uk-slider-items):not(.uk-slider-nav):not(.uk-dotnav):not(.uk-tab):not(.uk-switcher):not(.uk-pagination) {
  list-style: none;
}

main#page ul:not(.uk-accordion):not(.uk-navbar-nav):not(.uk-slider-items):not(.uk-slider-nav):not(.uk-dotnav):not(.uk-tab):not(.uk-switcher):not(.uk-pagination) li::before {
  content: "\2022";
  color: #21bab5;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

main#page ul:not(.uk-accordion):not(.uk-navbar-nav):not(.uk-slider-items):not(.uk-slider-nav):not(.uk-dotnav):not(.uk-tab):not(.uk-switcher):not(.uk-pagination) li + li {
  margin-top: 10px;
}

.uk-navbar.apk-menu ul li a {
  color: #ffffff;
  opacity: 0.8;
}



#footer{
  margin-top: 30px;
  flex: 0;
}

#footer .apk-footer-top{
  background-color: #243367;
  padding: 20px 0 10px 0;
}

.apk-footer-bottom{
  background-color: white;
  padding: 20px 0;
}

.apk-footer-bottom p{
  color: #AEAEAE;
  margin-bottom: 0;
  font-size: 18px;
}

#footer li{
  color: white;
  list-style: disc;
}

#footer li a{
  color: white;
}

.footer_background {
  background-color: #000000;
  color: #ffffff;
  margin-top: 20px;
}

.footer_background div {
  margin-top: 30px;
}

.footer_background div li {
  list-style: none;
}

.footer_background div li a {
  color: #ffffff;
  text-transform: uppercase;
}

.product-description {
  font-size: 12px;
  margin-top: 20px;
}

.logo_footer {
  margin-top: 20px;
}

.container_footer {
  background-color: #000000;
}

.copyright {
  background-color: #ffffff;
}

.copyright p {
  color: #000000;
  margin-top: 50px;
}

.container_copyright {
  background-color: #ffffff;
}

.uk-totop {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background: #21bab5;
  color: #000000 !important;
  line-height: 38px;
  text-align: center;
}

.footer_background {
  padding-bottom: 20px;
  padding-top: 40px;
}

.footer_background div {
  margin-top: 10px;
}

.footer_background a:hover {
  color: #21bab5;
}

.footer-apik-copyright {
  font-size: 11px;
  line-height: normal;
  padding: 5px 10px;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
}

.logo_apik img {
  width: 40px;
}

.apk-is-contact {
  margin-top: -20px;
}

@media (max-width: 640px) {
  .footer_background {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product-description {
    font-size: 10px;
    margin-top: 20px;
    margin-left: 50px;
  }
  .logo_footer img {
    width: 75px;
    margin-left: 50px;
  }
  #infos_footer {
    padding-left: 32px;
  }
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus{
    outline: none !important;
}



.uk-table .uk-button {
    background: #db5ca6;
    color: #ffffff;
    border-radius: 20px;
}

.uk-table .uk-button:hover {
    opacity: 0.6;
}





.uk-alert-primary.apk-alert-style {
  background: #243367;
  color: #ffffff;
}

.redstockbtn.apk-red-btn-stock {
  background-color: #db5ca6;
  color: #ffffff;
}

.redstockbtn.apk-red-btn-stock:hover {
  background-color: #DB5CA6;
  color: #ffffff;
}



.greenstockbtn.apk-green-btn-stock {
  background-color: #21bab5;
}

.greenstockbtn.apk-green-btn-stock:hover {
  background-color: #1c8ca8;
  color: #ffffff;
}




#inventoryContentHidder .uk-alert {
  background-color: transparent;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #E4E4E4;
}

#inventoryContentHidder .uk-alert .uk-label {
  background-color: #243367;
  padding: 8px;
  border-radius: 5px;
}



#catTree .uk-list li {
  margin-bottom: 20px;
  padding: 20px;
  -webkit-box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.3);
  border-radius: 0;
}

#catTree .uk-list li ul {
  margin-top: 10px;
  margin-bottom: 25px;
}

#catTree .uk-list li ul li {
  margin-bottom: 0;
}

.uk-badge.badge-green {
  background-color: #CCF0EE!important;
  color: #00B2AC!important;
  padding: 15px!important;
  border-radius: 10px!important;
  font-size: 15px;
}

.uk-badge.badge-red {
  background-color: #FDE6D5!important;
  color: #F3842C!important;
  padding: 15px!important;
  border-radius: 10px!important;
  font-size: 15px;
}

.addSubCatBtn {
  color: #21bab5 !important;
}

.editCatBtn {
  color: #243367 !important;
}

.removeCatBtn {
  color: #db5ca6 !important;
}

.btn-green {
  background-color: #21bab5 !important;
  color: #ffffff !important;
}

.btn-red {
  background-color: #21bab5 !important;
  border-color: #21bab5 !important;
  color: #ffffff !important;
}

#edit_submit, #_editsubmit {
  background-color: #21bab5;
  border: none;
  color: #ffffff;
  border-radius: 0;
}

#edit_submit:hover, #_editsubmit:hover {
  color: #ffffff;
  background-color: #DB5CA6;
}

/* ================================
 * Authors: Bastien Heynderickx <bhe@apik.be>
 * Agency: APIK
 * ================================ */
/* ================================
 * @CONSTANTS
 * ================================
 * Liste des variables dont la valeur
 * ne changera jamais au fil du projet.
 * ================================ */
/* ================================
 * Authors: Bastien Heynderickx <bhe@apik.be>
 * Modified: Gregory Lemmens <gle@apik.be>
 * Agency: APIK
 * ================================ */
/* ------------------------------------------------
 * Namespace
 --------------------------------------------------*/
/* ------------------------------------------------
 * Path
 --------------------------------------------------*/
/* ------------------------------------------------
 * Font stacks
    ex: pour les url avec la variable $font-path :
    url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.woff') format('woff')
 --------------------------------------------------*/
/*@font-face {
    font-family: 'Helvetica Neue LT Std Hv';
    //src: url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.eot');
    //src: url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.eot?#iefix') format('embedded-opentype'),
    src: url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.woff2') format('woff2'),
    url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.woff') format('woff'),
    url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}*/
/* ------------------------------------------------
 * Transitions
 --------------------------------------------------*/
/* Transition de base */
/* ------------------------------------------------
 * Couleurs
 --------------------------------------------------*/
/* Couleurs du website */
/* Autres couleurs */
/* Couleurs des réseaux sociaux */
/* ------------------------------------------------
 * Applications
 --------------------------------------------------*/
/* ================================
 * @MIXINS
 * ================================
 * Permet de créer des fonctions.
 * Si leur condition est vraie, elles
 * incluent ce qui se trouve entre { }.
 * Usage: @include mymixin($param) { ... }
 *        ou $mystring : mymixin($param);
 * ================================ */
/* ================================
 * @PLACEHOLDERS
 * ================================
 * Permet de prédéfinir des blocs de styles
 * et de les inclure dans des selecteurs avec @extend.
 * Usage: @extend %myplaceholder;
 *
 * Documentation: http://thesassway.com/intermediate/understanding-placeholder-selectors
 * ================================ */
/* Ajoute les styles de base de FontAwesome 5 pour une icône (il suffit de rajouter "content: '\fxxx'" dans le SASS) */
/* Ajoute les styles de base de FontAwesome 4 pour une icône (il suffit de rajouter "content: '\fxxx'" dans le SASS) */
.uk-nav.apk-menu-arrow > li > a::before,
.uk-nav.apk-menu-arrow .sub-menu a::before,
.uk-nav.apk-menu-arrow .children a::before,
.uk-nav.apk-menu-arrow-top-level > li > a::before,
.uk-nav.apk-menu-arrow-sub-level .sub-menu a::before,
.uk-nav.apk-menu-arrow-sub-level .children a::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}

/* ================================
 * Author: Jerome De Boysere <jerome@atypic.be>
 * Agency: ATYPIC
 * Do not edit this file!
 * ================================ */
/* ================================ */
/* Permet de conserver un padding de chaque coté sur les éléments inline qui sont sur plusieurs lignes, comme les <span>
/* ================================ */
.apk-inline-multiline {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* ================================ */
/* CHECKBOX/RADIO en absolute
/* ================================ */
.apk-label-checkbox-absolute,
.apk-label-radio-absolute {
  position: relative;
  padding-left: 28px;
  display: block;
}

.apk-label-checkbox-absolute input[type='checkbox'], .apk-label-checkbox-absolute input[type='radio'],
.apk-label-radio-absolute input[type='checkbox'],
.apk-label-radio-absolute input[type='radio'] {
  position: absolute;
  left: 2px;
  top: 2px;
  margin: 0;
}

.apk-label-checkbox-absolute input[type='checkbox'] + p, .apk-label-checkbox-absolute input[type='radio'] + p,
.apk-label-radio-absolute input[type='checkbox'] + p,
.apk-label-radio-absolute input[type='radio'] + p {
  margin: 0;
}

/* ================================ */
/* BACKDROP FILTER
/* ================================ */
.apk-backdrop-blur {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(20px) saturate(200%);
  backdrop-filter: blur(20px) saturate(200%);
}

/* ================================ */
/* FONT WEIGHT
/* ================================ */
.apk-weight-thin, .apk-weight-100 {
  font-weight: 100 !important;
}

.apk-weight-extralight, .apk-weight-200 {
  font-weight: 200 !important;
}

.apk-weight-light, .apk-weight-300 {
  font-weight: 300 !important;
}

.apk-weight-regular, .apk-weight-400 {
  font-weight: 400 !important;
}

.apk-weight-medium, .apk-weight-500 {
  font-weight: 500 !important;
}

.apk-weight-semibold, .apk-weight-600 {
  font-weight: 600 !important;
}

.apk-weight-bold, .apk-weight-700 {
  font-weight: 700 !important;
}

.apk-weight-extrabold, .apk-weight-800 {
  font-weight: 800 !important;
}

.apk-weight-heavy, .apk-weight-900 {
  font-weight: 900 !important;
}

/* ================================ */
/* FONT SIZE
/* ================================ */
.apk-size-10 {
  font-size: 10px;
}

.apk-size-12 {
  font-size: 12px;
}

.apk-size-14 {
  font-size: 14px;
}

.apk-size-16 {
  font-size: 16px;
}

.apk-size-18 {
  font-size: 18px;
}

.apk-size-20 {
  font-size: 20px;
}

.apk-size-22 {
  font-size: 22px;
}

.apk-size-24 {
  font-size: 24px;
}

.apk-size-26 {
  font-size: 26px;
}

.apk-size-28 {
  font-size: 28px;
}

/* ================================ */
/* CONTAINERS
/* ================================ */
/**
* Element with only a max-width of 1600px:
* <div class="apk-container-1600"></div>
*/
.apk-container-1920 {
  max-width: 1920px;
}

.apk-container-1900 {
  max-width: 1900px;
}

.apk-container-1800 {
  max-width: 1800px;
}

.apk-container-1700 {
  max-width: 1700px;
}

.apk-container-1600 {
  max-width: 1600px;
}

.apk-container-1500 {
  max-width: 1500px;
}

.apk-container-1440 {
  max-width: 1440px;
}

.apk-container-1420 {
  max-width: 1420px;
}

.apk-container-1400 {
  max-width: 1400px;
}

.apk-container-1300 {
  max-width: 1300px;
}

.apk-container-1200 {
  max-width: 1200px;
}

.apk-container-1100 {
  max-width: 1100px;
}

.apk-container-1024 {
  max-width: 1024px;
}

.apk-container-1080 {
  max-width: 1080px;
}

.apk-container-1000 {
  max-width: 1000px;
}

.apk-container-960 {
  max-width: 960px;
}

.apk-container-900 {
  max-width: 900px;
}

.apk-container-800 {
  max-width: 800px;
}

.apk-container-700 {
  max-width: 700px;
}

.apk-container-600 {
  max-width: 600px;
}

.apk-container-500 {
  max-width: 500px;
}

.apk-container-400 {
  max-width: 400px;
}

.apk-container-300 {
  max-width: 300px;
}

.apk-container-200 {
  max-width: 200px;
}

.apk-container-100 {
  max-width: 100px;
}

/**
* Full-width and centered container with a default max-width of 1200px:
* <div class="uk-container"></div>
*
* Container without padding:
* <div class="uk-container uk-padding-remove"></div>
*
* Full-width and centered container with a max-width of 900px:
* <div class="uk-container uk-container-small"></div>
*
* Full-width and centered container with a max-width of 1600px:
* <div class="uk-container uk-container-large"></div>
*
* Full-width and centered container with a CUSTOM max-width
* <div class="uk-container apk-container-1024"></div>
*
* Full-width and centered container without max-width:
* <div class="uk-container uk-container-expand"></div>
*/
.uk-container[class*='apk-container-'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

/* ================================ */
/* Height
/* ================================ */
.apk-height-100 {
  height: 100px;
}

.apk-height-200 {
  height: 200px;
}

.apk-height-300 {
  height: 300px;
}

.apk-height-400 {
  height: 400px;
}

.apk-height-500 {
  height: 500px;
}

.apk-height-600 {
  height: 600px;
}

.apk-height-700 {
  height: 700px;
}

.apk-height-800 {
  height: 800px;
}

.apk-height-900 {
  height: 900px;
}

.apk-height-1000 {
  height: 1000px;
}

.apk-height-25vh {
  height: 25vh;
}

.apk-height-50vh {
  height: 50vh;
}

.apk-height-100vh {
  height: 100vh;
}

/**
* Stretch a container on the left/right
* <div class="apk-container-stretch"></div>
*/
.apk-container-stretch {
  margin-left: -100%;
  margin-right: -100%;
  padding-left: 100%;
  padding-right: 100%;
}

/* ================================ */
/* PADDING
/* ================================ */
.apk-padding-0 {
  padding: 0 !important;
}

.apk-padding-5 {
  padding: 5px;
}

.apk-padding-10 {
  padding: 10px;
}

.apk-padding-20 {
  padding: 20px;
}

.apk-padding-30 {
  padding: 30px;
}

.apk-padding-40 {
  padding: 40px;
}

.apk-padding-50 {
  padding: 50px;
}

.apk-padding-60 {
  padding: 60px;
}

.apk-padding-70 {
  padding: 70px;
}

.apk-padding-80 {
  padding: 80px;
}

.apk-padding-90 {
  padding: 90px;
}

.apk-padding-100 {
  padding: 100px;
}

.apk-padding-tb-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ================================ */
/* MENUS
/* ================================ */
.uk-subnav.apk-subnav-large {
  margin-left: -40px;
}

.uk-subnav.apk-subnav-large > * {
  padding-left: 40px;
}

@media screen and (max-width: 959px) {
  .uk-subnav.apk-subnav-large {
    margin-left: -20px;
  }
  .uk-subnav.apk-subnav-large > * {
    padding-left: 20px;
  }
}

.uk-subnav.apk-subnav-medium {
  margin-left: -30px;
}

.uk-subnav.apk-subnav-medium > * {
  padding-left: 30px;
}

@media screen and (max-width: 959px) {
  .uk-subnav.apk-subnav-medium {
    margin-left: -15px;
  }
  .uk-subnav.apk-subnav-medium > * {
    padding-left: 15px;
  }
}

.uk-subnav.apk-subnav-small {
  margin-left: -15px;
}

.uk-subnav.apk-subnav-small > * {
  padding-left: 15px;
}

/* @IN TESTING (sans doute obsolète) */
.uk-nav {
  /* Add arrow to all <li> of a menu and sub-menu, to only the first menu, or to only the sub-menu  */
}

.uk-nav ul {
  padding-left: 1em;
}

.uk-nav.apk-menu-arrow, .uk-nav.apk-menu-arrow-top-level, .uk-nav.apk-menu-arrow-sub-level {
  padding: 5px 0 10px 15px;
}

.uk-nav.apk-menu-arrow ul,
.uk-nav.apk-menu-arrow-sub-level ul {
  padding-left: 0;
}

.uk-nav.apk-menu-arrow a,
.uk-nav.apk-menu-arrow-top-level a,
.uk-nav.apk-menu-arrow-sub-level a {
  display: inline-block;
  position: relative;
  /*margin-left: 1em;*/
}

.uk-nav.apk-menu-arrow .sub-menu a,
.uk-nav.apk-menu-arrow .children a,
.uk-nav.apk-menu-arrow-sub-level .sub-menu a,
.uk-nav.apk-menu-arrow-sub-level .children a {
  padding-left: 1em;
}

.uk-nav.apk-menu-arrow > li > a::before,
.uk-nav.apk-menu-arrow .sub-menu a::before,
.uk-nav.apk-menu-arrow .children a::before,
.uk-nav.apk-menu-arrow-top-level > li > a::before,
.uk-nav.apk-menu-arrow-sub-level .sub-menu a::before,
.uk-nav.apk-menu-arrow-sub-level .children a::before {
  content: "";
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  position: absolute;
  top: 50%;
  margin-left: -1em;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
}

.uk-nav.apk-menu-arrow .sub-menu .current-menu-ancestor > a::before,
.uk-nav.apk-menu-arrow .sub-menu .current-page-ancestor > a::before,
.uk-nav.apk-menu-arrow .children .current-menu-ancestor > a::before,
.uk-nav.apk-menu-arrow .children .current-page-ancestor > a::before,
.uk-nav.apk-menu-arrow-sub-level .sub-menu .current-menu-ancestor > a::before,
.uk-nav.apk-menu-arrow-sub-level .sub-menu .current-page-ancestor > a::before,
.uk-nav.apk-menu-arrow-sub-level .children .current-menu-ancestor > a::before,
.uk-nav.apk-menu-arrow-sub-level .children .current-page-ancestor > a::before {
  content: "";
  -webkit-transform: none !important;
  transform: none !important;
}

.uk-nav.apk-menu-arrow a:hover::before,
.uk-nav.apk-menu-arrow .sub-menu a:hover::before,
.uk-nav.apk-menu-arrow .children a:hover::before,
.uk-nav.apk-menu-arrow-top-level a:hover::before,
.uk-nav.apk-menu-arrow-sub-level .sub-menu a:hover::before,
.uk-nav.apk-menu-arrow-sub-level .children a:hover::before {
  -webkit-transform: translateY(-55%) translateX(3px);
  transform: translateY(-55%) translateX(3px);
}

.uk-nav.apk-menu-arrow > li > ul.sub-menu,
.uk-nav.apk-menu-arrow > li > ul.children,
.uk-nav.apk-menu-arrow-sub-level > li > ul.sub-menu,
.uk-nav.apk-menu-arrow-sub-level > li > ul.children {
  margin-left: 0;
}

/* ================================ */
/* OFFCANVAS
/* ================================ */
/* Section full width in the offcanvas */
.apk-offcanvas-section {
  margin-left: -100px;
  margin-right: -100px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 100px;
  padding-right: 100px;
  background: #333;
}

.apk-offcanvas-section a {
  color: inherit !important;
  opacity: 0.8;
}

.apk-offcanvas-section a:hover, .apk-offcanvas-section .current-menu-ancestor > a, .apk-offcanvas-section .current-menu-item > a, .apk-offcanvas-section .current-page-ancestor > a, .apk-offcanvas-section .current-page-item > a, .apk-offcanvas-section .wpml-ls-current-language > a {
  opacity: 1;
}

/* ================================ */
/* BACK TO TOP
/* ================================ */
#apk-backtotop {
  position: fixed;
  z-index: 500;
  bottom: 90px;
  right: 40px;
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out, -webkit-transform 0.25s ease-out;
  transition: opacity 0.15s ease-out, visibility 0.15s ease-out, -webkit-transform 0.25s ease-out;
  transition: opacity 0.15s ease-out, visibility 0.15s ease-out, transform 0.25s ease-out;
  transition: opacity 0.15s ease-out, visibility 0.15s ease-out, transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

@media screen and (min-width: 960px) {
  #apk-backtotop {
    right: 20px;
  }
}

/* ================================ */
/* POWERED
/* ================================ */
#apk-powered {
  font-family: Arial, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  padding: 20px;
}

#apk-powered a {
  color: rgba(0, 0, 0, 0.4);
  text-decoration: none;
}

/* ================================ */
/* CLASSES ADDED BY ATYPIC.JS
/* ================================ */
label.apk-label-is-linked-to-field {
  cursor: pointer;
}

html.apk-backtotop #apk-backtotop {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* ================================ */
/* RESPONSIVE
/* ================================ */
/* X-LARGE */
/* LARGE */
@media screen and (max-width: 1199px) {
  .apk-padding-50 {
    padding: 25px;
  }
  .apk-padding-60 {
    padding: 30px;
  }
  .apk-padding-70 {
    padding: 35px;
  }
  .apk-padding-80 {
    padding: 40px;
  }
  .apk-padding-90 {
    padding: 45px;
  }
  .apk-padding-100 {
    padding: 50px;
  }
}

/* MEDIUM */
/* SMALL */
@media screen and (max-width: 639px) {
  .apk-padding-10,
  .apk-padding-20,
  .apk-padding-30,
  .apk-padding-40,
  .apk-padding-50,
  .apk-padding-60,
  .apk-padding-70,
  .apk-padding-80,
  .apk-padding-90,
  .apk-padding-100 {
    padding: 15px;
  }
}

body.apk-cms-pimcore .pimcore_tag_link_text, body.apk-cms-pimcore .pimcore_tag_image, body.apk-cms-pimcore div.pimcore_tag_image_empty {
  padding: 5px 10px;
  border: 2px dashed #888 !important;
  background-color: #e0e0e0 !important;
}

body.apk-cms-pimcore .pimcore_block_buttons,
body.apk-cms-pimcore .x-btn-wrap {
  height: -webkit-fit-content !important;
  height: fit-content !important;
  height: -moz-fit-content !important;
}

/* ================================
 * HEADING
 * ================================ */
/* Nomenclature obligatoire : .uk-h1, .uk-h2... pour simuler l'apparence de titre */
h1, h2, h3, h4, h5, h6, .uk-h6, .uk-h5, .uk-h4, .uk-h3, .uk-h2, .uk-h1 {
  font-family: Arial, sans-serif;
  color: #000000;
  letter-spacing: -0.03em;
}

.uk-h1 {
  font-size: 90px;
  line-height: 99px;
}

.uk-h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 55px;
}

.uk-h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 27px;
}

.uk-h4 {
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}

.uk-h5 {
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
}

.uk-h6 {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
}

/* ================================
 * MISC
 * ================================ */
em {
  color: inherit;
}

small {
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.25em;
}

/* ================================
 * Blockquote
 * ================================ */
/*
 Le <blockquote> doit être utilisé pour les citations/témoignages.
 Le <blockquote> est prévu pour être utilisé comme suit:
 <blockquote>
    <p>May the Force be with you.</p>
    <footer>Yoda</footer>
 </blockquote>
 */
blockquote {
  /* &::after et &::before gèrent les quotes */
  /* Nom de l'auteur */
}

blockquote::before {
  content: open-quote;
}

blockquote::after {
  content: close-quote;
}




/* ================================
 * LINKS
 * ================================ */
a {
  color: #000000;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

a:hover {
  color: #2cbce6;
  text-decoration: none;
}

.uk-link {
  position: relative;
  font-size: 16px;
  color: #000000;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.uk-light .uk-link {
  color: #ffffff;
}

.uk-light .uk-link:hover {
  color: #2cbce6;
}

.uk-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  display: block;
  height: 2px;
  background-color: #2cbce6;
}

.uk-link:hover {
  color: #2cbce6;
  text-decoration: none;
}

.uk-list-inline > li {
  list-style: none;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0;
}

.uk-list-inline > li.list-separator {
  position: relative;
}

.uk-list-inline > li.list-separator::before {
  content: "|";
  color: #FFF;
}

main#page ul:not(.uk-accordion):not(.uk-navbar-nav):not(.uk-slider-items):not(.uk-slider-nav):not(.uk-dotnav):not(.uk-tab):not(.uk-switcher):not(.uk-pagination) {
  list-style: none;
}

main#page ul:not(.uk-accordion):not(.uk-navbar-nav):not(.uk-slider-items):not(.uk-slider-nav):not(.uk-dotnav):not(.uk-tab):not(.uk-switcher):not(.uk-pagination) li::before {
  content: "•";
  color: #2cbce6;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

main#page ul:not(.uk-accordion):not(.uk-navbar-nav):not(.uk-slider-items):not(.uk-slider-nav):not(.uk-dotnav):not(.uk-tab):not(.uk-switcher):not(.uk-pagination) li + li {
  margin-top: 10px;
}

.uk-navbar.apk-menu {
  background-color: #243367;
}

.uk-navbar.apk-menu ul li.uk-active a {
  opacity: 1;
}

.uk-navbar.apk-menu ul li a {
  color: #ffffff;
  opacity: 0.8;
  min-height: 50px !important;
}

/*#header .uk-navbar.apk-menu .uk-navbar-dropdown{
  padding: 10px 25px!important;
}*/

/*#header .uk-navbar.apk-menu .uk-navbar-dropdown ul li a{
  color: #243367;
}*/

#header .uk-navbar.apk-menu .uk-navbar-dropdown ul li.uk-active a{
  color: #ffffff;
}

.footer_background {
  background-color: #000000;
  color: #ffffff;
  margin-top: 20px;
}

.footer_background div {
  margin-top: 30px;
}

.footer_background div li {
  list-style: none;
}

.footer_background div li a {
  color: #ffffff;
  text-transform: uppercase;
}

.product-description {
  font-size: 12px;
  margin-top: 20px;
}

.logo_footer {
  margin-top: 20px;
}

.container_footer {
  background-color: #000000;
}

.copyright {
  background-color: #ffffff;
}

.copyright p {
  color: #000000;
  margin-top: 50px;
}

.container_copyright {
  background-color: #ffffff;
}

.uk-totop {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background: #2cbce6;
  color: #000000 !important;
  line-height: 38px;
  text-align: center;
}

.footer_background {
  padding-bottom: 20px;
  padding-top: 40px;
}

.footer_background div {
  margin-top: 10px;
}

.footer_background a:hover {
  color: #2cbce6;
}

.footer-apik-copyright {
  font-size: 11px;
  line-height: normal;
  padding: 5px 10px;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
}

.logo_apik img {
  width: 40px;
}

.apk-is-contact {
  margin-top: -20px;
}

@media (max-width: 640px) {
  .footer_background {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .product-description {
    font-size: 10px;
    margin-top: 20px;
    margin-left: 50px;
  }
  .logo_footer img {
    width: 75px;
    margin-left: 50px;
  }
  #infos_footer {
    padding-left: 32px;
  }
}

/* uk-card-default */
.uk-card-default{
    box-shadow: none!important;
    color: #243367!important;
}

.uk-card-default .uk-card-header {
    border-bottom: none!important;
    padding-bottom: 0!important;
}

.uk-card-default .uk-card-title {
    margin-bottom: 0!important;
}


.redstockbtn.apk-red-btn-stock {
  background-color: #db5ca6;
  color: #f5f1ec;
  border-radius: 5px;
  margin-left: 5px;
  padding: 0 15px;
}

.greenstockbtn.apk-green-btn-stock {
  background-color: #21bab5;
  border-radius: 5px;
  padding: 0 15px;
}

table .apk-search-container{
    background-color: #EDEDED;
}
table thead .apk-table-title-container{
    background-color: #D5F1FA;
}

table .apk-search-container th{
    border-bottom: none;
}

table.dataTable .apk-search-container input{
    width: 70%;
    border: 1px solid #E4E4E4;
    padding: 2px 10px;
    border-radius: 20px;
}

table.dataTable tfoot th, table.dataTable tfoot td{
    padding: 10px 5px!important;
}

input:focus:not([tabindex^='-']) {
    outline: none!important;
    outline-offset: 0!important;
}

table.dataTable thead th, table.dataTable thead td{
    padding: 10px !important;
    border-bottom: none !important;
}

table.dataTable thead th, .uk-table th {
    font-size: 15px !important;
    color: #243467 !important;
    text-transform: none !important;
    font-weight: normal !important;
}

table.dataTable tbody td{
  border-bottom: 1px solid #EDEDED;
}

.uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover {
  background-color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #2cbce6 !important;
  border-color: #2cbce6 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #2cbce6 !important;
  border-color: #2cbce6 !important;
}



.dataTables_length{
  margin-top: 5px;
  margin-left: 10px;
}

.dataTables_wrapper .dataTables_length select{
    border: 1px solid #E4E4E4!important;
    border-radius: 20px!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #DB5CA6 !important;
    border-color: #DB5CA6 !important;
    color: #ffffff !important;
    border-radius: 50%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
}

.paginate_button.previous:before{
  content: url('/static/img/before-arrow.svg');
  position: relative;
  left: 0;
  top: 5px;
}

.paginate_button.previous.disabled:before{
  content: none;
}

.paginate_button.next:before{
  content: url('/static/img/next-arrow.svg');
  position: relative;
  right: 0;
  top: 5px;
}

.apk-container-inv-detail-scan .paginate_button.next:before, .apk-container-inv-detail-scan .paginate_button.previous:before{
  content: none!important;
}

.paginate_button.next.disabled:before{
  content: none;
}

#ordersHidder a{
    padding: 15px 0;
}

/*#ordersHidder a::after {
    content: url("/static/img/next.svg");
    position: absolute;
    right: 0;
}*/

#ordersHidder li:last-child a::after{
    content: none;
}

#ordersHidder a:focus{
    border: none!important;
    outline: none!important;
}

#ordersHidder #tabSelector a .apk-icon-count{
    background-color: #CECECE;
    color: #ffffff;
    width: 20px;
    border-radius: 50%;
}

#ordersHidder #tabSelector .uk-active a {
  border-bottom: 3px solid #DB5CA6!important;
}

#ordersHidder #tabSelector .uk-active a .apk-icon-count{
    background-color: #DB5CA6;
}

#ordersHidder a .apk-notice{
    background-color: #F3842C;
    color: #ffffff;
    width: auto;
    border-radius: 50px;
    padding: 0 5px;
    font-size: 12px;
    margin-top: -20px;
}





#catTree .uk-list li {
  margin-bottom: 20px;
  padding: 20px;
  -webkit-box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.3);
  border-radius: 0;
}

#catTree .uk-list li ul {
  margin-top: 10px;
  margin-bottom: 25px;
}

#catTree .uk-list li ul li {
  margin-bottom: 0;
}

.addSubCatBtn {
  color: #2cbce6 !important;
}

.editCatBtn {
  color: #186278 !important;
}

.removeCatBtn {
  color: #db5ca6 !important;
}

.btn-green {
  background-color: #2cbce6 !important;
  color: #ffffff !important;
}

.btn-red {
  background-color: #DB5C5C !important;
  border-color: #DB5C5C !important;
  color: #f5f1ec !important;
}

#edit_submit, #_editsubmit {
  background-color: #2cbce6;
  color: #ffffff;
  border-radius: 0;
}

#edit_submit:hover, #_editsubmit:hover {
  color: #f5f1ec;
  background-color: #186278;
}



#invActionsBTN{
    margin-bottom: 20px;
}

.apk-stocknormal{
  padding: 5px 15px;
}

.apk-stockcrit{
  background-color: #FDE6D5;
  color: #F3842C;
  padding: 5px 15px;
  border-radius: 5px;
}





.input-group{
  display: flex;
  flex-wrap: wrap;
  min-width: 350px;
}

.apk-container-login-scan .apk-container-border{
  border-radius: 12px;
  border: 1px solid #243467;
  padding: 60px 20px;
}

.apk-container-login-scan .apk-container-border img{
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.apk-container-list-scan .apk-container-border{
  border-radius: 12px;
  border: 1px solid #243467;
  padding: 20px 30px;
}

.apk-container-list-scan .apk-container-border img{
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.apk-container-list-scan .apk-container-border .uk-h4, .apk-container-inv-list-scan .apk-container-border .uk-h4{
  font-size: 18px;
  line-break: auto;
  letter-spacing: 0;
  font-weight: 500;
}

.apk-container-order-detail-scan .apk-container-border{
  border-radius: 12px;
  border: 1px solid #243467;
  padding: 20px;
}

.apk-container-order-detail-scan .uk-button:disabled{
  background-color: #CECECE!important;
}

#modalInvSelect .apk-container-border, #modalOrderForm .apk-container-border, #modalStockForm .apk-container-border, #modalInvForm .apk-container-border{
  border-radius: 12px;
  border: 1px solid #243467;
  padding: 20px;
}

.apk-container-inv-list-scan .apk-container-border{
  border-radius: 12px;
  border: 1px solid #243467;
  padding: 20px;
}

#inventaireTable .input-group{
  min-width: 0!important;
}

.exkdropdown {
  min-width: 100px!important;
}

/* Button Toggle */
.apk-button-toggle {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

.apk-button-toggle input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.apk-button-toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.apk-button-toggle .slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 5px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.apk-button-toggle input:checked + .slider {
  background-color: #00AAAC;
}

.apk-button-toggle input:focus + .slider {
  box-shadow: 0 0 1px #00AAAC;
}

.apk-button-toggle input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.apk-button-toggle .slider.round {
  border-radius: 34px;
}

.apk-button-toggle .slider.round:before {
  border-radius: 50%;
}

.dataTables_paginate.paging_simple_numbers{
  margin-top: 10px;
}

table.dataTable .apk-search-container .apk-hide-tfoot-elements input, table .apk-search-container .apk-hide-tfoot-elements input{
  display: none!important;
}

#stockTable.uk-table, #toOrderTable.uk-table, #toValidateTable.uk-table, #processingTable.uk-table, #finishedTable.uk-table, #historyTable.uk-table, #productsTable.uk-table,
#allproductsTable.uk-table, #famTable.uk-table, #catTable.uk-table, #providersTable-clinic.uk-table, #providersTable-all.uk-table, #clinicsTable.uk-table{
  border-top: 1px solid #EDEDED;
  padding-top: 20px;
}

#stockTable.uk-table,
#toOrderTable.uk-table,
#toValidateTable.uk-table,
#processingTable.uk-table,
#finishedTable.uk-table,
#historyTable.uk-table,
#productsTable.uk-table,
#allproductsTable.uk-table,
#famTable.uk-table,
#catTable.uk-table,
#providersTable-clinic.uk-table,
#providersTable-all.uk-table,
#clinicsTable.uk-table{
  border-top: 0 none; /*1px solid #EDEDED;*/
  padding-top: 0; /*20px;*/
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
  color: #243367 !important;
}

tr.even.apk-highlighted-line td,
tr.odd.apk-highlighted-line td{
    background-color: rgb(45 187 229 / 15%) !important;
}

/*# sourceMappingURL=application.css.map */