@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    text-indent: 0;
}
body {
	font: 16px/1.4 lato, Verdana, Arial, Helvetica, sans-serif;
	/*background-color: #bfdcbd; original green*/
	color: #000;
	background-color: #4c4c4c;
	background-image: url(../../../images/blackfade.jpg);
	background-size: contain;
	}
#site-container {
	background-color: #fff;
    width: 60%;
    height: 80%;
    padding-bottom: 0px;
    max-width: 1590px;
    min-width: 300px;
    margin: 0 auto;
    position: relative;
	padding: 3%;
}
#header-div {
	/*background-color: yellow;
	padding-bottom: 12px;*/
}
#logo-holder {
	/*position: absolute;*/
	height: 150px;
    top: 0;
    left: 0;
	float: left;
    z-index: 100;
	padding-right: 20px;
    /* background-color: yellow; */
}
table {
	margin: auto;
	width: 100%;
	border-collapse: collapse; /* collapses borders, removes cellspacing */
}

td, th {
	padding: 10px; /* removes cellpadding */
}
#secret-code {
	margin-left: 10px;
	width: 30%;
	border: 2px solid #000;
	width: 30%;
}
h1.main-heading {
    color: #F05555;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 18pt;
	/*padding-bottom: 12px;*/
}
p {
	margin: 8px 2px;
}
h2 {
    color: black;
    font-style: normal;
    font-weight: bold;
    font-size: 14pt;
}
h2.section-heading {
    color: black;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
	margin: 20px 0 6px 0;
    font-size: 14pt;
}
input[type="radio"] {
  transform: scale(2); /* increase size 1.5x */
  margin-left: 20px;     /* optional spacing */
}
.blue-questions {
	background-color: #e1f4fd;
	width: 76%;
}
.yellow-comments {
	background-color: #fffde9;
	background-color:#FFC;
}
.green {
	background-color: #dcffde;	
}
.red {
	background-color: #ffd1d1;	
}
.white {
	background-color: #fff;	
}
td {
	border: 2px solid #333;	
}
textarea {
	padding: 6px 3%;
	background-color:#FFC;
	background-color: #fffde9;
	font: 14px/1.4 lato, Verdana, Arial, Helvetica, sans-serif;
	resize: vertical;  /* allows only vertical resizing */
	width: 94%;       /* or set a fixed width */
	min-height: 40px; /* optional: initial */
}
p.client-info {
	margin-top: 12px;	
}
input[type=text], input[type=text]:focus, input[type=text]:focus-visible {
	padding: 6px 3%;
	background-color:#FFF;
	font: 16px/1.4 lato, Verdana, Arial, Helvetica, sans-serif;
	width: 50%;       /* or set a fixed width */
	min-height: 20px; /* optional: initial */
	border:0 solid #FFF;
}
.centerer {
	margin: 30px;
	text-align: center;	
}
.green-but {
	padding: 14px 40px;
	border: 0;
    font-size: 16px !important;
    background-color: #60ca67;
    color: #dcffde;
    text-decoration: none;
    text-transform: uppercase;
	margin: auto;
	width:400px;
}
.green-but:hover {
    background-color: #2ec038;
    cursor: pointer;
}