/* Start Page Formaters */
body {
    background-color: #f2f2f2 !important;
    min-height: 100%;
    width: 100%;
    margin: 0 0;
}

html {
    background-color: #f2f2f2 !important;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content-1 {
    position: relative;
}

@media (max-width: 850px) {
    .body-content {
        margin-top: 45px;
        margin-bottom: 85px;
        background-color: white;
        padding: 50px;
        box-shadow: 0 3px 6px 0 #a9a9a9, 0 4.5px 15px 0 #a9a9a9; /* Fallback color for browser compatibility */
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
    }
}

@media (min-width: 851px) {
    .body-content {
        margin-left: calc(175px - ((1366px) - 100vw) / 3.428);
        margin-right: calc(175px - ((1366px) - 100vw) / 3.428);
        margin-top: 45px;
        margin-bottom: 85px;
        background-color: white;
        padding: 50px;
        box-shadow: 0 3px 6px 0 #a9a9a9, 0 4.5px 15px 0 #a9a9a9; /* Fallback color for browser compatibility */
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
    }
}

/* Max out button size on small screens */
@media (max-width: 300px) {
    button {
        width: 100%;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0;
    }
}
/* End Page Formaters */

/* Start Logo/Header And Footer Helpers */
.emn-logo {
    width: 50%;
    max-width: 380px;
}

.header-center {
    text-align: center;
    margin-bottom: 1em;
}

.color-green {
    color: green;
}

.color-red {
    color: #dc3545;
}

.emn-logo-footer {
    vertical-align: text-top;
    max-height: 15px;
}
/* End Logo/Header And Footer Helpers */

/* Start Form Indention Helpers */
.form-indent-half {
    padding-left: 2.5vw;
}

.form-indent-1 {
    padding-left: 5vw;
}

.form-indent-2 {
    padding-left: 10vw;
}

.form-indent-3 {
    padding-left: 15vw;
}
/* End Form Indention Helpers */

/* Start Display Helpers */
.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}
/* End Display Helpers */

/* Start Validation Helpers */
.validation-summary-top {
    text-align: center;
    margin-bottom: 1em;
}

.validation-summary ul {
    display: table;
    margin: 0 auto;
}

.required-asterick {
    color: #dc3545;
    display: inline;
}
/* End Validation Helpers */

/* Start File Upload Helpers */
.fileUpload {
    position: relative;
    overflow: hidden;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

input[type='file'] {
    display: none;
}
/* End File Upload Helpers */

/* Start Display Template Table Helpers */
.dt-answer {
    max-width: 100%;
    margin-bottom: 5px;
    font-style: italic;
}

.dt-section {
    margin-bottom: 10px;
}
/* End Display Template Table Helpers */

/* Start Section Header Helpers */
.padding-ci {
    padding-top: 10px;
    padding-bottom: 10px;
}
/* End Section Header Helpers */

/* Start Display Helpers */
.display-none {
    display: none;
}

.display-inline {
    display: inline;
}
/* End Display Helpers */

/* Start Font Weight Helpers */
.font-weight-bold {
    font-weight: bold !important;
}

.font-weight-normal {
    font-weight: normal !important;
}
/* End Font Weight Helpers */

/* Start Wrapping Helpers */
.no-space-wrap {
    word-wrap: break-word;
}
/* End Wrapping Helpers */