/* modal */
.modal__container{
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.8);
	width: 100%;
	height: 100vh;
	align-items: center;
	overflow:scroll;
	z-index: 150;
}

.modal{
	min-width: 90%;
	max-height: 90vh;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 151;
}

.modal__close{
	padding:.5rem .7rem;
	border-radius: 3px;
	position:fixed;
	top:2rem;
	right:3rem;
	background-color:#fff;
	border: none;
	outline: none;
	color:var(--cL);
	text-decoration: none;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 1.3rem;
	cursor:pointer;
	box-shadow: 2px 2px 2px rgba(160,160,180,.7);
	z-index: 152;
}

/* Confirmation box */
.confirmation-modal{
	position:fixed; 
	top:0; 
	left:0; 
	width:100vw; 
	height:100vh; 
	z-index:100; 
	background-color:rgba(0,0,0,.8);
}

.confirmation_container{
	position:absolute;
	top:30%;
	left:calc(50% - 150px);
	display: block;
	background-color:#e0e0e0;
	color:#000;
	padding:1em;
	border-radius:3px;
	text-align:center;
	width:300px;
}

.confirmation_txt{
	display:block;
	padding:1rem;
}

.modal__hide{
	/* visibility: hidden; */
	display: none;
}