body {
    margin: 0;
}

h3 {
    font-size: 3em;
    text-align: center;
    display: block;
    margin: auto;
    color: #2365A2;
}
#octagon {
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background-color: red;
    color: whitesmoke;
    height: 200px;
    width: 200px;
    text-align: center;
    font-size: .9em;
    padding: 20px !important;
}

#octagon p {
    margin: auto;
}

#octagon p a {
    color: whitesmoke;
    text-decoration: underline !important;
}

#left,
#right {
    display: flex;
    padding: 15px 25px;
    margin: auto;
}

#right {
	max-width: 60%;
}
#contact_training {
	text-decoration: none;
}	

#EC_link {
	color: #FF0000 !important;
	text-decoration: underline !important;
}	

#EC_message {
	color: #FF0000;
}	

#signup > div > div {
    max-width: 300px;
    margin:auto;
}

.table {
    border-collapse: collapse !important;
    max-width: 100%;
    margin-bottom: 20px;
}

.table th,
.table td {
    padding: 3px;
}

.table td {
    background-color: lightgray;
}

.table th {
    background-color: #B0CC53;
}

.table > thead > tr > th,
.table > tbody > tr > td {
    padding: 8px;
    line-height: 1.42587143;
    vertical-align: top;
}

.table > thead > tr > th {
    vertical-align: bottom;
    text-align: center;
    border-bottom: 2px solid #ddd;
}

.table > tbody > tr > td {
    border-top: 1px solid #ddd;
}

.included {
    background: url('/media-custom/portal/images/portal-tx811/x1.png') center no-repeat;
    background-size: contain;
}

td.white {
    background-color: #ffffff;
    white-space: nowrap;
}

.divider {
    display: flex;
    margin: auto;
    padding: 1px;
    background-color: #233053;
    width: 1px;
    border: 1px solid #233053;
    border-radius: 5px;
    margin: 30px 0;
}

#box a {
    color: #2365A2;
}

#box {
    width: 95%;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    justify-content: center;
}

#body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

#signup,
#signup > div {
    display: flex;
    padding: 5px;
}

#top_section,
#middle_section,
#bottom_section {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#top_section div {
    display: flex;
    flex-direction: row;
}

#top_section div img {
    margin: auto;
}

#top_section {
    flex-grow: 1;
    background: url('/media-custom/portal/images/street-building-construction-industry.jpg') center center no-repeat;
    background-size: 100% auto;
}

#middle_section {
    flex-grow: 1;
    background-color: #fafafa;
    border-top: 20px solid #233053;
    border-bottom: 20px solid #233053;
}

#message {
    min-height: 250px;
    text-align: center;
    display: table;
}

#message > p {
    font-weight: 700;
    display: table-cell;
    vertical-align: middle
}

#bottom_section {
    flex-grow: 4;
}