/*--------------------------------------------------------------------------*\
    Modal container
\*--------------------------------------------------------------------------*/

.modal{
	/*box*/
	position: fixed;
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 12;/* To go over header and sidebar */

	/*background*/
	background: var(--c-opaque-1);
}