@font-face {
    font-family: 'source_sans_probold';
    src: url('fonts/sourcesanspro-bold-webfont.eot');
}
@font-face {
    font-family: 'source_sans_probold';
    src: url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* =================================================
   2 - General
   ================================================= */
body {
    font-family: 'Roboto', sans-serif;
}

body > canvas {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -10;
}

.hidden {
	display: none;
}

.form-entry{
	margin-bottom: 10px;
}

li.active {
    border-bottom:1px solid white;
}

.hsection {
	background-color: rgba(176,176,176,0.64);
	padding: 10px;
	
	border-radius: 5px;
	border: 2px solid #EEE;
}

.container {
	background-color: rgba(60,60,60,0.64);
	margin-top: 5%;
	margin-bottom: 5%;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
}

.tab-pane-top {
	background-color: rgba(60,60,60,0.64);
	border-radius: 5px;
}