/* Page Fonts
-------------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Quicksand:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,100,300,700);

/* Page styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
body {
	/* Margin bottom by footer height */
	margin-bottom: 100px;
  	font-family: 'Lato', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Quicksand', sans-serif;
}

.palliative-input {
	background: #ffffff;
	border: 2px solid #dfdfdf;
	display: block;
	height: 34px;
	font-weight: 400;
	padding: 0 10px 0 10px;
	width: 225px;
	outline: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.input-container {
	margin-bottom:30px;
	display: block;
}

.text-container {
	margin-bottom: 20px;
    margin-top: 20px;
}

.required-label::after {
	content: ' *';
	color: red;
}

.spinner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000; /* Ensure the spinner is above other elements */
}
.spinner-container {
	display: flex;
	align-items: center;
	justify-content: center;
}
.spinner-icon {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #f5f5f5;
}
.container .text-muted {
	margin: 20px 0;
}
.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}
.wcs ol {
	margin: 0;
  	padding: 0;
  	list-style-position: inside;
}
.wcs div.form-group > label:first-child {
	display:list-item;
}
.wcs div.form-group {
	margin-bottom:30px;	
}
#comments {
	display:none;	
}
#notation span {
	width:40px;
	padding:10px 0px;
	display:inline-block;
	font-weight:400;
}