/* Fonts */
@font-face {
    font-family: 'barlowsemibold';
    src: url('../fonts/barlow-semibold/barlow-semibold-webfont.woff2') format('woff2'),
         url('../fonts/barlow-semibold/barlow-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.pagewrap{
	float: left;
	width: 100%;
}
.container{
	max-width: 1240px;
}

body{
	font-family: ralewaymedium;
}
body p, table tbody tr th span, ul li, table tbody tr td:first-child p{
	font-family: ralewaymedium;
	font-size: 1.1em;
}
body p, ul li{
	margin-bottom: 1.5em;
	color: #1a1d3d;
}
h1, h2, h3, h4, h5, h6{
	font-family: barlowsemibold;
	letter-spacing: 1px;
}

table{
	display: table;
	max-width: 100%;
	min-width:100%;
}

body h1, h2{
	font-size: 2.6em;
	margin-bottom: .8em;
}
section section{
	padding: 3em 0;
}

a, button, [type=button]{
 transition: all 0.5s ease-in-out;
}
.no-margin{
	margin: 0;
}
.no-padding{
	padding: 0 0.5em 0 0;
}

/* Section title */
.page-blue .title-section{
	background-color: #1a1d3d;
}
.page-green .title-section{
	background-color: #3d9445;
}
.page-red .title-section{
	background-color: #9c2628;
}
.page-blue *{
	color: #1a1d3d;
}
.page-green h2, .page-green h3, .page-green h4,
.page-green h5, .page-green h6{
	color: #3d9445;
}
.page-green .form-section *{
	color: #1a5b1d;
}
.page-green .form-section h2{
	color: #3d9445; 
}
.page-green .result .title-section h3{
	color: #f8cd26; 
}
.page-red h2, .page-red h3, .page-red h4,
.page-red h5, .page-red h6{
	color: #9c2628;
}
.page-red .result .title-section h3{
	color: #ffffff; 
}

.title-section{
	color: #ffffff;
	padding: 4.5em 0 4em 0;
}
.title-section *{
	color: #ffffff;
}
.title-section h1{
	margin-bottom: .5em;
}


/* Form */
.form-section{
	padding-top: 1em;
}
.input-title{
	float: left;
	width: 100%;
	margin-top: 2em;
}
.input-wrap{
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
}
.input-wrap label{
	font-family: barlowsemibold;
	width: 34%;
	font-size: 1.4em;
    text-align: right;
    padding-right: .5em;
}
.input-wrap .form-control, .input-wrap select.form-control{
	background-color: #efefef;
    border: none;
    border-radius: 0;
    font-size: 1.1em;
    height: 45px !important;
}
.select2-container--default .select2-selection--single{
	/* background-color: #efefef !important; */
    /* border: none !important; */
    border-radius: 0 !important;
}
.input-wrap .form-control:focus, textarea:focus, .custom-control-input:focus{
	outline: none !important;
	box-shadow: none !important;
}
.btn-wrap{
	float: left;
	width: 100%;
	margin-top: 2em;
}
.custom-btn{
	color: #1a1d3d !important;
	font-family: barlowsemibold;
	font-size: 1.4em;
	background-color: #f8cd26;
	border: none;
	border-radius: 0;
	padding: 0.5em 1.5em;
	display: block;
    margin: 0 auto;
    min-width: 180px;
}
.custom-btn:hover, .custom-btn:focus{
	background-color: #efbf26;
    color: initial;
}
form ol li{
	font-family: barlowsemibold;
	font-size: 1.4em;
	margin-bottom: 2em;
}

form .custom-control{
	display: flex;
    align-items: center;
    margin-top: .5em;
}
form .custom-control-label{
	margin-left: .5em;
	font-size: .8em;
}
form .custom-control-label::after{
	background-color: #efefef;
}
form .custom-control-label::before, form .custom-control-label::after{
	width: 25px;
	height: 25px;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after,
.custom-radio .custom-control-input:checked~.custom-control-label::after{
	background-image: url('../img/check-icon.png');
}
.custom-control-input:focus~.custom-control-label::before{
	box-shadow: none;
}
.custom-control-label::after,
.custom-control-label::before{
	top: 0;
}
table .custom-radio.custom-control,
table .custom-checkbox.custom-control{
	display: block;
	padding-left: 0;
	margin-top: -2em
}
table .custom-radio .custom-control-label::after,
table .custom-radio .custom-control-label::before,
table .custom-checkbox .custom-control-label::after,
table .custom-checkbox .custom-control-label::before{
	left: auto;
	top: 0;
	margin-left: -10px;
}
table .custom-radio .custom-control-label{
	margin-left: 0;
}
.custom-radio .custom-control-label::after{
	background-color: #c5c8dd;
	border-radius: 100%;
}
form .custom-control label{
	color: #1a1d3d !important;
	font-family: ralewaymedium;
}
form .textarea-wrap label{
	font-family: barlowsemibold;
	font-size: 1.4em;
}
form .textarea-wrap textarea{
	border: none !important;
	border-radius: 0;
	background-color: #efefef !important;
	height: 180px;
}

/* Checklist */
.checklist .title-section{
	padding: 3em 0 2em 0;
}
.checklist .title-section h5{
	color: #ffffff;
	font-size: 1.2em;
}
.checklist .title-section h2{
	color: #f8cd26;
	font-size: 3.2em;
	margin-bottom: .3em;
}
.checklist table thead tr th{
	font-family: barlowsemibold;
	font-size: 1.4em;
}
.checklist table th,  .checklist table td{
	vertical-align: middle;
	text-align: center;
}
.checklist table tbody tr th{
	width: 50%;
	text-align: left;
}
.checklist table tbody tr th p{
	margin-bottom: 0;
}
.checklist table tr td:first-child{
	text-align: left;
}
.checklist table td, .checklist table th{
	padding: 0.75rem;
}
.checklist table tbody tr td:first-child p{
	margin-bottom: 0;
}
.table-striped th, .table-striped td{
	border-bottom: none !important;
	border: none;
}
.table-striped tbody tr:nth-of-type(odd){
	background-color: rgba(0,0,0,0);
}
.table-striped tbody tr:nth-of-type(even){
	background-color: #f7f7f7;
}
.question-wrap{
	display: flex;
}
.question-wrap span{
	margin-right: .5em;
}

/* Result */
.result .title-section{
	text-align: center;
}
.result .title-section h3{
	font-size: 2.7em;
	margin-bottom: 0;
}

.result .title-section h2{
	color: #f8cd26;
	font-size: 5.5em;
	margin-bottom: .3em;
}
.result .title-section h2 span{
	color: #f8cd26;
}
.result table thead th{
	background-color: #c5c8dd;
	text-align: center;
}.result table thead th:first-child{
	text-align: left;
}
.result table th, .result table td{
	font-family: barlowsemibold;
	font-size: 1.4em;
	color: #1a1d3d;
}
.result table td{
	text-align: center;
}
.page-green .result-per-part table thead th,
.page-green .result table thead th{
	background-color: #6cc170;
}
.page-green .result-per-part .table-striped tbody tr:nth-of-type(even),
.page-green .result .table-striped tbody tr:nth-of-type(even){
	background-color: #d4f4d6;
}
.page-green .result-per-part table tfoot td, .page-green .result table tfoot th,
.page-green .result table tfoot td, .page-green .result table tfoot th{
	background-color: #6cc170;
}
.result-per-part .part{
	margin-bottom: 3em;
}
.result-per-part table{
	min-width: 75%;
	width: auto;
}
.page-red .result-per-part table thead th, .page-red .result table thead th{
	background-color: #f2ccd0;
}
.page-red .result-per-part .table-striped tbody tr:nth-of-type(even), 
.page-red .result .table-striped tbody tr:nth-of-type(even){
	background-color: #f9eff0;
}
.page-red .result-per-part table tfoot td, .page-red .result-per-part table tfoot th,
.page-red .result table tfoot td, .page-red .result table tfoot th{
	background-color: #f2ccd0;
}

/* Green Template Column */
.col-wrap{
	margin-bottom: 2em;
}
.col-inner{
	background-color: #efefef;
	padding: 1em;
	height: 100%;
}

.main-section.current{
	display:block;
	z-index:9999;
}
.main-section{
	display:none;
}
.saveInformationError{
	float: left;
    width: 100% !important;
    font-size: 15px !important;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.disaster-others,
.business-type-others-wrap{
	display:none;
}
.part-title{
	font-family: barlowsemibold;
	font-size: 1.2em;
}
/* Footer */
footer{
	text-align: center;
	margin-top: 5em;
}
footer p{
	font-size: .9em;
}
footer .footer-logos{
	margin-left: 0;
	padding-left: 0;
}
footer .footer-logos li{
	display: inline-block;
}
footer .footer-logos li img{
	max-width: 100px;
	max-height: 80px;
	padding: .5em;
}
.select2-results ul li{
	margin-bottom:0;
}
.select2-selection__rendered {
    line-height: 46px !important;
}
.select2-container .select2-selection--single {
    height: 45px !important;
}
.select2-selection__arrow {
    height: 45px !important;
}
#feedback-error{
	color:red;
}
@media (max-width: 768px) {
	.overflow-on-mobile{
		overflow-y:scroll;
	}
	body p, table tbody tr th span, ul li, .checklist table tbody tr td:first-child p{
		font-size: .9em;
	}
	body h1, h2, h3{
		font-size: 1.8em;
		margin-bottom: .5em;
	}
	section section{
		padding: 2em 0;
	}
	.title-section{
		color: #ffffff;
		padding: 4.5em 0 4em 0;
	}
	.input-wrap label, form .textarea-wrap label{
		font-size: 1.1em;
	}
	.custom-btn{
		font-size: 1.1em;
	}
	form ol li{
		font-size: 1.1em;
		margin-bottom: 1em;
	}
	form .custom-control-label{
		font-size: .7em;
	}
	form .textarea-wrap label{
		font-size: 1.1em;
	}
	.checklist .title-section h2{
		font-size: 2.3em;
	}
	.checklist table thead tr th{
		font-size: 1.1em;
	}
	.result .title-section h3{
		font-size: 1.5em;
	}
	.result .title-section h2{
		font-size: 3.5em;
	}
	.result table th, .result table td{
		font-size: 1.1em;
	}
}

@media (max-width: 576px) {
	body h1, h2, h3{
		font-size: 1.5em;
	}
	.title-section{
		color: #ffffff;
		padding: 3.5em 0 3em 0;
	}
	.checklist .title-section h2{
		font-size: 1.8em;
	}
	footer .footer-logos li img{
		max-width: 80px;
		max-height: 60px;
	}
}