@import '../util';

.lightbox {
	background-color:#CDCDCD;
	border:1px solid #000;
	bottom:5%;
	color:#000;
	left:20%;
	padding:16px;
	position:fixed;
	right:20%;
	top:5%;
	z-index:9001;
	overflow: auto;
	display:hidden;
}

.lightbox * {
	// box-shadow: 0px 0px 0px 0px #000000;
	@include shadow-filter(0px 0px 0px #000);
	color:#000000;
}

.lightbox-bg {
	background-attachment:fixed;
	background-color:#333;
	height:100%;
	left:0;
	opacity:0.5;
	position:fixed;
	top:0;
	width:100%;
	z-index:9000;
}

.lightbox-footer {
	background-color:#CDCDCD;
	bottom:5%;
	clear:both;
	left:16px;
	position:absolute;
	right:16px;
	text-align:center;
}

.lightbox-title {
	font-size:42px;
	font-weight:700;
	text-align:center;
}

.lightbox-x {
	color: #000!important;
	float:right;
	z-index:90002;
}

.lightbox-x:hover {
	color:#555!important;
}

.lightbox a {
	color: #5A5A5A;
	font-weight: bold;
}

.lightbox input[type=text],
.lightbox input[type=password],
.lightbox input[type=file],
.lightbox textarea {
	background-color:#FFF;
	border:1px solid #000;
	color:#000;
}

.lightbox textarea#sql-statement {
	width:95%;
	height:300px;
	margin-left: 0px;
	clear: both;
	background-color: #FFF;
	color: #000;
}

.lightbox div.section-body {
	background-color: #A0A0A0;
}

.lightbox div.section-title-block {
	border: 1px solid #000;
	border-radius: 0px;
	background-color: #777;
	// box-shadow: 0px 0px 0px 0px #000000!important;
	@include shadow-filter(0px 0px 0px #000);
}