/*
 * Base structure
 */
html,
body {
	background:#FFFFFF;
	color: #000000;
	text-align: center;
	min-width: 320px;
}

/* Padding for spacing */
.inner {
	padding: 15px;
}

.h1, .h2, .h3 {
	color: #0b5a9c;
}

.btn {
	background-color: #888888;
    color: #FFFFFF;
}

/*
 * Specif styles
 */
 
/* Header */
.header {
	background:#000000;
	color: #FFFFFF;
	padding: 24px; 
	border-bottom: 5px solid #a84d97;
} 
.row {
    margin-right: 0;
    margin-left: 0;
}
.title-company-logo {
	float: left;
	width: 50%;
	max-width: 227px;
	height: auto;
}
.title-service-logo {
	float: right;
}

.title-language {
	float: center;
}

/* Body */
.error-block {
	display: none;
	vertical-align: middle;
	background:#F2F2F2;
	border-left: 3px solid #888888;
	border-right: 3px solid #888888;
	font-size: 80%;
}

.status-message-block, .l1-error-msg, .l2-error-msg, .l3-error-msg {
	display: none;
	vertical-align: middle;
	color: #777777;
}

.error-btn {
	display: none;
	vertical-align: middle;
}

.status-logo-success {
	height: 30px;
	vertical-align: middle;
}

.status-logo-error {
	height: 30px;
	vertical-align: middle;
}

.hidden {
	display: none;
}
.packed p {
	margin-bottom: 0;
}

.list-items {
    text-align: left;
}

/* Footer */
.bottomfill {
	padding-bottom: 100px;
}
.support {
	position:fixed;
	left:0px;
	bottom:35px;
	padding: 5px; 
	width:100%;
	background:#a84d97;
	color: #FFFFFF;
} 
.support a {
	color: #D8A3CE;
} 
.footer {
	position:fixed;
	left:0px;
	bottom:0px;
	padding: 5px; 
	height:35px;
	width:100%;
	background:#000000;
	color: #FFFFFF;
} 

/* Hidding testing fields */
.for-testing {
	display: none;
}


/*
 * Hidding while loading
 */
.no-fouc {
	display: none;
	body {
		background-color: lightgrey;
	};
}