/*
* symptomChecker.php specific style
*/

/* Selection Section */
.selection{
	margin: 10px 0 10px 0;
}

.selection-tile{
	color: #000;
    cursor: pointer;
	font-size: 1.5em;
	padding-top: 10px;
	text-align: center;
	background-color: #e0e0e0;
	height: 53px;
    margin-bottom: 5px;
}

.selection-tile:hover { 
    background-color: #eeeeee;
}

.selection-not-solved{
	color: #FFF;
	font-size: 1em;
	padding:16px 0 16px 16px;
	display: inline-block;
	background-color: #49075E;
}

.selection-not-solved::after{
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding: 16px;
	content:"\f061";
	font-family: FontAwesome;
	opacity:1;
	transition: all ease 0.2s;
}

.selection-not-solved:focus::after, .selection-not-solved:hover::after{
	background-color:#370546;
}

.sym-question, .sym-instruction {
    font-size: 1em;
}

/* Symptom Label */
.symptom-label{
	padding: 10px 0 10px 0;
	text-align:center;
}

.suggestion-label{
	background-color:#5cb85c;
}

.action-label{
	background-color:#d9534f;
}

.information-label{
	background-color:#5bc0de;
}

.explanation-label{
	background-color:#f0ad4e;
}

/* Symptom Display */
.symptom-details{
	border: 1px solid #ccc;
    border-radius: 5px;
}

.panel panel-default {
    padding: 70px;
}
#headings{
    padding-left: 9px;
}
#exercise{
    padding-left: 9px;
}

.content{
	font-weight:300;
}

.bs-callout h3{
	margin-top:0;
}

.bs-last{
	margin-bottom: 0;
}
.purple-bg {
    background-color: rgb(73, 7, 94);
    color: #FFF;
}
.purple-bg:hover {
    background-color: rgb(73, 7, 94);
    color: #FFF;
}

/*
    Slide style
 */
#output img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 100%) {
	#output img {
  max-width: 100%;
  height: auto;
}
}

/* .homepage-hero__button::after {
    display: inline-block;
    font: normal normal normal 16px/1 uq-icons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0px, 0px);
    content: "\E819";
    display: block;
    height: 100%;
    padding: 16px;
    padding: 1rem;
    font-weight: 100;
    font-size: 28px;
    font-size: 1.8rem;
    width: auto;
    position: absolute;
    vertical-align: middle;
    top: 0px;
    right: 0px;
    transition: all ease 0.2s;
} */