@font-face {
    font-family: 'Archivo';
    src: url('Archivo-Regular.ttf'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Archivo';
    src: url('Archivo-Light.ttf'); /* Safari, Android, iOS */       
    font-weight: 300;
}
@font-face {
    font-family: 'Archivo';
    src: url('Archivo-ExtraBold.ttf'); /* Safari, Android, iOS */
    font-weight: bold;
}         
body
{
    background-color:#FFF;
    font-family: Archivo;
}
label {
    color: #222221;
    padding-bottom: 10px;
    padding-top: 10px;
}
button {
    font-family: inherit;
    /* font-weight: 900; */
    font-size: 12px;
    color: #FFF;
    background-color: #222221;
    border:none;
    height:40px;
    text-align: center;
    width: 100px;
    cursor: pointer;
    /* text-transform: uppercase; */
    border-radius: 50px;
}

.button{
    font-family: inherit;
    text-decoration: none;
    /* font-weight: bold; */
    font-size: 12px;
    color: #000000;
    background-color: #222221;
    color: #FFF;
    border:none;   
    text-align: center;
    padding: 7px 20px;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 50px;
}
.align-center{
    text-align: center;
}

input[type="text"], select {
    background-color: #efefef;
    font-family: inherit;
    /* border: 1px solid #cccccc; */
    border:none;
    /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); */
    color: #222221;
    display: block;
    font-size: 0.875rem;
    margin: 0.875rem 0 1rem 0;
    padding: 0.5rem;
    height: 2.3125rem;
    width: 100%;
    max-width: 300px; 
    min-width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
    text-transform: uppercase;
    border-radius: 5px;
}
input[type="text"]:focus, select:focus { 
    outline: none !important;
    border-color: #8B8178;
    box-shadow: 0 0 10px #8B8178;
 }
h4 {
    font-size: 1.125rem;
}
h5 {
    font-size: 1.125rem;
}
h6 {
    font-size: 1rem;
}
.formtitle{
    font-weight: 900;
    color: #222221;    
}
.formtitlepurple{
    font-weight: 900;
    color: #8B8178;    
}
.mainresult, .detailresult {
    background-color:  #FFF;
    padding: 15px;
    min-width: 640px;
    width: 80%;
}
.divform{
    background-color: #FFF;
    padding-left: 20%;
    padding-bottom: 25px;
    min-width: 450px;
    max-width: 640px;
    ;
}
.resulttitle {
    font-size: 1.125rem;
    font-weight: 900;
    color: #8B8178;  
    padding-top: 10px;
    padding-bottom: 10px;

}
.starthidden {
    display: none;
}
.row {   
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.center {
    text-align: center;
}
.info {
    cursor: pointer;
}
table {
    width: 100%;
    border-width: 0px;
    border-spacing: 0px;
    font-weight: 300;
}
table tbody tr td {
    padding: 20px;
    /* border-left: solid 1px #cccccc; */
    color: #222221;
}
img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    border-radius: 50px;
}
table tbody {
    background: FFF;
}
/* table tbody tr:nth-of-type(even) {
    background: #8B8178;
} */
/* table tbody tr td:first-child {
    border-left: none;
} */
table tbody tr td {
    border: none;
}
table tbody tr:hover {
    background-color: #efefef;
}

.mainresult {
    margin-bottom: 50px;
}
.mainresult table caption {
    font-size: 1.125rem;
    font-weight: 900;
    color: #8C8178;  
    padding-top: 16px;
    padding-bottom: 16px;
}
.mainresult table thead tr th {
    text-align: left;
    padding: 20px;
}
.mainresult table thead tr td, table thead tr th {
    color: #222221;
}
div.resultmaindetails table tbody tr td:first-child {
    background: #FFF;
    color: #222221;
    font-size: 1rem;
    font-weight: bold;
}

.link, .link:hover, .link:visited {
    color: #222221;
    text-decoration: none;
    font-size: 12px;
}

a, a:hover, a:visited {
    color: #222221;
    text-decoration: none;
    font-size: 12px;
}