/* ajax modal dialog styles */

.modalBox.container{width:380px;}
.modalBox.modalBox500.container{width:500px;}
.modalBox.modalBox600.container{width:600px;}
.modalBox.modalBox800.container {width: 800px;}
.modalBox.modalBox1000.container {width: 1000px; top:20px!important}
.modalBox.modalBox1200.container {width: 1200px; top:20px!important}


.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: #0c1b25;
	filter: alpha(opacity=60);
	opacity: 0.60;
}

.modalBackgroundNested01 {
	background-color: black;
	filter: alpha(opacity=20);
	opacity: 0.60;
	z-index: 20000 !important;
}

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

.modalBox.modalBoxNested01{
	z-index:20001 !important;
}

.modalBox .caption {
    margin: 0;
    padding: 15px 0 10px 0;
	margin: 0 0 0 0;
	cursor: pointer;
}

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

.modalBox h3>span {
    font-size:22px !important;
}


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

.modalBox fieldset{
	max-height: calc(100vh - 300px);
	overflow: auto;
}

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

.modalBox .formpart {
 padding: 30px;
 max-height:500px;
 overflow:auto;
 margin-bottom:25px;
}

.modalBox .table-container {
	max-height: 395px;
	overflow: auto;
}

.modalBox.container fieldset{padding: 0px 30px 0px 30px;}
.modalBox.container fieldset legend {padding-top: 15px;}
.modalBox.container .input-group-addon {background-color:#fff;}
.modalBox.container fieldset .row {margin-bottom:7px;}
.modalBox.container fieldset hr {border-top: 1px solid #c7c7c7;}

.modal-inputs-container
{
 padding: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;
}