@charset "utf-8";
/* CSS Document */

/* Modals */
.modal{
	align-items:center;
	bottom:0;
	display:none;
	justify-content:center;
	left:0;
	opacity:0;
	overflow:hidden;
	padding:.4rem;
	position:fixed;
	right:0;
	top:0
}
.modal.active,
.modal:target{display:flex;opacity:1;z-index:400}
.modal.active .modal-overlay,
.modal:target .modal-overlay{background:rgba(247,248,249,.75);bottom:0;cursor:default;display:block;left:0;position:absolute;right:0;top:0}
.modal.active .modal-container,
.modal:target .modal-container{-webkit-animation:slide-down .2s ease 1;animation:slide-down .2s ease 1;z-index:1}
.modal.modal-sm .modal-container{max-width:320px;padding:0 .4rem}
.modal.modal-lg .modal-overlay{background:#fff}
.modal.modal-lg .modal-container{box-shadow:none;max-width:960px}
.modal-container{
	box-shadow:0 .2rem .5rem rgba(48,55,66,.3);
	background:#fff;
	border-radius:.1rem;
	display:flex;
	flex-direction:column;
	max-height:75vh;
	max-width:640px;
	padding:0 .8rem;
	width:100%
}
.modal-container.modal-fullheight{max-height:100vh}
.modal-container .modal-header{color:#303742;padding:.8rem}
.modal-container .modal-body{overflow-y:auto;padding:.8rem;position:relative}
.modal-container .modal-footer{padding:.8rem;text-align:right}
#modal-r18 .modal-overlay{background-color:rgba(247,248,249,.95)!important}
#modal-r18 .modal-container .modal-body,
#modal-r18 .modal-container .modal-footer,
#modal-r18 .modal-container .modal-header{text-align:center}
#modal-r18 .modal-container .modal-title{color:#777}
#modal-r18 .modal-container .modal-title i{padding:0 5px}
#modal-r18 .modal-container .modal-body{color:#999}
#modal-r18 .modal-container .modal-footer button{min-width:100px;margin:0 10px}
#modal-r18 .modal-container .modal-footer button i{margin-right:10px}