/*
| Common Stylesheet
|	This stylesheet is on the admin system and the front-end
*/

/************************************************************
Modal */

.modal {
	position:fixed;
	top:50%;
	left:50%;
	min-width: 600px;
	max-width: 800px;
	max-height:80%;
	z-index:9999;
	width: auto;
	overflow-x: hidden;
	overflow-y: auto;

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:white;
}
.modal-content {
	max-height:80%;
	overflow-y:auto;
}
.modal-close {
	position:absolute;
	right:-0.5em;
	top:-0.5em;
	color:#000 !important;
	background:#fff;
	width:30px;
	height:30px;
	line-height:27px;
	text-align:center;
	border:3px solid #000;
	border-radius:100%;
	cursor:pointer;
	font-family:Helvetica;
}
.modal-close:hover{
	background-color:#fdd;
}
.modal-overlay {
	position:fixed;
	background-color:rgba(0,0,0,0.3);
	z-index:9998;
	width:100%;
	height:100%;
	left:0;
	top:0;
}

.modal-content > h2 {
	margin: 0;
	padding: .25em .5em;
	background-color: #871C3D;
	font-size: 13.5pt;
	color: #FFFFFF;
}

.modal-content > div,
.modal-content > form,
.modal-content > p {
	padding: 1em;
}

.modal-content > form.form-search {
	padding: .5em 0 .5em 1em;
	margin-bottom: 0;
}

.modal-content > form.form-substitute {
	padding: 0 1em;
}

.modal-content .cc-popup-cols .col.left {
	width: 50%;
}

.modal-content .cc-popup-cols .col.right {
	width: 30%;
}