/*
MAIN STYLE
*/
* {
  margin: 0;
}
body {
	font-family: "Raleway";
	position: static;
	background-color : #383838;
	color: #bdc3c7;
}
#animation_container{
	top: 0px;
}
canvas {
	alpha: 0;
}

#launch_sr, #launch_classique {
	margin-top: 0.5em;
	margin-right: 0.5em;
}


/*
SR SPECIFIC
*/
#module_sr {
	color: #ecf0f1;
}

#module_sr #sr-title {
	font-family: "Raleway ExtraBold";
	letter-spacing: 0.15em;
	background-color: #202020;
}

#module_sr .btn-primary, #module_sr .btn-primary:focus {
	background-color: #202020;
	border-color: #202020;
}

h2, h3, h4, h5, h6 {
	font-family: "Raleway ExtraBold";
}

em {
    display: block;
    font-size: medium;
    text-align: right;
    margin-top: -2em;
    margin-bottom: 2em;
}

#spacer {
	height: 1em;
}

#sr-quiz-question {
	margin-bottom: 1.2em;
}

#sr-quiz {
	margin-top: 1em;
	font-size: 2em;
}

#sr-text {
	font-size: 2em;
}

#sr-image, #sr-btnext, #sr-btprev, #sr-quiz, #sr-text {
	display: none;
}

label{
	display: block;
}

.btn{
	max-width: 100%;
	white-space: inherit;
}

.btn > img {
	height: 2em;
    margin-left: 1em;
}

/*
BOOTSTRAP OVERRIDES
*/
.bootstrap-dialog.type-primary .modal-header {
	background-color: #383838;
	color: #ecf0f1;
}

.modal-footer {
	text-align: right;
	border-top: 0px;
	margin-top: -20px;
	margin-left: 25px;
}

.modal-content {
	background-color: #fff;
	color: #383838;
}

.btn-primary, .btn-primary:focus, .btn-primary:active {
	background-color: #383838;
	border-color: #383838;
}

.btn:hover, .btn:active:focus, .btn-primary:hover, .btn-primary:active:focus {
	background-color: #c0392b;
	border-color: #c0392b;
	color: #ecf0f1;
}

.img-responsive {
    margin: 0 auto;
}

.jumbotron{
	color: #383838;
	margin-top: 2em;
}

.jumbotron h2{
	margin-top: -0.2em;
	font-size: 40px;
}

.jumbotron p, .jumbotron .btn{
	font-family: "Raleway";
}
/*Radio box*/

label{
	position: relative;
	cursor: pointer;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 0.5em;
}

input[type="checkbox"], input[type="radio"]{
	position: absolute;
	right: 9000px;
	margin-left: -20px;
}

input[type="radio"] + .label-text:before{
	content: "\f10c";
	font-family: "FontAwesome";
	speak: none;
	line-height: 1.5;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 0.5em;
	margin-left: -1.5em
}

#sr-quiz form {
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

input[type="radio"]:checked + .label-text:before{
	content: "\f192";
	color: #c0392b;
	animation: effect 250ms ease-in;
}

input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

input[type="radio"]:disabled + .label-text:before{
	content: "\f111";
	color: #ccc;
}

@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}

/* modal form */

.row-m-t{
  margin-top : 20px
}

.in-modal{
	width: auto;
}

.inputGroupContainer {
	margin-right: -1.5em;
}

label {
	margin-top: 0.7em;
    font-weight: 700;
}

.form-control:focus {
    border-color: #555;
    outline: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

input.form-control {
    color: #000;
    font-weight: 700;
}


/*
VIDEO OVERLAY
*/
#video {
	background-color: #FFF;
	position: absolute;
	width: 250px;
	height: 250px;
	display: none;
}


/*
LOADER
*/

#loader {
	position: absolute;
	left: 50vw;
	top: 50vh;
	margin-left : -190px;
	margin-top: -50px;
	z-index: 10;
}

#loader > #logo {
	position: absolute;
	background-image: url("../images/loader.png");
	background-clip: content-box;
	padding-top:100px;/*between 0px to 100px to show loading*/
	width: 379px;
	height: 100px;
}

#loader > #logo_gs {
	position: absolute;
	background-image: url("../images/loader_gs.png");
	width: 379px;
	height: 100px;
}

#loader > #loader_text {
	position: absolute;
	text-align: center;
	width: 379px;
	margin-top: 120px;
}


/*
FONTS
*/
@font-face {
	font-family: "Raleway";
	src: url(../fonts/Raleway/Raleway-Regular.ttf) format("truetype");
	font-style: normal;
}
@font-face {
	font-family: "Raleway";
	src: url(../fonts/Raleway/Raleway-Italic.ttf) format("truetype");
	font-style: italic;
}
@font-face {
	font-family: "Raleway ExtraBold";
	src: url(../fonts/Raleway/Raleway-ExtraBold.ttf) format("truetype");
	font-style: normal;
}
@font-face {
	font-family: "Raleway ExtraBold";
	src: url(../fonts/Raleway/Raleway-ExtraBoldItalic.ttf) format("truetype");
	font-style: italic;
}
@font-face {
	font-family: "Quicksand Medium";
	src: url(../fonts/Quicksand/Quicksand-Medium.ttf) format("truetype");
	font-style: normal;
}