/* Page Layout ----------------------------------- */

html {
    height: 100%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    position: relative;
    padding-bottom: 275px;
    min-height: 100%;
    -ms-overflow-style: scrollbar;
}

.cursor-help {
    cursor: help;
}

.monospace, .monospace td, .monospace th {
    font-family: Lucida Console, Monospace;
    font-size: 12px;
    line-height: normal;
}

    .monospace strong {
        font-weight: bold;
    }

/* PageBackground -------------------------------- */

#page-background {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    background-position-x: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

    #page-background > div {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

/* Preheader ------------------------------------- */

#preheader {
    background: #333;
    color: white;
    font-size: 0.85em;
    padding: 5px 0;
}

    #preheader a {
        color: white;
        margin: 0 5px;
        font-weight: 500;
    }

        #preheader a:hover {
            color: #54b948;
        }

    #preheader .breadcrumb {
        background: none;
        padding: 0;
        margin: 0;
    }

        #preheader .breadcrumb a {
            margin: 0;
        }

        #preheader .breadcrumb > .active {
            color: white;
        }

    #preheader .right-col {
        text-align: center;
    }

    .languages {
        white-space: nowrap;
        display: block;
    }

        languages a {
            margin: 0 2px;
        }

        .languages img {
            width: 20px;
        }

/* Header ---------------------------------------- */

#header {
    background: #003e7e;
    color: white;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}

    #header .row {
        padding: 10px 0;
    }

    #header img {
        height: 29px;
        margin-top: 2px;
    }

    #header a {
        color: white;
    }

        #header a:hover {
            color: #54b948;
        }

    #header .nav {
        display: inline-block;
        vertical-align: top;
        margin-top: 20px;
    }

        #header .nav.hidden-menu {
            display: none;
        }

        #header .nav > li > a {
            padding: 5px 0;
            font-size: 16px;
        }

            #header .nav > li > a:hover,
            #header .nav > li > a:focus {
                color: #54b948;
                background: none;
            }

    #header .xhr-loader {
        background: white;
    }

        #header .xhr-loader.active {
            background: #ccedc9;
        }

    #header .product-search {
        font-size: 15px;
        line-height: 1.45em;
        display: inline-block;
        width: 160px;
    }

    #header .product-search-box .tt-menu {
        font-size: 13px;
        border-top: none;
    }

    #header button.toggle {
        margin: 0;
        padding: 3px 15px;
    }

    #header .header-intrac {
        color: white;
        font-size: 24px;
        line-height: 30px;
        font-weight: 500;
        display: none;
    }

        #header .header-intrac:hover {
            color: #54b948;
        }

        #header .header-intrac .header-intrac-in {
            color: #54b948;
        }

        #header .header-intrac:hover .header-intrac-in {
            color: white;
        }

/* XHR Loader ------------------------------- */
.xhr-loader {
    position: relative;
    height: 3px;
}

    .xhr-loader > div {
        background: #54b948;
        display: none;
        height: 3px;
    }

/* Footer ----------------------------------- */

#footer {
    border-radius: 0;
    background: none;
    background-color: #003e7e;
    border: none;
    margin: 0;
    padding-top: 2px;
    color: white;
    font-size: 0.85em;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

    #footer .footer-action {
        color: rgba(255,255,255,0.7);
    }

        #footer .footer-action:hover {
            color: #54b948;
            cursor: pointer !important;
        }

    #footer .globe {
        height: 100px;
        background-image: url('/Content/Svg/globe.footer.png');
        background-repeat: repeat-x;
        background-size: auto 100%;
        background-position-x: center;
    }

    #footer .container-fluid {
        background: #003e7e;
    }

    #footer img {
        height: 25px;
        padding-bottom: 5px;
    }

    #footer .xhr-loader {
        background: #002B57;
    }

    #footer .navbar-nav {
        margin: 5px 0 10px 0;
    }

        #footer .navbar-nav > li > a {
            padding: 2px 10px 2px 0;
        }

    #footer .footer-logo {
        padding: 12px 0;
    }

        #footer .footer-logo .footer-copyright {
            color: rgba(255,255,255,0.7);
            margin-left: 20px;
        }

/* Title ------------------------------------ */

#title {
    padding: 20px 0;
}

/* Main -------------------------------------- */

#main {
    padding: 20px 0;
}

/* Nav ------------------------------------ */

ul.nav {
    padding: 0;
    margin: 0;
}

    ul.nav li {
        margin: 0 10px 0 0;
        padding: 0;
        display: inline-block;
    }

    ul.nav ul.dropdown-menu {
        background: #003e7e;
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

        ul.nav ul.dropdown-menu li {
            display: block;
            margin: 0;
        }

/* Product Search Box ------------------------- */

.product-search-box {
    position: relative;
}

    .product-search-box input {
        width: 100%;
        padding: 5px 15px;
        height: 50px;
        border-radius: 0;
        border: 1px solid rgba(0, 0, 0, 0.20);
        color: #555;
        text-align: left;
    }

.twitter-typeahead {
    width: 100%;
}

.tt-menu {
    background: white;
    color: #555;
    text-align: left;
    width: 100%;
    padding: 5px 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid silver;
    box-shadow: rgba(0,0,0,0.4) 0 0 5px;
    left: auto !important;
    right: 0;
    min-width: 250px;
}

.tt-suggestion {
    padding: 3px 10px;
}

.tt-selectable {
    cursor: pointer;
}

    .tt-selectable:hover,
    .tt-cursor {
        background: #54b948;
        color: white;
    }

.tt-message {
    margin: 3px 10px;
}

/* Paginator ------------------------ */

.paginator {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .paginator nav,
    .paginator nav ul {
        margin: 0;
    }

    .paginator .paginator-description {
        margin-bottom: 10px;
    }

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

    .paginator .pagination li > a,
    .paginator .pagination li > span,
    .paginator .paginator-rows-buttons > span,
    .paginator .paginator-rows-buttons > a {
        padding: 6px 10px;
        font-size: 0.9em;
    }

/* RowLink ---------------------------------- */

tr.row-link {
    position: relative;
}

    tr.row-link > td {
        position: relative;
    }

    tr.row-link a.row-link {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

/* Product Tiles ----------------------------- */

.product-tiles {
    margin: 10px -5px;
    display: flex;
    flex-wrap: wrap;
}

.product-tile {
    min-width: 320px;
    min-height: 90px;
}

    .product-tile .title {
        padding: 5px 10px;
        border-bottom: 1px solid #ccc;
        position: relative;
        padding-left: 50px;
        overflow: hidden;
        font-weight: 500;
    }

        .product-tile .title .icon {
            position: absolute;
            left: 0px;
            top: 0px;
            background: #54b948;
            color: white;
            font-size: 18px;
            font-weight: normal;
            line-height: 32px;
            width: 40px;
            height: 100%;
            text-align: center;
            border-top-right-radius: 10px;
            cursor: pointer;
        }


        .product-tile .title .export {
            float: right;
            color: #003e7e;
            font-size: 18px;
            font-weight: normal;
            text-align: center;
            cursor: pointer;
        }

    .product-tile.empty .hidden-empty {
        display: none;
    }

    .product-tile .loading {
        margin: 10px 0;
    }

        .product-tile .loading .glyphicons {
            font-size: 20px;
            color: #003e7e;
            float: left;
            margin: 0 10px 5px 0;
        }

        .product-tile .loading .xhr-loader {
            margin: 10px 0;
        }

    .product-tile .error {
        color: black;
        font-weight: normal;
        padding: 30px 0;
    }

        .product-tile .error .glyphicons {
            font-size: 30px;
            color: #c00;
            float: left;
            margin: 0 10px 5px 0;
        }

    .product-tile .payload {
        padding: 10px 0;
        position: relative;
    }

    .product-tile .payload-inner {
        height: 100%;
    }

    .product-tile .payload-chart {
        height: 350px;
    }

    .product-tile.pictures-tile .payload-inner {
        display: flex;
        align-items: stretch;
        flex-wrap: nowrap;
    }

    .product-tile.pictures-tile .pictures-tile-thumbnails {
        width: 60px;
        margin: -2px 10px -2px 0;
    }

        .product-tile.pictures-tile .pictures-tile-thumbnails img {
            width: 100%;
            margin: 2px 0;
            cursor: pointer;
            border-left: 5px solid #ccc;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

            .product-tile.pictures-tile .pictures-tile-thumbnails img.active {
                border-color: #54b948;
            }

    .product-tile.pictures-tile .pictures-tile-image {
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 3px;
    }

    .product-tile.pictures-tile .pictures-tile-image-outer {
        flex-grow: 1;
        display: block;
        min-height: 250px;
        background-size: cover;
        overflow: hidden;
        position: relative;
        background-image: none !important;
    }

    .product-tile.pictures-tile .pictures-tile-image-inner {
        height: 100%;
        background-size: contain;
        background-color: rgba(255,255,255,0.6);
        cursor: pointer;
    }

    .product-tile.pictures-tile .pictures-tile-3d-image {
        max-height: 502px;
        text-align: center;
    }

    .product-tile.pictures-tile .pictures-tile-request-image {
        position: absolute;
        top: 5px;
        right: 5px;
        display: none;
    }


    .product-tile .product-carousel {
    }

    .product-tile .product-carousel-item {
        width: 200px;
        padding: 0 10px;
        display: inline-block;
    }

    .product-tile .product-carousel-image {
        overflow: hidden;
        height: 150px;
        background-image: url('/Content/Images/noimage.jpg');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 5px;
        border: 1px solid silver;
        margin-bottom: 5px;
    }

    .product-tile .product-carousel-image-inner {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 100%;
    }

    .product-tile .product-carousel .oem-logo {
        max-width: 100%;
        max-height: 20px;
        margin: 5px 0;
    }

    .product-tile .product-carousel-description {
        font-size: 0.9em;
        line-height: 1.2em;
    }

    .product-tile .stock-table tbody tr {
        display: none;
    }

        .product-tile .stock-table tbody tr:first-child td {
            border-top: none;
        }

    .product-tile .stock-table-indent {
        border: none;
    }

    .product-tile .stock-table-flag {
        width: 25px;
        border-radius: 2px;
        margin-right: 10px;
    }

    .product-tile .stock-table-number {
        font-weight: 500;
        font-size: 20px;
        text-align: center;
        background: #54b948 !important;
        border-bottom-color: #54b948 !important;
        color: white;
    }

    .product-tile tbody tr.stock-table-heading-row {
        display: table-row;
    }

    .product-tile .stock-table-heading-row td {
        vertical-align: middle;
    }

    .product-tile .stock-table-heading-row:hover td {
        background: #e2f7e5;
    }

    .product-tile .stock-table-actions .btn {
        background: none;
        border: none;
        color: #54b948;
        margin: 0;
        padding: 6px 3px;
        box-shadow: none !important;
    }

    .product-tile .stock-table-actions .glyphicons-ban-circle {
        color: #c00;
    }

    .product-tile .stock-table-details {
        display: inline-block;
        min-width: 70px;
        max-width: 70px;
        overflow: hidden;
        font-size: 0.9em;
    }

    .product-tile .active td {
        background: #c9e4ff !important;
        font-weight: 500;
    }

    .product-tile .active .btn {
        color: #003e7e;
    }

    .product-tile .active .stock-table-number {
        color: white;
        background: #003e7e !important;
        border-bottom-color: #003e7e;
    }

    .product-tile .stock-table-actions {
        text-align: right;
    }

    .product-tile .stock-table-heading {
        font-weight: 500;
    }

    .product-tile .stock-table-heading-countries {
        text-align: right;
    }

        .product-tile .stock-table-heading-countries .stock-table-flag {
            margin-right: 0;
            margin-left: 2px;
        }

        .product-tile .stock-table-heading-countries span {
            line-height: 27px;
            color: #aaa;
        }

    .product-tile .stock-table-heading-logo {
        text-align: center;
    }

        .product-tile .stock-table-heading-logo img {
            width: 60px;
        }

    .product-tile .stock-table-heading-logo-subtext {
        font-size: 0.8em;
        font-weight: 500;
        color: #54b948;
    }

    .product-tile .active .stock-table-heading-logo-subtext {
        color: #003e7e;
    }

    .product-tile .stock-table-heading-helptext td {
        border-top: none;
    }

    .product-tile.mock, .product-tile .mock {
        background: #ffd;
    }

/* Tabbed Tiles ------------------------------------- */

.product-tabbed-tiles .nav {
    border-bottom: 1px solid #ccc;
}

    .product-tabbed-tiles .nav > li {
        margin-right: 2px;
    }

        .product-tabbed-tiles .nav > li > a {
            position: relative;
            padding: 5px 15px 5px 40px;
            color: black;
            border: 1px solid #ccc;
            border-bottom: none;
            border-top-right-radius: 10px;
            border-top-left-radius: 0;
            font-weight: 500;
        }

        .product-tabbed-tiles .nav > li.active > a {
            color: white;
            border: none;
            background: #54b948;
            border-bottom: 1px solid #54b948;
        }

        .product-tabbed-tiles .nav > li .glyphicons {
            position: absolute;
            left: 0px;
            top: 0px;
            color: #003e7e;
            font-size: 18px;
            font-weight: normal;
            line-height: 34px;
            width: 40px;
            height: 100%;
            text-align: center;
            cursor: pointer;
        }

        .product-tabbed-tiles .nav > li.active .glyphicons {
            color: white;
            background: #54b948;
        }

.product-tabbed-tiles .product-tile > .title {
    display: none;
}

.product-tabbed-tiles .export {
    margin: 5px 0;
    padding: 10px 0;
    text-align: right;
}

    .product-tabbed-tiles .export [data-tile-export] {
        cursor: pointer;
    }

    .product-tabbed-tiles .export .glyphicons {
        color: #003e7e;
        margin-right: 5px;
        line-height: 1.1em;
        font-size: 1.3em;
    }

.product-tabbed-tiles .tab-pane.empty .hidden-empty {
    display: none;
}

/* InfoPanel ---------------------- */
.info-panel .panel-heading .glyphicon {
    margin-right: 10px;
    color: #003e7e;
    position: relative;
    top: 2px;
}

/* WarningPanel ---------------------- */

.warning-panel .panel-heading .glyphicon {
    margin-right: 10px;
    color: #da0;
    position: relative;
    top: 2px;
}

/* FileUpload Download -------------------------- */

.file-upload-download {
    position: relative;
    min-height: 74px;
    margin: 10px 0px;
    padding: 0px 0px 0px 80px;
    box-sizing: border-box;
    border-bottom: 1px solid silver;
}

    .file-upload-download:last-child {
        border-bottom: none;
    }

    .file-upload-download .link {
        font-weight: 600;
        font-size: 16px;
    }

    .file-upload-download .icon {
        position: absolute;
        left: 0px;
        top: 0px;
    }

        .file-upload-download .icon img {
            border-radius: 5px;
        }

    .file-upload-download .delete a {
        cursor: pointer;
    }

.dropzone {
    border: 1px dashed #C3C8C8;
    background: white;
    padding: 0;
    margin: 20px auto;
    min-height: 155px;
}

.search-container .dropzone {
    max-width: 200px;
}

.dropzone.dz-drag-hover {
    border: 2px solid #54b948;
}

    .dropzone .dz-preview {
        border-radius: 5px;
        padding: 5px;
        margin: 10px 10px 0 0;
    }

    .dropzone .dz-image {
        text-align: center;
    }

        .dropzone .dz-image img {
            margin: 5px auto;
        }

    .dropzone .dz-error-message {
        top: 170px !important;
    }

    .dropzone .dz-title {
        background: #003e7e;
        color: white;
        padding: 5px 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .dropzone.dz-drag-hover .dz-title {
        background: #54b948;
        border-radius: 0;
    }

    .dropzone .dz-message {
        margin: 10px;
        color: #00000099;
        font-size: 14px;
        padding-top: 20px;
    }

        .dropzone .dz-message .glyphicon {
            font-size: 40px;
            color: #00000099;
            margin-bottom: 10px;
        }

/*  With Flag ----------------------- */

.with-flag img {
    width: 25px;
    margin-right: 5px;
}

/* OEM Logo Inline --------------------- */

.oem-logo.inline {
    max-height: 1.45em;
    max-width: 100px;
    padding-right: 10px;
}

/* Model Errors ---------------------- */

.model-errors {
    position: relative;
    top: -3px;
    border-bottom: 2px solid #900;
    margin-bottom: 0;
}

    .model-errors .icon {
        font-size: 40px;
        color: #c00;
    }

.input-validation-error {
    border: 2px solid #c00;
}

/* Model Messages ---------------------- */

.model-messages {
    position: relative;
    top: -3px;
    border-bottom: 2px solid #090;
    margin-bottom: 0;
}

    .model-messages .icon {
        font-size: 40px;
        color: #54b948;
    }

/* Basket -------------------- */

.basket-add .basket-add-oem {
    margin: 0;
    font-size: 24px;
}

.basket-add .basket-add-partno {
    margin: 0;
    font-weight: bold;
    font-size: 30px;
}

.basket-add .basket-add-details {
}

.basket-add .basket-add-type {
    font-size: 20px;
    margin: 5px 0;
}

.basket-add .basket-add-country,
.basket-add .basket-add-location,
.basket-add .basket-add-owner {
    margin: 5px 0;
}

.basket-product {
    font-weight: 500;
    font-size: 1.2em;
}

.basket-description {
    font-size: 0.8em;
}

.basket-details-type {
    font-weight: 500;
    margin-bottom: 5px;
}

.basket-details-country,
.basket-details-location,
.basket-details-owner {
    margin: 5px 0;
}

.basket-row {
    border-bottom: 1px solid #e7e7e7;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .basket-row:nth-of-type(odd) {
        background: #f7f7f7;
    }

.basket-header {
    font-weight: 500;
    border-bottom: 2px solid #e7e7e7;
    padding-bottom: 10px;
}

.basket-actions {
    margin: 5px 0;
}

    .basket-actions a {
        margin-left: 10px;
    }

.basket-save {
    color: #090;
}

.basket-delete {
    color: #c00;
}

.basket-offer {
    color: #39f;
}

.basket-quantity {
    max-width: 75px;
    width: 100%;
    display: inline-block;
    text-align: right;
}

.basket-panel .panel-body {
    padding-bottom: 0;
}

.basket-panel .basket-header {
    margin-top: 20px;
}

/* BasketIcon ----------------------- */

.basket-icon {
    color: #888888;
    line-height: 1.7;
    font-size: 17px;
    position: relative;
    display: inline-block;
}

    .basket-icon:hover {
        cursor: pointer;
    }

    .basket-icon .basket-icon-count {
        position: relative;
        font-family: 'Maven Pro', Sans-Serif;
        right: 0;
        bottom: 0;
        color: white;
        font-weight: bold;
        font-size: 12px;
        display: inline-block;
        line-height: 1;
    }

    .basket-icon .basket-icon-count-basket {
        background: #54b948;
        padding: 2px 6px;
        border-radius: 7px;
    }

    .basket-icon .dual .basket-icon-count-basket {
        padding: 2px 4px 2px 5px;
    }

    .basket-icon .basket-icon-count-saved {
        display: none !important;
        border-left: 1px solid white;
        padding: 2px 5px 2px 4px;
        background: #fc0;
        color: black;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
    }

/* Checkout ------------------------- */

.checkout-kitting-order-legend {
    list-style-type: none;
    padding: 0;
    margin: 10px 0;
}

    .checkout-kitting-order-legend li {
        white-space: nowrap;
        display: inline-block;
        margin-right: 20px;
        width: 200px;
    }

        .checkout-kitting-order-legend li > span {
            display: inline-block;
            height: 1em;
            width: 1em;
            margin-right: 10px;
            position: relative;
            top: 2px;
            border-radius: 2px;
        }

.checkout-kitting-order.available {
    background: #ffcc00;
}

.checkout-kitting-order.allocated {
    background: #2ea343;
}

.checkout-kitting-order.unavailable {
    background: red;
}

.checkout-kitting-order.shields {
    background: #0053a1;
}

.checkout-kitting-order.substitute {
    background: #ff9933;
}

.checkout-kitting-order.unknown {
    background: silver;
}

.checkout-kitting-order-stock {
    height: 1em;
    border-radius: 2px;
    overflow: hidden;
    margin: 10px 0;
}

    .checkout-kitting-order-stock > div {
        height: 100%;
        float: left;
    }

/* Admin Nav ---------------------- */

.admin-nav {
    margin-top: 20px;
    margin-bottom: 0;
}

    .admin-nav li > img {
        width: 50px;
        height: 50px;
    }

    .admin-nav li a {
        background: #e7e7e7;
        color: black;
        margin: 5px 0;
    }

        .admin-nav li a:hover {
            background: #ccc;
            color: black;
        }

    .admin-nav li.active a {
        background: #54b948;
    }

/* Order Actions --------------------------------- */

.order-actions {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 0 solid #e7e7e7;
    font-size: 0.9em;
}

    .order-actions .btn {
        font-size: 1em;
    }

/* News ----------------------------------- */

.news-list-year {
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    font-size: 2.0em;
}

    .news-list-year a {
        font-weight: normal;
    }

.news-list-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.news-list-item-title {
    margin: 5px 0;
    font-size: 1.6em;
}

    .news-list-item-title a {
        font-weight: normal;
    }

.news-list-item-date {
    font-size: 1.2em;
    margin: 0;
}

.clickable-row:hover {
    background: #73e25a !important;
    cursor: pointer !important;
}

.no-padding {
    padding: 0px !important;
}

.no-left-padding {
    padding-left: 0px !important;
}

.no-right-padding {
    padding-right: 0px !important;
}

.no-top-padding {
    padding-top: 0px !important;
}

.no-bottom-padding {
    padding-bottom: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.no-left-margin {
    margin-left: 0px !important;
}

.no-right-margin {
    margin-right: 0px !important;
}

.no-top-margin {
    margin-top: 0px !important;
}

.no-bottom-margin {
    margin-bottom: 0px !important;
}

.account-head-margin {
    margin: 4px 0 !important;
}

.btn-sm-default {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #333;
    background-color: #fff;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ccc;
    margin-bottom: 0;
    display: inline-block;
}

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

    .btn-sm-default.disabled,
    .btn-sm-default[disabled] {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #e0e0e0;
        background-image: none;
    }

.squeeze {
    font-size: 12px !important;
    margin: 0px 0px 0px 2px !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
}

.dl-padding {
    padding: 6px;
}

.table-wrapper {
    height: 50vh;
    border: 1px solid #dddddd;
    overflow-y: auto;
    margin-bottom: 4px;
}

.table-header-row {
    background: #dddddd;
    padding: 2px;
    margin: 2px 0 !important;
}

.setting-section {
    padding: 2px 16px 0px 16px;
}

.setting-section-header {
    background: #dddddd;
    padding: 3px;
}

.stages {
    width: 100%;
    display: block;
}

    .stages .tab {
        height: 100%;
        background-color: #999;
        border-color: #999;
        position: relative;
        float: left;
        line-height: 28px;
        text-align: left;
        width: 2.5%;
        min-width: 2.5%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        cursor: default;
        text-align: center;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .stages .tab.active {
            width: 50% !important;
            background-color: #e4e4e4;
            border-color: #e4e4e4;
        }

        .stages .tab:last-child {
            margin-right: 0;
        }

        .stages .tab:before {
            content: "";
            text-decoration: none;
            color: white;
            font-weight: bold;
            display: block;
            border-top: 14px solid #999;
            border-left: 6px solid #f7f7f7;
            border-bottom: 14px solid #999;
            height: 0;
            line-height: 28px;
            position: absolute;
            left: 0px;
            top: 0px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .stages .tab:after {
            content: "";
            text-decoration: none;
            color: white;
            font-weight: bold;
            display: block;
            border-top: 14px solid #f7f7f7;
            border-left: 6px solid #999;
            border-bottom: 14px solid #f7f7f7;
            height: 0;
            line-height: 28px;
            position: absolute;
            top: 0;
            right: 0px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .stages .tab.active:before {
            border-top: 14px solid;
            border-top-color: inherit;
            border-left: 6px solid #f7f7f7;
            border-bottom: 14px solid;
            border-bottom-color: inherit;
        }

        .stages .tab.active:after {
            border-top: 14px solid #f7f7f7;
            border-left: 6px solid;
            border-left-color: inherit;
            border-bottom: 14px solid #f7f7f7;
        }

        /* one tab */
        .stages .tab:first-child:nth-last-child(1) {
            width: 100%;
        }
        /* two tabs */
        .stages .tab:first-child:nth-last-child(2),
        .stages .tab:first-child:nth-last-child(2) ~ .tab {
            width: 50%;
        }

        /* three tabs */
        .stages .tab:first-child:nth-last-child(3),
        .stages .tab:first-child:nth-last-child(3) ~ .tab {
            width: 25%;
        }

        /* four tabs */
        .stages .tab:first-child:nth-last-child(4),
        .stages .tab:first-child:nth-last-child(4) ~ .tab {
            width: 16.666%;
        }
        /* five tabs */
        .stages .tab:first-child:nth-last-child(5),
        .stages .tab:first-child:nth-last-child(5) ~ .tab {
            width: 12.5%;
        }
        /* six tabs */
        .stages .tab:first-child:nth-last-child(6),
        .stages .tab:first-child:nth-last-child(6) ~ .tab {
            width: 10%;
        }
        /* seven tabs */
        .stages .tab:first-child:nth-last-child(7),
        .stages .tab:first-child:nth-last-child(7) ~ .tab {
            width: 8.333%;
        }
        /* eight tabs */
        .stages .tab:first-child:nth-last-child(8),
        .stages .tab:first-child:nth-last-child(8) ~ .tab {
            width: 7.142%;
        }

.quote-status-declined {
    background-color: #d9534f !important;
    border-color: #d9534f !important;
}

.quote-status-accepted {
    background-color: #5cb85c !important;
    border-color: #5cb85c !important;
}

.text-wrap {
    word-wrap: break-word;
}

.pointer {
    cursor: pointer;
}

.wrap-content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pointer-events-none {
    pointer-events: none;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.glyphicon.normal-right-spinner {
    -webkit-animation: glyphicon-spin-r 2s infinite linear;
    animation: glyphicon-spin-r 2s infinite linear;
}

@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin360 {
    from {
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Safari */
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg); /* IE 9 */
        -webkit-transform: rotate(360deg); /* Safari */
        transform: rotate(360deg);
    }
}

.spin {
    animation-name: spin360;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

.align-middle {
    vertical-align: middle !important;
}

.question {
    color: red;
}

.answer {
    color: green;
}

.faq-hr {
    background: #dddddd;
    margin: 10px 0;
    height: 1px;
}

.glossary-ul-parent {
    list-style-type: disc;
}

    .glossary-ul-parent li {
        margin: 20px 0;
    }

.glossary-ul-child {
    list-style-type: circle;
    margin-top: 0px !important;
}

    .glossary-ul-child li {
        margin: 0px !important;
    }

.glossary-ul-subchild {
    list-style-type: square;
    margin-top: 0px !important;
}

    .glossary-ul-subchild li {
        margin: 0px !important;
    }

.whyMartketPlace {
    width: 100%;
    font-family: helvetica;
    text-align: center;
    max-width: 1400px;
    margin: 0 auto;
}

.whyIcon {
    display: inline-block;
    width: 14%;
    margin: 1%;
    padding: 10px 0px;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-width: 130px;
    height: 30%;
    vertical-align: top;
    cursor: default;
}

    .whyIcon h6 {
        margin: 0 auto;
        font-size: 1.15em;
        font-weight: bold;
        color: #000;
    }

.iconInfo {
    position: absolute;
    top: 100%;
    background: rgba(255, 255, 255, 0);
    transition: 0.5s all;
    height: 100%;
    vertical-align: middle;
    display: table;
}

    .iconInfo p {
        display: table-cell;
        vertical-align: middle;
    }

.whyIcon:hover .iconInfo {
    top: 0%;
    background: rgba(255, 255, 255, 0.95);
}

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

.glossary-item {
    font-weight: bold;
    color: #003e7e;
}

.dropdown-menu .active a:hover {
    background-color: #337ab7 !important;
}

.list-expire-icon {
    color: #d9534f;
    font-size: 16px;
    cursor: default;
    vertical-align: inherit;
    margin-right: 8px;
}

.vid-player {
    height: 400px;
    width: 100%;
}

.sortFilter-container {
    margin-left: 2px;
    display: inline;
}

.sort-active {
    color: #5cb85c;
}

.sort-icon {
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

    .sort-icon:hover {
        color: #5cb85c;
    }


/*  ----------> Start Skeleton Shine <---------- */

/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");

/* Style */
body {
    background: #dedede;
}

.wrapper {
    width: 900px;
    max-width: 95%;
}

    .wrapper h2 {
        color: white;
        letter-spacing: 1px;
        font-family: "Roboto", sans-serif;
    }

    .wrapper .container {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
    }

        .wrapper .container .card {
            width: 34px;
            height: 34px;
            border-radius: 100%;
            background-image: linear-gradient( 90deg, #92cb8e 0px, #b2f1ad 30px, #287624 60px);
            background-size: calc(160px + 160px);
            animation: refresh 1.2s infinite ease-out;
        }

        .wrapper .container .card-2 {
            width: 67px;
            height: 67px;
            border-radius: 100%;
            background-image: linear-gradient( 90deg, #dfd7d7 0px, #ebe7e7 30px, #dddddd 60px);
            background-size: calc(160px + 160px);
            animation: refresh 1.2s infinite ease-out;
        }

        .wrapper .container .line {
            width: 160px;
            height: 15px;
            border-radius: 4%;
            background-image: linear-gradient( 90deg, #58a553 0px, #74c170 30px, #287624 60px);
            background-size: calc(160px + 160px);
            animation: refresh 1.2s infinite ease-out;
        }

        .wrapper .container .line-2 {
            background-image: linear-gradient( 90deg, #dddddd 0px, #ededed 30px, #dbdbdb 60px);
            background-size: calc(160px + 160px);
            animation: refresh 1.2s infinite ease-out;
        }


.imageShine {
    /*background-image: linear-gradient( 90deg, #dddddd 0px, #ededed 30px, #dbdbdb 60px);*/
    /*   background-size: calc(160px + 160px);*/
    /*animation: refresh 1.2s infinite ease-out;*/
    background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
    width: calc(100% - 5px);
    animation: shine-lines-table 1.6s infinite linear;
    margin-top: 8px;
    height: 70%;
    border-radius: 2px;
}

.imageShineTitle {
    /* background-image: linear-gradient( 90deg, #dddddd 0px, #ededed 30px, #dbdbdb 60px);
    background-size: calc(160px + 160px);
    animation: refresh 1.2s infinite ease-out;*/
    background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
    width: calc(100% - 5px);
    animation: shine-lines-table 1.6s infinite linear;
    margin-top: 8px;
    border-radius: 2px;
    height: 5%;
    width: 100%;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

/* Animation */
@keyframes refresh {
    0% {
        background-position: calc(-160px);
    }

    60%, 100% {
        background-position: 160px;
    }
}

/*  ----------> End Line Skeleton <---------- */


/*  ------------->Start Table Loader Skeleton     <-------------  */

.tableSkeleton_table_loader {
    background-color: #FFF;
    color: #666;
    width: 100%;
    padding: 0;
}

    .tableSkeleton_table_loader th {
        background: #F7F9FA;
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        padding: 6px 4px;
        text-align: left;
    }

    .tableSkeleton_table_loader td {
        border-top: 0px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        padding: 6px 4px;
        vertical-align: top;
    }

    .tableSkeleton_table_loader span {
        width: calc(100% - 5px);
        height: 10px;
        border-radius: 3px;
        background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
        background-size: 600px;
        animation: shine-lines-table 1.6s infinite linear;
        display: inline-block;
        min-width: 15px;
    }

        .tableSkeleton_table_loader span.sub-temp {
            width: calc(100% - 50%);
            margin-top: 5px;
        }

        .tableSkeleton_table_loader span.sub-temp-three {
            width: calc(100% - 70%);
            display: block
        }

.col1 {
    width: 25px;
}

.col2 {
    width: 60px;
}

.col3 {
    width: 45px;
}

.col4 {
    width: 344px;
}

.col5 {
    width: 145px;
}

.col6 {
    width: 113px;
}

.col7 {
    width: 73px;
}

.col8 {
    width: 160px;
}

.col9 {
    width: 92px;
}



@keyframes shine-lines-table {
    0% {
        opacity: 0.4;
    }

    40% {
        opacity: 0.8;
    }

    100% {
        opacity: 0.4;
    }
}

/*  -------------> End Table Skeleton Loader    <-------------  */


/*Fade In*/
.elementToFadeIn {
    animation: fadeIn 5s;
    -webkit-animation: fadeIn 5s;
    -moz-animation: fadeIn 5s;
    -o-animation: fadeIn 5s;
    -ms-animation: fadeIn 5s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



/*Fade Out*/
.elementToFadeOut {
    animation: fadeOut ease 8s;
    -webkit-animation: fadeOut ease 8s;
    -moz-animation: fadeOut ease 8s;
    -o-animation: fadeOut ease 8s;
    -ms-animation: fadeOut ease 8s;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* Password Progress Bar */

.pb-bg-danger {
    background-color: red !important;
}

.pb-bg-warning {
    background-color: orange !important;
}

.pb-bg-success {
    background-color: green !important;
}

.pb-bg-info {
    background-color: white !important;
}

.password-progress-bar {
    margin-top: 10px;
    height: 10px !important;
    margin-bottom: 8px !important;
}

#divSearchSection .btn-success {
    background-color: #003e7e;
    border-color: #2e6da4;
}

    #divSearchSection .btn-success:hover {
        background-color: #286090;
        border-color: #204d74;
    }

.left-side-bar .sub-head,
.left-side-bar .header,
.panel-heading,
.btn-cookie-preferences,
.left-side-bar .header,
.left-side-bar .sub-head,
.search-result-stats ul.stats-result-actions li.stats-result-accumulative,
.TitleTitle,
.csv-container .header {
    color: #fff;
}

.TitlePlanetSaving,
.TitleTitle,
.basket-heading .panel-heading,
#preheader {
    background: #393939;
}

.download-template {
    color: #003e7e;
    font-size: 16px;
}

.search-result-stats ul.stats-result-actions li.stats-result-accumulative {
    background: #003e7e;
}

/* Defult global CSS */


.left-side-bar .sub-head,
.left-side-bar .header,
.panel-heading,
.dropzone .dz-title,
.panel-group .panel-heading,
.basket-heading .panel-heading,
.left-side-bar .sub-head,
.left-side-bar .header {
    background-color: #003e7e;
}

.left-side-bar .sub-head,
.left-side-bar .header,
.panel-heading,
.btn-cookie-preferences,
.left-side-bar .header,
.left-side-bar .sub-head,
.search-result-stats ul.stats-result-actions li.stats-result-accumulative,
.TitleTitle,
.slicer-container .header {
    color: #fff;
}

.left-side-bar .content {
    background-color: #ddd;
}

.panel-group .panel-heading {
    background-color: #fff;
    border: 1px solid #003e7e;
    color: #000;
}
.global-cst-panel-blue .panel-group .panel-heading {
    background-color: #003e7e;
    border: 1px solid #fff;
    color: #fff;
}
    .global-cst-panel-blue .panel-group .panel-heading + .panel-collapse > .panel-body {
        border: 1px solid #ddd;
    }
.panel-group .panel-body {
    border: 1px solid #003e7e;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #003e7e;
}

.remove-item {
    color: #000;
}

    .remove-item:hover {
        color: red;
    }

.numeric-symbol {
    color: #000;
}

.custom-text-danger {
    border: 1px solid red !important;
    color: red;
}


.basket-heading .panel-heading {
    border: 1px solid #003e7e;
}

.custom-input,
.panel-group .panel-heading {
    background-color: #fff;
}



.btn-basket-save {
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-basket-save:hover {
        background-color: #286090;
        border-color: #204d74;
    }

.export-btn {
    background-color: transparent;
    border-color: white;
}

    .export-btn:hover {
        background-color: #003e7e;
        border-color: #003e7e;
    }


.shields-background-color {
    background-color: #003e7e;
}

.sparentpart-child {
    /*background: #003e7e;*/
    background: #ED1C24;
}

.sparentpart-child-first {
    background: #ED1C24;
}

.scircle span {
    color: #ED1C24;
}

.scircle-filled {
    background: #ED1C24;
}

.TitlePlanetSaving,
.TitleTitle,
.basket-heading .panel-heading,
#preheader,
.slicer-container .header,
.csv-container .header {
    background: #393939;
}

#footer .container-fluid {
    color: white;
}

.TitlePlanetSavingContent {
    background: #003e7e;
}

.menu-wrapper .paddle {
    background-color: #ffffff;
}

.mx-TitleContent-no-caption {
    color: #000000 !important;
}

.wrap-content-title {
    background: #838283 !important;
    color: #ffffff !important;
}


.planetIcon {
    color: #ffffff !important;
}

.iconInfo p {
    color: #ffffff;
}

.iconInfo h1 {
    color: #ffffff !important;
}

#dataDivForTile13 .whyIcon:hover .iconInfo {
    background: rgb(164 4 41);
}

#dataDivForTile12 .whyIcon:hover .iconInfo {
    background: #ffffff !important;
    color: #000000 !important;
}

    #dataDivForTile12 .whyIcon:hover .iconInfo p {
        color: #000000 !important;
    }

#IEbanner {
    background-color: #f2dede;
}

#IEbanner-content {
    color: #cc0000;
}

.panel-group .panel-heading {
    background-color: #fff;
    border: 1px solid #003e7e;
    color: #000;
}

.left-side-bar .content {
    background-color: #ddd;
}

.panel-group .panel-body {
    border: 1px solid #003e7e;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border: 1px solid #003e7e;
}

.Basket-heading .panel-heading {
    background-color: #003e7e;
    border: 1px solid #003e7e;
}


.btn-cookie-preferences {
    border: 1px solid #5f7d9c;
    background-color: transparent;
    background: transparent;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent !important;
}

.dropdown-menu a:hover {
    background-color: transparent !important
}


.vertical-menu .active a {
    background-color: #003e7e;
    color: white;
}


.vertical-menu a:hover {
    background-color: #003e7e;
    color: white;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    background-color: #286090;
    border-color: #122b40;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}


.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #003e7e;
}

.info-panel .panel-heading .glyphicon {
    color: #003e7e;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: #337ab7;
}

.btn-link {
    color: #337ab7;
}

    .btn-link:hover {
        color: #003e7e;
    }

    .btn-link:focus {
        color: #003e7e;
    }

.datepicker table tr td.active.active {
    background-color: #003e7e;
    border-color: #003e7e;
}

    .datepicker table tr td.active.active:hover {
        background-color: #003e7e;
        border-color: #800a24;
    }


.basket-heading .panel-heading {
    background-color: #003e7e;
    color: #fff;
}

#footer {
    background-color: #003e7e;
}

/* Header */
.logoWrapper {
    position: relative;
    float: left;
    padding: 40px 20px 30px;
}

.logo {
    display: block;
    position: relative;
    float: left;
    line-height: 30px;
    padding: 5px 20px 0px 20px;
    text-transform: capitalize;
    font-size: 24px;
    margin-left: 10px;
}

.logoText {
    display: block;
    position: relative;
    float: left;
    line-height: 30px;
    padding: 0px 20px;
    text-transform: capitalize;
    font-size: 24px;
    border-left: 1px solid #C3C8C8;
}

.userActions {
    position: relative;
    float: right;
    height: 30px;
    margin: 25px 10px;
}
    .userActions a {
        text-decoration: none;
        color: #000000;
    }
        .userActions a:hover {
            color: #003e7e;
        }

.userInfo {
    position: relative;
    float: left;
    text-align: right;
    border-right: 1px solid #e1e3e3;
    padding-right: 10px;
}

    .userInfo span {
        display: block;
        position: relative;
    }

        .userInfo span.userName {
            font-size: 16px;
        }

        .userInfo span.lastLogin {
            font-size: 11px;
            color: #888888;
        }

.userActions ul {
    position: relative;
    float: right;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .userActions ul li {
        position: relative;
        float: left;
        margin: 0px 0px 0px 10px;
        padding-right: 10px;
        border-right: 1px solid #e1e3e3;
        height: 30px;
    }

        .userActions ul li:last-child {
            border-right: 0px solid #e1e3e3;
        }

        .userActions ul li a {
            text-decoration: none;
            color: #888888;
            line-height: 30px;
        }

nav.main {
    width: 100%;
    position: relative;
    float: left;
}

    nav.main ul.primary {
        list-style: none;
        width: 100%;
        position: relative;
        float: left;
        padding: 0px 20px;
        margin: 0px;
        background: #f0f0f0;
    }

    nav.main ul.breadcrumbs {
        list-style: none;
        width: 100%;
        position: relative;
        float: left;
        margin: 0px;
        padding: 0px 0px 0px 20px;
        border-bottom: 1px solid #e1e3e3;
    }

    nav.main ul.primary li {
        position: relative;
        float: left;
        background: #f0f0f0;
        transition: background 0.1s ease-in-out;
    }
        nav.main ul.primary .dropdown-menu li {
            float: none;
            padding: 0;
        }
            nav.main ul.primary .dropdown-menu li a {
                display: block;
                padding: 13px 20px;
            }

    nav.main ul.primary li:hover,
    nav.main ul.primary > li:hover > a,
    nav.main ul.primary li.activeLink,
    nav.main ul.primary .dropdown li:hover,
    nav.main ul.primary .dropdown li:hover a {
        background: #003e7e;
        color: white !important;
    }

        nav.main ul.primary li a {
            text-decoration: none;
            color: #000000;
            padding: 10px 20px;
            display: inline-block;
        }

    nav.main ul.breadcrumbs li {
        position: relative;
        float: left;
        padding: 10px 2px;
    }

        nav.main ul.breadcrumbs li a {
            text-decoration: none;
            color: #888888;
        }

            nav.main ul.breadcrumbs li a:hover {
                text-decoration: underline;
            }

        nav.main ul.breadcrumbs li:not(:last-child):after {
            content: " / ";
            color: #888888;
        }

header {
    width: 100%;
    border-top: 7px solid #003e7e;
    background: #ffffff;
}

.userInfo a {
    margin: 0 5px;
    font-weight: 500;
    color: #888888;
}

.main .header-intrac {
    color: white;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    display: none;
}

.dropdown-menu {
    background: #f0f0f0;
}

    .dropdown-menu li a {
        color: black !important;
    }

        .dropdown-menu li a:hover {
            color: black !important;
        }

.userActions ul li:hover span {
    color: #003e7e;
}

.search-filter-container {
    position: sticky;
    top: 0px;
    background-color: #F0F0F0;
    padding: 0px;
    overflow-x: hidden;
}

.modal-body .search-filter-container {
    background-color: transparent;
}

#SearchModal .search-filter-container {
    overflow: visible;
    background: white;
}

#SearchModal .modal-body {
    overflow: auto;
    height: calc(100vh - 80px);
}

.query-container {
    padding: 15px 0;
}

.search-filter-container .query-container {
    padding: 0;
}

#SearchModal .query-container {
    padding: 0;
}

.form-control.pasteBox {
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 12px 15px;
}

#divSearchSection .btn-success {
    border-radius: 0;
    margin: 0;
}

    #divSearchSection .btn-success.btn-search,
    #divSearchSection .btn-success.btn-success {
        height: 56px;
        font-size: 18px;
    }

        #divSearchSection .btn-search > span.glyphicon,
        #divSearchSection .btn-success.btn-success .glyphicon {
            padding-right: 8px;
            top: 2px;
        }

.slicer-container .header,
.csv-container .header {
    padding: 4px 15px;
    font-size: 14px;
}
.csv-container .content {
    padding: 10px 15px 25px 15px;
}

.slicer-search-item .multiselect-native-select .btn-group .multiselect,
.slicer-search-item-desc .search-input {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    margin: 0 0 2px;
    min-height: 54px;
    text-align: left;
}
    .slicer-search-item-desc .search-input::placeholder {
        text-align: left;
    }

    .slicer-search-item .multiselect-native-select .btn-group .multiselect .caret {
        margin-left: 0;
        float: right;
        margin-top: 12px;
    }

.dashRowTitle {
    position: relative;
    font-size: 1.5em;
    padding-left: 50px;
    line-height: 2.4em;
}

.dashTile {
    border-radius: 0;
    margin-right: 30px;
    box-shadow: none;
    background: #F8F8FA;
    height: 100%;
    flex-shrink: 0;
    transition: all 0.3s;
    position: relative;
    border: 1px solid rgb(0 0 0 / 10%);
}

.dashTiles {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 50%;
    width: 100%;
    overflow-x: hidden;
    padding: 0 50px 30px;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    transition: scroll-behavior 0.5s ease-in-out;
    overflow-y: hidden;
}

.tileContent {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 15px 20px;
}

.rowGroup1 .dashTileSubTitle {
    font-size: 1.8vh;
    text-transform: uppercase;
    color: color(srgb 0.551 0.551 0.551);
    margin-bottom: 10px;
}

.rowGroup1 .dashTileTitle {
    position: relative;
    width: 100%;
    font-size: 2.6vh;
    float: left;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 600;
    cursor: pointer;
}

.rowGroup1 .dashTileImg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 62%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    bottom: 0px;
    left: 0px;
    position: absolute;
    border-radius: 0;
    background-color: #F8F8FA;
}

.rowGroup2 .dashTileTitle {
    position: relative;
    width: 100%;
    font-size: 2.6vh;
    float: left;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 600;
}

.search-result-stats ul.stats-result-actions li .btn-stock-filter {
    margin: 0;
    font-size: 1.1em;
    padding: 0;
    font-weight: normal;
    line-height: 50px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 0;
    border-right: 1px solid #ccc;
    background-color: #f5f5f5;
    color: #000;
    display: block;
}

.search-result-stats ul.stats-result-actions li.stats-result-accumulative span {
    line-height: 50px;
}

.search-result-stats .stats-result-actions li {
    flex: 1 1 auto;
    text-align: center;
    list-style-type: none;
}

.search-result-stats ul.stats-result-actions li .stats-item {
    border-radius: 0px;
    width: 100%;
    text-decoration: none;
    margin: 0;
    border: 0;
    text-align: center;
    border-left: 1px solid #ccc;
    padding: 0;
}
    .search-result-stats ul.stats-result-actions li .stats-item .withDecom {
        line-height: 50px;
    }

    .search-result-stats ul.stats-result-actions li .stats-item .switch {
        top: 3px;
        float: none;
        left: 4px;
    }

.search-result-stats ul.stats-result-actions li .btn-decom-toggle {
    background-color: #f5f5f5;
}

.search-result-stats ul.stats-result-actions li .stats-item span {
    line-height: 50px;
}
.slider {
    width: 30px;
    height: 16px;
}

input:checked + .slider.slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

.slider.slider:before {
    position: absolute;
    content: "";
    height: 11px;
    width: 10px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
#autoSizer,
.search-filter-container.fixed {
    max-height: calc(100vh - 220px);
}

.numberCircle,
.numberCircleA,
.numberCircleSA,
.numberCircleM {
    border-radius: 50%;
    color: #FFFFFF;
    margin-bottom: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
}

.shld-acc-det-wrap table.table tr th,
.shld-acc-det-wrap table.table tr td {
    padding-left: 15px;
    padding-right: 15px;
}

.dashTileDesc {
    font-size: 1.6vh;
}

#quotePrePublishModal .search-filter-container.fixed {
    background: transparent;
    position: unset;
    overflow: visible;
}

#quotePrePublishModal .search-filter-container.fixed .query-container {
    padding: 0;
}
#quotePrePublishModal .product-search-box input {
    position: relative;
    vertical-align: top;
    background-color: transparent;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid silver;
    height: auto;
}

nav.main ul.breadcrumbs {
    background: white;
}

.shld-request-quote .btn-group .multiselect-selected-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: calc(100% - 15px);
    text-align: left;
}