/* Minification failed. Returning unminified contents.
(3564,32): run-time error CSS1046: Expect comma, found '0'
(3564,36): run-time error CSS1046: Expect comma, found '/'
(3786,35): run-time error CSS1046: Expect comma, found '0'
(3786,39): run-time error CSS1046: Expect comma, found '/'
 */
/* common style starts
-----------------------------------------------------------*/
body {
    margin: 0;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EDEDE7;
}

@media only screen {
    body {
        min-width: 1024px;
    }
}
/*Fix VHP blank page in IE7, IE8 (US40070)*/
html.ie8, html.ie7 {
    margin-left: 0px !important;
}

header, footer, nav, section {
    display: block;
}

/* Anchor pseudo-classes must be orderly registered to be effective: 1. link, 2. visited, 3.hover, 4. active. */
a {
    color: #194FA1;
    text-decoration: none !important;
}

    a:visited, a.visited, a.sr-visited-link {
        color: #68368B;
    }

    a:hover {
        color: #68368B;
        text-decoration: none;
    }

.cursor-default {
    cursor: default;
}

.hidden-area {
    display: none;
}

.clear {
    clear: both;
}

.important {
    color: red;
}

.important-bold {
    color: red;
    font-weight: bold;
}

.force-wrap-text {
    white-space: normal !important;
}

.empty-panel-body {
    width: 100%;
    height: auto;
    background-color: transparent;
}

.row {
    overflow: hidden;
    margin: 0px 0px 10px 0px;
}

#brand-logo {
    background: url("/Content/Images/IdentifixLogo.png") no-repeat center;
    width: 319px;
    height: 92px;
    float: left;
    padding: 40px 20px;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right;
}

.clear-both {
    clear: both;
    margin-left: 10px;
}

input[type="button"]:hover, input[type="submit"]:hover {
    cursor: pointer;
}

input[type="button"].disabled, input[type="button"].disabled:hover {
    color: #999999;
    cursor: default;
}

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

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

.hide {
    display: none;
}

.global-loading-indicator {
    text-align: center;
    color: rgb(0, 0, 0);
    border: 3px solid rgb(170, 170, 170);
    background-color: rgb(255, 255, 255);
    line-height: 40px;
    width: 150px;
}

.indicator-img {
    background: url(/Content/Images/Loading.gif) no-repeat;
    width: 32px;
    height: 32px;
    float: left;
    margin-left: 15px;
    margin-top: 5px;
}

.button-processing {
    background-color: #ffffff;
    color: gray !important;
}

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

.lblErrorMessage {
    color: #FF0000;
    display: block;
    text-align: justify;
    width: 350px;
}
/*End  common style end
-----------------------------------------------------------*/

/* For highlight keywords */
.highlight-phrase {
    color: blue;
    background-color: yellow;
    text-decoration: inherit;
}
/*---------------------------------------------------------*/

/* Panel starts
-----------------------------------------------------------*/
.panel {
    padding: 0px 0px 0px 0px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
}

    .panel .panel-header, .panel .panel-footer {
    }

        .panel .panel-header .panel-header-frame, .panel .panel-footer .panel-footer-frame {
            /*background-color: #CC0000;*/
        }

        .panel .panel-header .panel-header-content, .panel .panel-footer .panel-footer-content {
            background-color: #444853;
            height: 25px;
            padding-top: 5px;
            padding-left: 10px;
            font-weight: bold;
            line-height: 18px;
            color: #fff;
        }

    .panel .panel-body {
        background-color: #F3F3F3;
        font-style: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

#TocHybridSearchResultPanel .panel .panel-body {
    *padding-bottom: 0px;
}

.panel .panel-row {
    width: 100%;
}

.panel-header-title {
    float: left;
    margin-left: -11px;
}
/* Panel ends 
-----------------------------------------------------------*/

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    width: 310px;
    font-size: 11px;
    color: #f00;
}

.validation-summary-la {
    width: 100% !important;
}

.validation-summary-errors ul {
    padding: 0px 20px;
}

.validation-summary-valid {
    display: none;
}

/* Style for master layout - BEGIN
-----------------------------------------------------------*/
.Wrapper {
    border: 10px solid #ededed;
    min-width: 980px;
    background: #ededed;
}

/* Style for header */
#header-container {
    width: 100%;
    border-collapse: collapse;
}

    #header-container td {
        padding: 0px;
    }

/* Style for header > banner */

.cobrand-color-contrast {
    background: url("/Content/Images/VHPSpriteCobrand.png") no-repeat scroll -246px top transparent;
}

.cobrand-color {
    background-color: #fff;
}

#header-container #banner-container {
    width: 100%;
    border-collapse: collapse;
}

    #header-container #banner-container .banner-space {
        width: 9px;
        background-color: black;
    }

    #header-container #banner-container .branch-color-contrast-container {
        background-color: #FC3;
        width: 84px;
    }

        #header-container #banner-container .branch-color-contrast-container .branch-color-contrast {
            /*background: url("/Content/Images/VHPSprite.png") no-repeat scroll -246px top transparent;*/
            height: 48px;
            width: 84px;
            display: inline-block;
            vertical-align: middle;
        }

    #header-container #banner-container .branch-color-container {
        background-color: #CE0000;
        width: 278px;
    }

        #header-container #banner-container .branch-color-container .branch-color {
            height: 48px;
            width: 278px;
            display: inline-block;
            /*background: #CE0000;*/
            vertical-align: middle;
        }

    #header-container #banner-container #right-banner {
        background: white;
        box-sizing: initial;
    }

        #header-container #banner-container #right-banner .hotline-logo {
            background: url(/Content/Images/VHPSprite.png) no-repeat -330px top;
            display: inline-block;
            width: 97px;
            float: left;
            height: 48px;
        }

        #header-container #banner-container #right-banner .hotline-message {
            float: left;
            margin-left: 5px;
            min-width: 250px;
        }

            #header-container #banner-container #right-banner .hotline-message .cant-find-a-fix {
                padding-left: 9px;
                font-size: 23px;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                vertical-align: top;
                color: #666;
                text-align: center;
                height: 23px;
                padding-top: 2px;
                white-space: nowrap;
            }

        #header-container #banner-container #right-banner .hotline-message-link {
            color: rgb(0, 0, 0);
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: normal;
            padding-top: 7px;
            padding-left: 11px;
        }

        #header-container #banner-container #right-banner .branch-logo {
            height: 40px;
            width: 376px;
            float: right;
            background: url("/Content/Images/dh-solera-logo.png") no-repeat;
            background-size: 376px 40px;
            vertical-align: middle;
        }

        #header-container #banner-container #right-banner .branch-logola {
            height: 48px;
            width: 204px;
            float: right;
        }

    #header-container #banner-container #left-banner .branch-logo {
        height: 40px;
        width: 260px;
        background: url("/Content/Images/dh-solera-logo.png") no-repeat;
    }

        #header-container #banner-container #right-banner .branch-logo img,
        #header-container #banner-container #left-banner .branch-logo img {
            display: none;
        }


.sub-menu-item-dq {
    width: 65px;
    margin-right: 8px;
    background: url(/Content/Images/icons/new_indicator_icons.png) right 9px no-repeat;
}

.menu-item-bookmarks, .right-sub-menu-item {
    float: right !important;
}

/* Style for header > menu */
#menu-container {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
}

        #menu-container #main-menu .menu-item {
            line-height: 30px;
            font-size: 13px;
            font-weight: bold;
            height: 30px;
            display: inline-block;
            color: #FFF !important;
            padding: 0px 10px;
            cursor: pointer;
        }

        #menu-container #main-menu .menu-item-separator {
            background-color: #ccc;
        width: 1px;
        height: 14px;
        display: inline-block;
        }

    #menu-container #main-menu .menu-item a {
        text-decoration: none;
        padding: 7px 0px;
        color: #1b1e24;
    }

        #menu-container #main-menu .menu-item a:hover, #menu-container #main-menu .menu-item-selected a, #menu-container #main-menu .menu-item:hover a {
            color: #194FA1 !important;
        }

    #menu-container #main-menu .menu-item-selected, #menu-container #main-menu {
        background: #fff;
        color: #194fa1 !important
    }

    #menu-container #main-menu .menu-item:hover {
        color: #194fa1 !important;
    }

    #menu-container #sub-menu {
        height: 28px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        border-bottom: 1px solid #ccc;
    }

        #menu-container #sub-menu .sub-menu-item a:hover {
            color: rgb(0, 0, 0) !important;
        }

        #menu-container #sub-menu #sub-menu-left {
            width: 60%;
        }

        #menu-container #sub-menu #sub-menu-right {
            width: 40%;
            text-align: right;
        }

        #menu-container #sub-menu .sub-menu-item {
            line-height: 28px;
            color: #666;
            font-size: 11px;
            font-weight: bold;
            float: left;
            padding: 0px 5px;
        }

        #menu-container #sub-menu .sub-menu-item-separator {
            background: url(/Content/Images/icons/line03.png) no-repeat;
            width: 2px;
            height: 28px;
            float: left;
        }

        #menu-container #sub-menu .sub-menu-item a {
            text-decoration: none;
            color: #666;
        }

            #menu-container #sub-menu .sub-menu-item a:hover, #menu-container #sub-menu .sub-menu-item-selected {
                color: rgb(0, 0, 0);
            }

        #menu-container #sub-menu .right-sub-menu-item-separator {
            background: url(/Content/Images/icons/line03.png) no-repeat;
            width: 2px;
            height: 28px;
            float: right;
        }

        #menu-container #sub-menu .post-fix a {
            text-decoration: none;
            color: #194FA1;
            font-style: italic;
        }

        #menu-container #sub-menu .post-fix:hover a {
            text-decoration: none;
            color: #94baf5 !important;
            font-style: italic;
        }

        #menu-container #sub-menu .post-fix {
            text-decoration: none;
            color: rgb(0, 0, 0);
        }

        #menu-container #sub-menu .menu-item-icon {
            display: inline-block;
            zoom: 1;
            *display: inline;
            padding-right: 3px;
        }

/* Style for header > header-info */
#header-container #header-info-container {
    width: 100%;
    height: 36px;
}

    #header-container #header-info-container .vehicle-info {
        color: black;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        vertical-align: middle;
        height: 36px;
    }

    #header-container #header-info-container .users-viewing {
        width: 250px;
        white-space: nowrap;
    }

    #header-container #header-info-container .user_shop_display {
        padding-right: 5px;
        text-align: right;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        vertical-align: middle;
    }

/* Style for footer */
#footer-container {
    background-color: #CCCCCC;
    width: 100%;
    height: 28px;
    border-collapse: collapse;
}

    #footer-container #footer {
        text-align: center;
    }

        #footer-container #footer .footer-link {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: bold;
            text-decoration: none;
            color: #666666;
        }

            #footer-container #footer .footer-link:hover {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 11px;
                font-weight: bold;
                text-decoration: none;
                color: #000000 !important;
            }

        #footer-container #footer .footer-span {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: bold;
            color: #000000;
        }

        #footer-container #footer .menu-separator {
            background-color: #969595;
            margin-left: 5px;
            margin-right: 5px;
            height: 11px;
            width: 2px;
            display: inline-block;
        }

#copyright {
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 10px 10px;
    min-width: 630px;
}

#mitchellCopyright {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    min-width: 630px;
    padding: 2px 10px 0px;
    text-align: right;
}

#tblCopyright {
    width: 100%;
}

#license-agreement-panel {
    background-color: white;
    padding: 5px;
    padding-bottom: 10px;
}
/*Global Popup Dialog*/
.panel-popup .popup-header {
    background-color: #ccc;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    padding: 5px 10px;
    vertical-align: middle;
}

.panel-popup .popup-content {
    background-color: #f3f3f3;
    font-size: 13px;
    padding: 10px;
    text-align: left;
    overflow: auto;
    /*min-height: 200px;*/
}

.panel-popup .popup-footer {
    background-color: #ccc;
    height: 1px;
}

.panel-popup .close-advanced-search {
    float: right;
    background: url("/Content/Images/closeButton.png") no-repeat;
    width: 17px;
    height: 16px;
    cursor: pointer;
}

.panel-popup {
    min-width: 250px;
}

/* Confirm Dialog Style Customization */
.confirm-dialog .ui-widget-header {
    background: #CCCCCC;
    font-size: 14px;
}

.confirm-dialog .ui-widget-content {
    background-image: none;
    background-color: #ffffff;
    color: #000000;
    border: none;
}

    .confirm-dialog .ui-state-default, .confirm-dialog .ui-widget-content .ui-state-default, .confirm-dialog .ui-widget-header .ui-state-default {
        color: #000000;
        background-color: #ff0000;
        font-weight: normal;
        font-size: 10px;
    }
/* End of Confirm Dialog Style Customization */

/* Style for master layout - END
-----------------------------------------------------------*/

/* Style indicator - START
-----------------------------------------------------------*/
.loading-indicator {
    padding: 5px;
    border: 1px solid;
    width: 70px;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

.ajax-panel {
    width: 100%;
}
/* indicator  - END
-----------------------------------------------------------*/


/* Style Pagging  - START
-----------------------------------------------------------*/
.paging-wrapper {
    background: white;
    color: white;
    font-size: 11px;
    font-family: Verdana, sans-serif;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 20px 0px 10px 0px;
    *margin-bottom: 5px;
    clear: both;
}

    .paging-wrapper.general-dh5 {
        background: unset !important;
        margin: 10px 0px 10px 0px !important;
    }

    .paging-wrapper .back-to-top-box {
        border-bottom: 1px solid black;
        border-collapse: separate;
        position: relative;
        *position: static;
        *line-height: 15px;
        *margin-top: 18px
    }

    .paging-wrapper table {
        width: 100%;
    }

    .paging-wrapper .back-to-top-link {
        display: inline-block;
        *display: block;
        position: relative;
        *position: static;
        top: 5px;
        left: 30px;
        *top: auto;
        *left: auto;
        *margin: -9px 0px 0px 30px;
        *float: left;
        background: #ffffff;
        padding: 0 10px;
        text-decoration: none !important;
        color: #194FA1;
    }

    .paging-wrapper .paging-control-box {
        font-weight: bold;
        color: black;
    }

        .paging-wrapper .paging-control-box .paging-info {
            margin: 0px 3px;
        }

        .paging-wrapper .paging-control-box a.enabled {
            color: rgb(0, 0, 255);
            text-decoration: underline;
            cursor: pointer;
        }

        .paging-wrapper .paging-control-box a.disabled {
            color: #999999;
            text-decoration: underline;
            cursor: default;
        }


            .paging-wrapper .paging-control-box a.disabled:hover {
                color: #999999 !important;
            }

        .paging-wrapper .paging-control-box label.seperate-char {
            display: inline-block;
            padding: 0 5px;
        }
/* Pagging - END
-----------------------------------------------------------*/

/* RMG  - END
-----------------------------------------------------------*/
/*Start Shared css*/
.rmg-error-container {
    background-color: #FFFFFF;
    border: 5px solid #000000;
    padding: 15px 0;
    text-align: center;
}

.rmg-error-partial-container {
    background-color: #FFC425;
}

.rmg-error-padding {
    height: auto;
    min-height: 115px;
}
/*End Shared css*/

/*Start ChangeInfo css*/
.ci-outer-container {
    margin: 0;
    padding: 0;
    background-color: #FFC425;
}

.ci-container {
    height: auto !important;
    width: 540px;
    min-height: 150px;
    padding: 10px 16px;
}


    .ci-container.change-info-no-fleet input[type="text"],
    .ci-container.change-info-no-fleet span,
    .ci-container.change-info-no-fleet select {
        margin-top: 0;
        *vertical-align: middle;
    }

.ci-float-table {
    padding: 0;
    margin-bottom: 3px;
    width: 100%;
}

.ci-dashboard-subtitle {
    font-style: italic;
}

.ci-dashboard-title {
    font-weight: bold;
    font-style: italic;
    font-size: 10px;
}

.ci-dashboard-body {
    background-color: white;
    border: 1px solid black;
    padding: 10px;
    text-align: left;
}

.ci-odometer-notify {
    font-style: italic;
    color: red;
}

.ci-group-title {
    padding-bottom: 1px;
    text-align: left;
}

.ci-dropdown {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    height: 21px;
    vertical-align: top;
}

#scheduleBoard .ci-dropdown {
    width: 520px;
}

.ci-checkbox {
    margin: 0;
}

.ci-button-container {
    margin: 5px 0px 5px 0px;
    padding: 0;
    width: 100%;
    vertical-align: bottom;
}

.ci-submit-button {
    font-size: 0.9em;
    font-weight: bold;
    width: 120px;
}

.ci-whatthis-link {
    text-decoration: underline;
    cursor: pointer;
    margin-left: 15px;
    font-size: 0.9em;
    vertical-align: top;
}

    .ci-whatthis-link:hover {
        text-decoration: none;
    }

.ci-popup {
    background-color: #FFC425;
    height: auto !important;
    min-height: 146px;
    padding: 10px 16px 10px;
}

.ci-popup-footer {
    height: auto;
    min-height: 45px;
}

.ci-popup-body {
    height: 295px;
    overflow: auto;
    width: 100%;
    text-align: left;
}

.ci-userguide-link {
    float: right;
    margin: 0;
    padding: 1px 0 0;
    width: auto;
    font-size: 9px;
}

    .ci-userguide-link a {
        color: black !important;
    }
/*End ChangeInfo css*/


/* RMG  - END
-----------------------------------------------------------*/

/* OEM - START
-----------------------------------------------------------*/

/*-----------Icons on page Search Fixes-----------*/
.search-fixes-sprite {
    background-image: url("/Content/Images/SearchFixesSprites.png");
    background-repeat: no-repeat;
}

.sprite-previous {
    background-position: 0px 0px;
    width: 50px;
    height: 13px;
}

.sprite-current {
    background-position: -50px 0px;
    width: 47px;
    height: 13px;
}

.document-icon {
    background-image: url("/Content/Images/SearchFixesSprites.png");
    background-position: -97px 0px;
    width: 9px;
    height: 13px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.sprite-document {
    background-position: -97px 0px;
    width: 9px;
    height: 12px;
}

.sprite-plus {
    background-position: -106px 0px;
    width: 9px;
    height: 9px;
}

.sprite-moderate {
    background-position: -16px -13px;
    width: 16px;
    height: 15px;
    margin-left: 10px;
}

.sprite-significant {
    background-position: -32px -13px;
    width: 16px;
    height: 15px;
    margin-left: 10px;
}

.sprite-minimal {
    background-position: -48px -13px;
    width: 16px;
    height: 15px;
    margin-left: 10px;
}

.sprite-minus {
    background-position: -115px 0px;
    width: 9px;
    height: 9px;
}

.sprite-paper-clip {
    background-position: 0px -13px;
    width: 12px;
    height: 13px;
}

.sprite-target {
    background-position: -64px -13px;
    width: 15px;
    height: 15px;
}

.sprite-confirm-fix {
    background-position: -79px -13px;
    width: 15px;
    height: 15px;
}
/*-----------Icons on page Search Fixes - End-----------*/

/*-----------SearchResultSummary-----------*/
.srs-container {
    border: 0 none;
    height: 12px;
    margin: 0 0 2px;
    padding: 2px 10px 0 10px;
    text-align: left;
    width: 100%;
    vertical-align: top;
}

    .srs-container div.count {
        float: left;
        text-align: right;
        width: 15%;
    }

    .srs-container div.title {
        float: right;
        text-align: left;
        width: 75%;
    }

.srs-root-container {
    width: 99%;
    padding: 5px 0px 0px 0px;
    font-size: 11px;
    height: 100%;
}

    .srs-root-container td {
        vertical-align: top;
        width: 50%;
    }

.columnTitle {
    padding: 0px 0px 4px 10px;
    font-weight: bold;
    font-size: 10px;
}

.columnSeparate {
    height: 149px;
    background-color: #C0C0C0;
    width: 1px;
}

.expand-collapse-control {
    width: 100%;
    text-align: right;
    visibility: hidden;
    padding-bottom: 10px;
    background-color: #F3F3F3;
    height: 10px;
}

    .expand-collapse-control #collapse-control {
        display: none;
    }

#srs-outer-container {
    width: 100%;
    background-color: #F3F3F3;
}

#srs-wrapper {
    background-color: #F3F3F3;
    width: 100%;
    position: relative;
    z-index: 100;
    height: 175px;
}

#srs-indicator {
    padding: 5px 0px 0px 5px;
}

#srs_container_waiting_auto_expand {
    position: relative;
    width: 100%;
    height: 180px;
    float: left;
    margin-top: -180px;
    *margin-top: -185px;
    cursor: wait;
    background-color: #f0f0f0;
    opacity: 0.1;
    z-index: 200;
    filter: alpha(opacity=10);
}
/*-----------SearchResultSummary - END-----------*/

/*-----------SearchResult-----------*/

.search-result-content .panel-body {
    background: white !important;
    /*margin: 0 16px;*/
    padding: 5px 0px;
}

.search-result-content .no-margin {
    margin: 0;
}

.search-result-content .panel .panel-header .panel-header-content {
    height: 26px !important;
    line-height: 26px !important;
    padding: 0 16px;
}


.search-result-content .panel .panel-header .header-left {
    text-align: left;
    float: left;
}

.search-result-content .panel .panel-header .header-right {
    text-align: right;
    width: 40%;
    font-weight: normal;
    float: right;
}

.search-result-content .empty-panel-body {
    height: 200px;
}


.search-result-templates {
    display: none;
}

.body-content {
    min-height: 50px;
}

.search-result-content .extract-phase-result-content, .empty-result-content, .ultra-search-result-content {
    padding: 0px 0px 20px 10px;
}


.search-result-content .lst-suggestion {
    margin: 0;
    padding: 0;
    list-style: disc inside;
}

    .search-result-content .lst-suggestion li {
        margin-left: 25px;
        padding: 0;
    }

.search-result-content a.suggestion-keyword {
    text-decoration: underline;
    color: rgb(0, 0, 255);
    cursor: pointer;
}

.search-result-content .lst-suggestion li a.suggestion-keyword:hover {
    color: #C00 !important;
}

.search-result-content .ultra-search {
    height: 16px;
    padding-left: 5px;
}

.search-result-content .suggestion-keywords {
    float: left;
    padding-left: 5px;
}


.super-charged-search {
    padding: 15px 0px 5px 0px;
}

.did-you-mean-suggest {
    padding: 0px 0px 2px 0px;
}

.oem-title-link {
    text-decoration: underline;
    cursor: pointer;
    font-weight: normal !important;
}

    .oem-title-link:hover {
        text-decoration: none;
    }

.oem-title-link-visited {
    text-decoration: underline;
    cursor: pointer;
    font-weight: normal !important;
}

.expand-node {
    background-image: url(/Content/Images/SearchFixesSprites.png);
    background-position: -115px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 9px;
    margin-top: 4px;
    width: 9px;
    float: left;
    margin-right: 5px;
}

.collapse-node {
    background-image: url(/Content/Images/SearchFixesSprites.png);
    background-position: -106px 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 9px;
    margin-top: 4px;
    width: 9px;
    float: left;
    margin-right: 5px;
}
/*Code data*/
.search-result-content .tbl-data-code, .tbl-dtc-document-monitor, .tbl-dtc-document-indicator {
    width: 100%;
    border-collapse: collapse;
}

    .search-result-content .tbl-data-code thead tr th, .tbl-dtc-document-monitor thead tr th, .tbl-dtc-document-indicator thead tr th {
        text-align: left;
        font-size: 10px;
    }

    .search-result-content .tbl-data-code tr {
        line-height: 29px;
    }

    .tbl-dtc-document-monitor, .tbl-dtc-document-indicator tr {
        line-height: 20px;
    }

.tbl-data-code tr td, .tbl-data-code tr th {
    border-top: 1px black solid;
}

.search-result-content .panel .panel-body > div {
    margin: 0 16px;
}

.search-result-content .panel .panel-body .oem-panel {
    margin: 0px;
}

.search-result-content #dtc-document-section label.sprite-document, #code-data-section label.sprite-document {
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 5px;
}

.header-repair-trac-text, .header-hotline-archive-text {
    font-style: italic;
}
/*Hotline Archive*/
.hotline-archive-left-title {
    float: left;
}

.hotline-archive-section .description .symptom-link {
    float: left;
    margin-right: 5px;
}


.hotline-archive-section .paper-clip-icon {
    background-image: url("/Content/Images/SearchFixesSprites.png");
    background-position: 0px -13px;
    width: 12px;
    height: 13px;
    float: left;
    margin-right: 5px;
}

.hotline-archive-section .camera-icon {
    background-image: url("/Content/Images/video.gif");
    width: 21px;
    height: 12px;
    float: left;
}

.hotline-archive-section .document-icon-wrapper {
    float: left;
    margin-right: 25px;
}

.hotline-archive-section .confirm-fix-icon {
    background-image: url("/Content/Images/SearchFixesSprites.png");
    background-position: -79px -13px;
    width: 15px;
    height: 15px;
    float: left;
    vertical-align: top;
    margin-right: 10px;
}

.confirmedFixCount {
    margin: 5px 0px;
}

.target-icon {
    background-image: url("/Content/Images/SearchFixesSprites.png");
    background-position: -64px -13px;
    width: 15px;
    height: 15px;
    float: left;
    vertical-align: top;
    margin-right: 10px;
}

.hotline-archive-section .vehicle-description {
    color: #008000;
    float: left;
    display: inline-block;
}

.hotline-archive-section ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .hotline-archive-section ul li {
        margin: 3px 0px;
        font-size: 11px;
    }

.iatn-section .iatn-label {
    background: #f3f3f3;
    width: 100%;
    height: 15px;
    padding: 2px 0px;
    margin-top: 10px;
}

.hotline-archive-section .hotline-archive-label {
    background: #f3f3f3;
    width: 100%;
    padding: 3px 0px;
    margin-top: 10px;
}

.hotline-archive-label table {
    border-spacing: 0px;
}

.hotline-archive-label td {
    padding: 0;
}

.iatn-section .iatn-label div {
    float: left;
    margin: 0px 3px;
}

.hotline-archive-section .hotline-archive-label div {
    margin: 0px 3px;
}

.hotline-archive-section .has-extension-message, .iatn-section .has-extension-message {
    color: red;
    float: left;
}

.hotline-archive-section .test-details-cat, .hotline-archive-section .confirmed-fix-details-cat, .hotline-archive-section .test-details-cat:hover, .hotline-archive-section .confirmed-fix-details-cat:hover {
    color: #3366FF !important;
}

.hotline-archive-section .tbl-data tr td {
    padding-right: 10px !important;
}

    .hotline-archive-section .tbl-data tr td.postion {
        padding-right: 0px !important;
    }
/*Reliability Report*/
#reliabilityReport-section .report-label {
    margin: 10px 0px 20px 0px;
}

    #reliabilityReport-section .report-label div {
        float: left;
        font-weight: bold;
        font-size: 10px;
        color: #000000;
    }

        #reliabilityReport-section .report-label div.report-label-text {
            padding-left: 5px;
        }

#reliabilityReport-section .tbl-data {
    border-collapse: collapse;
    font-size: inherit;
    background-color: white;
}

    #reliabilityReport-section .tbl-data th {
        text-align: left;
    }

    #reliabilityReport-section .tbl-data tr td {
        border-top: 1px solid #000000;
        padding-bottom: 4px;
        padding-top: 4px;
        text-align: left;
        vertical-align: top;
    }

#reliabilityReport-section .dynatree-node-message {
    margin-left: 32px;
}

.reliability-report-btns {
    position: absolute;
    top: 4px;
    right: 20px;
    margin: 1px;
}

    .reliability-report-btns .reliability-report-button {
        font-size: 11px;
        font-weight: bold;
        color: #000;
        margin-right: 2px;
        /*padding: 1px 6px;*/
    }

/*Identifix Articles*/
.identifix-articles-header-left {
    text-align: left;
    width: 40%;
    float: left;
}

.identifix-articles-header-right {
    text-align: right;
    width: 40%;
    font-weight: normal;
    float: right;
}
/*Posted fixed*/

#posted-fixed-section .has-extension-message {
    color: red;
    float: left;
}

#posted-fixed-section .vehicle-description {
    float: left;
    display: inline-block;
}

.posted-fix-label .has-extension-message {
    margin-right: 10px;
}

.posted-fix-label .has-extension-message-text {
    color: red;
    float: left;
}



#tsb-section .has-extension-message {
    color: red;
    display: inline;
}

.tsb-label {
    padding-top: 5px;
}

    .tsb-label .has-extension-message-text {
        display: inline;
        padding-left: 5px;
        color: red;
    }


/*----- Search result section table style------*/

.search-result-content .tbl-data {
    width: 100%;
    border-collapse: collapse;
}

    .search-result-content .tbl-data thead tr th {
        text-align: left;
        font-size: 10px;
    }

    .search-result-content .tbl-data tr td {
        border-top: #000000 1px solid;
        padding-top: 4px;
        padding-bottom: 4px;
        vertical-align: top;
        text-align: left;
    }

/*----- Search result section table style -END ------*/


/*******************************************************************************
 * Direct-Hit tree's panel header
 */
.dh-tree-panel-left-header {
    float: left;
}

.dh-tree-panel-right-header {
    float: right;
    font-weight: normal;
}


/*******************************************************************************
 * MOTOR Component Locations tree
 */
.motor-component-locations-tree span.level-one span.dynatree-expander,
.motor-legacy-component-locations-tree span.level-one span.dynatree-expander {
    display: none;
}

.motor-component-locations-tree span.level-one,
.motor-legacy-component-locations-tree span.level-one {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

/*******************************************************************************
 *  MOTOR Wiring Diagrams tree
    COLOR Wiring Diagrams tree
 */
.motor-wiring-diagrams-tree span.level-one span.dynatree-expander,
.color-wiring-diagrams-tree span.level-one span.dynatree-expander {
    display: none;
}

.motor-wiring-diagrams-tree span.level-one,
.color-wiring-diagrams-tree span.level-one {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

.motor-wiring-diagrams-tree .group-of-diagrams,
.color-wiring-diagrams-tree .group-of-diagrams {
    font-weight: bold;
    margin-top: 5px;
}

.motor-wiring-diagrams-tree .diagram-document-row,
.color-wiring-diagrams-tree .diagram-document-row {
    display: flex;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .motor-wiring-diagrams-tree .diagram-document-row,
    .color-wiring-diagrams-tree .diagram-document-row {
        max-width: calc(100vw - 160px);
    }
}

.motor-wiring-diagrams-tree .diagram-title,
.color-wiring-diagrams-tree .diagram-title {
    white-space: nowrap;
    margin-right: 16px;
}

.color-wiring-diagrams-tree .diagram-link-new-tab,
#dynatree-node-colorwiringdiagrams-59 .diagram-link-new-tab {
    display: inline-block;
    background: url("/Content/Images/icon-new-tab-sprites.png") -64px -16px no-repeat;
    height: 16px;
    width: 16px;
    min-width: 16px;
}

.color-wiring-diagrams-tree .diagram-link-new-tab:hover,
#dynatree-node-colorwiringdiagrams-59 .diagram-link-new-tab:hover {
    background: url("/Content/Images/icon-new-tab-sprites.png") -16px -16px no-repeat;
}

#dynatree-node-colorwiringdiagrams-59 .diagram-link-new-tab {
    margin-left: 0;
}

#dynatree-node-colorwiringdiagrams-59 .dynatree-exp-c .dynatree-icon,
#dynatree-node-colorwiringdiagrams-59 .dynatree-exp-cl .dynatree-icon {
    display: none;
}

.motor-wiring-diagrams-tree td.diagram-title,
.color-wiring-diagrams-tree td.diagram-title {
    width: 120px;
}

.motor-wiring-diagrams-tree .diagram-desc,
.color-wiring-diagrams-tree .diagram-desc {
    margin-left: 16px;
}

.motor-wiring-diagrams-tree .diagram-icon,
.color-wiring-diagrams-tree .diagram-icon {
    width: 9px;
    height: 12px;
    display: inline-block;
    margin-left: 15px;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-image: url("/Content/Images/SearchFixesSprites.png");
    background-position: -97px 0px;
    cursor: pointer;
}

.motor-wiring-diagrams-tree span.dynatree-icon,
.color-wiring-diagrams-tree span.dynatree-icon {
    display: none;
}

.motor-wiring-diagrams-tree .table-of-diagrams,
.color-wiring-diagrams-tree .table-of-diagrams {
    width: 100%;
}

.motor-wiring-diagrams-tree hr,
.color-wiring-diagrams-tree hr {
    margin-left: 15px;
}

/*******************************************************************************
 *  MOTOR Specifications
 */
.dh-motor-specification .doc-node {
    margin-left: 16px;
}

.dh-motor-specification .motor-spec-first-level, .motor-spec-group-title {
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
}

.dh-motor-specification .motor-spec-second-level {
    font-weight: normal;
    padding-bottom: 2px;
}

.dh-motor-specification hr {
    border: 1px solid #CCCCCC;
}

/* Specs Styles */
.SPEC {
}

table.SPEC {
    border: solid 2px #000;
    background-color: #FFF;
    width: 650px;
    text-align: left;
}

.SPEC caption {
    font-weight: bold;
    font-size: 12px;
}

.specQualifier {
    color: #C00;
}

.SPEC td,
.SPEC th {
    padding: 4px;
}

.specWarning {
    margin: 4px;
    padding: 4px;
    border: solid 1px #F00;
}

.SPEC h1 {
    font-weight: bold;
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #B2B2B2;
}

.SPEC h2 {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0px;
}

.specTitleMain {
    font-weight: bold;
}

.specTitle {
    font-weight: bold;
    font-size: 10px;
}

.ChangeInfo-Widget-Title /* Change info: Title factory maintenance widget home page */ {
    padding: 0 10px 3px;
    position: absolute;
}

.specSection {
    padding-top: 6px;
    padding-left: 24px; /*border-left:solid 1px #B2B2B2;*/
}

.SPEC ul,
.SPEC ol {
    margin-top: 2px;
    line-height: 15px;
    margin-bottom: 4px;
}

    .SPEC ol ul {
        margin-top: 0px;
        margin-left: 32px;
        padding-left: 0px;
        line-height: 15px;
        list-style: lower-alpha;
        margin-bottom: 4px;
    }

.specNotes {
    font-size: 9px;
}

.specCopyright {
    margin-top: 6px;
    padding-top: 4px;
    font-size: 9px;
    text-align: center;
    border-top: solid 1px #CCC;
}

.arrow_right {
    border-style: none;
    background-image: url(/Content/Images/icons/arrow_down_to_right.gif);
    background-repeat: no-repeat;
    background-position: center center;
    padding-right: 8px;
}

.arrow_down {
    border-style: none;
    background-image: url(/Content/Images/icons/arrow_right_to_down.gif);
    background-repeat: no-repeat;
    background-position: center center;
    padding-right: 8px;
}

a.subsectColHeader:link,
.NonVisitedLink a.subsectColHeader:link,
.NonVisitedLink a.subsectColHeader:visited {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: blue;
    TEXT-DECORATION: underline;
    cursor: pointer;
    cursor: hand;
    text-align: left;
}

a.subsectColHeader:visited {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: purple;
    TEXT-DECORATION: underline;
    cursor: pointer;
    cursor: hand;
    text-align: left;
}

a.subsectColHeader:hover,
.NonVisitedLink a.subsectColHeader:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: red !important;
    TEXT-DECORATION: none;
    cursor: pointer;
    cursor: hand;
    text-align: left;
}

table.eav_table, table.eav_TABLE, table.eav_Table {
    width: 600px;
    background-color: #000000;
    border-collapse: collapse;
    border: 2px solid #000;
}

CAPTION.eav_caption, CAPTION.eav_Caption, eav_CAPTION {
    font-weight: bold;
    color: #000000;
    background-color: #f3f3f3;
}

TH.eav_th, TH.eav_TH {
    font-weight: bold;
    font-size: 10px;
    color: #000000;
    background-color: #ffffff;
    padding: 0;
    border: 1px solid #000;
    text-align: left;
}

TD.eav_td, TD.eav_TD {
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 0;
    border: 1px solid #000 !important;
}

.eav_qualifier, .eav_Qualifier {
    font-weight: bold;
    font-size: 10px;
    background-color: #E5E5E5;
    border: 1px solid #000;
}

a.eav_Key:link, a.eav_Key:visited {
    font-weight: bold;
    color: blue;
}

a.eav_Key:hover {
    font-weight: bold;
    color: red !important;
    text-decoration: none;
}

TD.eav_Key {
    background-color: #ffffff;
}

FONT.eav_copy, FONT.eav_COPY {
    font-weight: normal;
    font-size: 9px;
    color: #000000;
}

TD.eav_copy, TD.eav_COPY {
    background-color: #ffffff;
}

a.Asset_Data2:link, a.Asset_Data2:visited {
    color: blue;
}

a.Asset_Data2:hover {
    color: red !important;
}

FONT.Asset_Data2 {
    font-weight: bold;
    color: #000000;
}

.notes_content {
    font-weight: normal;
    font-size: 10px;
}

.notes_style {
    font-weight: bold;
    font-size: 9px;
}

.eav_Table ol {
    margin-left: 20px;
    padding-left: 10px;
    line-height: 15px;
}

.eav_Table ul {
    margin-left: 32px;
    padding-left: 0px;
    line-height: 15px;
}
/* End Specs Styles */

/*******************************************************************************
 *  Tooltip
 */
.HideTooltips {
    display: none;
}

.ShowTooltips {
    display: block;
    border-style: groove;
    border-width: 1px;
    border-color: Gray;
    width: auto;
    text-align: center;
    position: absolute;
    font-size: 10px;
    margin: 1px;
    padding: 1px;
    background-color: #FFFF99;
    white-space: nowrap;
    z-index: 9999;
}

/*-----------SearchResult - END-----------*/
/*-----------Asset Detail Viewer*/
.asset-detail-container {
    margin: 5px 0px;
}

.asset-detail-container-ipad {
    height: 570px;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
}

.close-dialog {
    background: url("/Content/Images/closeButton.png");
    cursor: pointer;
    float: right;
    height: 16px;
    width: 17px;
}
/*-----------Asset Detail Viewer - EDN*/
/* OEM - END
-----------------------------------------------------------*/


/* Printing Img Tooltip Start
-----------------------------------------------------------*/
#printing-img-tooltip {
    font-family: Arial, sans-serif;
    font-size: 12px;
    position: absolute;
    border: 1px solid #000;
    font-weight: bold;
    background-color: #fff;
    z-index: 9999;
    color: #000;
    padding: 5px;
    text-decoration: none;
    width: 110px;
    height: 20px;
    cursor: pointer;
}

    #printing-img-tooltip:hover {
        background-color: #c0c0c0;
        color: #000;
    }

    #printing-img-tooltip .print-context-icon {
        background: url("/Content/Images/SearchFixesSprites.png") no-repeat -304px 0px;
        width: 16px;
        height: 16px;
        float: left;
        padding: 5px;
    }

    #printing-img-tooltip .print-context-text {
        padding-top: 2px;
    }

/* Printing Img Tooltip End
-----------------------------------------------------------*/

/*Style for finish page*/
.finishing-success-message {
    font-weight: bold;
    color: #008000;
    padding: 5px 5px 10px;
}

/*Style for Posting Guidelines popup*/
    .ui-dialog {
    border-radius: 0 0 0 0;
    width: 860px;
    padding: 0;
    }

    .ui-dialog .ui-dialog-content {
        padding: 0;
    }

.ui-dialog-titlebar {
    background-color: #194FA1;
    border: solid 1px #194FA1;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: #FFFFFF;
}
span.ui-button-icon.ui-icon.ui-icon-closethick {
    margin-top: 4px !important;
    /* margin-left: 4px !important; */
    background: url(/Themes/DIRECTHIT5/Content/Images/close.svg) no-repeat;
}
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.dismiss-confirm-dialog.ui-draggable > div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix > div > button {
    color: #FFFFFF;
    border-radius: 3px !important;
    background-color: #194FA1 !important;
    border: 1px solid #194FA1 !important;
    font-family: Verdana !important;
    font-weight: bold !important;
    font-size: 12px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding: .4em 1em;
}

.ui-dialog .ui-corner-all, .ui-dialog.ui-corner-all {
    border-radius: 0;
}

#ui-dialog-title-posting-guideline-popup {
    color: #fff;
}

.ui-draggable .ui-icon-closethick, .ui-widget-header .ui-icon-closethick {
    background: url("/Content/Images/closeButton.png") no-repeat scroll top transparent;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:focus {
    border: none;
    background: none;
}

.ui-dialog-titlebar-close {
    border: none;
    background: none;
}

#posting-guideline-popup .dear-user {
    margin-bottom: 3px;
}

#posting-guideline-popup .content-container {
    padding: 9px;
    background-color: #F3F3F3;
}

.posting-guideline-popup-footer {
    height: 1px;
    background-color: #ccc;
}

/*Tab style*/
.tab-layout-container {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    border-color: gray;
    padding: 5px;
}

    .tab-layout-container td:not(.MuiTableCell-root) {
        padding: 0px;
    }

    .tab-layout-container:not(.MuiTable-root) .tab-content-container:not(.MuiTable-root) {
        padding: 10px;
        border: 1px solid #CCC;
        border-top: 0 none;
        background-color: white;
    }

.tab-container {
    border-bottom: 1px solid #CCC;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    height: 36px;
}

@-moz-document url-prefix() {
    .tab-container div.tabs {
        padding: 3px 0px 0px 0px !important;
    }
}

.tab-container div.tabs {
    margin: 0;
    padding: 5px 0px 0px 0px;
    width: 100%;
    top: 7px;
    position: absolute;
}

    .tab-container div.tabs div.tab {
        float: left;
        display: block;
        padding: 5px 6px 5px 6px;
        margin-right: 5px;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-image: none;
        border-radius: 5px 5px 0 0;
        border-style: solid solid none;
        border-color: #CCC;
        border-width: 1px 1px medium;
        border-bottom: 0 none;
        outline: medium none;
        background-color: #EEE;
    }

        .tab-container div.tabs div.tab a {
            color: #000;
            text-decoration: none;
        }

            .tab-container div.tabs div.tab a.new-tab {
                background: url(/Content/Images/icons/new_indicator_icons.png) right center no-repeat;
                padding-right: 37px;
            }

    .tab-container div.tabs div.tab-selected {
        background-color: white;
        padding-bottom: 5px;
        border-bottom: 1px solid white;
    }

    .tab-container div.tabs div.expand-conllapse-tab {
        float: right;
    }

/*Breadcrumbs stylesheet*/
/*
 xBreadcrumbs (Extended Breadcrumbs) jQuery Plugin
 2009 ajaxBlender.com
 For any questions please visit www.ajaxblender.com 
 or email us at support@ajaxblender.com
*/

.xbreadcrumbs {
    z-index: 900;
    background: none repeat scroll 0 0 white;
    padding-bottom: 15px;
}

    .xbreadcrumbs, .xbreadcrumbs li, .xbreadcrumbs ul, .xbreadcrumbs ul li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .xbreadcrumbs ul {
            display: none;
        }

        .xbreadcrumbs li {
            float: left;
            line-height: 2.3em;
            cursor: pointer;
            position: relative;
            margin-bottom: 3px;
            white-space: nowrap;
            height: 26px;
            margin-left: -10px;
            /* just for ie7 */
            *float: none;
            *display: inline;
            zoom: 1;
        }

            .xbreadcrumbs li a {
                font-size: 11px;
                color: #666666;
                text-decoration: none;
                padding: 0 6px 0 15px;
                border-bottom: 1px solid #AAAAAA;
                border-top: 1px solid #AAAAAA;
                height: 25px;
                background-color: #E9E9E9;
                vertical-align: top;
                display: inline-block;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            /*  Top Level - Current Page  */
            .xbreadcrumbs li.current a {
                color: #333333;
                font-weight: bold;
            }

            /*  Sub-level  */
            .xbreadcrumbs li ul {
                position: absolute;
                float: left;
                padding: 3px;
                background: white;
                font-size: 11px;
                width: 180px;
                top: 26px;
            }

                .xbreadcrumbs li ul li {
                    float: left;
                    width: 100%;
                    height: auto;
                    border: none;
                }

                    .xbreadcrumbs li ul li a {
                        text-decoration: none;
                        color: #CCCCCC !important;
                        display: none;
                        padding: 4px;
                        border-bottom: 1px dotted #666666;
                    }

                    .xbreadcrumbs li ul li:last-child a {
                        border-bottom: none;
                    }

                    .xbreadcrumbs li ul li a:hover {
                        background: #444444;
                    }

            .xbreadcrumbs li.homenode {
                border-left-width: 1px;
                border-left-style: solid;
                border-left-color: #aaaaaa;
            }

            .xbreadcrumbs li a.breadcrumb-homelink {
                background: url(/Content/Images/breadcrumb_home.gif) no-repeat center center #E9E9E9;
                width: 15px;
                float: left;
            }

.vspacer {
    height: 20px;
}

.xbreadcrumbs .separate-image {
    height: 26px;
    width: 10px;
    display: inline-block;
    background: url(/Content/Images/breadcrumb_separato.png) no-repeat left top transparent;
    margin-left: -1px;
}
/*End of breadcrumb stylesheet.*/

/*End tab style*/

.ui-autocomplete-loading {
    background: white url(/Content/Images/icons/loading_icon.gif) right center no-repeat;
}

.note-style-1 {
    font-weight: bold;
    font-size: 11px;
    color: #FD0000;
}

/*TOC Breadcrumb*/
.toc-item {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: none;
    cursor: pointer;
    line-height: 25px;
    border: 1px solid #AAAAAA;
    vertical-align: middle;
    background-color: #EEEEDD;
    margin: 1px 0;
    position: relative;
    background: url(/Content/Images/toc-item-bg.png) repeat-x;
}

    .toc-item:hover {
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        display: none;
        cursor: pointer;
        line-height: 25px;
        border: 1px solid #AAAAAA;
        vertical-align: middle;
        margin: 1px 0;
        position: relative;
        background-color: #CEF6F5;
        background-image: none;
    }

    .toc-item a {
        color: #000000;
        font-size: 12px;
        margin: 4px;
        text-decoration: none;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
    }

.see-more-container {
    display: none;
}

.toc-container {
    min-width: 500px;
    min-height: 150px;
    padding-bottom: 5px;
    position: relative !important;
    overflow: hidden;
    height: 100%;
}

.breadcrumb-container {
    padding-left: 10px;
}

.toc-item-leaf {
    background-image: none;
    border-style: none;
}

    .toc-item-leaf:hover {
        background-image: none;
        border-style: none;
    }

.leaf-icon {
    background: url(/Content/Images/document_icon.png) no-repeat;
    cursor: pointer;
    height: 22px;
    vertical-align: middle;
    width: 15px;
    background-position: 0px 3px;
    margin-left: 2px;
    display: inline-block;
}

.error-item {
    color: red;
}

.toc-no-filtering-result {
    text-align: left;
}

    .toc-no-filtering-result .suggestion {
        line-height: 130%;
        margin-top: 3px;
        margin-bottom: 0px;
    }

.toc-reach-limit-message {
    color: red;
    display: none;
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
}

.toc-bookmark-bar-loading {
    padding-left: 5px;
    background: url(/Content/Images/innerIndicator.gif) right center no-repeat;
    display: none;
}

.loading-text {
    position: relative;
}

.toc-with-breadcrumb-container {
    position: relative;
}

/*End TOC Breadcrumb*/

/* Start Toc - Filtering css*/
.oem-sm-toc-filtering-panel {
    display: block;
    float: right;
    height: 29px;
    max-width: 412px;
    padding-right: 5px;
    position: relative;
    z-index: 1000;
}

.oem-sm-toc-search-box-panel {
    float: left;
    width: 75%;
}

.oem-sm-toc-filter-button-panel {
    float: right;
    width: 25%;
}

.oem-sm-toc-filter-button {
    font-size: 11px;
    margin-left: 5px;
    width: 100px;
}

.oem-sm-toc-search-box, .oem-sm-toc-search-box-selected {
    color: #808080;
    font-size: 12px;
    padding-bottom: 2px;
    width: 300px;
}

.oem-sm-toc-search-box-selected {
    color: #000000;
}

.oem-sm-filtering-auto-suggestion {
    background: none !important;
    border: 1px solid !important;
    background-color: #ffffff !important;
}

.oem-sm-error {
    color: red !important;
}

.oem-sm-toc-scroll-search-fixed {
    position: fixed;
    left: -1px;
    right: -1px;
    top: 0px;
    z-index: 9999;
    margin-left: 27px;
    margin-right: 27px;
    background-color: #ffffff;
    padding-top: 5px;
}

.oem-sm-toc-scroll-fixed {
    position: fixed;
    left: -1px;
    right: -1px;
    bottom: 0px;
    z-index: 9999;
    margin-left: 27px;
    margin-right: 27px;
    background-color: White;
    display: block !important;
}

.oem-sm-toc-scroll-search-unfixed, .oem-sm-toc-scroll-unfixed {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    display: block !important;
}

.oem-sm-toc-scroll-search-fixed-hidden-frame {
    position: absolute;
    border: none;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: -1;
}

#expand-conllapse-button {
    min-width: 250px;
}

/* End Toc - Filtering css*/

/*Start TOC hybrid*/
#TocHybridSearchResultPanel ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}

.tochybrid-book-text, .section-title-text {
    cursor: pointer;
}

#TocHybridSearchResultPanel .margin-level-15 {
    margin-left: 15px;
}

.oem-item-processing.oem-item {
    display: none;
}

.toc-ui-pending .section-body {
    height: 31px;
}

    .toc-ui-pending .section-body li {
        display: none;
    }
/*End TOC hybrid*/

/* Start iATN css*/
.iatn-item-position {
    border-top: 1px solid #000000;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: left;
    vertical-align: top;
}

.iatn-item-col1 {
    border-top: 1px solid #000000;
    padding-bottom: 4px;
    padding-right: 20px;
    padding-top: 4px;
    text-align: left;
    vertical-align: top;
    width: 50%;
}

.iatn-vehicle-description {
    color: #008000;
}

.iatn-description {
    padding-top: 5px;
}

.iatn-clear-padding {
    clear: both;
    padding-top: 10px;
    width: 100%;
}


.iatn-item-col2 {
    border-top: 1px solid #000000;
    padding-bottom: 4px;
    padding-right: 20px;
    padding-top: 4px;
    text-align: left;
    vertical-align: top;
    width: 28%;
}

.iatn-clear {
    clear: both;
    width: 100%;
}

.iatn-rating {
    margin-left: 5px;
}

.iatn-item-col3 {
    border-top: 1px solid #000000;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: left;
    vertical-align: top;
}

.iatn-rating-positive {
    background-image: url("/Content/Images/star.gif");
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    margin-top: 2px;
    width: 13px;
}

.iatn-rating-negative {
    background-image: url(/Content/Images/circle.gif);
    background-repeat: no-repeat;
    float: left;
    width: 13px;
    height: 13px;
    margin-top: 2px;
}

.iatn-bookmark-button {
    margin-top: 5px;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}

.iatn-table {
    width: 100%;
    padding-top: 4px;
}
/* End iATN css*/

/* HA Dialog*/
.ha-dialog .ui-widget-header {
    background-color: #cccccc !important;
    border: medium none !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ha-dialog .ui-dialog-titlebar {
    background: url("/Content/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #ccc;
}

.ha-dialog .ui-dialog-content {
    overflow-y: hidden;
}
/* End HA Dialog*/


table.office-info-panel {
    border: none;
    border-spacing: 0;
}

    table.office-info-panel tr td {
        width: 175px;
        vertical-align: top;
        white-space: nowrap;
        padding: 20px 10px 10px 10px;
    }

.block-panel {
    padding: 0;
}

.block-panel-header {
    background-color: #444853;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    vertical-align: middle;
    color: #fff;
}

.block-panel-body {
    margin-top: 5px;
}

.full-width {
    width: 100%;
}

.textbox-error {
    border: 1px solid #FF0000 !important;
}

.height-1 {
    height: 1px;
}

/* Start Demo User*/
.demo-user-masssage {
    color: red;
    font-size: 11px;
    font-weight: bold;
}
/* End Demo User*/

/*Splash popup*/
.splashpopup-container {
    display: none;
    background-color: White;
}

.splashpopup-close-container {
    padding-right: 0px;
    padding-top: 0px;
    height: 0px;
    vertical-align: middle;
}

.splashpopup-close {
    display: none;
    float: right;
    width: 17px;
    height: 16px;
}

/*Start Css for Shop Card Expiration */
.center-container {
    position: absolute;
    z-index: 9999999;
    top: 0;
    left: 0;
    color: rgb(79, 164, 107);
    height: 400px;
    margin: 0;
    width: 100%;
    background-image: url(/content/images/bg_pixel_CardNotice.png);
    background-position: left top;
    background-repeat: repeat;
    display: none;
}

.absolute-center {
    bottom: 0;
    height: 120px;
    left: 0;
    margin: auto;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 50%;
}

    .absolute-center.is-responsive {
        max-width: 500px;
        min-width: 500px;
        padding: 10px;
        width: 60%;
        *position: relative;
    }

.center-block {
    margin-top: 250px;
    background-color: #FCFAAF;
    color: rgb(255, 255, 255);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 3px solid #fff;
    -webkit-box-shadow: 2px 2px 6px 0px rgba(46, 74, 99, 1);
    -moz-box-shadow: 2px 2px 6px 0px rgba(46, 74, 99, 1);
    box-shadow: 2px 2px 6px 0px rgba(46, 74, 99, 1);
    *filter: progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=0,strength=0), progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=45,strength=0), progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=90,strength=0), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=8), progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=225,strength=3), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=1);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=0,strength=0), progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=45,strength=0), progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=90,strength=0), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=8), progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=225,strength=3), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=1)\9;
}

:root .center-block {
    filter: none\0;
}

.absolute-center .notice {
    width: 100%;
    text-align: center;
    color: #EE1A1A;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 13px;
}

.absolute-center .content {
    width: 100%;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 13px;
}

.absolute-center .outerbutton {
    border: none;
    color: black;
    text-align: center;
    background-color: none;
    float: left;
    padding: 3px;
    *background-image: url("/content/images/bg_Ok_buttons.png");
    background-image: url("/content/images/bg_Ok_buttons.png")\9;
    background-position: left 4px\9;
    *background-position: -2px 5px;
    background-repeat: no-repeat;
    margin-left: 230px;
    margin-top: 10px;
}

:root .absolute-center .outerbutton {
    background-image: none\0;
}

.absolute-center .outerbutton:hover {
    *background-image: url("/content/images/bg_Ok_buttons.png");
    background-image: url("/content/images/bg_Ok_buttons.png")\9;
    background-position: -2px -33px;
    background-repeat: no-repeat;
}

:root .absolute-center .outerbutton:hover {
    background-image: none\0;
}

.absolute-center .outerbutton input[type=button] {
    -webkit-box-shadow: -1px 3px 3px 0px rgba(34, 41, 99, 1);
    -moz-box-shadow: -1px 3px 3px 0px rgba(34, 41, 99, 1);
    box-shadow: -1px 3px 3px 0px rgba(34, 41, 99, 1);
    background-color: #D7D7D7;
    border: none !important;
    color: black;
    text-align: center;
    *width: 30px;
    *padding-right: 5px;
    width: 30px\9;
    padding-left: 5px\9;
    float: left;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 13px;
}

:root .absolute-center .outerbutton input[type=button] {
    padding-top: 3px\0;
}

.absolute-center .outerbutton input[type=button]:hover {
    -webkit-box-shadow: -1px 3px 3px 0px rgba(74, 99, 129, 1);
    -moz-box-shadow: -1px 3px 3px 0px rgba(74, 99, 129, 1);
    box-shadow: -1px 3px 3px 0px rgba(74, 99, 129, 1);
    background-color: #E5E5E5;
    cursor: pointer;
}
/*End Css for Shop Card Expiration*/

/*#region MastHead */
#banner-container ul {
    margin: 5px 2px 0px 0px;
    padding: 0;
    text-align: right;
}

.mh-li {
    padding: 5px 0 !important;
    *padding: 5px 2px !important;
    margin: 0 -1px;
}

#banner-container li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 11px;
    text-align: center;
}

.mh {
    float: left;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #fff !important;
    padding-top: 0 !important;
    text-decoration: none;
    font-weight: bold;
    /* this fix for issue Mast head breaks into new line on IE7, 1024x768*/
    *letter-spacing: -0.03em;
}

    .mh *:hover {
        cursor: pointer;
    }

.mh-icon {
    background-image: url('/Content/Images/Mast_Head_icons.png');
    background-repeat: no-repeat;
}

.mh-leftCorner {
    float: left;
    width: 10px;
    height: 36px;
    background-position: right -55px;
    margin-right: -1px;
}

.mh-rightCorner {
    float: left;
    width: 11px;
    height: 36px;
    background-position: left -114px;
    margin-left: -1px;
}

.mh-content {
    float: left;
    height: 36px;
    background-position: left top;
    background-repeat: repeat-x;
    margin-left: 1px;
    text-decoration: none;
}

    .mh-icon.mh-iconRep.mh-repairHotline-alt {
        background: url(/Themes/DIRECTHIT5/Content/Images/repairhotline-link.svg) !important;
        background-color: transparent !important;
        background-size: 92px 40px !important;
        height: 40px;
        width: 92px;
        background-repeat: no-repeat !important;
    }
    
    .mh-content p.mh-iatn {
        max-width: 90px;
        margin-top: 3px;
        /* just for ie7 */
        *top: 0%;
    }

    .mh-content span.mh-phone {
        float: left;
        height: 23px;
        width: 23px;
        background-position: left -172px;
        background-color: #CC0000;
        margin: -1px 3px 0 -1px;
    }

    .mh-content span.mh-video {
        float: left;
        height: 24px;
        width: 24px;
        background-position: left -216px;
        background-color: #CC0000;
        margin: 6px 3px 0px -1px;
    }

    .mh-content span.mh-update {
        float: left;
        height: 23px;
        width: 24px;
        background-position: left -263px;
        background-color: #CC0000;
        color: #CC0000;
        padding-top: 4px;
        margin: 6px 3px 0px -1px;
    }

    .mh-content span.mh-iatn {
        float: left;
        width: 86px;
        background-image: url(/Content/Images/iATNIdentifix.png) !important;
        height: 38px;
        background-size: contain;
        background-position: center;
        border-left-style: solid;
        border-left-width: 1px;
        border-left-color: #cccece;
    }

    .mh-content span.mh-help {
        display: none;
    }

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

.right-banner a.mh-menu {
    display: none;
}
/* version 2*/
.banner-container-borderv2 {
    border: 1px solid #fff;
    padding: 2px;
    background-color: #fff;
}

.right-bannerv2, .banner-containerv2 {
    box-sizing: initial;
}

#header-container #banner-container #right-banner .branch-logov2 img,
#header-container #left-banner .branch-logov2 img {
    height: 35px;
    float: right;
    padding-top: 2px;
    padding-left: 6px;
}

#header-container #banner-container td.banner-container-borderv2 {
    padding: 0 2px
}

.flex-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

    .flex-container > span {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .flex-container > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.flex-container-left {
    display: flex;
    flex-wrap: nowrap;
    align-items: start;
    justify-content: left !important;
}

.flex-container-rev {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
}

    .flex-container-rev > span {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.flex-container-v {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

    .flex-container-v > span {
        display: flex;
        justify-content: center;
        align-items: center;
    }

#left-banner .left-banner-background {
    float: left;
    width: 100%;
    margin: 2px 0 2px 0;
    padding: 5px 0 4px 0;
}

.mh-liv2 {
    padding: 5px 0 !important;
    *padding: 5px 2px !important;
    margin: 0 -1px 0 30px;
}

.banner-container-borderv2 div.mh-menu {
    float: left;
    background-position: left top;
    background-color: transparent;
    background-repeat: no-repeat;
    display: block !important;
    margin: -4px 12px 0 12px;
}

    .banner-container-borderv2 div.mh-menu a.mh-menu {
        float: left;
        height: 27px;
        width: 32px;
        background-position: left top;
        color: #4C4642;
        background-image: url('/Content/Images/squares-button-menu.png');
        background-repeat: no-repeat;
        background-size: 27px 27px;
        cursor: pointer;
    }

div.mh-seperatedlinev2 {
    float: left;
    height: 42px;
    width: 1px;
    background-color: #ccc;
    margin-top: -50px;
    margin-left: 52px;
    display: block !important;
}

#left-banner div.mh-seperatedlinev2 {
    margin: -49px 0 0 49px;
}

.banner-containerv2 ul {
    margin: 0 !important;
}

.mh-liv2 .mh-content {
    float: left;
    height: 36px;
    background-image: url();
    margin-left: 1px;
    text-decoration: none;
    color: #BDBBB9;
    font-size: 13px;
    text-transform: capitalize !important;
}

.mh-liv2 span.mh-icon {
    background-image: url('/Content/Images/Mast_Head_iconsV2.png');
    background-repeat: no-repeat;
}

.mh-liv2 .mh-leftCorner, .mh-liv2 .mh-rightCorner {
    display: none;
}

.mh-liv2 .mh-content span.mh-phone {
    height: 28px;
    width: 25px;
    background-position: -33px top;
    background-color: #4C4642;
}

.mh-liv2 .mh-content span.mh-update {
    height: 28px;
    width: 28px;
    background-position: -60px top;
    background-color: #4C4642;
    color: #4C4642;
    margin-top: 3px;
    padding-top: 6px;
    font-size: 15px;
}

.mh-liv2 .mh-content span.mh-help {
    float: left;
    height: 28px;
    width: 28px;
    background-position: -60px top;
    background-color: #4C4642;
    color: #4C4642;
    padding-top: 5px;
    margin: 3px 3px 0px -1px;
    font-size: 18px;
    display: block
}

@-moz-document url-prefix() {
    .mh-liv2 .mh-content span.mh-help {
        padding-top: 3px;
    }

    div.mh-seperatedlinev2 {
        margin-top: -54px;
        height: 53px;
    }
}
/*#endregion */

/* iATN Tooltip CSS */
.mh-tip-white {
    position: absolute;
    top: 68px;
    display: none;
    z-index: 1000;
}

    .mh-tip-white .tip-inner {
        border-radius: 5px;
        border: 1px solid #939393;
        background-color: white;
        float: left;
        margin-top: 8px;
        margin-top: 4px\9;
        *margin-top: 4px;
        width: 210px;
        -webkit-box-shadow: 2px 2px 6px 0px rgba(46, 74, 99, 1);
        -moz-box-shadow: 2px 2px 6px 0px rgba(46, 74, 99, 1);
        box-shadow: 2px 2px 6px 0px rgba(46, 74, 99, 1);
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #fff, #C6C6C2);
        /* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #fff, #C6C6C2);
        /* IE 10 */
        background: -ms-linear-gradient(top, #fff, #C6C6C2);
        /* Opera 11.10+ */
        background: -o-linear-gradient(top, #fff, #C6C6C2);
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=0,strength=0), progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=45,strength=0), progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=90,strength=0), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=8), progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=225,strength=3), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=1) progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#C6C6C2')\9;
        *filter: progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=0,strength=0), progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=45,strength=0), progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=90,strength=0), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=8), progid:DXImageTransform.Microsoft.Shadow(color=#CDCDCD,direction=225,strength=3), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=1), progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#C6C6C2');
        padding: 8px 5px 5px 5px;
        text-align: center;
    }

:root .mh-tip-white .tip-inner {
    filter: none\0;
    margin-top: 8px\0;
}
/*SMS Menu header integration*/
.mh-menu-smsv2 {
    background-color: #404040;
    position: absolute;
    top: 68px;
    display: none;
    z-index: 1000;
    width: 230px;
    padding: 15px 0;
    color: #9E9E9E;
    font-size: 15px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.mh-menu-sms-sub {
    margin: 0 15px 5px 10px;
}

.mh-menu-sms-sub-DH {
    width: 198px;
    background-position: left -33px;
    height: 38px
}

.mh-menu-sms-sub-DS img {
    height: 40px
}

.mh-menu-sms-item {
    padding: 5px 15px;
}

    .mh-menu-sms-item a {
        text-decoration: none;
        color: #D3D3D3
    }

        .mh-menu-sms-item a:hover {
            text-decoration: none;
            color: #FBB040
        }

.mh-menu-sms-line {
    width: 100%;
    height: 1px;
    background-color: #797979;
    border-top: 1px solid #535353;
    border-bottom: 1px solid #535353;
    margin: 15px 0;
}


/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.mh-tip-white .tip-arrow-top {
    background-position: left bottom;
    width: 16px;
    height: 10px;
    top: 0;
    position: relative;
    *position: absolute;
    z-index: 2;
    margin-left: 150px;
    *margin-left: -85px;
    background-image: url('/Content/Images/Mast_Head_icons.png');
    background-repeat: no-repeat;
}

/* End Tooltip CSS */

.finish-message {
    padding: 10px;
    font-weight: bold;
}

    .finish-message .success {
        color: green;
    }

    .finish-message .failed p:first-child {
        color: red;
    }

.office-info .panel {
    padding: 5px;
}


/* Motor part icon CSS */
.motor-part-mode-icon {
    display: inline-block;
    left: 3px;
    top: 3px;
    position: relative;
    zoom: 1;
    *display: inline;
}

.motor-part-mode-icon-search {
    display: inline-block;
    left: 3px;
    top: 5px;
    position: relative;
    zoom: 1;
    *display: inline;
}

.current-icon {
    background-image: url('/Content/Images/icons/current-icon.png');
    width: 47px;
    height: 13px;
}

.previous-icon {
    background-image: url('/Content/Images/icons/previous-icon.png');
    width: 50px;
    height: 13px;
}

/* Motor part icon CSS */


/* START System Upgrade Notification*/
.system-upgrade-notification {
    margin-top: 2px;
    padding: 0;
    min-width: 980px;
    width: auto;
    text-align: center;
    height: 20px;
    min-height: 20px;
    filter: none !important;
    display: none;
}

    .system-upgrade-notification .content {
        padding: 2px 0px 2px 30px;
        text-align: center !important;
        margin-left: 0px;
        width: 99.5% !important;
        *width: auto !important;
        font-size: 13px !important;
    }

    .system-upgrade-notification .btn-close-button {
        float: right;
        margin: 2px 3px 0 0;
        background-color: #D7D7D7;
        border: 1px solid #B2B2B2;
        padding: 0px 2px 2px 2px;
        line-height: 1.0;
        cursor: pointer;
        color: Black;
        font-weight: bold;
        font-size: 12px;
        display: none;
    }

        .system-upgrade-notification .btn-close-button:hover {
            background-color: #EEEEEE;
        }
/* END System Upgrade Notification*/

.err-loading-panel {
    min-height: 50px;
    text-align: center;
    padding: 10px;
    background-color: #fff;
    border: 3px solid
}
/*
    Progress-bar control
*/
.progress-bar-container {
    width: 98%;
    margin: 10px auto;
    padding: 10px;
}

    .progress-bar-container .progress-bar-status {
        color: black;
        font-weight: bold;
        padding: 5px;
        font-size: 14px;
    }

@media print {
    .no-print {
        display: none;
    }
}


/*Switch Site Menu*/
#switch-site-menu {
    margin-top: 55px;
    border: 3px solid black;
    margin-left: 5px;
    position: relative;
    background: white;
    display: none;
}

    #switch-site-menu ul {
        margin: 0;
        padding: 0;
    }

        #switch-site-menu ul li {
            margin: 0;
            text-align: left;
            display: block;
        }

            #switch-site-menu ul li:hover {
                background: #ddd;
            }

        #switch-site-menu ul .disable:hover {
            background: #ffffff;
        }

        #switch-site-menu ul li a {
            text-decoration: none;
            display: block;
            padding: 3px 15px 3px 15px;
            color: #000;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 13px;
            font-weight: bold;
        }

            #switch-site-menu ul li a.disable {
                color: #ddd;
            }

.adv-slider-bar.ui-slider-disabled.ui-disabled, .adv-slider-bar.ui-slider-disabled.ui-disabled a {
    opacity: 0.35;
    filter: alpha(opacity=35); /* IE 5-7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; /* IE 8 */
}

#keyboard-error {
    padding: 16px;
}

.btn-keyboard-error {
    background: #ebebeb;
    font-family: Arial, sans-serif;
    color: #000000;
    font-size: 15px;
    padding: 0px 3px 0px 3px;
    border: solid #ADADAD 1px;
    text-decoration: none;
    font-weight: bold;
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
}

.ui-dialog-titlebar-close {
    padding: 0 !important;
}

.btn-keyboard-error:hover {
    text-decoration: none;
}

.temporary-hidden-field {
    position: absolute;
    width: 10px;
    left: -100px;
}

.fake-replay .jwicon {
    background-image: url('/Content/Images/icon_replay.png') !important;
}

#header-container .branch-logov2 a,
.mh-menu-sms-sub-DS a {
    color: transparent;
}

.hide-menu {
    display: none !important;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

img.collision-logo {
    height: 44px !important;
}

label .label-alert {
    color: #FF0000;
}

.credit-card-load-indicator {
    background: url("/Themes/DIRECTHIT5/Content/Images/spinner-solera-component.svg") no-repeat center;
    width: 100px;
    height: 760px;
    margin: auto;
    display: block;
    animation-name: loader;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 1.2s;
}

.credit-card-notice {
    margin: 0 10px 60px 10px;
    background-color: #FCFAAF;
    border: 1px solid #CCCCCC;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

    .credit-card-notice .btn-close-button {
        padding: 3px 3px 2px 2px;
        cursor: pointer;
        border: 1px solid #B2B2B2;
        background-color: #D7D7D7;
        float: right;
        padding: 2px 4px;
        border-radius: 2px;
    }

        .credit-card-notice .btn-close-button:hover {
            background-color: #EEEEEE;
            color: #ff0000;
        }

    .credit-card-notice .content {
        padding: 10px 25px;
        font-weight: bold;
        font-family: Arial, sans-serif;
        font-size: 13px;
    }

.force-hide {
    display: none !important;
}

.mfe-panel table {
    border-collapse: collapse;
}

.mfe-panel {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.mfe-panel {
    background-color: white !important;
    font-family: Roboto;
    font-size: 14px !important;
    margin: 0px 0px 24px 0px;
}

.mfe-header {
    background-color: #444853 !important;
    color: #FFFFFF;
    padding: 6px 16px;
    text-transform: uppercase;
    border-radius: 4px 4px 0px 0px;
    font-size: 14px;
    font-weight: 700;
}

.mfe-container {
    border: 1px solid;
    border-color: #CCCCCC;
    padding: 8px 16px 8px 16px;
    min-height: 240px;
    font-weight: 400;
}

@keyframes loader {
    to {
        transform: rotate(360deg);
    }
}

.restrictable {
    position: relative;
}

.restricted-section {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 2;
    cursor: not-allowed;
}

.restricted-section-message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    line-height: 18px;
    background-color: white;
    padding: 12px;
    border: solid 1px #444854;
    width: 52%;
}

li.tab-not-hyper-link, .tab-menu-restricted {
    cursor: not-allowed !important;
}

    li.tab-not-hyper-link span, .tab-menu-restricted span {
        display: inline;
        color: #b2b2b2;
        font-weight: bold;
        margin: 4px;
        width: calc(100% - 8px);
        text-decoration: none;
    }

/* Menu Restricted Tooltip CSS */
.tip-white {
    border-radius: 5px;
    border: 1px solid #939393;
    background-color: white;
    z-index: 1000;
    text-align: left;
    padding: 7px;
    min-width: 50px;
    max-width: 530px;
    /**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}

    .tip-white .tip-inner {
        margin-top: -2px;
        padding: 0 3px 1px 3px;
    }

    /* Configure an arrow image - the script will automatically position it on the correct side of the tip */
    .tip-white .tip-arrow-top {
        margin-top: -9px;
        /*

	margin-left: 30px;
    */
        top: 0;
        left: 0;
        width: 16px;
        height: 10px;
        background: url(/Content/Images/tip-white_arrows.png) no-repeat;
    }

    .tip-white .tip-arrow-right {
        margin-top: -9px; /* approx. half the height to center it */
        margin-left: -4px;
        top: 50%;
        left: 100%;
        width: 10px;
        height: 20px;
        background: url(/Content/Images/tip-white_arrows.png) no-repeat -16px 0;
    }

    .tip-white .tip-arrow-bottom {
        margin-top: -0px;
        margin-left: 15px;
        top: 100%;
        left: 0;
        width: 16px;
        height: 13px;
        background: url(/Content/Images/tip-white_arrows.png) no-repeat -32px 0;
    }

    .tip-white .tip-arrow-left {
        margin-top: -8px; /* approx. half the height to center it */
        margin-left: -10px;
        top: 50%;
        left: 0;
        width: 10px;
        height: 20px;
        background: url(/Content/Images/tip-white_arrows.png) no-repeat -48px 0;
    }

.tip-yellow .tip-arrow-bottom {
    margin-top: -6px;
    margin-left: 15px;
    top: 100%;
    left: 0;
    width: 16px;
    height: 13px;
    background: url(/Content/Images/tip-white_arrows.png) no-repeat -32px 0;
}

.rmg-error-button {
    cursor: pointer;
}
/* End Menu Restricted Tooltip CSS */

.pro-academy-banner {
    background-color: #DDE9FC;
    font-family: Verdana;
    font-size: 13px;
    padding: 12px;
    border-radius: 4px;
    min-width: 1006px;
}

.pro-academy-banner-container {
    margin: 0px 12px 12px 12px;
}

.pro-academy-banner-logo {
    background: url(/Content/Images/dh-pro-academy/pro-academy-icon.svg) no-repeat;
    padding-left: 42px;
    display: inline-block;
}

.pro-academy-banner-title {
    font-weight: bold;
}

.pro-academy-banner-upgrade-button {
    float: right;
    color: white !important;
    font-weight: bold;
    width: 146px;
    background-color: #194FA1;
    padding: 8px 12px;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    text-align: center;
    text-decoration: none;
}

.pro-academy-banner-logo span {
    display: block;
}

.banner-background {
    border-collapse: collapse !important;
}
/* Roles for autocomplete plugin*/

.ui-menu-item-wrapper {
    text-decoration: none !important;
    display: block;
    padding: .2em .4em !important;
    line-height: 1.5;
    zoom: 1; 
}
ul#ddl-auto-complete-VHPSearch {
    padding-left: .2em;
}
.ui-menu-item {
    list-style: none; 
}
.ui-widget-content {
    border: 1px solid #aaa; 
}
.ui-button-icon.ui-icon.ui-icon-triangle-1-s {
    position: absolute;
    top: 50%;
}
.ui-menu {
    padding: 2px !important;
}
.ui-autocomplete
{
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
.hasMoreVehicle {
    white-space: normal;

}