* { 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, .form-item-container input[type="email"]
    { 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;}




#overlay {
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 100000; /* Sit on top */
    left: 0;
    top: 0;
    background: rgba(141, 141, 141, 0.4); 
    overflow-x: hidden; /* Disable horizontal scroll */
    display:none;
    }


#loader {
    position: fixed;
    opacity: 1;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #a7a5a5;
    border-radius: 50%;
    border-top: 16px solid rgba(77, 57, 194, 1);
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    }
    
    @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
    }
    
    @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
    }

    .invalid {
        border-style: solid;
        border-width: 2px;
        border-color: red;
    }
    
    .detailText {
        font-weight:bold
    }

    .admin-menu {
       padding-left:5px;
       padding-right:5px; 
    }