#than{
	font-size: 55px !important;
}

pre {
	font-family: 'Roboto', sans-serif!Important;
	margin-bottom: 10px!Important;
	width: auto!Important;
	padding: 5px!Important;
	background-color: #eee!Important;
	width: 650px!ie7!Important;
	padding-bottom: 20px!ie7!Important;
	white-space: pre-wrap!Important;
}

span.gpsubtitle {
	font-size: 16px;
	font-weight: 600;
	color: #215A80;
	cursor: pointer;
}


#flags {
	display: flex;
	margin-bottom: 35px;
}

#flags img{
	margin-right: 8px;
	width: 30px;
	cursor: pointer;
}

.good_practices td {
	vertical-align: middle;
}

.accordion-button {
	background-color: #f58c1c !important;
	color: #215a80 !important;
	padding: 0.5rem 1.25rem;
	font-size: 1.2rem;
}

div.quest_set {
	margin-left: 30px;
	margin-top: 10px;
}

label.answ {
	border: 1px solid #ccc !important;
	padding: 8px 25px;
}

label.active {
	background-color: #215A80 !important;
}

input#answ {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

#exampleModal {
	top: 40px;
}

.modal-dialog {
	max-width: 50%!important;
}

.good_practice_link, #top-table td {
	cursor: pointer;
}

#top-table {
    top: 0px;
    display: block;
/*    position: fixed;*/
   	background-color: white;
/*   	width: 100%;*/
}

#homepage, #questions, #results, #recommendations {
    margin-top: 50px;
}

#top-table td {
	width: 15%;
	text-align: center!important;
	vertical-align: middle;
	font-size: 1.2rem;
	color: #225a80;
}

#top-table td:hover {
	font-weight: bold;
}

#top-table td.back_color{
	background-color: #ED7D31;
	color: white;
}

.title11 {
	font-size: 1.8rem;
}

.title12 {
	font-size: 1.2rem;
}

.title13 {
	font-weight: bold;
}

.title14 {
	color: #5e5e5e;
}

.nav-mybtn {
	border: 1px solid #ccc !important;
}

.btns-recom, .btns-phase, #quest-results {
	display: flex;
	justify-content: space-around;
}

#table-goodpr p, #table-results p, #results-description p {
	margin-bottom: 3px;
	font-size: 1.2rem;
}

#table-results, #table-goodpr {
	flex-basis: 50%;
}


.btns-phase {
	margin-top: 2rem;
}

#quest-results {
	margin-top: 1.5rem;
}

#results-content, #goodpr-content {
	line-height: 30px;
}

#results-content, #goodpr-content, #results-up-container {
	padding: 10px 20px 10px;
}

@media only screen and (min-width: 1200px) {
	.btns-recom, .btns-phase {
		width: 60%;
	}
}

#sp-main-body {
	padding: 0px 0px!important;
}

#sp-header, #sp-top-bar, .article-can-edit {
	display: none!important;
}

.float_button {
	float: right;
}

table.restable th {
	color: #225A80;
	font-weight: bold;
}

.calc_recom {
	margin-bottom: 30px;
	cursor: pointer;
}

.calc_recom.active {
	color: #225A80;
	font-weight: bold;
}

.phase1title, .phase2title, .phase3title, .phase4title {
	font-weight: bold;
	cursor: pointer;
	border-bottom: 0px;
}
.titl {
	width: 40%;
}

.phase1title, .phase2title, .phase3title, .phase4title, tr.active2 > td, .titl {
	border: 1px solid #DEE2E6;
}

tr.active1  {
	color: white;
}

.phase1title {
	background-color: #A1B8E1 !important;
}	
.phase2title {
	background-color: #FFB27F !important;
}	
.phase3title {
	background-color: #CACACA !important;
}	
.phase4title {
	background-color: #F2D57F !important;
}

.modal-body {
	overflow-y: scroll;
	height: 70vh;
}


.practice_dwld {
	float: right;
	margin-left: 15px;
}

.added_text {
	color: red!important;
	font-size: 13px!important;
	font-weight: bold!important;
}

div.indent1 {
	text-indent: -17px!important;
	margin-left: 19px;
}

div.indent2 {
	text-indent: -27px!important;
	margin-left: 32px;
}


#top-table {
	position: fixed;
	width: 67vw;
	z-index: 5;
}