/********************************************************\
 *
 * Extension Html pour le framework AKTONE
 *
 * Gestion des entités Html
 * et composants principaux pour la mise en page
 *
 * © april 2011 - 2024	/ All rights reserved
 * NETLAB && Samuel Tronçon
 *
\********************************************************/

body {

  font-family: "ak-screen-texte", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* font-size: var(--back-font-size); */
	font-weight: var(--back-font-weight);
  line-height: var(--back-font-height);
	color: var(--back-texte);
  background-color: var(--back);

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "ak-screen-titraille", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.btn {
	font-family: "ak-screen-actions", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.nav {
	font-family: "ak-screen-actions", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.panel-title {
	font-family: "ak-screen-actions", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
.navbar {
	font-family: "ak-screen-actions", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}














/** AJOUT BOOTSTRAP GENERIQUE */


.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label[href]:hover, .label[href]:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: var(--default-base);
}

.label-default[href]:hover, .label-default[href]:focus {
    background-color: var(--default-base-alt);
}

.label-primary {
    background-color: var(--primary-base);
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: var(--primary-base-alt);
}

.label-success {
    background-color: var(--success-base);
}

.label-success[href]:hover, .label-success[href]:focus {
    background-color: var(--success-base-alt);
}

.label-info {
    background-color: var(--info-base);
}

.label-info[href]:hover, .label-info[href]:focus {
    background-color: var(--info-base-alt);
}

.label-warning {
    background-color: var(--warning-base);
}

.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: var(--warning-base-alt);
}

.label-danger {
    background-color: var(--danger-base);
}

.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: var(--danger-base-alt);
}

/**
 *
 * ! DIVERS AKTONE 
 * 
 */


.aktone-link { cursor: pointer; }  /* divs cliquables */


/**
 *
 * ! COMPOSANT MATRIX 
 * Matrices pour les vues imbricables
 * 
 */
.html-intra {

  position: relative;
  width:100%;
  max-width:100%;
  height: 100%;
  min-height: 100%;

  /* conteneur */
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;

}
.html-intra-t {

  position: relative;

  /* élément */
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;

  /* conteneur */
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;

}
.html-intra-l  {

  /* background: #CCC; */
  /* padding: 5px; */
  width: 100%;

  /* élément */
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;

  /* conteneur */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;

}
.html-intra-c,
.html-intra-h  {

  /* background: #EEE; */
  /* padding: 5px; */
  /* width:100%; */
  max-width:100%;

  /* élément */
  flex-grow: 1;
  flex-shrink: 0; /* éviter que les colonnes dimensionnées soient modifiées par flex */
  flex-basis: auto;

  /* conteneur */
  display: flex;
  /* flex-direction: column; */
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;

  padding-right: 5px;
  /* text-align: center; */

}
.html-intra-c:last-child,
.html-intra-h:last-child {
  padding-right: 0px;
}
.html-intra-c .bs_form_groupe {
  width: 100%;
}
.html-intra-noflex {
  display:block;
}

/* actions à droite ou à gauche */
.html-intra-x {
  /* élément */
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.html-intra-x.html-intra-xd .btn, 
.html-intra-x.html-intra-xd .bs_btngrp {
  float: right;
}

/* REGLAGES POUR ASSURER RESSEMBLANCE TABLE / MATRICE */
.html-intra-form .html-intra-c,
.html-intra-form .html-intra-h,
.html-intra-form .html-intra-x {
  padding: var(--ecart-unite-demi);
}
.html-intra-form .html-intra-c:first-child,
.html-intra-form .html-intra-h:first-child {
  padding-left: 0;
}
.html-intra-form .html-intra-c:last-child,
.html-intra-form .html-intra-h:first-child {
  padding-right: 0;
}

/* PAS DE BORDURES DANS LES TABLES */
td.html-intra-mono {
  border-width: 0px !important;
  padding: var(--ecart-unite) 0 !important;
}


/* VERSION COMPACTE */
.aktone-compact .html-intra-form .html-intra-c,
.aktone-compact .html-intra-form .html-intra-h,
.aktone-compact .html-intra-form .html-intra-x {
  padding: 0;
}

/**
 * 
 * ! ADAPTATIONS DE BOOTSTRAP POUR L'EXTENSION HTML
 *
 * 
 */

/* ! -- dans les file input aktone */
.file_input {
  position: relative;
  float: left;
  width: 100%;
}
.file_input .thumbnail { width: 100%; height: auto; }
.file_input input { visibility: hidden; display: none;}


/* ! -- dans akcontrole */
.akControle .bs_drop_toggle_btn,
.akControle .bs_bouton,
.akControle .bs_form_groupe {
  margin-bottom: 5px !important;
}


/* ! EXTENSIONS DE BOOTSTRAP */

/* ! -- TABLES */
.table td { vertical-align: middle; }


/* ! -- boutons radio et checkbox */
.radio-inline + .radio-inline ,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 0px;
}
label.radio-inline { margin-right: 10px; }
label.checkbox-inline { margin-left: 0px; margin-right: 10px; }
.radio-inline { margin-right: 10px; }
.checkbox-inline { margin-left: 0px; margin-right: 10px; }

.checkbox-title { display: block; color: #CCC; }
label.checkbox:first-child { margin-top:0px; }

.html-coche-sub {
  padding-left: 45px;
}


.couleurgrisclair {
  background-color:#E9EBEC;
  color:#000;
}





 /* CHAMP ANTISPAM */
 .goldorak {
  position: fixed;
  top: -1000px;
  left: -1000px;
} 

/* TRICKS POUR COMPATIBILITE BS */

.sey-container, .sey-show { 
  z-index: 1055 !important;
}