#flex-container {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-flex-direction: row;
	-moz-box-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.flex-item {
	max-width: 640px;
	margin: 20px auto;
	padding:6px 16px;
	border-radius: 4px;
	border:1px solid rgba(0,0,0,.1);
	background: #FFF;
}
.flex-720 {
	max-width: 720px;
	padding:26px 36px;
}
.logo-box {
	width: 320px;
	margin: auto;
	padding:6px 16px;
	border-radius: 4px;
	background:rgba(255,255,255,.2);
}

/*footer*/
html{height:100%}
body{min-height:100%;display:flex;flex-direction:column}
div.container{flex:1}
/*-footer*/

body.bg {background:url(/img/bg.jpg) 50%; background-attachment: fixed; background-size: cover}

footer {background:#FFF}
footer.alpha07 {background-color:rgba(255,255,255,.7)}
footer.fixed-footer {position:fixed;bottom:0;left:0;right:0}


input[type="submit"] {  -webkit-appearance: none;}
abbr {
	border-bottom: 1px dashed #AAA
}


#ticket {
	margin: 6px;
	padding: 12px;
	border-radius: 6px;
	background: rgba(0,0,0,.05);
	text-align: center;
	width: 160px;
	height: 100px;
	float: left;
	font-size: small;
	z-index: 10;
	position: absolute;
}

/*some colors*/
.green-ok {
	border: 1px solid #c9f4d0;
	background: #edfbef;

	padding: 19px 15px 17px 62px;
	position: relative;
	min-height: 60px;
	font-size: 15px;
	line-height: 19px;
	opacity: 1;
	margin: 20px 30px 0 30px;

	/*blue
	border: 1px solid #d9edff;
	background-color: #f2f9ff;*/
	/*pink
	border: 1px solid #d79fa0;
	background-color: #fee5e5;
	*/
}