/* Style: IncentivesScout Survey */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600;800&display=swap');
html, body {
    font-family: 'Open Sans', sans-serif; 
    font-size: 14px;
    height: 90%;
    width: 99%;
    justify-content: center;
    background-color:white;
}
.container {
    width: 100%;
    height: 90%;
    text-align: center;
}
.cont-m {
    width: 70%;
    height: auto;
    text-align: center;
    border: black 2px solid;
    margin: 0% auto;
    margin-top: 5%;    
}
.cont-logo {
    width: 80%;
    height: 12%;
    text-align: right;
    margin: 0% auto;
    margin-top: 3%;
}
.cont-img {
    width: 40%;
    height: 50%;
    margin: 0% auto;
    margin-top: 2%;
}
.cont-text {
    width: 80%;
    height: auto;
    margin: 0% auto;
    text-align: justify;
}
.cont-q {
    width: 80%;
    height: auto;
    margin: 0% auto;
    text-align: left;
    margin-top: 4%;
}
.cont-button {
    width: 80%;
    height: 30%;
    margin: 0% auto;
    margin-top: 5%;
    margin-bottom: 4%;
    text-align: center;
}
.cont-code {
    width: 60%;
    height: 131px;
    margin: 0% auto;
    text-align: center;
    margin-top: 15%;
}
.cont-table {
    width: 80%;
    height: auto;
    margin: 0% auto;
    text-align: center;    
    margin-top: 4%;
    margin-bottom: 6%;
    text-align: center;
}
.menubar {
    width: 100%;
    height: 10%;
    text-align: center;
    margin-top: 3%;
}
.srch {
    width: 28%;
    display: inline-block;
    text-align: right;
    margin-top: 1.5%;
}
.mnav {
    width: 70%;
    float: left;
    text-align: left;
}


/* Buttons */
.start {
    background-color: white;
    border: black 2px solid;
    padding: 6px 65px;
    cursor: pointer;
}
.start:hover {
    background-color: #144484;
    color: white;
}
.btn {
    background-color: white;
    border: black 2px solid;
    padding: 6px 40px;
    cursor: pointer;
}
.btn:hover {
    background-color: #144484;
    color: white;
}
.btn:focus {
    outline: none;
}
.start:focus {
    outline: none;
}
.code {
    background-color: white;
    border: black 2px solid;
    padding: 6px 40px;
}
.search {
    padding: 7px;
    background-color: white;
    border: black 1px solid;
    cursor: pointer;
}
.search:hover {
    background-color: #144484;
    color: white;
}
/* End buttons */

/*  tables */
.t-form {
    width: 100%;
}
.t-form thead{
    cursor: pointer;
}
.t-form tr{
    width: 99%;
}
.t-form td {
    width: 49%;
}
.t-form input {
    width: 97%;
}
.t-form-x {
    width: 99%;
}
.t-form-x tr {
    width: 99%;
}
.t-form-x td {
    width: 32.5%;
}
.t-form-x input {
    width: 96%;
}
.t-table {
    width: 100%;
    margin-left: 5%;
    border: black 1px solid;
    margin: 0% auto;
}
.t-table tr {
    width: 100%;
}
.t-table th {
    width: auto;
    background-color: #144484;
    color: white;
}
.t-table td {
    text-align: left;
}
input, select {
    width: 99%;
    padding: 7px;
}
input:focus {
    outline: none;
}
select:focus {
    outline: none;
}
input[type=radio] {
    width: 5%;
}
/* end tables */

/* Menu */
nav {
    width: 100%;
}
nav a{
    text-decoration:none;
    color:inherit;
    font-size:14px;
    } 
nav li{
    display:inline-block;
    width:14%;
    padding:5px 10px;
    background-color: white;
    border: black 1px solid;
    text-align:center;
    cursor: pointer;
}
nav li:hover{
    background-color: #144484;
    color: white;
}
/* end menu */