/* +--------------------------------------------------------------------------+
// ? 2002-2013 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: modal.css,v 1.2 2026/07/29 07:18:56 gneveu Exp $ */

/* ---------------------------------------------------------------------------*/
/*                                  Modal                                     */
/* ---------------------------------------------------------------------------*/

.modal-background {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: #8080805e;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal {
	background: white;
	min-height: 30%;
	min-width: 30%;
	border: 1px solid gray;
	border-radius: 5px;
	box-shadow: 0px 7px 11px 0px #7c7c7c;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
    overflow-y: auto;
    max-height: 90%;
}

.modal .modal-header,
.modal .modal-content,
.modal .modal-footer {
	padding: 2%;
}

.modal-header {
	height: 25%;
	border-bottom: 1px solid #80808082;
}

.modal-content {
	height: 50%;
	flex-grow: 1;
}

.modal-footer {
	height: 25%;
	border-top: 1px solid #80808082;
}

/* Modale ouverte : le scroll reste dans .modal, la page ne defile plus.
   html et body sont vises, l'element scrollable variant selon les pages. */
html.modal-open,
html.modal-open body {
	overflow: hidden;
}