/* ajax modal dialog styles */

.modalBox.container {
	width: 380px;
}

	.modalBox.container.pnRegistration {
		width: 600px;
	}

	.modalBox.container.pnUser {
		width: 800px;
	}

	.modalBox.container.pnExtraRanges {
		width: 500px;
	}


.modalBox .col-xs-1, .modalBox .col-sm-1, .modalBox .col-md-1, .modalBox .col-lg-1, .modalBox .col-xs-2, .modalBox .col-sm-2, .modalBox .col-md-2, .modalBox .col-lg-2, .modalBox .col-xs-3, .modalBox .col-sm-3, .modalBox .col-md-3, .modalBox .col-lg-3, .modalBox .col-xs-4, .modalBox .col-sm-4, .modalBox .col-md-4, .modalBox .col-lg-4, .modalBox .col-xs-5, .modalBox .col-sm-5, .modalBox .col-md-5, .modalBox .col-lg-5, .modalBox .col-xs-6, .modalBox .col-sm-6, .modalBox .col-md-6, .modalBox .col-lg-6, .modalBox .col-xs-7, .modalBox .col-sm-7, .modalBox .col-md-7, .modalBox .col-lg-7, .modalBox .col-xs-8, .modalBox .col-sm-8, .modalBox .col-md-8, .modalBox .col-lg-8, .modalBox .col-xs-9, .modalBox .col-sm-9, .modalBox .col-md-9, .modalBox .col-lg-9, .modalBox .col-xs-10, .modalBox .col-sm-10, .modalBox .col-md-10, .modalBox .col-lg-10, .modalBox .col-xs-11, .modalBox .col-sm-11, .modalBox .col-md-11, .modalBox .col-lg-11, .modalBox .col-xs-12, .modalBox .col-sm-12, .modalBox .col-md-12, .modalBox .col-lg-12 {
	padding-right: 5px;
	padding-left: 5px;
}


.modalBackground {
	background-color: black;
	filter: alpha(opacity=60);
	opacity: 0.60;
}

.modalBox {
	background-color: #f0f0f0;
	border-width: 3px;
	border-style: solid;
	border-color: white;
	padding: 0px 0px 0px 0px;
}

	.modalBox .caption {
		background: #337ab7;
		color: White;
		font-size: 22px;
		font-weight: bold;
		margin: 0 0 0 0;
		cursor: pointer;
	}

	.modalBox .modal-body {
		overflow-y: auto;
		overflow-x: hidden;
		max-height: calc(100vh - 250px);
	}


		.modalBox .caption h4 {
			font-size: 22px !important;
			color: #fff;
			margin: 0;
			padding: 15px 0;
		}

		.modalBox .caption .fa {
			font-size: 22px;
			padding: 0px 8px 0px 20px;
		}

	.modalBox .modal-body h4{
		font-size: 18px;
		color: #337ab7;
	}

.modal-inputs-container {
	padding: 0px 15px 15px 15px;
	text-align: right;
}


/* tweb modal dialog styles */
.modalPanelTitle td {
	padding: 3px;
	font-weight: bold;
	font-size: 0.9em;
	background-image: url(images/window_titlebg.gif);
	cursor: pointer;
	color: black;
	font-family: Verdana;
	width: 100%;
	height: 30px;
	background-color: #6f90dc;
}

.modalPanel {
	z-index: 500;
	width: 500px;
	border: solid 1px #275473;
	position: absolute;
	border-collapse: collapse;
	background-color: #f0faff;
}

	.modalPanel fieldset {
		text-align: left;
	}

.modalBox td {
	vertical-align: top;
	text-align: left;
}

.titleIcon {
	padding-right: 20px;
}


.modalBox.container fieldset legend {
	color: #337ab7;
	font-size: 20px;
	padding-top: 15px;
}