/**
 * WindBox 1.0 - 10/04/2016
 * modal box cross-browser
 * 
 * developed by Wallace Rio <wallrio@gmail.com>
 * wallrio.com
 * 
 * tested on firefox/chrome/opera/ie8/safari
 */


.windbox_default label{
	display: table;
	cursor: auto;
}
.windbox_default [data-windbox="background"]{
	position: fixed;
	display: block;
	
	top:0px;
	left:0px;
	width:100%;
	height:100%;

	background:rgb(0,0,0);
    background: transparent\9; 
    background:rgba(0,0,0,0.8); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); /* needed for IE 6-8 */    
    zoom: 1; 

}.windbox_default [data-windbox="wrapper"]{	
	position: absolute;
	display: block;
	
	top:0px;
	left:0px;
	width:100%;
	height:100%;

	pointer-events:none;
	
}.windbox_default [data-windbox="box"]{		
	position: absolute;
	display: table;
	background: #ccc;
	pointer-events:auto;
}

.windbox_default [data-windbox="loading"]{		
	position: absolute;
	width: 100%;
	height: 100%;
	display: table;

	background:rgb(0,0,0); 
    background: transparent\9; 
    background:rgba(0,0,0,0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); 
    zoom: 1; 
	
}.windbox_default [data-windbox="loading-content"]{	
	display: table-cell;
	margin: auto;
	vertical-align: middle;
	text-align: center;
	color: #fff;

}

.windbox_default [data-windbox="header"]{
	display: table;
	width: 100%;
	padding-right: 5px;
	box-sizing:border-box;
}.windbox_default [data-windbox="header-left"]{
	display: table-cell;
	width: 1px;
}.windbox_default [data-windbox="header-center"]{
	display: table-cell;	
}.windbox_default [data-windbox="header-right"]{
	display: table-cell;	
}

.windbox_default [data-windbox="footer"]{
	display: table;
	width: 100%;
	box-sizing: border-box;
}.windbox_default [data-windbox="footer-left"]{
	display: table-cell;
	text-align: left;
	vertical-align: top;
	width: 33%;
}.windbox_default [data-windbox="footer-center"]{
	display: table-cell;
	text-align: center;
	vertical-align: top;
	width: 33%;
}.windbox_default [data-windbox="footer-right"]{
	display: table-cell;	
	text-align: right;
	vertical-align: top;
	width: 33%;
}


.windbox_default [data-windbox="box"]{
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 0px 5px -3px #000;

}

/* Header ------------------------------------------  */
.windbox_default [data-windbox="header"]{
	/*border-bottom: 1px solid #ccc;*/
	margin-bottom: 5px;
}.windbox_default [data-windbox="header-left"]{
	padding:5px;
	color: #666;
}.windbox_default [data-windbox="header-center"]{
	vertical-align: middle;
	color: #666;
}.windbox_default [data-windbox="header-right"]{
	vertical-align: middle;
	color: #50bdf0;
}

/* footer ------------------------------------------  */
.windbox_default [data-windbox="footer"]{
	/*border-top: 1px solid #ccc;*/
	margin-top: 5px;
	padding:5px;

	}	

/* content ------------------------------------------  */
.windbox_default [data-windbox="content"]{
	padding: 5px;	
	
	height: 100%;
	display: table-row;
}.windbox_default [data-windbox="content-value"] {
	color: #666;
	margin-right: 5px;
	margin-left: 5px;
	height: 100%;
}.windbox_default [data-windbox="content"] img{

}

.windbox_default [data-rel="inputContentWrapper"]{
	display: table;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
}

.windbox_default [data-type="col"]{
	/*display: inline-table;	*/
	text-align: right;
	vertical-align: top;
	width: auto;
	/*border:1px solid red;*/

	overflow: auto;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    /*height: 100%;*/

}
.windbox_default [data-windbox="footer"] [data-type="header"],
.windbox_default [data-windbox="footer"] [data-type="col"]{
	margin: 0px;
}


.windbox_default [data-type="submit"],
.windbox_default [data-type="a"],
.windbox_default [data-type="button"]{
	display: inline-table;
	
	font-size: 13px ;
	font-family: arial;
	-moz-margin-start: -1px;
	background:#6A8394;
	
	
	border: 1px solid #6A8394 ;
	border-radius: 2.5px;
	color:#fff ;
	text-shadow: none;
	cursor: pointer;
	padding: 7px;
	padding-left: 13px;
	padding-right: 13px;



}
@-moz-document url-prefix() {
    .windbox_default [data-type="a"]{
    	display: inline-table;
	
		font-size: 13px ;
		font-family: arial;
		-moz-margin-start: -1px;
		background:#6A8394;
		
		
		border: 1px solid #6A8394 ;
		border-radius: 2.5px;
		color:#fff ;
		text-shadow: none;
		cursor: pointer;
		padding: 7px;
		padding-bottom: 8px;
		padding-top: 8px;
		margin: 0px;
	}
}



.windbox_default [data-type="submit"]:hover,
.windbox_default [data-type="a"]:hover,
.windbox_default [data-type="button"]:hover{
	display: inline-table;
	
	font-size: 13px ;
	font-family: arial;
	-moz-margin-start: -1px;
	
	
	
	border-radius: 2.5px;
	
	text-shadow: none;
	cursor: pointer;
	padding: 7px;
	padding-left: 13px;
	padding-right: 13px;

	color:#fff;
	background:#66bdff;
	border:1px solid #0d9eff;
}
@-moz-document url-prefix() {
    .windbox_default [data-type="a"]:hover{
    	display: inline-table;
	
		font-size: 13px ;
		font-family: arial;
		-moz-margin-start: -1px;
		
		
		
		border-radius: 2.5px;
		
		text-shadow: none;
		cursor: pointer;
		padding: 7px;		

		color:#fff;
		background:#66bdff;
		border:1px solid #0d9eff;

		padding-bottom: 8px;
		padding-top: 8px;
		margin: 0px;
	}
}

/*.windbox_default [data-type="a"]:hover{
	padding-bottom: 8px;
	padding-top: 8px;	
}*/
.windbox_default [data-type="submit"]:active,
.windbox_default [data-type="a"]:active,
.windbox_default [data-type="button"]:active{
	display: inline-table;
	
	font-size: 13px ;
	font-family: arial;
	-moz-margin-start: -1px;

	border-radius: 2.5px;
	
	text-shadow: none;
	cursor: pointer;
	padding: 7px;
	padding-left: 13px;
	padding-right: 13px;

	color:#00416E;
	background:#007CD0;
	border:1px solid #025E9C;
}
@-moz-document url-prefix() {
    .windbox_default [data-type="a"]:active{
    	display: inline-table;
	
		font-size: 13px ;
		font-family: arial;
		-moz-margin-start: -1px;

		border-radius: 2.5px;
		
		text-shadow: none;
		cursor: pointer;
		padding: 7px;
		

		color:#00416E;
		background:#007CD0;
		border:1px solid #025E9C;

		padding-bottom: 8px;
		padding-top: 8px;
		margin: 0px;
	}
}



.windbox_default input:not([type="submit"]),
.windbox_default textarea,
.windbox_default select{
	display: inline-table;
	font-size: 13px;
	font-family: arial;
	-moz-margin-start: -1px;
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 2.5px;
	text-shadow: none;
	padding: 7px;
	/*padding-left: 13px;*/
	/*padding-right: 13px;*/
	box-shadow: 1px 1px 2px -1px #ccc inset;
	color: #777;
	width: 100%;
}
.windbox_default input:not([type="submit"]):focus,
.windbox_default textarea:focus,
.windbox_default select:focus{
	display: inline-table;
	font-size: 13px;
	font-family: arial;
	-moz-margin-start: -1px;
	background: #f4f4f4;
	border: 1px solid #64AACC;
	border-radius: 2.5px;
	text-shadow: none;
	padding: 7px;
	/*padding-left: 13px;*/
	/*padding-right: 13px;*/
	box-shadow: 1px 1px 2px -1px #ccc inset;
	color: #444;
}


[data-windbox="windbox"]  .iconinfo {
		display: block;
		width: 34px;
		height: 32px ;
		background: url('icons/info.png') no-repeat;
	}[data-windbox="windbox"]  .iconloading {
		display: block;
		width: 34px;
		height: 32px ;
		background: url('icons/loading.gif') no-repeat;
		
	}[data-windbox="windbox"] .iconsuccess {
		display: block;
		width: 34px;
		height: 32px ;
		background: url('icons/success.png') no-repeat;
		
	}[data-windbox="windbox"] .iconsuccess_email {
		display: block;
		width: 34px;
		height: 32px ;
		background: url('icons/success_email.png') no-repeat;
		
	}[data-windbox="windbox"] .iconerror {
		display: block;
		width: 34px;
		height: 32px ;
		background: url('icons/error.png') no-repeat;
		
	}[data-windbox="windbox"] .iconquestion {
		display: block;
		width: 34px;
		height: 32px ;
		background: url('icons/question.png') no-repeat;
		
	}




div[data-type="thumblist"]{
	height: 91px;
	width: 350px;
	overflow-x: scroll;
	overflow-y: hidden;
}div[data-type="thumblist"] ul{	
	white-space: nowrap;
	text-align: left;
	margin: 0px;
}div[data-type="thumblist"] ul > li{	
	list-style: none;
	text-align: left;
	display: inline-table;
	border:2px solid #fff;
	/*white-space: nowrap;*/
}div[data-type="thumblist"] ul > li[data-status="active"]{	
	border:2px solid #498FC2;
}div[data-type="thumblist"] ul > li > a{		
	padding: 5px;
	margin-left: 2px;
	background: #eee;
	height: 50px;
	width: 60px;
	border: 1px solid #D2D2D2;
	display: table;
	background-position: 50% 50% !important;
	background-size: cover !important;
	cursor: pointer;
	position: relative;
}div[data-type="thumblist"] ul > li > a > span{	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding:5px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	visibility: hidden;
	box-sizing: border-box;
	/*transition:200ms;*/
}div[data-type="thumblist"] ul > li > a:hover > span{		
	visibility: visible;
}