/*
 * Brand colours
 * Primary:
 * Forest Green: 034540
 * Lime Green: C4D600
 * Mist: EDEADF
 * Red (Logo Only): DA291C
 * 
 * Secondary:
 * Dusty Green: 39726C
 * Dark Mist: DCD9CB
 * Light Mist: F4F2EC
 * Coral: E06055
 * Amber: EAA524
 *  
 */

body {
    background-color: #e8e5d9; /* Non-standard specified in design (instead of Mist: #edeadf) */
    font-family: Interstate, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-feature-settings: "liga", "kern";
}

.panel {
    background-color: #f4f2ec; /* Light Mist */
    border-color: #f4f2ec; /* Light Mist */
}

.display-text, .display-checkbox-text, .display-error, .display-error-lower {
    color: black;
}

.display-label, p {
    color: black;
}

.display-error, .display-error-lower {
    background-color: #E06055; /* Coral */
    color: black;
}



/* .field-validation-error : for pages still using @Html.ValidationMessageFor */
.field-validation-error {
    background-color: #E06055; /* Coral */
    color: black;
}

hr {
    color: #DCD9CB; /* Dark Mist */
}

#loading {
    background-color: #e8e5d9; /* Non-standard specified in design (instead of Mist: #edeadf) */
}

#loadingspinner {
    color: black;
}

a {
    color: #034540; /* Forest Green */
}

    a:hover {
        color: #39726C; /* Dusty Green */
    }

    a:focus {
        color: #39726C; /* Dusty Green */
        outline: #034540 auto 5px; /* Forest Green */
    }

input:focus {
    outline: #034540 auto 5px; /* Forest Green */
    border-radius: 0;
}

button:focus {
    outline: #034540 auto 5px; /* Forest Green */
    border-radius: 0;
}

button.alert:focus {
    outline: #034540 auto 5px; /* Forest Green */
    border-radius: 0;
}

select:focus {
    outline: #034540 auto 5px; /* Forest Green */
    border-radius: 0;
}

header {
    color: black;
}

table {
    background-color: white;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"],
textarea, select {
    border-color: #034540; /* Forest Green */
}

    input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea {
        background-color: #DCD9CB; /* Mist */
    }

table tr th, table thead tr th {
    background-color: #DCD9CB; /* Dark Mist */
}

/* Used by block card page */

@media screen and (min-width: 1200px) {
}

.block-card .switch label {
    background-color: #c4d600; /* Lime Green */
}

.block-card .switch input:checked + label {
    background-color: #da291c; /* Logo Red */
}


/* For My Details page */

.link {
    color: #034540; /* Forest Green */
}

    .link:hover {
        color: #39726C; /* Dusty Green */
    }


.alert-box {
    background-color: #c4d600; /* Lime Green */
    border-color: #c4d600; /* Lime Green */
    color: black;
}

    .alert-box > p {
        color: black;
    }

    .alert-box.alert > a {
        color: #f0f0f0;
    }

        .alert-box.alert > a:hover {
            color: white;
        }

    .alert-box.success {
        background-color: #c4d600; /* Lime Green */
        border-color: #c4d600; /* Lime Green */
        color: black;
    }

    .alert-box.warning {
        background-color: #f08a24;
        border-color: #f08a24;
        color: white;
    }

.alert.button {
    color: #c4d640; /* Lime Green */
    border-color: #034540; /* Forest Green */
    background-color: #034540; /* Forest Green */
    border-width: 1px;
    border-style: solid;
}

    .alert.button:hover {
        color: #c4d640; /* Lime Green */
        background-color: #1D5F5A;
    }

    .alert.button:focus {
        color: #c4d640; /* Lime Green */
        background-color: #1D5F5A;
    }

.green.button {
    color: #c4d640; /* Lime Green */
    background-color: #034540; /* Forest Green */
    border-color: #034540; /* Forest Green */
    border-width: 1px;
    border-style: solid;
}

    .green.button:hover {
        color: #c4d640; /* Lime Green */
        background-color: #1D5F5A;
    }

    .green.button:focus {
        color: #c4d640; /* Lime Green */
        background-color: #1D5F5A;
    }

    .green.button:disabled {
        color: black;
        border-color: #DCD9CB; /* Dark Mist */
        background-color: #DCD9CB; /* Dark Mist */
    }

.grey.button {
    color: #034540; /* Forest Green */
    background-color: #DCD9CB; /* Dark Mist */
    border-color: #DCD9CB; /* Dark Mist */
    border-width: 1px;
    border-style: solid;
}

    .grey.button:hover {
        color: #034540; /* Forest Green */
        background-color: #EDEADF; /* Mist */
    }

    .grey.button:focus {
        color: #034540; /* Forest Green */
        background-color: #EDEADF; /* Mist */
    }

    .grey.button:disabled {
        color: black;
        border-color: #DCD9CB; /* Dark Mist */
        background-color: #DCD9CB; /* Dark Mist */
    }

.orange.button {
    color: #034540; /* Forest Green */
    background-color: #EAA524; /* Amber */
    border-color: #EAA524; /* Amber */
    border-width: 1px;
    border-style: solid;
}

    .orange.button:hover {
        color: #034540; /* Forest Green */
        background-color: #FFBF3E;
    }

    .orange.button:focus {
        color: #034540; /* Forest Green */
        background-color: #FFBF3E;
    }

    .orange.button:disabled {
        color: black;
        border-color: #DCD9CB; /* Dark Mist */
        background-color: #DCD9CB; /* Dark Mist */
    }

.alert-box.alert {
    background-color: #E06055; /* Coral */
    border-color: #E06055; /* Coral */
    color: black;
}

button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
    background-color: #39726C; /* Dusty Green */
    border-color: #034540; /* Forest Green */
}
    button.disabled.alert:hover, button[disabled].alert:hover, .button.disabled.alert:hover, .button[disabled].alert:hover {
        background-color: #39726C; /* Dusty Green */
        border-color: #034540; /* Forest Green */
    }

li.check:before {
    font-family: FontAwesome;
    content: "\f00c"; /* fa-check */
    color: #39726C; /* Dusty Green */
    padding-right: 8px;
}

.icon-green {
    color: #39726C; /* Dusty Green */
}