/*
    Styles CSS CSP override UIKit.
*/

/*********************************************************************** 
    Styles uikit séléctionnés pour être utilisés dans l'application 
*/


/* ========================================================================
   UIKIT - Component: Tab
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Gutter
 * 3. Reset list
 */
.csp-uk-tab {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin-left: -20px;
  /* 3 */
  padding: 0;
  list-style: none;
  position: relative;
  margin-bottom: 0px;
}
.csp-uk-tab::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 20px;
  right: 0;
}
/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 * 3. Create position context for dropdowns
 */
.csp-uk-tab > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  position: relative;
}
/* Items
 ========================================================================== */
/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * 1. Center text if a width is set
 * 2. Style
 */
.csp-uk-tab > * > a {
  text-decoration: none;
  /* 1 */
  display: block;
  text-align: center;
  /* 2 */
  padding: 5px 0px 10px;
  font-weight: bold;
  border-bottom: 2px solid transparent;
  font-size: 16px;
  transition: color 0.1s ease-in-out;
}
/* Active */
.csp-uk-tab > .csp-uk-active > a {
  border-color: #1e87f0 ;
}
/* Disabled */
.csp-uk-tab > .csp-uk-disabled > a {
  color: #999;
}