.modal_warning__cp{
	position:fixed; background-color: rgba(0,0,0,0.5); height: 100%; padding: 10px; overflow-y: auto; display: none;
}
.modal_warning__cp--view{
	display: flex;
}
	.modal_warning__box{
		padding: 10px; background-color:#FFFFFF; max-width: 500px; margin-top: 12vh; border-radius: 7px;
	}
		.modal_warning__buttons{
			padding: 7px; font-family: Calibri; font-size: 14px; border: none; outline: none; background-color: #34425d; color: #FFFFFF; border-radius: 5px; cursor: pointer;
		}
/***/
.modal_confirm__cp{
	position:fixed; background-color: rgba(0,0,0,0.5); height: 100%; padding: 10px; overflow-y: auto; display: none;
}
.modal_confirm__cp--view{
	display: flex;
}
	.modal_confirm__box{
		padding: 10px; background-color:#FFFFFF; max-width: 500px; margin-top: 12vh; border-radius: 7px;
	}
		.modal_confirm__buttons{
			padding: 7px; font-family: Calibri; font-size: 14px; border: none; outline: none; background-color: #34425d; color: #FFFFFF; border-radius: 5px; cursor: pointer;
		}

body:has(#modal_warning__cp.modal_warning__cp--view), body:has(#modal_confirm__cp.modal_confirm__cp--view){
	overflow-y: hidden;
}