/* Minification failed. Returning unminified contents.
(27,1): run-time error CSS1019: Unexpected token, found '@import'
(27,9): run-time error CSS1019: Unexpected token, found '"Exo.css"'
(212,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-c-bg-section'
(216,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-c-font-base'
(440,24): run-time error CSS1030: Expected identifier, found '.'
(440,25): run-time error CSS1030: Expected identifier, found 'ngb-dp-day'
(440,57): run-time error CSS1031: Expected selector, found ')'
(440,57): run-time error CSS1025: Expected comma or open brace, found ')'
(643,17): run-time error CSS1039: Token not allowed after unary operator: '-mf-c-font-base'
(655,18): run-time error CSS1030: Expected identifier, found '['
(655,27): run-time error CSS1031: Expected selector, found ']'
(655,27): run-time error CSS1025: Expected comma or open brace, found ']'
(687,33): run-time error CSS1039: Token not allowed after unary operator: '-mf-c-focus'
(689,28): run-time error CSS1039: Token not allowed after unary operator: '-mf-c-bd-input'
 */
/* vietnamese */
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Exo.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Exo.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Exo.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@import "Exo.css";

html {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0px;
}

body {
    background: rgba(255, 255, 255, 0.9) !important;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0px;
    flex: 1 1 0%;
}

.container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 90%;
}

main#main {
    flex: 1 0 auto;
}

.footer-container {
    bottom: 0;
    position: static;
    margin-top: auto;
    flex-shrink: 0;
}

.important {
    color: red;
}

.help-prompt {
    font-size: smaller;
    font-style: italic;
    color: darkgray;
}

.dashboard-text-block {
    font-size: larger;
    margin-left: 10px;
}

.dashboard-row-block {
    height: 75px;
}

/*h1, h2, h3, h4, h5, h6 {
    font-family: 'Arial', sans-serif;
    text-transform: capitalize;
}

p, div {
    font-family: 'Arial', sans-serif;
}*/

.switch {
    position: relative;
    height: 26px;
    width: 120px;
    margin: 20px 0;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 58px;
    line-height: 26px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.35);
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
    cursor: pointer;
}

    .switch-label:active {
        font-weight: bold;
    }

.switch-label-off {
    padding-left: 2px;
}

.switch-label-on {
    padding-right: 2px;
}


.switch-input {
    display: none;
}

    .switch-input:checked + .switch-label {
        font-weight: normal;
        color: rgba(255, 255, 255, 1);
        text-shadow: 0 1px rgba(255, 255, 255, 0.25);
        -webkit-transition: 0.15s ease-out;
        -moz-transition: 0.15s ease-out;
        -ms-transition: 0.15s ease-out;
        -o-transition: 0.15s ease-out;
        transition: 0.15s ease-out;
        -webkit-transition-property: color, text-shadow;
        -moz-transition-property: color, text-shadow;
        -ms-transition-property: color, text-shadow;
        -o-transition-property: color, text-shadow;
        transition-property: color, text-shadow;
    }

    .switch-input:checked + .switch-label-on ~ .switch-selection {
        left: 60px;
        /* Note: left: 50%; doesn't transition in WebKit */
    }

.switch-selection {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    display: block;
    width: 58px;
    height: 22px;
    border-radius: 3px;
    background-color: #21428d;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5989FA), color-stop(100%, #21428d));
    background-image: -webkit-linear-gradient(top, #5989FA, #21428d);
    background-image: -moz-linear-gradient(top, #5989FA, #21428d);
    background-image: -ms-linear-gradient(top, #5989FA, #21428d);
    background-image: -o-linear-gradient(top, #5989FA, #21428d);
    background-image: linear-gradient(top, #5989FA, #21428d);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

#content {
    padding: 10px;
}

.dataBucket {
    font-size: 1.2em;
    padding: 5px;
    color: #cccccc;
}

.contacts {
    margin: 10px 0;
    border-bottom: 2px solid gray;
}

.navbar-inverse {
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff 0px, #a9c3ff 100%);
}

.navbar {
    border-bottom: 3px solid #21428d;
}

.navbar-inverse .navbar-nav > li > a {
    color: #21428d;
    cursor: pointer;
}

    .navbar-inverse .navbar-nav > li > a:hover {
        color: #061537;
    }

.jumbotron {
    background-color: var(--mf-c-bg-section);
    border-bottom: 1px solid #21428d;
    margin-top: 30px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    color: var(--mf-c-font-base);
}

.jumbotron-wide {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.ng-enter {
    -webkit-transition: .2s linear all; /* Chrome */
    transition: .2s linear all;
    opacity: 0;
}

.ng-enter-active {
    opacity: 1;
}

.ng-leave {
    -webkit-transition: .2s linear all; /* Chrome */
    transition: .2s linear all;
    opacity: 1;
}

.ng-leave-active {
    opacity: 0;
}

.alert {
    position: fixed;
    left: 10px;
    width: 100%;
    height: 50px;
    z-index: 9999;
}

.btn-info {
    background-color: #21428d !important;
    border-color: #5989FA !important;
    color: #fff !important;
}

.btn + .btn {
    margin-left: 5px;
}

tags-input .tags .tag-item {
    background: linear-gradient(to bottom, #5989FA 0px, #21428d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    text-transform: uppercase;
}

    tags-input .tags .tag-item .remove-button {
        color: #A7BEF5;
    }

.close {
    font-weight: bold !important;
    color: black !important;
}

.no-border {
    border: none;
}

.border-top {
    border-top: 1px solid #21428d;
}

btn-noPadding {
    padding: 0;
}

overflow--hidden {
    overflow: hidden;
}

.block {
    display: block;
    padding: 2px
}

.menu--hidden {
    visibility: hidden;
    display: none !important;
}

.menu--show {
    visibility: visible;
}

.legend {
}

.legend-secondary {
}

#termsOfService {
    border: 1px solid #ccc;
    height: 300px;
    overflow: auto;
    margin: 10px
}

    #termsOfService p {
        margin: 15px;
        text-align: justify;
    }

.form-actions {
    margin: 0;
    background-color: transparent;
    text-align: center;
}

.sortable, .column.sortable {
    cursor: pointer;
}

.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

.calendar {
    width: 280px;
    width: 17.5em;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 16px;
    font-size: 1em;
}

    .calendar > caption {
        margin-bottom: 5px;
        margin-bottom: 0.3125rem;
        text-align: center;
    }

    .calendar th, .calendar td {
        line-height: 1;
        text-align: center;
    }

    .calendar th {
        vertical-align: bottom;
    }

    .calendar td {
        vertical-align: middle;
    }

    .calendar thead {
        border-bottom: 2px solid #cccccc;
    }

    .calendar tbody td {
        border-top: 1px solid #cccccc;
        padding: 0;
    }

.calendar-btn {
    margin: 1px 5px 0 5px;
    padding: 0 10px;
    line-height: 1.44;
    text-align: center;
}

    .calendar-btn:focus, .calendar-btn:hover {
        background-color: #e1eefd;
    }

.calendar-captionText {
    padding: 0 10px 2.5px 10px;
    font-size: 19px;
    font-size: 1em;
}

    .calendar-captionText:focus, .calendar-captionText:hover {
        background-color: #e1eefd;
    }

.calendar-dayofWeek {
    font-size: 14px;
    font-size: .8em;
    color: #595959;
}

.calendar-date {
    display: block;
    padding: 10px 0;
    padding: 0.625em 0;
    color: #0d529f;
}

    .calendar-date.otherMonth {
        color: #a5a5a5;
    }

    .calendar-date.weekend {
        color: #b2b2b2;
        background-color: red;
    }

    .calendar-date:focus, .calendar-date:hover {
        text-decoration: none;
        background-color: #e1eefd;
    }

    .calendar-date.selected {
        background-color: #f39300;
    }

    .calendar-date.today {
        color: #FFF !important;
        background-color: #0d529f;
    }

.ngb-dp-month:not(:has(.ngb-dp-day[aria-selected="true"])) .ngb-dp-today {
    color: #FFF !important;
    background-color: #0d529f;
}

.ngb-dp-day[aria-selected="true"] {
    color: #FFF !important;
    background-color: #0d529f;
}

.calendar-date.disabled {
    color: #bfbfbf;
    background-color: #f8f8f8;
    cursor: not-allowed;
}

.calendar-month {
    width: 34%;
}

.calendar-month-text {
    display: block;
    padding: 10px 0;
    padding: 0.625em 0;
    color: #262626;
}

    .calendar-month-text:focus, .calendar-month-text:hover {
        background-color: #e1eefd;
    }

    .calendar-month-text.selected {
        background-color: #f39300;
    }

    .calendar-month-text.currentMonth {
        color: #FFF;
        background-color: #0d529f;
    }

.calendar-year-text {
    display: block;
    padding: 10px 0;
    padding: 0.625em 0;
    color: #262626;
}

    .calendar-year-text:focus, .calendar-year-text:hover {
        background-color: #e1eefd;
    }

    .calendar-year-text.selected {
        background-color: #f39300;
    }

    .calendar-year-text.currentYear {
        color: #FFF;
        background-color: #0d529f;
    }

.calendar--small .calendar {
    width: auto;
}

.calendar--small .calendar-date {
    padding: 5px 0;
    font-size: 16px;
    font-size: 1em;
}

.calendar--small .calendar-captionText {
    font-size: 16px;
    font-size: 1em;
}

.calendar--singleMonth .calendar .calendar-btn {
    display: none;
}

.calendar--singleMonth .calendar .calendar-captionText {
    color: #262626;
    cursor: text;
    outline: none;
}

    .calendar--singleMonth .calendar .calendar-captionText:focus, .calendar--singleMonth .calendar .calendar-captionText:hover {
        color: #262626;
        background-color: transparent;
    }

.calendar--singleMonth .calendar-date.otherMonth {
    visibility: hidden;
}

form.certification-exam ol {
    padding-left: 10px;
    list-style-type: decimal;
    font-size: 12pt;
}

    form.certification-exam ol > li {
        margin: 10px 0px 10px 10px;
        padding: 10px 35px 0px 10px; /* Extra 25px on the right because the labels will be shifted 25px. None on the bottom because labels will be shifted up. */
        border: 1px solid #dddddd;
        border-radius: 2px;
        line-height: 1.3em;
        position: relative;
        background-color: white;
        opacity: 1;
    }

        form.certification-exam ol > li > p {
            font-weight: bold;
            font-size: 1em;
            margin-bottom: 1.5em;
        }

        form.certification-exam ol > li > input {
            display: block;
        }

        form.certification-exam ol > li > label {
            font-weight: normal;
            display: block;
            position: relative;
            left: 25px;
            top: -1em;
        }

        form.certification-exam ol > li > div {
            text-align: right;
            width: 100%;
            padding: 0;
            position: relative;
        }

            form.certification-exam ol > li > div > a {
                position: relative;
                left: 25px;
                top: -5px;
                cursor: pointer;
            }


form.certification-exam #video input[type="button"] {
    margin: 10px 0px 20px 0px;
}

form.certification-exam #exam ol ~ input[type="button"] {
    margin: 10px 0px 10px 20px; /* Cause button to align with bodies of list items, not with their numbers. */
}

@media only screen and (min-width: 600px) {
    video {
        width: 600px;
    }
}

@media only screen and (max-width: 600px) {
    video {
        width: 100%
    }
}

nav.footer-nav {
    margin-top: 20px;
}

div.mro-and-logo {
    margin-bottom: 40px;
}

.repetition {
    color: #707070;
}

#simple-table-container {
    overflow: auto;
    max-height: 80vh;
    padding-top: 0;
    border-top: 1px solid #ddd;
}

    #simple-table-container table {
        border-width: 0;
    }

        #simple-table-container table th {
            position: sticky;
            top: 0;
            background-color: white;
        }

            #simple-table-container table th button {
                padding: 0;
            }

            #simple-table-container table th input {
                min-width: 50px;
            }

.version-tag {
    font-size: 1.2rem;
    color: var(--mf-c-font-base);
    font-style: italic;
}

.list-group-item:has(textarea) {
    display: flex;
}

.list-group-item > textarea {
    margin-left: 4px;
}

label:has(+ input[required])::after,
label:has(+ select[required])::after,
label:has(+ textarea[required])::after,
div:has(+ div input[required]) label::after,
div:has(+ div select[required]) label::after,
div:has(+ div textarea[required]) label::after {
    content: " *";
    color: red;
    font-weight: bold;
    white-space: nowrap;
}

.dropdown-toggle:focus {
    outline: auto;
}

.navbar-default {
    background-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}

.pull-right {
    float: right;
}

a.ma__button.btn {
    color: white !important;
}

    a.ma__button.btn:hover {
        outline: 2px solid var(--mf-c-focus);
        outline-offset: 2px;
        border-color: var(--mf-c-bd-input);
    }

.report {
    padding-top: 1%
}


.growl {
    z-index: 9999;
}

.growl-item {
    z-index: 9999;
    position: fixed;
    max-height: 500px;
    overflow-y: scroll;
}

.input-and-button {
    display: flex;
    gap: 10px;
    align-items: center;
}

.pr-1-pct {
    padding-right: 1%;
}

.pl-1-pct {
    padding-left: 1%;
}

label:has(+ input) {
    margin-right: 5px;
}

div.btn-light.text-muted.outside {
    font-size: 14px !important;
    color: white !important;
    background-color: #535353 !important;
    opacity: 1 !important;
}

.date-clear {
    background-color: #CD0D0D !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    top: 0 !important;
}

textarea::placeholder {
    color: #535353;
    font-weight: bold;
    opacity: 1;
    font-size: 16px;
}

select[multiple] {
    font-size: 16px;
}


    select[multiple] option:checked {
        background-color: #14558f;
        color: white;
    }



.warning-button {
    color: #000000 !important;
    background-color: #F6B622 !important;
    border-color: #F6B622 !important;
}

    .warning-button:hover {
        color: #000000 !important;
        background-color: #eeaf1e !important;
        border-color: #eeaf1e !important;
    }


.tuition-link {
    font-size: 16px;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #005ea2;
    text-decoration: underline;
}

    .tuition-link:focus,
    .tuition-link:hover {
        outline: 2px solid #005ea2;
        outline-offset: 2px;
    }

.no-decoration {
    text-decoration: none !important;
}

.date-input-width {
    width: 80%;
    display: inline-block;
}

.custom-hosted-modal {
    background-color: rgba(0, 0, 0, 0.5); /* Recreates backdrop layer */
}

.custom-backdrop {
    z-index: 1055;
}

/**
 * angular-growl - v0.4.0 - 2013-11-19
 * https://github.com/marcorinck/angular-growl
 * Copyright (c) 2013 Marco Rinck; Licensed MIT
 */

.growl{position:fixed;top:10px;right:10px;float:right;width:250px}.growl-item.ng-enter,.growl-item.ng-leave{-webkit-transition:.5s linear all;-moz-transition:.5s linear all;-o-transition:.5s linear all;transition:.5s linear all}.growl-item.ng-enter,.growl-item.ng-leave.ng-leave-active{opacity:0}.growl-item.ng-leave,.growl-item.ng-enter.ng-enter-active{opacity:1}