html, body {	
	margin: 0;
	padding: 0;
	font-family: 'Roboto Regular', sans-serif;	
	color: #383838;	
}

h1 {
	font-weight: bold;
  padding-top: 2rem !important;
}

#surveyInfo {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	align-items: center;
}

.innerContainer {
	padding: 5% !important;
}

.leftPanel {		
	width: 40% !important;
	padding: 2% 5% !important;
	position: fixed !important;
	height: 100vh !important;
}

.section {
	background-color: #fff9f9;			
}

.rightPanel {		
	padding: 2% 5% !important;
	min-height: 100vh;
}
	

@media (min-width: 768px) {
	.rightPanel {
		width: 60%;
		margin-left: 40%;	
	}
}

#surveyImage {
	flex-grow: 1;	
	position: relative;
}

#surveyImage > img {
	position: absolute;
	bottom: 0;
}

.logo {
	align-self: flex-start;
	height: 2rem;	
}

.languages {
	height: 2rem;	
}


label {  
  display: block;   
}

input[type='submit'] {
	padding-left: 4rem;
	padding-right: 4rem;
}


form {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.buttonsBox {
	margin-top: auto;
}

.mainButton {
	background-color: #ff0000;
	color: white;
	font-weight: bold;
}

.mainButton:hover {
	transition-duration: 0.7s;
	background-color: #db1e28;
	box-shadow: 1px 0px 38px 0px rgba(120,188,196,0.6);
	color: #fff;
}

.secondaryButton {
	background-color: #b56060;
	color: white;
	font-weight: bold;
}

.secondaryButton:hover {
	transition-duration: 0.7s;
	background-color: #db1e28;
	box-shadow: 1px 0px 38px 0px rgba(120,188,196,0.6);
	color: #fff;
}

.form-check-input {
	border-radius: 6px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before{
  background-color:#ce9819;
	border-color: #ce9819;	
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  background-color:#ce9819;
	border-color: #ce9819;
}

.help-block {
	font-size: 80%;
}

.text-olive {
	color: #ce9819 !important;	
}

.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}

.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


.rateLink {
	background-color: #e3dada;	
	padding: 1rem;
	display: inline-block;
	font-weight: bold;
	font-size: 120%;	
	color: black;
}


.rateLink:hover {
	background-color: #ba8686;	
	text-decoration: none;	
	color: black;
}