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

/* on annule le flex de la navbar */
#aktone-page-conteneur-nav .navbar {
	display: block;
}
/* on change la direction du flex dans le container */
#aktone-page-conteneur-nav .navbar > .container-fluid {
	flex-direction: column;
}
/* le nom du site doit être à gauche */
#aktone-page-conteneur-nav a.navbar-brand {
	margin-left: 0;margin-right: 0;
	width:100%;
	padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
}

/* le bloc nav doit faire 100% de la hauteur */
#aktone-page-conteneur-nav nav {
	height: 100%
}
/* les items doivent faire 100% de la colonne */
#aktone-page-conteneur-nav .navbar-nav {}
#aktone-page-conteneur-nav .bs_navbaritem,
#aktone-page-conteneur-nav .bs_navbaritem_drop {
	width: 100%;
}

/* annuler les float right */
#aktone-page-conteneur-nav .float-end {
	float: left !important;
}


/* BARRE HORIZONTALE */
#aktone-page-conteneur .navbar-expand-md .navbar-nav.float-start .nav-link {
	padding-left:0;
}
#aktone-page-conteneur .navbar-expand-md .navbar-nav.float-end .nav-link {
	padding-right:0;
}
#aktone-page-navbar.bs_navbar,
#aktone-page-menu.bs_navbar  {
	font-size:0.8em;
	padding-right: var(--ecart-unite);
	padding-left: var(--ecart-unite);
	padding-top:0;
	padding-bottom: 0;
}
#aktone-page-conteneur a.navbar-brand {
	margin-left: var(--ecart-unite);
	margin-right: var(--ecart-unite);
}



a.navbar-brand {
	font-weight: bold;
	margin-top: 0;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: bold;
}
#aktone-page-navbar {
	flex-shrink: 0; /* default 1 */
}
#aktone-page-menu {
	flex-shrink: 3; /* default 1 */
}

 
  .card-title {
	padding: var(--ecart-unite);
}
 {
	width: 100%;
}


.tab-pane {
	float: left;
	width: 100%;
	background: var(--front);
}
/* ! CORRECTIONS BOOTSTRAP */
.table,
.table-responsive,
.list-group,
.bs_form_label,
.bs_panneau {
	width: 100%;
}

/* LIBRAIRIE INSIGNA */
input.nsg-input {
	outline: none;
	border-color: transparent !important;
	padding: 0px !important;
	margin: 4px;
	width: auto !important;
	min-width: 30px !important;
	display: inline-block;
}
.nsg-editor {
	padding: 0px;
	cursor: text;
}
.nsg-tag {
	display: inline-block;
	background-color: var(--bs-secondary);
	color: var(--bs-white);
	padding: 2px 7px;
	margin: 4px;
	border-color: transparent;
}
.nsg-tag-remove::after {
	margin-left: 4px;
	padding: 0 4px;
	content: 'x';
	cursor: pointer;
	background-color: transparent !important;
}
.nsg-invalid {
	border-color: #c00;
}
.nsg-input[placeholder] {
	min-width: 100%;
}



 /**
  *
  // ! -- navbar
  *
  */

/*
 *
 * PERSONNALISATIONS 
 *
 * devraient se trouver ailleurs 
 * il faudra les enlever à la fin du passage b35->B53
 * afin de séparer 
 * - adaptations bootstrap ou classes html spécifiques 
 * - adaptations non-génériques 
 */



/* PAGINATION */
.page-link {
	color: #000 !important;
}
.active > .page-link {
	background-color: #000 !important;
	border-color: #000 !important;
	color: #FFF !important;
}


/* COLONNES DE 1/5 */

.col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xl-20, .col-xxl-20 {
    position: relative;
    min-height: 1px;
    /* padding-right: var(--ecart-unite);
    padding-left: var(--ecart-unite); */
    float: left;
    width: 20%;
}


/* VARIANTES DE TAILLE */
/* 
.aktone-mini form>.form-group,
.aktone-mini .aktone-div-table form>.form-group,
.aktone-mini .aktone-div-table .aktone-div-tr>.aktone-div-th,
.aktone-mini .table thead>tr>th,
.aktone-mini .table tbody>tr>td {
  min-height: 38px;
} */
.aktone-mini .card-body {
  padding:0;
}
/* .aktone-petit form>.form-group, */
/* .aktone-petit .aktone-div-table .aktone-div-tr>.aktone-div-th,
.aktone-petit .table thead>tr>th,
.aktone-petit .table tbody>tr>td {
  min-height: 46px;
}
.aktone-petit .btn-sm { padding: 5px 14px; }
.aktone-moyen form>.form-group,
.aktone-moyen .aktone-div-table .aktone-div-tr>.aktone-div-th,
.aktone-moyen .table thead>tr>th,
.aktone-moyen .table tbody>tr>td {
  min-height: 50px;
}
.aktone-grand form>.form-group,
.aktone-grand .aktone-div-table .aktone-div-tr>.aktone-div-th,
.aktone-grand .table thead>tr>th,
.aktone-grand .table tbody>tr>td {
  min-height: 63px;
} */