.style-revert,
.style-revert.style-revert-parent * {
    all: revert;
}

:root {
    --color-primary: #191e27;
    --color-secondary: #f1f3f4;
    --color-secondary--active: #e2e7e9;
    --color-m2-light-grey: #595959;
    --color-tertiary: #e3e7e8;
    --color-page-background: #fff;
    --color-action: #247cf4;
    --color-btn-solid: #fff;
    --color-action--disabled: #f1f3f4;
    --color-action--active: rgba(36 124 244 / 80%);
    --color-backdrop: rgba(20,24,31,0.8);
    --color-invalid: #ff0b0b;
    --color-accent: #f4b824;
    --font-family: Arial;
    --font-size: 1.6rem;
    --font-color-primary: #000;
    --font-color-disabled: #a8aaaa;
    --font-color-accent: #f4b824;
    --form-column-gap: 30px;
    --form-field-vgap: 10px;
    --form-field-hgap: 30px;
    --form-field-height: 40px;
    --form-field-border-radius: 4px;
    --form-field-background: var(--color-secondary);
    --form-field-font-size: 1.4rem;
    --form-field-padding: 10px;
    --header-height: 130px;
}

body {
    background: #f8f8f8;
}

.nav-head {
    z-index: 99 !important;
}

#Map {
    z-index: 90 !important;
}

#header-shell,
.nav-head {
    background: var(--color-primary);
    top: 0;
    font-family: var(--font-family);
    z-index: 10;
}

    #header-shell .logo {
        padding: revert;
        height: 24px !important;
    }

        #header-shell .logo a,
        #header-shell .logo a:link,
        #header-shell .logo a:visited,
        #header-shell .logo a:hover,
        #header-shell .logo a:active {
            background: url(../images/logo-text.svg) no-repeat scroll 0 0;
            width: 194px;
            height: 24px;
        }

#header-shell {
    padding: 5px 10px;
    height: 18px;
    padding-right: 4px;
}

    #header-shell #version {
        font-size: 9px;
        color: #fff;
        margin-left: 18px;
        line-height: 24px;
    }

    #header-shell .mast-head {
        height: 24px;
    }

    #header-shell .mast-nav {
        padding: 0px;
        height: auto;
    }

        #header-shell .mast-nav .mast-gray {
            margin-left: 18px;
            margin-top: 3.5px;
        }



    #header-shell #jqxMenu .mast-nav li {
        padding: 0px;
        margin: 0px;
    }

        #header-shell #jqxMenu .mast-nav li a,
        #header-shell .mast-nav .mast-gray a, #gauge-support {
            margin: 0 6px;
            color: #fff !important;
            font-family: var(--font-family);
            font-size: 10px;
            font-weight: 700;
            background: #595959;
            border: 1px solid #2b2b2b;
            display: inline-block;
            border-radius: 500px;
            padding: 0px 16px;
            text-decoration: none;
            cursor: pointer;
            height: 17px;
            line-height: 17px;
        }

            #header-shell #jqxMenu .mast-nav li a:hover,
            #header-shell .mast-nav .mast-gray a:hover {
                background: #737373;
            }

        #header-shell #jqxMenu .mast-nav li:last-child a {
            margin-right: 0px;
        }

.nav-head .nav {
    margin: 8px 7px 1px;
    padding: 0px;
}

    .nav-head .nav li a {
        font-size: 14px !important;
        color: #f4b824 !important;
        text-align: center;
        cursor: pointer;
        font-family: var(--font-family);
        padding: 0px !important;
        line-height: 14px !important;
        font-weight: 700 !important;
        text-shadow: revert !important;
        box-shadow: revert !important;
        border: revert !important;
        background: revert !important;
        height: auto !important;
    }


    .nav-head .nav li:hover:before,
    .nav-head .nav li.active:before {
        visibility: hidden;
    }

    

    .nav-head .nav li a,
    .nav-head .nav li:before {
        grid-row: 1;
        grid-column: 1;
    }

    .nav-head .nav li {
        position: relative;
        margin: 0 3px;
        padding: 12px 12px 15px;
        text-decoration: none;
        font-family: var(--font-family);
        font-size: 14px;
        color: #f4b824 !important;
        text-align: center;
        cursor: pointer;
        height: calc(41px - 27px);
    }

        .nav-head .nav li.active,
        .nav-head .nav li:hover {
            padding: 12px 12px 15px;
            background: #191e27;
        }

            .nav-head .nav li.active:after,
            .nav-head .nav li:hover:after {
                content: "";
                display: block;
                position: absolute;
                left: 0;
                bottom: -1px;
                width: 100%;
                height: 1px;
            }

.nav-head .search {
    margin: 0px;
    margin-right: 34px;
    margin-top: 8px;
    padding: 0px;
    width: 288px;
    height: 34px;
    background: none;
}

    .nav-head .search::before {
        content: "";
        position: absolute;
        right: -17px;
        top: 47%;
        transform: translateY(-50%);
        width: 17px;
        height: 17px;
        background-repeat: no-repeat;
        background-size: 17px 17px;
        background-color: #c7c7c7;
        -webkit-mask-image: url(search.svg);
        -webkit-mask-size: 17px 17px;
        mask-image: url(search.svg);
    }

    .nav-head .search input {
        padding: 10px 40px 10px 10px !important;
        width: 264px;
        font-size: 14px !important;
        line-height: 100% !important;
        height: 12px;
        background: #595959 !important;
        color: #fff !important;
        border: 1px solid #595959 !important;
    }

        .nav-head .search input:focus-visible {
            border: 1px solid #595959 !important;
        }

    .nav-head .search .clear-search {
        display: none !important;
    }

    .nav-head .search .search-dropdown {
        width: 109.5%;
        margin: 0px;
        top: -4px;
        box-shadow: 0px 2px 4px rgb(0 0 0 / 16%);
        background: var(--color-secondary);
        border-radius: 0px 0px 4px 4px !important;
        overflow: hidden;
    }

        .nav-head .search .search-dropdown .dd-content {
            width: 100%;
            margin: 0px;
            padding: 0px;
            background: unset;
            max-height: 250px;
            overflow-y: auto;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

            .nav-head .search .search-dropdown .dd-content .search-results {
                margin: 0px;
                width: 100%;
                background: unset;
                max-height: 240px;
            }

                .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets {
                    background: unset;
                }

                    .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets .title {
                        display: none;
                    }

                    .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li {
                        padding: 4px 0px 0px 0px;
                        height: 42px;
                        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
                    }

                        .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li h3 {
                            width: calc(100% - 20px);
                        }

                        .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li .locate {
                            bottom: 0px;
                            height: 100%;
                            width: auto;
                        }

                            .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li .locate a {
                                overflow: visible;
                                height: 100%;
                                width: auto;
                                line-height: 34px;
                            }

                        .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li h3 a {
                            display: block;
                            width: 100%;
                            text-align: start;
                            background: none;
                            outline: none;
                            border: none;
                            padding: 8px 10px;
                            line-height: 18px;
                            font-size: 15px;
                            font-weight: normal;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            cursor: pointer;
                            box-sizing: border-box;
                            font-size: 12px;
                        }

                        .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li:hover,
                        .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li:focus-visible {
                            background-color: #d0d0d0;
                        }

        .nav-head .search .search-dropdown .dd-bot {
            width: 100%;
            margin: 0px;
            background: unset;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            border-radius: 0px 0px 4px 4px !important;
            font-weight: 700;
            font-size: 10px;
            padding: 6px 10px;
            line-height: unset;
            height: 26px;
        }

            .nav-head .search .search-dropdown .dd-bot .results-number,
            .nav-head .search .search-dropdown .dd-bot .close {
                height: 100%;
                line-height: 12px;
                color: #000;
            }

                .nav-head .search .search-dropdown .dd-bot .close a {
                    color: #000;
                }

.subnav-head {
    justify-content: space-between;
    align-items: center;
    background: #f1f3f4 !important;
    padding: 0px;
    margin: 0px;
    height: 9em !important;
    top: -1px;
    margin-bottom: 10px;
}

.subnav-nav {
    padding: 6px 10px 0 !important;
    overflow: visible !important;
}

    .subnav-nav li {
        padding: 10px !important;
        color: #505050;
        text-decoration: none;
        cursor: pointer !important;
    }

        .subnav-nav li a {
            font-size: 14px;
            font-family: var(--font-family);
            font-weight: 400 !important;
            padding-bottom: 2px !important;
            background: revert !important;
            cursor: pointer !important;
            text-decoration: none !important;
            text-shadow: unset !important;
            line-height: 14px !important;
            height: 16px !important;
        }

        .subnav-nav li.active a,
        .subnav-nav li:hover a {
            display: inline-block !important;
            color: #000 !important;
            padding-bottom: 2px !important;
            border-bottom: 2px solid;
        }


.assets-nav {
    margin: 10px 0px 0px !important;
    padding: 0px 7px !important;
    border-bottom: 1px solid #247cf4 !important;
}

    .assets-nav li a {
        visibility: hidden;
        font-size: 14px !important;
        color: white !important;
        text-align: center !important;
        cursor: pointer;
        font-family: var(--font-family);
        padding: 0px 10px !important;
        line-height: 14px !important;
        font-weight: 700 !important;
        text-shadow: revert !important;
        box-shadow: revert !important;
        border: revert !important;
        background: revert !important;
        height: auto !important;
        min-width: 80px !important;
        width: auto !important;
    }

    .assets-nav li:before {
        content: attr(data-text);
        font-weight: 400;
        line-height: 14px !important;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .assets-nav.desktop li:hover:before,
    .assets-nav li.active:before {
        visibility: hidden;
    }

    .assets-nav.desktop li:hover a,
    .assets-nav li.active a {
        visibility: visible;
        color: #247ef8 !important;
    }

    .assets-nav li a,
    .assets-nav li:before {
        grid-row: 1;
        grid-column: 1;
        color: white;
    }

    .assets-nav li {
        position: relative !important;
        margin: 0 3px !important;
        padding: 7px 0px 7px !important;
        background: #247cf4 !important;
        border-radius: 5px 5px 0 0;
        text-decoration: none;
        font-family: var(--font-family);
        font-size: 14px;
        color: #333 !important;
        text-align: center;
        cursor: pointer;
        height: calc(41px - 27px);
        border: 1px solid #247cf4 !important;
    }

        .assets-nav li.active,
        .assets-nav.desktop li:hover {
        background: white !important;
        border: 1px solid #247ef8 !important;
        color: #247ef8 !important;
    }

            .assets-nav li.active:after,
            .assets-nav.desktop li:hover:after {
                content: "";
                display: block;
                position: absolute;
                left: 0;
                bottom: -1px;
                width: 100%;
                height: 1px;
                background: #ffffff
            }

/*Bootstrap Button Updates*/

.bootstrapiso .btn.btn-solid:not(:disabled):not(.disabled),
input.button.btn-solid,
.logonbox button,
.tm-header a.button.add.btn-solid {
    background-color: var(--color-action) !important;
    color: #fff;
    border: none;
    outline: none;
    margin: 0 !important;
    display: block;
    font-family: unset !important;
    -moz-text-shadow: unset !important;
    -webkit-text-shadow: unset !important;
    text-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
    float: unset !important;
    line-height: 16px !important;
    padding: 10px 17px;
    min-height: 36px;
    max-height: 36px !important;
    width: 100%;
    border-radius: 4px !important;
    font-size: 14px !important;
    background: none;
    border: 1px solid var(--color-action);
    font-weight: 700;
}

.tm-header a.button.add.btn-solid {
    width: fit-content;
    display:unset;
}

    .bootstrapiso .btn.btn-solid:not(:disabled):hover,
    input.button.btn-solid:hover,
    .logonbox button:hover,
    .tm-header a.button.add.btn-solid:hover {
        background-color: var(--color-action--active) !important;
        color: #fff
    }

input.button.wizardNextButton.solid,
input.button.wizardSaveButton.solid
{
    background-color: var(--color-action) !important;
    color: #fff;
    border: none;
    -moz-text-shadow: unset !important;
    -webkit-text-shadow: unset !important;
    text-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
    float: unset !important;
    max-height: 36px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    background: none;
    border: 1px solid var(--color-action);
    font-weight: 700;
    min-width: 83px;
    margin-left: 10px !important;
}

input.button.wizardSaveButton.solid {
    min-width: 90px;
}

input.button.btn-hollow {
    background-color: #fff !important;
    color: var(--color-action);
    border: none;
    outline: none;
    margin: 0 !important;
    font-family: unset !important;
    -moz-text-shadow: unset !important;
    -webkit-text-shadow: unset !important;
    text-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    background: none;
    border: 1px solid var(--color-action);
    font-weight: 700;
    text-decoration: none;  
}

input.button.wizardDeleteButton.btn-hollow,
input.button.wizardDeleteButton.btn-hollow:hover {
    margin-left: 10px !important;
}

input.button.btn-hollow:hover {
    background-color: var(--color-action) !important;
    color: #fff;
    border: none;
    outline: none;
    margin: 0 !important;
    font-family: unset !important;
    -moz-text-shadow: unset !important;
    -webkit-text-shadow: unset !important;
    text-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    background: none;
    border: 1px solid var(--color-action);
    font-weight: 700;
    text-decoration: none;
}

.bootstrapiso .btn.btn-hollow:not(:disabled):not(.disabled),
.widget input.btn-hollow {
    background-color: #fff !important;
    color: var(--color-action);
    border: none;
    outline: none;
    margin: 0 !important;
    display: block;
    font-family: unset !important;
    -moz-text-shadow: unset !important;
    -webkit-text-shadow: unset !important;
    text-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
    float: unset !important;
    line-height: 16px !important;
    padding: 10px 17px;
    min-height: 36px;
    max-height: 36px !important;
    width: 100%;
    border-radius: 4px !important;
    font-size: 14px !important;
    background: none;
    border: 1px solid var(--color-action);
    font-weight: normal;
    text-decoration: none;
}

    .bootstrapiso .btn.btn-hollow:not(:disabled):hover,
    .widget input.btn-hollow:hover {
        background-color: var(--color-action) !important;
        color: #fff !important;
        font-weight: 700;
    }

.fc .fc-runReport-button.btn-hollow:disabled:hover {
    background-color: #fff !important;
    color: var(--font-color-disabled) !important;
    border-color: var(--font-color-disabled) !important;
    font-weight: 400;
}

.bootstrapiso .btn.btn-clear:not(:disabled):not(.disabled) {
    background-color: transparent !important;
    color: var(--color-action);
    border: none;
    outline: none;
    margin: 0 !important;
    display: block;
    font-family: unset !important;
    -moz-text-shadow: unset !important;
    -webkit-text-shadow: unset !important;
    text-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
    float: unset !important;
    line-height: 16px !important;
    padding: 10px 17px;
    min-height: 36px;
    width: 100%;
    border-radius: 4px !important;
    font-size: 14px !important;
    background: transparent;
    font-weight: 400;
}

.bootstrapiso .btn.btn-clear:not(:disabled):hover {
    background-color: rgba(0,0,0,.05) !important;
}

.fc .fc-customUsageRange-button.btn-solid {
    float: left !important;
    width: 170px !important;
}

.fc .fc-runReport-button.btn-hollow:not(:disabled):not(.disabled) {
    display: inline-block !important;
    max-height: 40px !important;
    height: 40px !important;
    width: 170px !important;
    margin-left: .75em !important;
}

.bootstrapiso .btn-secondary.disabled.btn-clear,
.bootstrapiso .btn-secondary:disabled.btn-clear {
    background-color: transparent !important;
    color: var(--font-color-disabled);
    border: none;
    outline: none;
    margin: 0 !important;
    display: block;
    font-family: unset !important;
    -moz-text-shadow: unset !important;
    -webkit-text-shadow: unset !important;
    text-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: inset 0, 0, 2px rgb(0, 0, 0 / 25%) !important;
    float: unset !important;
    line-height: 16px !important;
    padding: 10px 17px;
    min-height: 36px;
    width: 100%;
    border-radius: 4px !important;
    font-size: 14px !important;
    background: none;
    font-weight: 400;
    display: inline-block !important;
    max-height: 40px !important;
    height: 40px !important;
    margin-left: .75em !important;
}

.bootstrapiso .btn-secondary.disabled.btn-solid,
.bootstrapiso .btn-secondary:disabled.btn-solid,
.bootstrapiso .btn-secondary:disabled.btn-hollow,
.bootstrapiso .btn-secondary:disabled.btn-hollow {
    background-color: var(--color-action--disabled) !important;
    color: var(--font-color-disabled);
    border: none;
    outline: none;
    margin: 0 !important;
    display: block;
    font-family: unset !important;
    -moz-text-shadow: unset !important;
    -webkit-text-shadow: unset !important;
    text-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: inset 0, 0, 2px rgb(0, 0, 0 / 25%) !important;
    float: unset !important;
    line-height: 16px !important;
    padding: 10px 17px;
    min-height: 36px;
    max-height: 36px !important;
    width: 100%;
    border-radius: 4px !important;
    font-size: 14px !important;
    background: none;
    border: 1px solid var(--font-color-disabled);
    font-weight: 700;
    display: inline-block !important;
    max-height: 36px !important;
    margin-left: .75em !important;
}

.bootstrapiso .btn-secondary:disabled.btn-hollow,
.bootstrapiso .btn-secondary:disabled.btn-hollow,
.bootstrapiso .btn.btn-hollow:not(:disabled):not(.disabled) {
    font-weight: 400 !important;
}

.bootstrapiso .input-group > .input-group-append > .btn:disabled {
    border-color: var(--color-action--active);
    background-color: var(--color-action--active);
}

.fc .fc-runReport-button.btn-hollow:disabled {
    width: 170px !important;
    max-height: 40px !important;
    height: 40px !important;
    border: 1px solid var(--font-color-disabled);
    font-weight: 400;
}

.ui-dialog .ui-dialog-buttonpane button.btn-solid,
.sitebutton.btn-solid {
    background-color: var(--color-action) !important;
    color: #fff !important;
    border: none;
    outline: none;
    margin-bottom: 2px !important;
    display: inline-block;
    font-family: unset !important;
    -moz-text-shadow: unset !important;
    -webkit-text-shadow: unset !important;
    text-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
    float: unset !important;
    line-height: 16px !important;
    padding: 10px 17px;
    min-height: 36px;
    max-height: 36px !important;
    width: 40%;
    border-radius: 4px !important;
    font-size: 14px !important;
    background: none;
    border: 1px solid var(--color-action);
    font-weight: 700;
}

a.sitebutton.btn-solid {
    min-height: unset;
    height: 14px;
    width: 30%;
}

.ui-dialog .ui-dialog-buttonpane button.btn-solid:hover,
.sitebutton.btn-solid:hover,
.bootstrapiso .btn-group-toggle .btn-primary-gauge:not(:disabled):not(.disabled):hover {
    background-color: rgba(17 100 215 / 80%) !important;
    color: #fff;
    border: 1px solid #052d63;
}

.ui-dialog .ui-dialog-buttonpane button.btn-solid:disabled {
    background-color: var(--color-action--disabled) !important;
    color: var(--font-color-disabled) !important;
    border: none;
    outline: none;
    margin-bottom: 2px !important;
    display: block;
    font-family: unset !important;
    -moz-text-shadow: unset !important;
    -webkit-text-shadow: unset !important;
    text-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: inset 0, 0, 2px rgb(0, 0, 0 / 25%) !important;
    float: unset !important;
    line-height: 16px !important;
    padding: 10px 17px;
    min-height: 36px;
    width: 40%;
    border-radius: 4px !important;
    font-size: 14px !important;
    background: none;
    border: 1px solid var(--font-color-disabled);
    font-weight: 700;
    display: inline-block !important;
    max-height: 40px !important;
    height: 40px !important;
    margin-left: .75em !important;
}

.ui-dialog .ui-dialog-buttonpane button.btn-clear {
    background-color: transparent !important;
    color: #fff;
    border: none;
    outline: none;
    margin-bottom: 2px !important;
    margin-left: 0px !important;
    display: inline-block;
    font-family: unset !important;
    -moz-text-shadow: unset !important;
    -webkit-text-shadow: unset !important;
    text-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: inset 0, 0, 2px rgb(0, 0, 0 / 25%) !important;
    float: unset !important;
    line-height: 16px !important;
    padding: 10px 17px;
    min-height: 36px;
    width: 40%;
    border-radius: 4px !important;
    font-size: 14px !important;
    background: none;
    font-weight: 400;
    display: inline-block !important;
    max-height: 40px !important;
    height: 40px !important;
    margin-left: .75em !important;
}

    .ui-dialog .ui-dialog-buttonpane button.btn-clear:hover {
        background-color: rgba(142, 142, 142, 0.9) !important;
    }

.fd_widget_reports .fd_reports_button {
    text-shadow: unset;
    border-color: var(--color-action);
    background-color: #fff;
    color: var(--color-action);
    background: none;
}

    .fd_widget_reports .fd_reports_button:hover {
        border-color: var(--color-action);
        color: #fff;
        background-color: var(--color-action);
    }

.logonbox button {
    display: unset;
    width: 60%;
}

/*Updating Instances of #247cf4cc(Blue) to var(--color-action)*/
[style = "color:#247cf4cc"],
#btnViewPage,
#tableTabs a:not(.active),
.displayAddress, .displayAddress a,
.ui-widget-content .header a, #nhtsaLink,
.SelectedDeviceRow td,
#NAM_ResultsTable tbody tr td #quickDirIcon_Foreground,
#table-wrapper a:link, .table-wrapper a:visited, #table-wrapper a:visited,
.table-wrapper a:hover, #table-wrapper a:hover,
#editCustomSchedule, a.sslink {
    color: var(--color-action) !important;
}

[style = "background-color:#247cf4cc"] {
    background-color: var(--color-action) !important;
}

[style = "border-color:#247cf4cc"] {
    border-color: var(--color-action) !important;
}

a, a:link, a:visited, a:hover, a:active,
.widget-options a,
.widget-counter .trueOdometerCheck,
.widget-counter .trueMeterCheck,
.bootstrapiso .btn-alt-primary-gauge,
.bootstrapiso .btn-alt-primary-gauge.disabled,
.bootstrapiso .btn-alt-primary-gauge:disabled,
.PathLink:hover, .UpTier:hover,
.InnerWidget .SelectedColumnItem,
.InnerWidget .SelectedColumnItem:after,
.InnerWidget .ColumnItem:hover,
.imgNav-arrow,
#NearestAssetsResultsTable tbody tr td .quickDirIcon_Foreground,
#NearestAssetsResultsTable tbody tr td .quickDirIcon_Foreground,
.table-wrapper a, #table-wrapper a, .table-wrapper a:link {
    color: var(--color-action);
}

.bootstrapiso .badge-primary-gauge {
    background-color: var(--color-action);
}

.bootstrapiso .btn-alt-primary-gauge:hover {
    border-color: var(--color-action);
}

.bootstrapiso .btn-primary-gauge.disabled,
.bootstrapiso .btn-primary-gauge:disabled {
    background: var(--color-action--disabled);
    color: var(--font-color-disabled);
    box-shadow: inset 0, 0, 2px rgb(0, 0, 0 / 25%);
}

.bootstrapiso .btn-primary-gauge,
.bootstrapiso .btn-alt-primary-gauge:not(:disabled):not(.disabled):active,
.bootstrapiso .btn-alt-primary-gauge:not(:disabled):not(.disabled).active,
.bootstrapiso .show > .btn-alt-primary-gauge.dropdown-toggle {
    background-color: var(--color-action);
    border-color: var(--color-action);
}

.bootstrapiso .list-group-item-primary-gauge.list-group-item-action.active {
    background-color: var(--color-action);
    border-color: #052d63;
}

.bootstrapiso .btn-primary-gauge:not(:disabled):not(.disabled):active,
.bootstrapiso .btn-primary-gauge:not(:disabled):not(.disabled).active,
.bootstrapiso .show > .btn-primary-gauge.dropdown-toggle {
    background-color: rgba(17 100 215 / 80%);
    border-color: var(--color-action);
    outline: 4px solid #1661c7c9;
    outline-offset: -6px;
    font-weight: 600;
    box-shadow: none;
}

.bootstrapiso .list-group-item-primary-gauge.list-group-item-action:hover,
.bootstrapiso .list-group-item-primary-gauge.list-group-item-action:focus {
    border-color: rgba(17 100 215 / 80%);
    outline: 2px solid #102392;
}

/*Updating Instances of #004085 to #052D63*/
.bootstrapiso .alert-primary,
.bootstrapiso .list-group-item-primary,
.bootstrapiso .list-group-item-primary.list-group-item-action:hover,
.bootstrapiso .list-group-item-primary.list-group-item-action:focus {
    color: #052D63;
}

    .bootstrapiso .list-group-item-primary.list-group-item-action.active {
        background-color: #052d63;
        border-color: #052D63;
    }

/*Updating Instances of #127397 to var(--color-action--active)*/
#NearestAssetsResultsTable tbody tr .quickDirIcon_Cell:hover .quickDirIcon_Foreground,
#NearestAssetsResultsTable tbody tr .quickDirIcon_Cell:hover .quickDirIcon_Foreground,
#NAM_ResultsTable tbody tr td #quickDirIcon_Link:hover #quickDirIcon_Foreground {
    color: var(--color-action--active)
}

.bootstrapiso .badge-primary-gauge[href]:hover,
.bootstrapiso .badge-primary-gauge[href]:focus {
    background-color: var(--color-action--active)
}

.bootstrapiso .btn-primary-gauge:hover,
.bootstrapiso .btn-alt-primary-gauge:not(:disabled):not(.disabled):active:hover,
.bootstrapiso .btn-alt-primary-gauge:not(:disabled):not(.disabled).active:hover,
.bootstrapiso .show > .btn-alt-primary-gauge.dropdown-toggle {
    background-color: var(--color-action--active) !important;
    border-color: var(--color-action--active) !important;
}

.fc .fc-highlight {
    background: var(--fc-highlight-color, rgba(36, 124, 244, 0.1));
}

.WelcomeMessage {
    margin-left: 203px;
    margin-top: 6.7px;
    color: white;
    list-style: none;
    position: absolute;
}

.nav-button {
    display: block;
    width: 64.2px;
}

#mobileSite {
    margin: 0 6px;
    color: #fff !important;
    font-family: var(--font-family) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    background: #595959;
    border: 1px solid #2b2b2b;
    display: inline-block;
    border-radius: 500px;
    padding: 0px 16px !important;
    text-decoration: none;
    cursor: pointer;
    height: 17px !important;
    line-height: 17px !important;
}

ul.mast-nav li a, ul.mast-nav li a:link, ul.mast-nav li a:visited {
    color: white !important;
}

    ul.mast-nav li a:hover, ul.mast-nav li a:active {
        background: #737373 !important;
    }

/*M2.0 Pagination Display*/
.tm-header .paging.table-pagination > div {
    display: flex;
    border: none;
    background: none;
    padding: 0px 5px !important;
    line-height: 30px;
    font-family: var(--font-family);
    font-size: 15px !important;
    font-weight: 400;
    color: #585858;
    border-radius: 4px;
    text-shadow: none;
    box-shadow: none;
    width: 30px;
}

    .tm-header .paging.table-pagination > div.asset-count {
        width: auto;
    }

.table-pagination.paging i.fas {
    font-size: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.table-pagination.paging .page-right a, .table-pagination.paging .page-right a:link, .table-pagination.paging .page-right a:visited,
.table-pagination.paging .page-left a, .table-pagination.paging .page-left a:link, .table-pagination.paging .page-left a:visited,
.table-pagination.paging .page-first a, .table-pagination.paging .page-first a:link, .table-pagination.paging .page-first a:visited,
.table-pagination.paging .page-last a, .table-pagination.paging .page-last a:link, .table-pagination.paging .page-last a:visited {
    display: flex !important;
    margin-top: 28px !important;
    padding-left: 10px;
}

.table-pagination.paging {
    display: flex;
    margin-top: 3px;
}

.table-pagination .page-left a {
    color: black;
}

.ForgotCancel {
    margin-left: 5px;
    display: inline-block;
    float: unset !important;
    padding: 10px 17px 0px 17px;
    min-height: 25px;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 400;
}


.ms2-body .bootstrapiso .btn.rptActionBtn.btn-solid:not(:disabled):not(.disabled),
.ms2-body .bootstrapiso .btn-secondary.rptActionBtn.disabled.btn-solid, .ms2-body .bootstrapiso .btn-secondary.rptActionBtn:disabled.btn-solid,
.ms2-body .bootstrapiso .btn-secondary.rptActionBtn:disabled.btn-hollow, .ms2-body .bootstrapiso .btn-secondary.rptActionBtn:disabled.btn-hollow,
.ms2-body .bootstrapiso .btn.btn-hollow.rptActionBtn:not(:disabled):not(.disabled),
.ms2-body .bootstrapiso .btn.btn-clear.rptActionBtn:not(:disabled):not(.disabled),
.ms2-body .bootstrapiso .btn-secondary.rptActionBtn:disabled.btn-clear {
    min-height: unset !important;
    height: unset !important;
    display: block !important;
    height: unset !important;
    max-height: unset !important;
    width: 140px !important;
    max-width: 140px !important;
}

ul.nav li.active a i {
    color: white;
}

ul.nav li a i, ul.nav li.active i {
    display: none;
}

.nav-head .nav li:hover a {
        visibility: visible;
        text-decoration: underline;
        text-decoration-color: #f4b824;
        text-decoration-thickness: 2.2px;
        text-underline-offset: 8px;
        font-size: 14px !important;
}

.nav-head .nav li.active a {
        visibility: visible;
        text-decoration: underline;
        text-decoration-color: white;
        text-decoration-thickness: 2.2px;
        text-underline-offset: 8px;
        color: white !important;
        font-size: 14px !important;
    
}