/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */

/* Site CI information started */

@font-face {
    font-family: 'Ford F-1';
    src: url("../fonts/FordF-1-Light.woff") format("woff");
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'Ford F-1';
    src: url("../fonts/FordF-1-Light.woff") format("woff");
    font-style: italic;
    font-weight: 200;
}

@font-face {
    font-family: 'Ford F-1';
    src: url("../fonts/FordF-1-Regular.woff") format("woff");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Ford F-1';
    src: url("../fonts/FordF-1-Bold.woff") format("woff");
    font-style: normal;
    font-weight: bold;
    font-size:14px;
}

@font-face {
    font-family: 'Ford F-1';
    src: url("../fonts/FordF-1-Bold.woff") format("woff");
    font-weight: bold;
    font-style: italic;
}

body {
    box-sizing: border-box;
    color: #616161;
    font-family:'Ford F-1' !important;
    background-color: #fff;
    text-rendering: optimizelegibility;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;

    /*Added min width - since it's an desktop application*/
    min-width: 900px;
}

button.cta:hover {
    color: #1b394e;
    background-color: #fff;
    border-color: #1b394e;
}

input[type='submit']:hover, input[type='reset']:hover {
    color: #1b394e;
    background-color: #fff;
    border-color: #1b394e;
}

button.cta {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    font-size: 18px !important;
    /* font-size: 1.375rem; */
    font-weight: 200;
    position: relative;
    /* width: 100%; */
    border: 1px solid #2d96cd;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: #2d96cd;
}

input[type='submit'], input[type='reset'] {
    cursor: pointer;
    width: auto;
}

input[type='submit'], input[type='reset'] {
    background-color: #2d96cd;
    border: 1px solid transparent;
    color: #fff;
    display: inline-block;
    font-family: 'Ford F-1';
    font-weight: 700;
    line-height: 1.3;
    min-width: 12em;
    padding: 0.75em 1.5em;
    text-align: left;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: background-color 0.3s;
}

textarea.form-control {
    height: auto;
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px;
    }

    input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
    .input-group-sm > input[type="date"].input-group-addon,
    .input-group-sm > .input-group-btn > input[type="date"].btn,
    .input-group-sm input[type="date"],
    input[type="time"].input-sm,
    .input-group-sm > input[type="time"].form-control,
    .input-group-sm > input[type="time"].input-group-addon,
    .input-group-sm > .input-group-btn > input[type="time"].btn,
    .input-group-sm
    input[type="time"],
    input[type="datetime-local"].input-sm,
    .input-group-sm > input[type="datetime-local"].form-control,
    .input-group-sm > input[type="datetime-local"].input-group-addon,
    .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
    .input-group-sm
    input[type="datetime-local"],
    input[type="month"].input-sm,
    .input-group-sm > input[type="month"].form-control,
    .input-group-sm > input[type="month"].input-group-addon,
    .input-group-sm > .input-group-btn > input[type="month"].btn,
    .input-group-sm
    input[type="month"] {
        line-height: 30px;
    }

    input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
    .input-group-lg > input[type="date"].input-group-addon,
    .input-group-lg > .input-group-btn > input[type="date"].btn,
    .input-group-lg input[type="date"],
    input[type="time"].input-lg,
    .input-group-lg > input[type="time"].form-control,
    .input-group-lg > input[type="time"].input-group-addon,
    .input-group-lg > .input-group-btn > input[type="time"].btn,
    .input-group-lg
    input[type="time"],
    input[type="datetime-local"].input-lg,
    .input-group-lg > input[type="datetime-local"].form-control,
    .input-group-lg > input[type="datetime-local"].input-group-addon,
    .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
    .input-group-lg
    input[type="datetime-local"],
    input[type="month"].input-lg,
    .input-group-lg > input[type="month"].form-control,
    .input-group-lg > input[type="month"].input-group-addon,
    .input-group-lg > .input-group-btn > input[type="month"].btn,
    .input-group-lg
    input[type="month"] {
        line-height: 46px;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #1b394e;
        background-color: #fff;
        border-color: #1b394e;
        text-decoration: none;
    }

.btn-load:hover {
    color: #1b394e;
    background-color: #fff;
    border-color: #008cba;
}

    .btn:active, .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled, .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus, .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active, .btn-default.active,
    .open > .btn-default.dropdown-toggle {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
        .open > .btn-default.dropdown-toggle:hover,
        .open > .btn-default.dropdown-toggle:focus,
        .open > .btn-default.dropdown-toggle.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default:active, .btn-default.active,
    .open > .btn-default.dropdown-toggle {
        background-image: none;
    }

    .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
    fieldset[disabled] .btn-default:hover,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #888;
    border-color: #7b7b7b;
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #3c3c3c;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #5d5d5d;
    }

select {
    background-image: url(../images/icons/icon-select-arrow.svg);
    background-position: calc(100% - 1em) center;
    background-repeat: no-repeat;
    background-size: 1em 1em;
    color: #3d4d59;
    cursor: pointer;
    /* font-weight: 700; */
    padding-right: 2.5em;
}

    .btn-primary:active, .btn-primary.active,
    .open > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #5d5d5d;
    }

        .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
        .open > .btn-primary.dropdown-toggle:hover,
        .open > .btn-primary.dropdown-toggle:focus,
        .open > .btn-primary.dropdown-toggle.focus {
            color: #fff;
            background-color: #5d5d5d;
            border-color: #3c3c3c;
        }

    .btn-primary:active, .btn-primary.active,
    .open > .btn-primary.dropdown-toggle {
        background-image: none;
    }

    .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary:hover,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #888;
        border-color: #7b7b7b;
    }

    .btn-primary .badge {
        color: #888;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active, .btn-success.active,
    .open > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

        .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
        .open > .btn-success.dropdown-toggle:hover,
        .open > .btn-success.dropdown-toggle:focus,
        .open > .btn-success.dropdown-toggle.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-success:active, .btn-success.active,
    .open > .btn-success.dropdown-toggle {
        background-image: none;
    }

    .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
    fieldset[disabled] .btn-success:hover,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-load {
    padding: 5px;
    background-color: #008cba;
    color: white;
    border: 1px solid #008cba;
}

a.btn-load:hover {
    text-decoration: none;
}

table > thead {
    background-color: #F5F5F5;
    font-family: 'Ford F-1' !important;
    color: #595959 !important;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active, .btn-info.active,
    .open > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

        .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
        .open > .btn-info.dropdown-toggle:hover,
        .open > .btn-info.dropdown-toggle:focus,
        .open > .btn-info.dropdown-toggle.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .btn-info:active, .btn-info.active,
    .open > .btn-info.dropdown-toggle {
        background-image: none;
    }

    .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
    fieldset[disabled] .btn-info:hover,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active, .btn-warning.active,
    .open > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

        .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
        .open > .btn-warning.dropdown-toggle:hover,
        .open > .btn-warning.dropdown-toggle:focus,
        .open > .btn-warning.dropdown-toggle.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .btn-warning:active, .btn-warning.active,
    .open > .btn-warning.dropdown-toggle {
        background-image: none;
    }

    .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning:hover,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active, .btn-danger.active,
    .open > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

        .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
        .open > .btn-danger.dropdown-toggle:hover,
        .open > .btn-danger.dropdown-toggle:focus,
        .open > .btn-danger.dropdown-toggle.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .btn-danger:active, .btn-danger.active,
    .open > .btn-danger.dropdown-toggle {
        background-image: none;
    }

    .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger:hover,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    color: #888;
    font-weight: normal;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover, .btn-link:focus {
                color: #626262;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover, .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:hover,
            fieldset[disabled] .btn-link:focus {
                color: #b3b3b3;
                text-decoration: none;
            }


/* Site CI information ended */


.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


.report-loading {
    display: none;
    margin-left: 1em;
}

    .report-loading.active {
        display: inline-block;
    }


#pageHeader h1 {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(/images/Report_Banner.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 291px;
    height: 50px;
    margin-top: 34px;
}

a.button.pdf {
    background-image: url(../images/icons/icon-pdf.png);
}

a.button.xls {
    background-image: url(../images/icons/icon-excel.png);
}

a.button {
    border: 2px solid transparent;
    display: inline-block;
    font-size: 1em;
    padding: .75em 1.5em;
    border-radius: 0;
    cursor: pointer;
    /*background-color: #c9ced4;*/
    color: #000;
    transition: background .3s;
}

    /*a.button:hover {
        background-color: #7a7f82;
        color: #000;
    }*/

    a.button.cta {
        background-color: #92a2bd;
        color: #fff;
        font-size: 1.15em;
        font-weight: 700;
        padding-left: 1em;
    }

        a.button.cta::before {
            background-color: #7a7f82;
            background-image: url(../images/icons/icon-arrow-right-light.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            content: '';
            display: inline-block;
            height: 1em;
            margin-bottom: .2em;
            margin-right: .5em;
            vertical-align: middle;
            width: .75em;
        }

    a.button:disabled {
        cursor: auto;
        opacity: .5;
        pointer-events: none;
    }

    a.button.pdf,
    a.button.xls {
        background-position-x: 0.25em;
        /*background-position-y: 0.25em;*/
        background-repeat: no-repeat;
        background-size: 2.5em auto;
        border: 2px solid transparent;
        display: inline-block;
        font-size: 1em;
        padding: 1.5em 1.5em;
        border-radius: 0;
        cursor: pointer;
        background-color: none !important;
        color: #fff;
        transition: background .3s;
    }

    /*a.button.pdf:hover,
        a.button.xls:hover {
            background-color: #92a2bd;
            color: #000;
        }*/

    a.button.xls {
        background-image: url('../images/icons/xls2.png');
    }

    a.button.pdf {
        background-image: url('../images/icons/downloadexcel.png');
    }

legend {
    display: block;
    width: 100%;
    font-size: 1.23077em;
    line-height: 1.875em;
    margin-bottom: 0.69231em;
    padding: 0;
    color: #868686;
    border: 0;
    border-bottom: 1px solid #ddd;
}

label, input, button, select, textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
}

/*.info, .success, .warning, .error {
    border: 1px solid;
    margin: 10px 0px;
    padding: 20px 20px 20px 72px;
    background-repeat: no-repeat;
    background-position: 20px center;
}*/

html {
    background-color: #fff;
    color: #000;
}

#main {
    padding-top: 20px;
}






.form-submit-buttons .btn {
    float: right;
    margin-right: 10px;
}

/*.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #d33030;
    background-image: -moz-linear-gradient(top, #e74040, #b41717);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e74040), to(#b41717));
    background-image: -webkit-linear-gradient(top, #e74040, #b41717);
    background-image: -o-linear-gradient(top, #e74040, #b41717);
    background-image: linear-gradient(to bottom, #e74040, #b41717);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE74040', endColorstr='#FFB41717', GradientType=0);
    border-color: #b41717 #b41717 #700e0e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 #e11d1d inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #e11d1d inset, 0 1px 0 #fff;
    box-shadow: 0 1px 0 #e11d1d inset, 0 1px 0 #fff;
    *background-color: #b41717;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #9d1414;
}*/



.info {
    color: #00529b;
    background-color: #bde5f8;
    background-image: url(../../img/info.png?1536311338);
}

form .columns .third {
    position: relative;
}

form .columns {
    width: calc(100% + 1em);
}

@media screen and (min-width: 40em) {
    form .half,
    form .quarter,
    form .eighth,
    form .three-eighths {
        width: calc(50% - 0.5em);
    }

    form .third {
        width: calc(33.33% - 0.66em);
    }
}

@media screen and (min-width: 600px) {
    form .form-section .half,
    form .form-section .quarter,
    form .form-section .eighth,
    form .form-section .three-eighths {
        width: calc(50% - 1em);
    }

    form .form-section .third {
        width: calc(33.33% - 1.33em);
    }
}

@media screen and (min-width: 600px) {
    input[type='checkbox']:checked ~ .if-checked .half,
    input[type='radio']:checked ~ .if-checked .half,
    input[type='checkbox']:checked ~ .if-checked .quarter,
    input[type='radio']:checked ~ .if-checked .quarter {
        width: calc(50% - 1em);
    }

    input[type='checkbox']:checked ~ .if-checked .third,
    input[type='radio']:checked ~ .if-checked .third {
        width: calc(33.33% - 1em);
    }
}

article .third-page {
    max-width: 24.5em;
}

@media screen and (min-width: 45em) {
    .columns .third {
        flex-basis: calc(33.33% - 1em);
        max-width: calc(33.33% - 1em);
    }
}

@media screen and (min-width: 65em) {
    .large-padding-right {
        padding-right: 3em;
    }
}

.columns {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5em;
    margin-right: -0.5em;
}

    .columns > * {
        flex-basis: 100%;
        margin: .5em;
    }

@media screen and (min-width: 45em) {
    .columns .third {
        flex-basis: calc(33.33% - 1em);
        max-width: calc(33.33% - 1em);
    }
}

@media screen and (min-width: 45em) {
    .columns .two-thirds {
        flex-basis: calc(66.66% - 1em);
        max-width: calc(66.66% - 1em);
    }
}

article {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2em;
}

@media screen and (max-width: 37.5em) {
    article {
        background-image: none !important;
    }
}

@media screen and (min-width: 65em) {
    article {
        padding: 4em;
    }
}

article header {
    background-color: #e9ecf2;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: -2em -2em 2em -2em;
    padding: 2em 2em 2em 2em;
}

@media screen and (max-width: 37.5em) {
    article header {
        background-image: none !important;
    }
}

@media screen and (min-width: 65em) {
    article header {
        margin: -4em -4em 4em -4em;
        padding: 4em 4em 4em 4em;
    }
}

article .half-page {
    max-width: 40em;
}

article .third-page {
    max-width: 24.5em;
}

article ul,
article ol {
    padding-left: 2em;
}

    article ul li + li,
    article ol li + li {
        margin-top: .25em;
    }

article ul {
    list-style: none;
    padding-left: .5em;
}

    article ul li {
        padding-left: 1.5em;
        position: relative;
    }

        article ul li::before {
            background-image: url(../images/icons/list-arrow.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            content: '';
            display: block;
            height: 1em;
            left: 0;
            position: absolute;
            top: .2em;
            width: 1em;
        }

article img {
    display: block;
    height: auto;
    max-width: 100%;
}

    article img.stretch {
        width: 100%;
    }

.columns ul a {
    text-decoration: underline;
}

.container {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 75em;
    position: relative;
}

.large-padding-right [role='button'],
.large-padding-right input[type='submit'],
.large-padding-right input[type='reset'],
.large-padding-right button {
    width: 100%;
}

.margin-top-large {
    margin-top: 4em;
}

.featured-image {
    display: none;
}

@media screen and (max-width: 37.5em) {
    .featured-image {
        display: block;
        margin-left: -2em;
        margin-right: -2em;
        margin-top: -2em;
    }
}

/*[role='button'].cta1,
button.cta1 {
    background-image: url(../images/icons/icon-arrow-right-light.svg);
    background-position: calc(100% - 1em) center;
    background-repeat: no-repeat;
    background-size: .5em;
    font-size: 1.15em;
    font-weight: 700;
    padding-right: 3em;
}

    [role='button'].cta1:hover,
    button.cta1:hover {
        background-color: #92a2bd;
    }

a.cta1 {
    background-image: url(../images/icons/icon-arrow-right-light.svg);
    background-position: calc(100% - 1em) center;
    background-repeat: no-repeat;
    background-size: .5em;
    font-size: 1.15em;
    font-weight: 700;
    padding-right: 3em;
}*/

    a.cta1:hover {
        background-color: #92a2bd;
    }



label {
    max-width: 100%;
    margin-bottom: 5px;
    /*font-weight: bold;*/
}

.labelnormal {
    font-weight: normal;
}

label.required:after {
    content: "*";
    white-space: pre;
}

.btn-iconright {
    padding-left: 70px;
    padding-right: 85px;
}

.btn-default {
    border-color: #262626;
}

.btn {
    border-width: 1px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 24px;
    padding-right: 24px;
}

.lightgreybackgroundcolor {
    background-color: #F5F5F5;
}

.HeaderText {
    font-size: 25px;
    text-align: center;
    font-family: 'Ford F-1';
    color: #404040;
}

.headerText {
    font-family: 'Ford F-1';
    padding-top: 10px;
    font-size: 24px;
    color: #404040;
}

.AsideHeaderText {
    font-size: 17px;
    color: #404040;
    padding-left:10px;
}

.leftalign {
    padding-left: 0px;
}

.topalign {
    padding-top: 20px;
}

ul#headernav > li > a {
    font-size: 16px;
}

.ui-slider-handle {
    border-radius: 31px !important;
}

#HeaderDIVID {
    border-bottom: 1px solid rgb(245, 245, 245);
}

#DashboardHeaderLabelID {
    position: absolute;
    right: 0;
    top: -63px;
    width: 250px;
    color: red;
    display: none;
}

.leftnavalign {
    padding-left: 55px;
}

.slideValueBox {
    border: 1px solid;
    border-color: black;
    padding: 5px;
    width: 57px;
    text-align: center;
}

thead.BlackHeader {
    font-family: 'Ford F-1';
}

AntennaBold {
    font-family: 'Ford F-1' ;
}

.modalBorder {
    border: 3px solid #000000;
}

.subMenuAlign {
    display: none;
    background-color: #F5F5F5;
    padding-left: 32px;
}

div.dataTables_wrapper div.dataTables_info {
    display: inline-block;
    line-height: 20px;
    margin-right: 10px;
    overflow: auto;
    padding-top: 0;
}

div.dataTables_wrapper div.dataTables_paginate {
    display: inline-block;
}

.mainmenuheadersize {
    font-size: 18px;
    font-family: 'Ford F-1' !important;
    /*color: red;*/
}


.reportParameterCaption {
    color: #17a2b8;
}

.nav {
    flex-wrap: nowrap;
}

i {
    padding-left: 8px;
    font-size: small !important;
}

span.iconClass {
    font-size: small;
    margin-top: 15px;
}
/*arrows spaced with list item*/
.nav-justified .nav-item {
    text-align: left;
}


.nav-link {
    display: block;
    padding: 0.3rem 0rem;
}

.dropdown-menu {
    border: none;
    min-width: 10px;
    font-family: 'Ford F-1' !important;
}

.dropdown:hover > .dropdown-menu {
    display: block;
    font-family: 'Ford F-1' !important;
}

ul.dropdown-menu {
    border: none;
    min-width: 10px;
    font-family: 'Ford F-1' !important;
}

.Display-text {
    color: #d5161c !important;
    font-family: 'Ford F-1' !important;
}

.table th, .table td {
    padding: 0.25rem;
    vertical-align: top;
    border-top: 1px solid #999999;
}
/*table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191";
    font-family: fantasy !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "\2193";
    font-family: fantasy !important;
}*/

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    /*justify-content: flex-end;*/
    justify-content: center;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

#divMemberRecords {
    max-height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
}


.reportDetailLinkCaption {
    color: #008cba;
    font-family: 'Ford F-1';
    cursor: pointer;
}


.headerTop {
    border-bottom: 1px solid #d8d8d8;
    margin: 0;
    padding: 0;
    box-shadow: 0px 0px 3px #ccc;
}


.paneldefault {
    border: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
}

.panelbody {
    padding: 15px;
}

#header {
    min-height: 50px;
    background: #FFFFFF;
    border-bottom: 1px solid #d8d8d8;
    margin: 0;
    padding: 0;
    box-shadow: 0px 0px 3px #ccc;
}

.lock {
    padding-left: 8px;
    font-size: large !important;
}

.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.icon {
    padding: 10px;
    background: #008cba;
    color: white;
    min-width: 50px;
    text-align: center;
}

footer {
    position: relative;
    margin-top: -50px;
    height: 50px;
    clear: both;
    padding-top: 45px;
    margin-left: 20px;
}

#PageContainer {
    overflow: hidden;
    padding-bottom: 50px;
    min-height: 60em;
}

.mybtn-default {
    border-radius: 5px;
    padding-top: 5px;
    border: 1px solid gray;
}

table > tbody {
    /*font-family: Antenna !important;*/
    color: #595959 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #F5F5F5;
}

.alignTD {
    width: 115px;
}

.alignCHK {
    padding-left: 30px !important;
}

.ZonoRegularFont {
    font-family: 'Ford F-1';
}

table > tfoot {
    background-color: #00317b;
    color: #ffffff;
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #999999;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #999999;
}

.table > tbody > tr:first-child > td {
    border-top: none !important;
}

.content-backgroundColor {
    background-color: #F5F5F5;
}

.footertd {
    border-right: none !important;
    border-left: none !important;
}

.page-min-height {
    min-height: 400px;
}

input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 22px;
    height: 22px;
    border: 1px solid #008cba;
    border-radius: 50%;
    outline: none;
    vertical-align: middle;
}

@supports (-ms-ime-align: auto) {
    input[type='radio'] {
        border: none !important;
    }
}

    input[type='radio']:checked:before {
        background: #008cba;
    }

    input[type='radio']::-ms-check {
        border: 1px solid #008cba;
        color: #008cba;
    }

option {
    padding-bottom: 8px;
    padding-top: 8px;
}

input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

.border {
    border: 1px solid black;
    padding-bottom: 8px;
    padding-top: 8px;
    border-collapse: separate;
    border-spacing: 15px;
}

#buttons li {
    float: left;
    list-style: none;
    text-align: center;
    background-color: #808080;
    color: #ffffff;
    font-weight: bold;
    margin-right: 30px;
    width: 250px;
    line-height: 20px;
}

p.solid {
    border-style: solid;
}

.greenText {
    color: #00b300;
}

.amberText {
    color: #FFCC00;
}

.redText {
    font-weight:bold;
    color:black;
}

div.google-visualization-tooltip {
    vertical-align: middle;
    font-size: 15px;
    /*font-family: Antenna;*/
    max-height: 95px;
    max-width: 20%;
}

.align-right {
    text-align: right;
}

.white-space {
    white-space: nowrap;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #008cba;
    border-color: #008cba;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #008cba;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.variation {
    padding-top: 20px;
}

.col-1.variation {
    display: inline-flex;
}

.Projectcionslidervaldisplay {
    border: 1px solid;
    border-color: black;
    width: 50px;
    color: black;
    margin-left:10%;
}

#MatrixNoData {
    padding: 63px;
    min-height: 324px;
}

#divProductData, #divSquareDataPartial {
    padding-top: 10px;
}


input#tbltblMatrix_lengthGoToPage::-webkit-outer-spin-button,
input#tbltblMatrix_lengthGoToPage::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input#tbltblMatrix_lengthGoToPage[type=number] {
    -moz-appearance: textfield;
}

option {
    padding-bottom: 5px;
    padding-top: 5px;
}

.border {
    border: 1px solid black;
    padding-bottom: 8px;
    padding-top: 8px;
    border-collapse: separate;
    border-spacing: 15px;
}

#buttons li {
    float: left;
    list-style: none;
    text-align: center;
    background-color: #808080;
    color: #ffffff;
    font-weight: bold;
    margin-right: 30px;
    width: 250px;
    line-height: 20px;
    border-radius: 9px;
    margin-bottom: 13px;
    /*border-bottom: 8px solid #F5F5F5;*/
}

p.solid {
    border-style: solid;
}


.ShowDIVClass {
    width: 117px;
    float: left;
    position: relative;
    border: 1px solid gray;
    padding: 11px;
    margin-right: 10px;
}

.ShowTemplateClass {
    width: 255px;
    float: left;
    position: relative;
    border: 1px solid gray;
    padding: 11px;
    margin-right: 10px;
}

.ShowImageDIVClass {
    width: 255px;
    float: left;
    position: relative;
    border: 1px solid gray;
    padding: 11px;
    margin-right: 10px;
    margin-top: 14px;
}

    .ShowImageDIVClass a, .ShowImageDIVClass a {
        width: 100%;
        float: left;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #008cba;
        cursor: pointer;
        white-space: nowrap;
    }

h1, h2 {
    text-align: center
}

.pdffile {
    height: 100%;
    width: 100%;
}

body, html {
    height: 100%;
    width: 100%;
}

#values_list_values {
    padding: 15px;
}

#values_list {
    text-align: center;
}

#values_list_values div {
    margin: 15px;
    border-bottom: solid;
    border-width: 1px;
}

    #values_list_values div:hover {
        color: red;
    }

    #values_list_values div span {
        margin: 10px;
    }
.WordBreak {
    word-break: break-all !important;
}



.border:hover {
    cursor: pointer;
    background-color: #555555;
    color: #008cba;
   border-radius:9px;   
}

.FixedHeightContainer {
    float: right;
    height: 250px;
    width: 300px;
    padding: 3px;
    background: #F5F5F5;
}

.Content {
    height: 224px;
    overflow: auto;
    background: #F5F5F5;
}

.paddingleft0 {
    padding-left: 0px;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.iconStyle {
    font-size: 20px !important;
    margin-left: 10px;
    margin-top: 7px;
    cursor: pointer;
}

.editIcon {
    color: #008cba;
}

.deleteIcon {
    color: #d5161c;
}

.visitBottom span {
    padding: 5px;
    border: 1px solid gray;
}

.mktListactive {
    background: #555555;
    color: #008cba;
    pointer-events: auto;
    border-radius: 9px;
}

button.mktList:active {
    background: #555555;
    color: #008cba;
}

/*td.details-control {
    background: url('http://www.datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('http://www.datatables.net/examples/resources/details_close.png') no-repeat center center;
}*/

/*Added Below are required for Disable Whole Form*/

/*div.fadeMe {
    opacity: 0.7;
    filter: alpha(opacity=20);
    background-color: white;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
}
.paddingleft0{
    padding-left:0px;
}
.text-center{
    text-align:center;
}
.text-right {
    text-align: right;
}
.iconStyle {
    font-size: 20px !important;
    margin-left: 10px;
    margin-top: 7px;
    cursor: pointer;
}

.editIcon {
    color: #008cba;
}

.deleteIcon {
    color: #d5161c;
}

.report-loading, .chart-loading {
    position: fixed;
    z-index: 9999;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.report-loading {
    display: none;
}*/

/*Added Above are required for Disable Whole Form*/


div.fadeMe {
    /*opacity: 0.7;
    filter: alpha(opacity=20);
    background-color: white;*/
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
    opacity: 0.2;
    filter: alpha(opacity=20);
    background-color: lightgrey;
}

.report-loading, .chart-loading {
    position: fixed;
    z-index: 9999;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.report-loading {
    display: none;
}


.titleCase {
    text-transform: capitalize;
}

.dataTables_length select.form-control {
    padding: .375rem 1.5em .375rem .75rem;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

.divVisitScroll{
    height:475px;
}
.centerAlign{
    margin:10px;
    margin-left:0px;
}
.alignDateLeft{
    padding-left:12px;
}
.topalignbetween{
    padding-top:7px;
}
.offsetaligned {
    margin-left: 76%;
}

label.error {
    color: #d5161c;
}

.UniCode {
    font-family: 'Ford F-1';
}

.dropdown-item {
    font-size: 14px !important;
    font-family: 'Ford F-1' !important;
}
.ErrorMessage{
    color: #ff0000;
}

.wpv-filter-form .form-control {
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #3d4d59;
    border-radius: 0;
    color: #616161;
    font-family: 'Ford F-1';
    font-size: 1em;
    line-height: 1.3;
    margin: 0;
    transition: background-color 0.3s, border 0.3s;
    width: 100%;
}

input:focus,
select:focus,
textarea:focus,
input:hover,
select:hover,
textarea:hover {
    /*background-color: @pantone-light;*/
    outline: 0;
}

input:focus,
select:focus,
textarea:focus {
    color: inherit !important;
    background-color: #fff !important;
    border-color: #92a2bd !important;
    outline: 0 !important;
    box-shadow: inherit !important;
}

input:disabled,
select:disabled,
textarea:disabled {
    opacity: .5;
    pointer-events: none;
}
.lnkBacktoMatrix {
    /*float: right;*/
    font-family: 'Ford F-1';
    height: 30px;
    padding-left: 0px;
}

input ::-webkit-input-placeholder,
select ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #3d4d59;
    font-family: 'Ford F-1';
}
.divnodata {
    height: 300px;
}
.graphText {
    color: #000000;
    font-size: 11px;
    line-height: 16px;
}
.graphNumber {
    color: #000000;
    font-size: 15px;
    line-height: 16px;
}
.btn-resetnew {
    color: black !important;
    background-color: white !important;
}

.Min-space {
    min-height: 15px;
}

.slidercontrol .ui-state-default, .slidercontrol .ui-widget-content .ui-state-default, .slidercontrol .ui-widget-header .ui-state-default,
.slidercontrol .ui-button, html .slidercontrol .ui-button.ui-state-disabled:hover, html .slidercontrol .ui-button.ui-state-disabled:active {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #808080;
    outline: none;
}

.slidercontrol .ui-state-default, .slidercontrol .ui-widget-content .ui-state-default, .slidercontrol .ui-widget-header .ui-state-default,
.slidercontrol .ui-button, html .slidercontrol .ui-button.ui-state-disabled:hover, html .slidercontrol .ui-button.ui-state-disabled:active {
    background: none;
}

.slidercontrolPart .ui-state-default, .slidercontrolPart .ui-widget-content .ui-state-default, .slidercontrolPart .ui-widget-header .ui-state-default,
.slidercontrolPart .ui-button, html .slidercontrolPart .ui-button.ui-state-disabled:hover, html .slidercontrolPart .ui-button.ui-state-disabled:active {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #808080;
    outline: none;
}

.slidercontrolPart .ui-state-default, .slidercontrolPart .ui-widget-content .ui-state-default, .slidercontrolPart .ui-widget-header .ui-state-default,
.slidercontrolPart .ui-button, html .slidercontrolPart .ui-button.ui-state-disabled:hover, html .slidercontrolPart .ui-button.ui-state-disabled:active {
    background: none;
}

.ui-slider-handle {
    border-radius: 0px !important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -1em;
}

.ui-slider-horizontal {
    height: .2em;
}

.BoldHeader{
    font-weight:bold;
    font-family: 'Ford F-1';
}
.Pagetitle {
    padding-top: 2%;
    font-family: 'Ford F-1';
}


/* override the data table plugin css*/

.table.dataTable thead .sorting:before {
    content: "\2193";
}

.table.dataTable thead .sorting:after {
    content: "\2191";
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    content: "\2193";
}

table.dataTable thead .sorting_desc::after {
    content: "\2193";
}
/* override the data table plugin css*/

@media only screen and (max-width: 1400px) {
    .Slider-textbox {
        margin-left:3px;
    }
}

@media only screen and (min-width:1900px){
    .Slider-textbox {
        margin-left: -2px;
    }
    .Slider-textbox-AvgGraph{
        margin-left:-6px !important;
    }
}

.BackReportClass{
    font-family: 'Ford F-1';
    font-weight:bold;
}

.form-Content {
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    padding: 30px;
    position: relative;
    -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    width: 700px;
    margin: 0 auto;
}

.FormHeader {
    font-weight: bold;
}