/*
////////////////////////////////////////////////////////////////////////////////// 

	MODAL WINDOW
	
	Uses prefix "MW" for ids and classes to prevent conflict with other CSS

////////////////////////////////////////////////////////////////////////////////// 
*/			
#MW_overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	overflow-y: auto;
	display: none;
}
		
#MW_window {
	width: 420px;
	min-height: 354px;
	background-color: #FFFDFD;
	position: relative;
	margin: 120px auto;
	padding: 20px 40px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow : 0 2px 5px #333;
	-moz-box-shadow : 0 2px 5px #333;
	-o-box-shadow : 0 2px 5px #333;
	box-shadow: 0 2px 5px #333;
}


#MW_header {
	width: auto;
	height: auto;
	padding: 30px 10px 10px 10px;
	top: 0;
	left: 0;
}

#MW_header h2 {
	color: #222;
	font-size: 2.4em;
	font-weight: 700;
	line-height: 1.4em;
}

#MW_header h3 {
	font-size: 1.4em;
	line-height: 1.2em;
}


#MW_box_wrapper {
	width: inherit;
	height: auto;
	min-height: 300px;
	overflow: hidden;
}


#MW_box_content {
	width: 9999px;
	height: auto;
	min-height: 300px;
	position: relative;
	
	left: 0px;
	-webkit-transition: left 500ms;
	-moz-transition: left 500ms;
	-o-transition: left 500ms;
	transition: left 500ms;
}


.MW_ico {
	width: 100px;
	height: 100px;
	margin: 50px auto 10px auto;
	background: url('img/sprite_modal.png') no-repeat top left;
}

.MW_feedback {
	font-size: 1.6em;
	line-height: 1.4em;
	text-align: center;
}

.MW_hidden { overflow: hidden; } /* apagar */
.noScroll { overflow: hidden; }


/*
	FORM ELEMENTS (INPUT, TEXT AREA, LABELS...)
*/
#MW_window label {
	font-size: 1.2em;
	margin-bottom: 5px;
	display: block;
}

#MW_window input {
	width: 368px;
	height: 26px;
	padding: 5px 15px;
	background-color: white;
	border: 1px solid #E2E2E2;
	font-size: 1.4em;
	clear: both;
}


#MW_window textarea {
	width: 377px;
	height: auto;
	min-height: 200px;
	padding: 10px;
	background-color: white;
	border: 1px solid #E2E2E2;
	font-size: 1.4em;
	clear: both;
	resize: none;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}






/*
	BUTTONS
*/
.MW_btn_wrapper {
	position: absolute;
	bottom: 10px;
}

.MW_btn {
	padding: 10px 0;
	font-size: 1.4em;
	text-align: center;
	float: left;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}

.MW_btn.single { width: 398px; }
.MW_btn.dual { width: 198px; }

.MW_btn:link 	{ border: 1px solid #2574A9; color: #2574A9; background-color: white; }
.MW_btn:visited { border: 1px solid #2574A9; color: #2574A9; background-color: white; }
.MW_btn:hover 	{ border: 1px solid #1D5C7F; color: white; background-color: #1D5C7F; }
.MW_btn:active 	{ border: 1px solid #1D5C7F; color: white; background-color: #1D5C7F; }

.MW_btn.cta { border: 1px solid #2574A9; color: white; background-color: #2574A9; }

.MW_btn.cta:link 	{ border: 1px solid #2574A9; color: white; background-color: #2574A9; }
.MW_btn.cta:visited { border: 1px solid #2574A9; color: white; background-color: #2574A9; }
.MW_btn.cta:hover   { border: 1px solid #1D5C7F; color: white; background-color: #1D5C7F; }
.MW_btn.cta:active  { border: 1px solid #1D5C7F; color: white; background-color: #1D5C7F; }

.MW_btn.disabled { border: 1px solid #7F7F7F !important; background-color: #7F7F7F !important; cursor: default !important; }

#MW_del_btn {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50px;
	right: 50px;
	background: url('img/sprite_modal.png') no-repeat top left;
	background-position: -420px -30px;
	display: none;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
	
	/* display: none; */
}
#MW_del_btn:link 	 { background-color: #2574A9; }
#MW_del_btn:visited  { background-color: #2574A9; }
#MW_del_btn:hover 	 { background-color: #1D5C7F; }
#MW_del_btn:active 	 { background-color: #1D5C7F; }
#MW_del_btn.disabled { background-color: #7F7F7F; cursor: default; }



/*
	WINDOW ORDER
*/
.MW_window_1 { margin-left: 420px; }

.MW_window_2 { margin-left: 840px; }

.MW_window_3 { margin-left: 1260px; }

.MW_window_4 { margin-left: 1680px; }



/*
	BODY HTML
*/
#MW_body {
	width: 400px;
	min-height: 300px;
	padding: 0 10px;
	position: relative;
	float: left;
}

#MW_body.animate {
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

#MW_custom_html {
	padding: 40px 0 106px 0;
	position: relative;
	float: left;
	width: 100%;
}


.lockHeight {
	height: 300px !important;
}





/*
	LOADER HTML
*/
#MW_loader {
	width: 400px;
	position: absolute;
	padding: 0 10px;
	
	height: 300px;
	-webkit-transition: height 500ms;
	-moz-transition: height 500ms;
	-o-transition: height 500ms;
	transition: height 500ms;
}

#MW_loader .MW_ico { background: url('img/loader.gif') no-repeat; margin-top: 55px; }

#MW_loader .MW_feedback { color: #7F7F7F; }

#MW_loader .MW_progress_info {
	width: 50px;
	height: 90px;
	margin-left: 21px;
	font-size: 1.4em;
	line-height: 90px;
	text-align: center;
	color: #7F7F7F;
}




/*
	SUCCESS HTML
*/
#MW_success {
	width: 400px;
	position: absolute;
	padding: 0 10px;
	
	height: 300px;
	-webkit-transition: height 500ms;
	-moz-transition: height 500ms;
	-o-transition: height 500ms;
	transition: height 500ms;
}

#MW_success .MW_ico { background-position: -290px -30px; }

#MW_success .MW_feedback { color: #27AE60; }






/*
	ERROR HTML
*/
#MW_error {
	width: 400px;
	position: absolute;
	padding: 0 10px;
	
	height: 300px;
	-webkit-transition: height 500ms;
	-moz-transition: height 500ms;
	-o-transition: height 500ms;
	transition: height 500ms;
}

#MW_error .MW_ico { background-position: -160px -30px; }

#MW_error .MW_feedback { color: #C1272D; }







/*
	DELETE HTML
*/
#MW_delete {
	width: 400px;
	position: absolute;
	padding: 0 10px;
	
	height: 300px;
	-webkit-transition: height 500ms;
	-moz-transition: height 500ms;
	-o-transition: height 500ms;
	transition: height 500ms;
}

#MW_delete .MW_ico { background-position: -30px -30px; }
#MW_delete .MW_ico.MW_recover { background-position: -30px -160px; }

#MW_delete .MW_feedback {}