﻿* { box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'IBM Plex Serif',Georgia,"Times New Roman",serif; }

body {font-family: 'IBM Plex Serif',Georgia,"Times New Roman",serif; font-size: 14px; background:#eaebed; margin: 0;}

h1, h2, h3, h4, h5, h6 { font-family: 'IBM Plex Sans', sans-serif;}

.main-container, .form-section { max-width: 960px; margin: 0 auto;}
.slide-container img {width: 100%; display:block; height: auto; }
.action-container { margin-top: 30px; border-top: 1px solid rgba(0,0,0,.2); padding-top: 30px;}
    .action-container a { display:inline-block; text-align:center; background:#007cba; color:#fff; padding: 20px; font-size: 16px; text-decoration:none;  font-family: 'IBM Plex Sans', sans-serif; text-transform:uppercase;}

/*Form Properties Styles*/
.form-section { margin-bottom: 15px; border-bottom: 1px solid #dce2ec; padding-bottom: 15px; }
    .form-section:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}

.form-section-title { font-size: 2em; margin-bottom: 30px; font-weight: 700; font-family: 'IBM Plex Sans', sans-serif;}
.form-section-description { padding-bottom: 30px; line-height: 1.45em; }

.form-item-container { margin-bottom: 20px;}
    .form-item-container label { display:block; margin-bottom: 7px;}
        .form-item-container label.required:before {content:"*"; padding-right: 10px; display: inline-block; color:#ff0000; }
    .form-item-container input[type="text"], .form-item-container input[type="password"], .form-item-container input[type="date"], select, textarea
    { display:block; width: 100%; padding: 10px; font-size: 1em; max-width: 700px;}

    .form-item-container textarea { height: 75px;}

    .form-item-container blockquote:before { content: "Validation Notes: "; font-weight: 700;}
.form-item-container blockquote { padding: 0; font-size: .8em; font-style: italic; margin: 10px 0 0 0;}

.cb-item { float:left; margin-right: 20px;}
    .cb-item label { font-size: 1em;}

.form-btn {display:inline-block; border: 0; text-align:center; background:#007cba; color:#fff; padding: 20px; font-size: 16px; text-decoration:none;  font-family: 'IBM Plex Sans', sans-serif; text-transform:uppercase; }

.main-table { width: 100%; border-collapse: collapse;}
    .main-table th { background:#007cba; color:#fff; text-align:left; padding: 8px;}
    .main-table td {border-bottom: 1px solid #ccc; padding: 8px; }

        .main-table tr:nth-child(even) { background:#fff}
        .main-table tr:nth-child(odd) { background:#f0f1f2}


/*General Styles*/
.clear-after:after {content:""; display:block; clear:both; }

.float-left { float:left;}
.float-right { float:right;}

.width60 { width: 60%;}
.width40 { width: 40%;}
.width25 { width: 25%;}

.width33 { width: 30%;}
.width33:nth-child(2) {margin: 0 5%;}

.red { color:#cc0606;}
.yellow { color:#ddab08;}
.green { color:#28975d;}


