﻿.errorViewer {
	box-sizing: border-box;
	padding: 20px !important;
	padding-top: 10px !important;
	z-index: 12;
	background: white;
	position: absolute;
	overflow: auto;
	border-radius: 3px;
	box-shadow: 0px 0px 25px #333333;
}

.errorViewer_Title {
	font: 22px open-sans;
	color: red;
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.errorViewer_Item {
}

.errorViewer_Header {
	padding-left: 10px;
}

.errorViewer_Expand {
	cursor: pointer;
	text-align: center;
}

.errorViewer_ExpandImage {
	width: 16px;
	height: 16px;
	background: url('/Theming/Styles/Images/DownArrow.png') no-repeat;
	float: right;
}

.errorViewer_Content {
	display: none;
	padding-left: 10px;
	border-bottom: solid 1px #CCCCCC;
}

.errorViewer_StackTrace
{
	overflow:auto;
	height:300px;
	border: 1px solid silver;
}

.errorViewer_Collapse {
	cursor: pointer;
}

	.errorViewer_Collapse:after {
		content: '.';
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0px;
		height: 0px;
	}

.errorViewer_CollapseImage {
	width: 16px;
	height: 16px;
	background: url('/Theming/Styles/Images/UpArrow.png') no-repeat;
	float: right;
}

.errorViewer_ExceptionMessageLabel {
	font-weight: bold;
}

@media screen and (max-width: 600px) {
	.errorViewer {
		padding: 10px !important;
		width: 100% !important;
		overflow: hidden !important;
	}

	.ui-dialog {
		left: 5px !important;
		right: 5px !important;
		padding: 0px !important;
		width: auto !important;
	}
}
