/* modal styles ------------------------------------------------ */

.modal{
	width: 100%;
	display: none;
	z-index: 30;
	background: #ddd;
	padding: 10px 0;
}
	.modal .wrapper{
		position: relative;
		width: 30%;

		margin: 0 auto;
		background: #f6f6f6;
		font-size: 14px;
		line-height: 1.6em;
		border: 1px solid #fff;
		border-radius: 6px;
		box-shadow: 0 2px 5px #aaa;
	}
		.modal h2{
			background: #eee;
			padding: .5em 5%;
			border-bottom: 1px solid #fff;
			position: relative;
		}
			.modal h2 .closeModal{
				width: 32px;
				height: 32px;
				display: block;
				text-indent: -9999px;
				/*background: url('../Images/guiSet.png') no-repeat -449px 0;*/
				position: relative;
				float: right;
				top: -6px;
				left: 4%;
				border-radius: 3px;
			}
				.modal h2 .closeModal:hover{
					background-color: #fff;
					box-shadow: 0 1px 3px #aaa;
				}
		.modal .content{
			padding: .5em 5%;
			min-height: 40px;
		}
		.modal .content i{
			display: block;
			width: 32px;
			height: 32px;
			float: left;
			margin: 4px 10px 0 0;
		}
.dialog .content i{
	/*background: url('../Images/guiSet.png') no-repeat -64px 0;*/
}

/*** MODAL POPUP ***/
.overlay_window 
{
	position:fixed; top:0; left:0; width:100%; height:100%;  
	z-index:150000; display:; cursor:default;opacity: 0.5;
	background:#a2bad4;
}
.unselectable 
{
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.modal_dialog 
{
	position: fixed;
	display: none;
	/*top: 100px; left: 200px;*/
	background: #fff;
	padding: 0px 0px 0px 0px;
	width: 450px;
	box-shadow: 0px 0px 18px 0px rgba(55,75,95,.45);
	border-radius:3px;
	z-index:150001;
	overflow: hidden;
}
	.modal_dialog .dialog_close 
	{
		display: block;
		width:32px;
		height:32px;
		position:absolute;
		top:0;
		right:0;
		padding:4px;
		cursor:pointer;
		/*font-family: 'Roboto-Light', Arial, Helvetica;*/
		text-align:center;
		color: #C1CBDB;
		fill: #C1CBDB;
	}
		.modal_dialog .dialog_close > svg
		{
			position:relative; top:0; left:0;
		}
		.modal_dialog .dialog_close:hover
		{
			color: #bb0707;
			fill: #bb0707;
		}
	.modal_dialog .dialog_header
	{
		/*font-family: 'Roboto-Light', Arial, Helvetica;*/
		font-weight:300;
		font-size: 18px;
		color: #0c6abb;
		padding: 0 15px 5px 5px;
		/*letter-spacing: -1px;*/
		text-transform:uppercase;
		background: #f6f8f9;
		padding: 10px 20px 0px 20px;
		font-size:1.2rem;
        font-weight:500;
        text-transform:uppercase;
        color:#58679c;
        margin:0; 
	}
	.modal_dialog .dialog_body
	{
		font-size: 13px;
		color: #000;
		margin: 0 0px;
		padding: 10px 20px 10px 20px;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: auto;
		border-bottom: 1px solid #ffffff;
		/* border-top: 1px solid #e4e9ec; */
		min-height: 50px;
		min-width:	350px;
		background: linear-gradient(to bottom, #f6f8f9 0%,#ffffff 25%,#ffffff 100%);
		/* box-shadow: 0px 5px 15px 0px rgba(210, 218, 224, 0.4); */
		z-index: 10;
		position:relative;
	}

	
	.modal_dialog .dialog_body > .overlay
	{
		position:absolute; 
		height:100%; width:100%; top:0; left:0;
		z-index:11000;
		background:rgba(255,255,255,.75) center center no-repeat;
		display:none;
	}
	.modal_dialog .dialog_body.loading > .overlay
	{
		display:block;
		background-image: url(../Images/dialog/ajax-loading.gif); 
	}

		.modal_dialog .dialog_body p
		{
			text-align: justify;
			margin:0 0 12px 0;
		}
			.modal_dialog .dialog_body a {
				color: #bb0707;
			}
	.modal_dialog .dialog_footer
	{
		font-size: 13px;
		color: #000;
		padding: 10px 20px 10px 0;
		overflow: hidden;
		min-height: 10px;
		position: relative;
		background: #fcfdfd;
		text-align: right;
		border-radius: 0 0 3px 3px;
		background: linear-gradient(to bottom, #f6f8f9 0%,#ffffff 25%,#ffffff 100%);
		/* box-shadow: inset 0px 7px 10px 0px rgb(218, 224, 229); */
	}
		.modal_dialog .dialog_footer.void
		{
			border-top-width:0px;
		}
		.modal_dialog .dialog_footer a.dialog_button 
		{
			display: inline-block;
			/* float: right; */
			background: no-repeat left;
			line-height: 22px;
			font-size: 18px;
			font-weight:400;
			text-transform: uppercase;
			color: #58679c;
			margin: 0 0 0 20px;
			cursor: pointer;
			padding: 0 5px 0 32px;
			letter-spacing: 0px;
		}
			.modal_dialog .dialog_footer a.dialog_button.hidden
			{
				display:none;
			}

			.modal_dialog .dialog_footer a.dialog_button:hover 
			{
				/* color: #0c6abb; */
				text-shadow: 1px 1px 3px #d2cccc;
			}
			
			.modal_dialog .dialog_footer a.button_close 
			{
				background-image: url(../Images/dialog/dialog_close.png);
				background-position: -5px -7px;
				color: #bb0707;
			}
				.modal_dialog .dialog_footer a.button_close:hover
				{
					background-position: -5px -47px;
				}
				
			.modal_dialog .dialog_footer a.button_ok 
			{
				background-image: url(../Images/dialog/dialog_ok.png);
				background-position: -8px -7px;
			}
				.modal_dialog .dialog_footer a.button_ok:hover
				{
					background-position: -8px -47px;
				}
			
			.modal_dialog .dialog_footer a.dialog_button.disabled,
			.modal_dialog .dialog_footer a.dialog_button.disabled:hover 
			{
				color: #999999;
				cursor: default;
				text-shadow: none;
			}