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:red;
	border-color: red;	
}

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

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

.modal-body {     
  overflow-x: auto;
}

.scheduleTimetable {
  width: 100%; 
}

.requiredField {
  font-weight: bold;
}

#sectionProgressBar {
  background-color: #ff0000 !important;
  overflow: visible !important;
}

#sectionPoints {
  text-align: center;
  font-weight: bold;
}

.resultsTable {
  border-radius: 7px!important;
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.resultsTable td, .resultsTable th {
  padding: 1rem;
}

.resultsTable th {
  background: red;
  color: white;  
}

.resultsTable tr:nth-child(odd) td {
  background: #ebe9e9;  
}

.alignRight {
  text-align: right !important;
}


.studentInputs {
  border-bottom: 1px dashed black;
  margin-bottom: 2rem;
}

.removeStudent {  
  margin-left: 5pt;
}

.removeStudent:hover {
  font-weight: bold;
}