/**
 * css général / surcharge bootstrap global
 */

.pointer {
	cursor: pointer;
}

.form-label {
	margin-top: 6px;
}

.table-50 {
	width: 50%;
}

/**
 * css pour la page de login
 */

.container-login {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	background: rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(10px);
	align-items: center; 
}

.panel-login {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 800px;
	height: 400px;
	background-color: #FFFFFF;
}

.panel-blue {
	background-color: rgb(0, 109, 183);
	color : rgb(255, 255, 255);
	height: 400px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px; 
}

.panel-yellow {
	background-color: rgb(255, 207, 0);
	height: 400px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px; 
}

.img_minifig {
	width: 200px;
	margin-top: 85px;
	margin-left: 85px;
}

.form-login {
	margin-top : 120px;
}

.btn-blue {
	background-color: rgb(0, 109, 183);
	border-color: rgb(0, 109, 183);
}

.span-bordered {
	font-size: 14px;
	border: 1px solid #dee2e6; 
	border-radius: 0.375rem !important;
	padding-right: .5rem !important;
	padding-left: .5rem !important;
}

.span-success {
	border-color: rgb(209, 231, 221);
	color: rgb(20, 108, 67);
	font-weight: 600 !important;
}



/**
 * css pour le menu de navigation
 */


.navbar-lego {
	background-color: rgb(255, 207, 0);
	border-bottom: 2px solid rgb(208, 16, 18);
}

.navbar-lego a {
	color: black;
}

.navbar-lego a:hover {
	color: black;
	text-decoration: underline;
}


/**
 * css pour la vue ModelListeView avec filtre et resultat
 *                 CategorieView avec filtre et affichage de l'arbre
 */
 
.container-filtre {
	padding-top: 10px;
	padding-bottom: 10px;
	position: fixed;
	background-color: white;
	z-index: 1020;
}

.form-check {
	margin-top: 7px;
}

#categorieFiltreForm, #modelFiltreForm, #pieceFiltre {
	border: solid 2px rgb(208, 16, 18);
	border-radius: 5px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 10px;
}

.row-pagination {
	max-height: 50px;
	padding-top: 10px;
}


.container-resultat, .container-categorie {
	margin:15px; 
	margin-top: 85px;
	padding: 10px; 
	border: solid 2px rgb(208, 16, 18);
	border-radius: 5px;
}

.container-resultat-pagination {
	margin-top: 135px;
} 

.card-img {
	max-height: 640px;
    max-width: 320px;
    height:auto;
    width:auto;
}

.table-categorie {
	margin-top: 5px;
}
 
 
/**
 * css pour la vue ModelView avec filtre et resultat
 */
 
.container-model {
	margin-top: 60px;
}
 
.col-model-img {
	text-align: center;
	margin-top: 20px;
}

.row-model-title {
	margin-top: 20px;
}

.btn-xs {
	--bs-btn-padding-y: 0.01rem;
	--bs-btn-padding-x: 0.1rem;
	--bs-btn-font-size: 0.875rem;
	--bs-btn-border-radius: 0.4rem;
}

.accordion {
	border: solid 2px rgb(208, 16, 18);
	border-radius: 5px; 
	--bs-accordion-btn-focus-box-shadow: none;
}

.accordion-button:not(.collapsed) {
	background-color: rgb(255, 207, 0);
}

.accordion-button:focus {
  z-index: 3;
  border-color: rgb(208, 16, 18);
}

.img-piece-liste {
	max-height: 100px;
	width: auto;
}

.tr-piece {
	cursor: pointer;
}

.tr-piece:hover {
	background-color: #dee2e6;
}


/**
 * css pour la vue PieceFiltreFormComponent
 */

#proposition_recherche {
	position: absolute;
	z-index: 100;
	padding-left: 0px;
	background-color: white;
}

#proposition_recherche li {
	list-style: none;
	border: 1px solid #dee2e6;
	line-height: 1.5;
	padding: .375rem .75rem;
}

#proposition_recherche li:hover { 
	background-color: #dee2e6;
}

.proposition {
	cursor: pointer;
}

/**
 * css pour la vue PieceView
 */

.container-piece {
	margin-top: 60px;
	padding: 0 15px 0 15px;
}
	
.td-img {
	max-height: 320px;
    max-width: 160px;
    height:auto;
    width:auto;
}

.tr-distribution {
	cursor: pointer;
}

.tr-distribution:hover {
	background-color: #dee2e6;
}