body {
	margin-top: 5%;
	margin-bottom:0%;
	margin-right: 10%;
    margin-left: 10%;	
}


.group{
	padding: 20px 0px;
	background-color: white;
}

.group > div{
	padding: 20px 0px;
}

* {
	font-family: "Rubik";
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}

/* Questions within a group are presented in a table */ 

table {
	display:table;
    width:100%;
	border-collapse: separate;
	border-spacing: 10px;	
	
}



table, th, td {
	border: 0px solid;
	border-collapse: separate;
	border-spacing: 10px;
}

.group > div > table > tbody > tr > td {
	text-align: left;
	vertical-align: top;
}


#group_0 > table > tbody > tr > td:first-child{
	text-align: right;
	width: 25%;	
}

#group_0 > table > tbody > tr > td:last-child{
	/* text-align: right; */
	width: 10%;	
}

#group_0 table tr td{
	padding: 15px 0;
}

.vert_line {
	width: 1%;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;	
	border-right: 0px solid;		
	border-color: grey;
}


form input {
	width: 100%;
	background: #CDDC28;
	border: none;
	text-align: center;
}


td select {
	height:auto;
	width: 100%;
	text-align: center;
	background-color: #CDDC28;
}



h1 {
	text-align: left;
    color: #006C4D;
	font-weight: normal;
	font-size:40px;
}

h2 {
	padding: 5px 0px;
	text-align: left;
    color: #CDDC28;
	font-weight: normal;
	font-size: 30px;	
}

h3 {
	padding: 5px 0px;	
	text-align: left;
    color: #006C4D;
	font-weight: normal;
	font-size: 16px;
}

h4 {
	padding: 5px 0px;	
	text-align: left;
    color: #808080;
	font-style: italic;
	font-weight: normal;
	font-size: 16px;
}

h5 {
	text-align: center;
	background-color: #CDDC28;
    color: white;
	font-weight: normal;
}


/* Submit button area */

#submit_area {
	padding: 20px 0px;
}

#submit_button {
	width:100%;
	font-size: 20px;
	background: #006C4D;	
	color: white;
	border: none;
}

/* End image */

#end_image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: auto;
    /*max-height: 250px;*/
    position: relative;
}


#image6 {
    display: inline-block;
    justify-content: right;
    align-items: center;
    overflow: hidden;
    width: auto;
    height: auto;
	
	max-width:100%;
	height:auto;
	
    /*max-height: 500px;*/
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0;
}

#table1>tbody>tr>td:last-child{
	width: 50%;
}

.logo {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.logo > div:first-child {
	width: 30%;
	padding: 0 10px 10px 0;
	box-sizing: border-box;	
}

.logo > div {
	width: 10%;
	padding: 0 10px 10px 0;
	box-sizing: border-box;
}

.logo > div  img {
	width: 100%;
}

#disclaimer{
	font-style: italic;
	font-size:10px;
}


[class$="err"] {
	border: 2px solid;
	border-color: red;
}

#table2>tbody>tr>td:first-child{
	width: 10%;
}
#table2>tbody>tr>td:last-child{
	width: 10%;
}

.tabs {

	display: flex;
	width: 100%;
	box-sizing: border-box;

}


.tab-button {
	flex: 1 1 0;          /* equal widths */
	text-align: center;   /* center text */
	padding: 10px 12px;
	cursor: pointer;
	user-select: none;
	border: 1px solid #ccc;
	background: #f7f7f7;
	color: #333;
	box-sizing: border-box;
}


/* .tab-button:first-child{ */
	/* width: 50%; */
	/* text-align: right; */
/* } */


.tab-button.active {
	background: #4CAF50;
	color: white;
}

.tab-content {
	display: none;
	border: 1px solid #ccc;
	padding: 15px;
	margin-top: 10px;
}

.tab-content.active {
	display: block;
}

a {
	text-decoration: none;	
}

h7 {
	padding: 5px 0px;
	text-align: left;
    color: #CDDC28;
	font-weight: bold;
	font-size: 18px;
}

h8 {
	padding: 5px 0px;
	text-align: left;
    color: #5b9bd5;
	font-weight: bold;
	font-size: 18px;
}

h9 {
	padding: 5px 0px;
	text-align: left;
    color: #70ad47;
	font-weight: bold;
	font-size: 18px;
}