@import url('https://fonts.googleapis.com/css?family=News+Cycle:400,700');
/* Import Google News Cycle Font */

html {
    font-family: Lato, Helvetica, Arial, sans-serif;
    color: #555;
    line-height: 1.6875rem;
    -webkit-font-smoothing: antialiased;
    font-size: 100%;
}

body {
    background-color: white;
        
}

.wrap {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.header-logo img{
    height: 50px;
}

.pageTitle {
    font-family: News Cycle, Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    padding-top: 20px;
    padding-bottom: 10px;
    line-height: 1.75rem;
}

.section {
    max-width: 960px;
    width: 100%;
    padding: 0px 10px;
    display: inline-block;
}

.sectionTitle {
    color: #0078BF;
    font-family: News Cycle, Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    padding-top: 20px;
    padding-bottom: 10px;
    line-height: 1.5rem;
}

.sectionContent {
    width: 100%;
    padding: 10px;
    border-top: solid 1px #0078BF;
    margin-bottom: 20px;    
    display: inline-block;
}

input[type=text],
input[type=date],
input[type=email],
input[type=tel],
input[type=number],
select {
    width: 100%;
    padding: 8px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    height: 2.0rem;
    min-height: 35px;
}

label {
    font-size: 0.85rem;
}

input[type=date] {
    -webkit-appearance: none;
}

input::placeholder {
    font-weight: normal;
    opacity: 0.5;
    color: gray;
}

.border-gray{
    border: solid 1px #EFEFEF;
    padding: 10px;
}

.mt{
    margin-top: 10px;
}
.mb{
    margin-bottom: 10px;
}

.field {    
    display: block;
    float: left;
}

.field-100 {
    width: 100%;
}

.field-50 {
    width: 49%;
}

.field-25 {
    width: 24%;
}

.field-75 {
    width: 74%;
}

.field-33 {
    width: 32%;
}

.field-66 {
    width: 65%;
}

.field-100, .field-50, .field-25, .field-75, .field-33, .field-66{
    padding: 0 1px;
}

.chkDiv {
    float: left;
    margin-right: 15px;
    min-width: 250px;
}

.check-sign {    
    border-left: solid 9px #ee5a05;
    border-radius: 5px;
    padding-bottom: 15px;    
}

input[type=submit] {
    border: solid 1px #DDD;
    background-color: #f28f3a;
    color: white;
    border-radius: 4px;
    padding: 10px 20px;
    font-size: 1.25rem;
}

input[type=submit]:disabled {
    border: solid 1px #DDD;
    background-color: #EFEFEF;    
}

.centerContent{
    text-align: center;
}

.footnote {
    margin-top: 20px;
    font-size: 0.8rem;
    background-color: #0078BF;
    color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.25rem;
}

.footnote a{
    color: white;
}

.w3-modal-content header,
.btnCloseModal {
   border-top-right-radius: 5px;
}
.w3-modal-content header{
    border-top-left-radius: 5px;
}
.w3-modal-content{
    border-radius: 5px;
}
#errorMessage{
    padding-bottom: 20px;
}

.divCompleted{
    display: none;
    margin-top: 20px;
}

.bg-ccf-blue{
    background-color: #0078BF;
    color: white;
}

#btnPopulate{
    display: none;
}