body {
    font-family: Arial;
    color: #333;
}

/* Lastest versions of Chrome/Edge has started showig a tick black outline around input elements. */
*, *:focus, *:hover {
    outline: none !important;
}

#ToolBar:not(.disabled) a span.glyphicons:not(.themed) {
    color: #666 !important;
}

#ToolBar.disabled a span.glyphicons {
    color: #aaa !important;
}

a {
    color: #333;
    text-decoration: none;
}

.gi-1x {
    font-size: 1em;
}

.gi-2x {
    font-size: 2em;
}

.gi-3x {
    font-size: 3em;
}

.gi-4x {
    font-size: 4em;
}

.gi-5x {
    font-size: 5em;
}

.pro-button,
textarea,
.pro-toolbar,
.k-list-container,
.k-widget.k-tooltip {
    font-family: Arial;
    font-size: 13px;
}

a.pro-no-link {
    color: #333;
    cursor: default;
}

    a.pro-no-link:hover {
        text-decoration: none;
    }

#mainMenuNavbar {
    margin: 0;
}

#mainMenu,
#mainMenu k-item {
    background-color: #4682B4;
}

    #mainMenu li ul {
        border-color: #666;
    }

.pro-toolbar .pro-page-title {
    color: #4682B4;
}

.pro-toolbar .pro-toolbar-search-item > div {
    padding-bottom: 2px;
}

.pro-toolbar .pro-toolbar-search-item > .glyphicons:before {
    padding: 6px 3px;
}

.pro-toolbar .pro-toolbar-search-item > input::placeholder {
    color: #ddd;
}

#menuUserContextContainer {
    font-size: 14px;
    color: #333;
    display: none;
    position: absolute;
    right: 1px;
    top: 50px;
    background-color: #fff;
    border: solid 1px #ccc;
    min-width: 160px;
    z-index: 9000;
}

    #menuUserContextContainer div {
        border-bottom: solid 1px #ccc;
    }

    #menuUserContextContainer ul {
        list-style: none;
        margin: 6px 10px 6px 10px;
        padding: 0;
    }

        #menuUserContextContainer ul li {
            text-align: right;
        }

    #menuUserContextContainer .header {
        text-align: right;
        padding: 10px;
        font-weight: bold;
    }

    #menuUserContextContainer .footer {
        text-align: right;
        padding: 10px;
        border-bottom: none;
    }

        #menuUserContextContainer .footer span {
            vertical-align: middle;
        }

.k-menu .k-selected > .k-link,
#mainMenu .k-hover,
#mainMenu .k-hover:hover,
#mainMenu .k-hover:hover > .k-link,
#mainMenu .k-selected > .k-link,
#mainMenu .pro-menu-bubble,
#mainMenu .k-link.k-active {
    background-color: #4077a6;
    color: #fff;
}

#mainMenu .k-menu-group > .k-item.subMenuItem {
    line-height: normal;
}

#mainMenu .mainMenuItem .subMenuItem a:hover span.glyphicons,
#mainMenu a span.glyphicons {
    color: #fff;
}

#menu-other .subMenuItem a span.glyphicons,
#mainMenu .mainMenuItem .subMenuItem a span.glyphicons {
    color: #333;
}

#mainMenu .k-i-arrow-s {
    width: 14px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#mainMenu .subMenu ul {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#mainMenuNavbar .container-fluid {
    padding: 0;
}

#mainMenu .glyphicons:before {
    padding: 0;
}

#mainMenu {
    padding-left: 20px;
    padding-right: 20px;
}

    #mainMenu,
    #mainMenu .k-widget.k-menu,
    #mainMenu .k-menu .k-group.k-popup {
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-bottom: none;
        line-height: normal;
    }

        #mainMenu .k-link {
            color: #f5f5f5;
            font-size: 14px;
            border: none;
        }

            #mainMenu .k-link span:not(.k-menu-link-text) {
                padding-right: 2px;
            }

        #mainMenu .k-sprite {
            text-indent: 0;
            font-size: 18px;
            width: auto;
            height: auto;
        }

        #mainMenu .subMenuItem {
            padding-left: 4px;
            padding-right: 4px;
        }

            #mainMenu .subMenuItem .k-sprite {
                font-size: 1em;
            }

        #mainMenu .k-link {
            border: 0;
            padding: 14px;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            margin-bottom: 0;
            height: 24px;
        }

        #mainMenu .subMenuItem > .k-link {
            color: #666;
            font-size: 13px;
            padding: 6px;
            height: auto;
        }

        #mainMenu .k-item {
            border: 0;
        }

        #mainMenu .k-hover:hover {
            border: 0;
        }

        #mainMenu .k-selected > .k-link {
            border: none;
            background-image: none;
            text-decoration: none;
        }

        #mainMenu .pro-menu-bubble {
            position: absolute;
            top: 6px;
            border: solid 1px #fff;
            border-radius: 2px;
            z-index: 2000;
            text-align: center;
            vertical-align: middle;
            padding-left: 2px;
            padding-right: 2px;
            font-size: 12px;
            right: 2px;
            line-height: 14px;
        }

            #mainMenu .pro-menu-bubble a {
                font-size: 12px;
                color: #fff;
            }

        #mainMenu .pro-environment {
            margin: 0;
            margin-left: 2px;
            padding: 0;
            width: auto;
            display: inline-block;
        }

        /* This will cause the menu item (and any to its right) to be right aligned. 
    Replaces the old float:right styling
*/
        #mainMenu .pro-first-environment-menu-item {
            margin-left: auto;
            width: 1px;
            max-width: 1px;
        }

        #mainMenu .pro-environment.menuBasket {
            margin-right: 20px;
        }

        #mainMenu .pro-environment a.k-menu-link {
            margin: 0;
            padding-left: 0;
            padding-right: 0px;
            padding-block-start: 0;
            padding-block-end: 0;
            justify-content: center;
        }

        #mainMenu .pro-environment span {
            padding: 0 !important;
        }

        #mainMenu .pro-environment a.bubble {
            margin: 0;
            padding-left: 1px;
            padding-right: 1px;
        }

        #mainMenu .pro-environment span.k-sprite {
            position: relative;
            top: 2px;
            font-size: 22px;
            height: 22px;
            width: 22px;
            margin: 0;
            padding: 0 !important;
        }

.pro-button {
    padding: 3px;
}

    .pro-button.pull-right {
        margin-left: 10px;
    }

.pro-item-search {
    margin-top: 10px;
    margin-left: 20px;
    padding: 0;
}


/*
    ***********************************************************
    Toolbar 
    ***********************************************************
*/

.pro-toolbar {
    position: static;
    background-color: #fff;
    height: auto;
    padding-top: 4px;
    border-left: none;
    border-right: none;
    border-color: #666;
    height: 47px;
    margin-bottom: 2px;
    border-bottom: solid 1px #666;
    vertical-align: middle;
    padding-right: 16px;
    z-index: 90000; /*Must be > 50000 which is the notificationsContainer value defined later in this file*/
}

    .pro-toolbar.pro-toolbar-condensed {
        margin-bottom: 0;
    }

    .pro-toolbar .k-split-button {
        float: right;
        margin-top: 3px;
    }

    .pro-toolbar .k-separator {
        float: right;
        height: 43px;
        background-color: #fff;
        padding-left: 3px;
        padding-right: 3px;
    }

    .pro-toolbar .k-button {
        float: right;
        padding: 2px;
        border-color: transparent;
    }

    .pro-toolbar .pro-toolbar-Option {
        float: right;
        border-color: transparent;
        margin: 0;
        text-align: center;
        outline: none !important;
    }

        .pro-toolbar .pro-toolbar-Option.disabled,
        .pro-toolbar .pro-toolbar-Option.disabled .pro-sprite {
            color: #ccc;
        }

    .pro-toolbar .k-button-icon {
        margin-top: 3px;
        color: #666;
    }

    .pro-toolbar .k-sprite {
        color: #666;
        font-size: 24px;
    }

    .pro-toolbar .pro-sprite {
        color: #666;
        font-size: 24px;
        height: auto;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .pro-toolbar .fa {
        color: #666;
    }

        .pro-toolbar .fa:before {
            color: #666;
            display: inline-block;
            margin-left: 6px;
        }

    .pro-toolbar .pro-sprite.glyphicons:before {
        padding: 0;
    }

    .pro-toolbar ul.pro-toolbar-list {
        float: right;
        margin: 0;
        padding: 0;
        display: inline-block;
        list-style-type: none;
    }

        .pro-toolbar ul.pro-toolbar-list > li {
            float: right;
            position: relative;
            display: inline-block;
            margin: 0;
            margin-left: 4px;
            padding: 2px 4px;
            border-radius: 4px;
        }

    .pro-toolbar:not(.disabled) li:hover {
        background-color: #ebebeb;
    }

    .pro-toolbar a:hover {
        text-decoration: none;
    }

    .pro-toolbar ul.pro-toolbar-list > li {
    }

    .pro-toolbar.disabled a {
        cursor: default;
    }

        .pro-toolbar.disabled a span {
            color: #aaa !important;
        }

    .pro-toolbar .pro-toolbar-sublist {
        display: none;
        position: absolute;
        background-color: #fff;
        list-style-type: none;
        border: solid 1px #ccc;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        top: 43px;
        right: -10px;
        z-index: 5000;
        box-shadow: 0px 5px 6px 3px rgba(50, 50, 50, 0.25);
    }

        .pro-toolbar .pro-toolbar-sublist li {
            white-space: nowrap;
            padding: 8px 12px;
            text-align: left;
            border-bottom: solid 1px #eee;
        }

            .pro-toolbar .pro-toolbar-sublist li:last-child {
                border-bottom: none;
            }

    .pro-toolbar ul.pro-toolbar-list > li:hover > .pro-toolbar-sublist {
        display: block;
    }

.k-overflow-button .k-sprite {
    padding: 0;
    font-size: 1em;
    width: 40px;
}

.pro-toolbar .k-sprite {
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
}

.pro-toolbar .k-toolbar .k-overflow-anchor {
    height: 1.6em;
}

.pro-toolbar .pro-page-title {
    font-weight: bold;
    font-size: 22px;
    margin-left: 20px;
    display: inline-block;
}

.pro-toolbar .pro-toolbar-session-info {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    color: blue;
    position: relative;
    top: 8px;
}

.pro-toolbar .pro-page-title-container-new {
    position: relative;
    top: 8px;
}

.pro-toolbar .pro-toolbar-text {
    display: block;
    margin-top: 4px;
    word-wrap: break-word;
    line-height: 1em;
    text-align: center;
    font-size: 13px;
}

.pro-toolbar .k-split-button > .k-button {
    float: left;
}

.pro-toolbar .k-split-button {
    padding: 0;
    margin: 0;
}

    .pro-toolbar .k-split-button:focus > .k-button {
        border-color: transparent;
    }

/* 
    The block styled description appears below the split button icon and pushes the related "show menu" arrow icon away to the left.  
    This style rule moves the arrow icon closer to the main icon.
*/
.pro-toolbar .k-split-button-arrow {
    position: relative;
    right: 8px;
}

.pro-toolbar-submenu-option {
    color: #666;
    border-bottom: solid 1px #666;
}

.k-list-container li {
    border-bottom: solid 1px #f4f4f4;
}

.pro-toolbar .pro-custom-widget-container {
    position: relative;
    display: inline-block;
    margin: 0;
    margin-right: 10px;
    padding: 0;
    float: right;
    font-size: 13px;
}

    .pro-toolbar .pro-custom-widget-container label {
        display: block;
        margin-top: 0;
        padding-top: 0;
        color: #666;
        top: -2px;
    }

    .pro-toolbar .pro-custom-widget-container input {
        display: block;
        font-size: 13px;
        padding: 2px;
    }

    .pro-toolbar .pro-custom-widget-container div {
        position: relative;
        top: -2px;
    }

        .pro-toolbar .pro-custom-widget-container div input {
            display: inline;
        }

        .pro-toolbar .pro-custom-widget-container div a {
            position: relative;
            display: inline-block;
            border-radius: 3px;
            font-size: 9px;
            padding: 0;
            margin: 0;
            left: -4px;
        }

            .pro-toolbar .pro-custom-widget-container div a:hover {
                background-color: #ebebeb;
            }



/****************************** Order Header Page  ******************************/


/*
    Kendo Multi-Select
*/

.k-readonly {
    opacity: 0.9 !important;
    color: #333 !important;
}

/*
    Kendo Multi-Select (end of)
*/


/*KENDO TABS*/
body:before {
    font-family: Arial;
    content: "\a0";
    font-size: 0;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
}

html, body {
    margin: 0;
    padding: 0;
    min-width: 320px;
}

#example {
    padding-top: 2em;
}

header {
    margin: 0;
    font-size: 20px;
    color: #fff;
    background-color: #272727;
}

    header h1,
    header button {
        display: inline-block;
        vertical-align: middle;
    }

    header .container h1 {
        margin: 0;
        font-size: 21px;
        line-height: 65px;
        padding-top: 20px;
        padding-left: 0;
    }

    #configure,
    header label {
        border-style: solid;
        border-color: #636363;
        border-width: 0 0 0 1px;
        margin-bottom: 0;
        font-weight: normal;
    }

    header .container {
        position: relative;
    }

    header .description {
        text-transform: uppercase;
        color: #ccc;
        font-size: 10px;
        line-height: 29px;
    }

    header .k-dropdown,
    header #font-size-value {
        font-size: 18px;
        line-height: 45px;
        margin-bottom: 9px;
    }

    header .k-dropdown {
        width: 100%;
    }

    header .k-dropdown-wrap {
        background-image: none !important;
    }

        header .k-dropdown,
        header .k-dropdown-wrap.k-state-default {
            background-color: transparent;
            border-color: #5c5c5c;
            border-radius: 0;
        }

        header .k-dropdown-wrap.k-hover,
        header .k-dropdown-wrap.k-active,
        header .k-dropdown-wrap.k-focus {
            background-color: #030303;
        }

        header .k-dropdown-wrap.k-focus {
            box-shadow: none;
        }

    header .k-dropdown .k-input {
        padding-top: 0;
        padding-bottom: 0;
        height: auto;
        text-indent: 14px;
    }

    header .k-dropdown .k-input,
    header .k-dropdown-wrap .k-select {
        line-height: 45px;
    }

    header .k-dropdown-wrap.k-state-default .k-input {
        color: #fff;
    }

.k-popup.ra-list {
    background-color: #010101;
    border-color: #5c5c5c;
    color: #fff;
    padding: 0;
    border-radius: 0;
}

    .k-popup.ra-list .k-hover,
    .k-popup.ra-list .k-selected,
    .k-popup.ra-list .k-focus {
        background-image: none;
        background-color: #555;
        box-shadow: none;
        color: #fff;
        border-color: #555;
    }

    .k-popup.ra-list .k-item {
        border-radius: 0;
        text-indent: 7px;
    }

#configure {
    z-index: 10;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-width: 0 0 0 1px;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
}

#demo {
    padding-top: 46px;
}

#menu {
    margin-bottom: 30px;
}

#profile {
    position: relative;
}

.ra-well-title {
    font-size: 1.2857em;
    line-height: 1.2857em;
    border-bottom: 1px solid #e7e7e7;
    margin: -5px -19px 0.8333em;
    padding: 0 19px 0.7222em;
}

.ra-avatar {
    border: 1px solid #e7e7e7;
    border-radius: 2px;
}

.ra-first-name {
    display: block;
    margin-top: 0.8571em;
}

.ra-last-name {
    display: block;
    font-size: 1.7143em;
    line-height: 1.3em;
}

.ra-position {
    font-size: 0.8571em;
    color: #999;
    padding-bottom: 2em;
}

.form-group .k-widget,
.form-group .k-textbox {
    width: 100%;
}

.ra-section {
    margin-bottom: 20px;
}

.ra-well-overlay {
    margin: -16px -20px -19px;
}

#tabstrip .k-content {
    min-height: 156px;
}

#tabstrip .k-chart {
    height: 156px;
}

#tabstrip .k-content {
    padding: 1px;
}

#tabstrip-4 {
    text-align: center;
}

#tabstrip .km-icon:after {
    font: 1.3em/1em "Kendo UI" !important;
}

.revenue:after {
    content: "\E08C";
}

.spd:after {
    content: "\E04B";
}

.spr:after {
    content: "\E050";
}

.share:after {
    content: "\E04E";
}

#tabstrip .k-tabstrip-items span {
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
}

#tabstrip .k-tabstrip-items .hidden-xs {
    margin-left: 4px;
}

.market-donut {
    display: inline-block;
    width: 170px;
}

#panelbar .k-content {
    padding: 1em;
}

#panelbar ul {
    margin-bottom: 10px;
}

#listview {
    list-style-type: none;
    padding: 0 0 15px;
}

    #listview figure {
        border: 1px solid #e7e7e7;
        border-radius: 3px;
        padding: 5px;
        margin-top: 15px;
    }

figure h4 {
    font-size: 1.15em;
}

figure p.hidden-sm {
    min-height: 80px;
}

footer {
    text-align: right;
    font-size: 0.8571em;
    padding: 2em 0;
}

header .container h1.visible-sm {
    padding-top: 10px;
    line-height: 33px;
    padding-bottom: 10px;
}

@media (max-width: 767px) {
    .k-menu.k-menu-horizontal .k-item {
        float: none;
    }

    header .container {
        padding-right: 0;
    }

        header .container h1 {
            padding-top: 0;
            line-height: 50px;
        }

    header label {
        border-width: 1px 0 0 0;
        display: block;
    }

    #configurator-wrap {
        position: absolute;
        overflow: hidden;
        height: 260px;
        right: 0;
        top: 50px;
        z-index: 1000;
        padding: 0;
        width: 320px;
    }

    #configurator {
        background-color: #272727;
        position: absolute;
        width: 100%;
        margin: 0;
    }
}

.k-black body,
.k-metroblack body,
.k-black .well,
.k-metroblack .well,
.k-black .ra-well-title,
.k-metroblack .ra-well-title,
.k-black .buttons-wrap,
.k-metroblack .buttons-wrap {
    border-color: #444;
    background-color: #1e1e1e;
    color: #fff;
}

.k-highcontrast body,
.k-highcontrast .well .k-highcontrast .ra-well-title,
.k-highcontrast .buttons-wrap {
    border-color: #664e62;
    background-color: #2c232b;
    color: #fff;
}

.k-moonlight body,
.k-moonlight .well,
.k-moonlight .ra-well-title,
.k-moonlight .buttons-wrap {
    border-color: #171e28;
    background-color: #212a33;
    color: #fff;
}

/*END KENDO TABS*/

/*KENDO DIALOGS*/

:root {
    --dialog-border-color: #aeaeae; /*--dialog-border-color*/ /*dddddd*/
    --dialog-titlebar-bgcolor: #ebebeb; /*--dialog-titlebar-bgcolor*/ /*ededed*/
    --dialog-tableheader-bgcolor: #ededed; /*--dialog-tableheader-bgcolor*/
    --dialog-tableheader-border-color: #dddddd; /*--dialog-tableheader-border-color*/
}

.k-overlay {
    background-color: #323232;
}

.dialogType .glyphicons {
}

.dataSection select {
    font-family: Arial;
}

span.searchData {
    text-decoration: none;
    color: #222222;
}

.k-header {
    background-color: #fff;
}

.k-window {
    position: absolute;
    width: 500px;
    overflow: hidden;
    background-color: #ebebeb;
    border-bottom: 2px solid #dddddd; /*--dialog-border-color*/
    border-left: 2px solid #dddddd; /*--dialog-border-color*/
    border-right: 2px solid #dddddd; /*--dialog-border-color*/
    border-top: 2px solid #dddddd; /*--dialog-border-color*/
}

    .k-window.k-focus {
        border-color: #dddddd; /*--dialog-border-color*/
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .k-window .k-window-titlebar {
        position: relative;
        padding: .4em 0 .3em 0;
        margin-top: 1px;
        width: 100%;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom: 1px solid #ddd; /*--dialog-border-color*/
        background-color: #ebebeb; /*--dialog-titlebar-bgcolor*/
        height: 24px;
        box-sizing: content-box;
    }

    .k-window .k-window-title {
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0px;
        padding-left: 10px;
        font-size: 17px;
        font-family: Arial;
        font-weight: 500;
        text-decoration: none;
    }

    .k-window .k-window-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .k-window .k-window-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .k-window .k-window-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .k-window .k-window-content {
        position: relative;
        border: 0;
        background-color: #fff;
        overflow: hidden;
        zoom: 1;
        margin: 0;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .k-window div.k-window-content {
        position: relative;
        border: 0;
        padding: 0;
        background-color: #fff;
        overflow: hidden;
        zoom: 1;
    }

.dialogType .spliter_panel .vspliter {
    background-color: #dddddd; /*--dialog-border-color*/
    cursor: col-resize;
    z-index: 900;
    width: 2px;
    cursor: col-resize;
    z-index: 900;
    width: 2px;
}

.dialogType .dialogSideBarMainAreaResizable .banner {
    margin-left: .5em;
    margin-bottom: .3em;
    padding-bottom: .7em;
    font-weight: normal;
    border-bottom: solid 1px #dddddd; /*--dialog-border-color*/
}

.k-button {
    line-height: 1.72em;
}

.k-window #footer {
    margin: 10px 0 !important;
    overflow: hidden !important;
}

    .k-window #allocationOptions .k-button,
    .k-window #footer .k-button,
    .k-window .buttonpane .buttonset .k-button,
    .k-window .pro-dialog-button-bar .k-button,
    .k-window .wizardPageHeader .k-button,
    .k-window .MSSearchCriteriaContainer .k-button {
        margin-right: 2em;
        cursor: pointer;
        color: #222;
        font-family: Arial;
        font-size: 13px;
        border: solid 1px #aaa;
        border-radius: 3px;
        min-width: 65px;
        height: 31px;
        background-color: #eaeaea;
        background-image: linear-gradient(to bottom, #eaeaea, #dedede);
    }

        .k-dropdown-operator:hover,
        .k-window #footer .k-button:hover,
        .k-window .pro-dialog-button-bar .k-button:hover {
            background-image: linear-gradient(to bottom, #dedede, #cdcdcd);
            color: #111;
        }

    .k-window #footer .k-button,
    .k-window #footer2 .k-button,
    .k-window .pro-dialog-button-bar .k-button {
        float: right;
        margin-right: 20px;
        padding-top: 4px;
    }

.k-window #allocationOptions .k-button:hover,
.k-window .wizardPageHeader .k-button:hover,
.k-window .MSSearchCriteriaContainer .k-button:hover {
    background-image: linear-gradient(to bottom, #dedede, #cdcdcd);
    color: #111;
}

.k-window .k-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.k-draggable .k-window-titlebar {
    cursor: move;
}

div.k-window {
    padding-top: 0;
}

.dialogType #footer {
    margin-top: 0px;
    margin-right: 0px;
    border-top: none;
    padding-top: 0;
    height: auto;
    position: relative;
    text-align: center;
}

.dialogType .searchResults:focus {
    outline: 0;
    border: 0;
}

.dialogType .searchResults tr:hover {
    background: #ededed;
}

.dialogType .pro-table tr.item {
    background-color: white;
}

.dialogType .pro-table tr.alternateRowColour {
    background-color: #f9f9f9;
}

.dialogType .pro-table tr:hover {
    background-color: #ededed;
}

.dialogType .dialogSideBar.small {
    border-right: .1em solid #dddddd; /*--dialog-border-color*/
    height: 100%;
}

.dialogSideBar input[type=text],
.dialogSideBarResizable input[type=text] {
    border-radius: 3px;
    border: solid 1px #CCC;
    padding: 2px;
}

.dialogType .dialogSideBar a {
    color: #4682B4;
}

    .dialogType .dialogSideBar a:hover {
        color: #4682B4;
        text-decoration: underline;
    }

.dialogSideBar ul li {
    background: none;
    padding-left: 0;
    color: #333;
}

#MakeDialogSupplierSearch a:hover {
    background-color: #c2cfe5;
    color: #000;
}

#searchResultsHeader .colHdr,
#preferredSuppliers th {
    background-color: #ededed; /*--dialog-tableheader-bgcolor*/
    color: black;
    border-left: solid 1px #ddd; /*--dialog-tableheader-border-color*/
    border-right: solid 1px #ddd; /*--dialog-tableheader-border-color*/
    border-top: solid 1px #ddd; /*--dialog-tableheader-border-color*/
    border-bottom: solid 1px #ddd; /*--dialog-tableheader-border-color*/
}

.dialogType .documentView td.br.bb,
.dialogType .dataSection td.header.padded,
#historyList .dataSection td.header,
.dialogType .searchResultsa th,
.k-window .rowSelected,
.k-window .resultHeader,
.k-window .resultHeader a,
.k-window .resultHeader .sortColumHeaderText td,
{
    background-color: #ededed; /*--dialog-tableheader-bgcolor*/
    color: black;
    border-left: solid 1px #dddddd; /*--dialog-tableheader-border-color*/
    border-right: solid 1px #dddddd; /*--dialog-tableheader-border-color*/
    border-top: solid 1px #dddddd; /*--dialog-tableheader-border-color*/
    border-bottom: solid 1px #dddddd; /*--dialog-tableheader-border-color*/
}

.k-window .rowSelected {
    background-color: white;
    color: black;
    border-left: solid 0px #dddddd;
    border-right: solid 0px #dddddd;
    border-top: solid 0px #dddddd;
    border-bottom: solid 0px #dddddd;
}

.dialogType #searchResultsHeader .colHdr {
    background-color: #ededed; /*--dialog-tableheader-bgcolor*/
    color: black;
    border-left: solid 0px #dddddd; /*--dialog-tableheader-border-color*/
    border-right: solid 1px #dddddd; /*--dialog-tableheader-border-color*/
    border-top: solid 0px #dddddd; /*--dialog-tableheader-border-color*/
    border-bottom: solid 0px #dddddd; /*--dialog-tableheader-border-color*/
}

.dialogType #searchResultsHeader tr.tableHeader {
    border-left: solid 1px #dddddd; /*--dialog-tableheader-border-color*/
    border-right: solid 1px #dddddd; /*--dialog-tableheader-border-color*/
    border-top: solid 1px #dddddd; /*--dialog-tableheader-border-color*/
    border-bottom: solid 1px #dddddd; /*--dialog-tableheader-border-color*/
}

#searchResultsHeader .colHdr {
    color: #000;
    padding: 1em;
}

    #searchResultsHeader .colHdr .sort:hover {
        background-color: transparent;
    }

.k-window a.treeNodeLink {
    color: #333;
}

    .k-window a.treeNodeLink:hover {
        background-color: #dde4f1;
        color: #fff;
    }

.dialogType .dataSection a:disabled:hover {
    background-color: inherit;
    color: inherit;
}

#preferredSuppliers .rowSelected {
    background-color: #dde4f1;
}

#preferredSuppliers td.br {
    border-right: solid 1px #ccc;
}

#preferredSuppliersDialog .dialogMainArea .headerBlockColoured,
#preferredSuppliersDialog .dialogMainArea .headerBlockColoured table {
    background-color: white;
    color: black;
    padding: 0px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.searchResults a {
    color: #666;
    text-decoration: none;
}

:not(.disabled) > .searchResults a:hover,
:not(.disabled) > .searchResults a:hover span.text {
    color: #666;
    text-decoration: underline;
}

.dialogType .left_panel {
    background-color: #fff;
    left: 0;
}

.dialogType .spliter_panel .right_panel {
    overflow-x: hidden;
    overflow-y: hidden;
}

.dialogType .dialogSideBarMainAreaResizable {
    padding-top: .0em;
}

    .dialogType .dialogSideBarMainAreaResizable .searchBasket,
    .dialogType .dialogSideBarMainArea .searchBasket,
    .dialogType .dialogMainSection .searchBasket {
        background-color: #fff;
        border-top: solid 1px #dddddd; /*--dialog-border-color*/
    }

    .dialogType .dialogSideBarMainAreaResizable .basketItems, .dialogType .dialogSideBarMainArea .basketItems {
        padding-left: 0px;
        height: 140px;
        overflow: auto;
    }

    .dialogType .dialogSideBarMainAreaResizable .banner, .dialogType .dialogSideBarMainArea .banner {
        margin-left: 0px;
        padding-left: .5em;
        padding-top: .3em;
        padding-bottom: .3em;
        border-bottom: solid 1px #ddd;
    }

.dialogType .k-tabstrip .k-content.k-active {
    background-color: #fff;
}

/*END KENDO DIALOGS*/




/*********************************************************************
    Notifications
**********************************************************************/

#notificationsContainer {
    z-index: 50000;
}

    #notificationsContainer.pro-right-top {
        position: absolute;
        right: 2px;
        border-radius: 15px;
    }

        #notificationsContainer.pro-right-top .k-notification {
            border-radius: 10px;
        }

    #notificationsContainer.pro-top {
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 3px;
        margin-top: 4px;
    }

.k-notification {
    font-family: Arial;
    border: 0;
    white-space: normal;
    line-height: normal;
    padding-block: 0;
    padding-inline: 0;
    justify-content: flex-start;
}

.pro-notification-template {
    margin: 0 0 1px 0;
}


.itemValidationMessages .infoMessage,
.UserMessages .pro-info,
.pageMessages.Message,
#notificationsContainer.pro-top .pro-info {
    border: solid 1px #bce8f1;
    background-color: #d9edf7;
    color: #31708f;
}

#order .itemValidationMessages ul,
#workArea .lineHeader table tbody .itemValidationMessages ul,
.itemValidationMessages .alertMessage,
.UserMessages .pro-alert,
.pageMessages.Alert,
#notificationsContainer.pro-top .pro-alert {
    border: solid 1px #ecea96;
    background-color: #fffda1;
    color: #8a6d3b;
}

.itemValidationMessages .errorMessage,
.UserMessages .pro-error,
.pageMessages.Error,
#notificationsContainer.pro-top .pro-error {
    border: solid 1px #ebccd1;
    background-color: #f2dede;
    color: #a9445f;
}

.itemValidationMessages .systemMessage,
.UserMessages .pro-system,
.pageMessages.System,
#notificationsContainer.pro-top .pro-system {
    border: solid 1px #d6e9c6;
    background-color: #dff0d8;
    color: #3c765b;
}

div.k-notification-info.k-notification.k-widget,
#notificationsContainer:not(.pro-top) .pro-info {
    background: rgb(94,189,95);
    color: white;
}

div.k-notification-alert.k-notification.k-widget,
#notificationsContainer:not(.pro-top) .pro-alert {
    background: rgb(253,236,128);
    color: #474747;
}

div.k-notification-error.k-notification.k-widget,
#notificationsContainer:not(.pro-top) .pro-error {
    background: rgb(255,92,91);
    color: white;
}

div.k-notification-system.k-notification.k-widget,
#notificationsContainer:not(.pro-top) .pro-system {
    background: rgb(83, 149, 207);
    color: white;
}

div.k-notification.k-widget {
    border-radius: 10px;
}

#notificationsContainer.pro-top span.glyphicons {
    vertical-align: middle;
    padding-left: 5px;
}

#notificationsContainer.pro-right-top .pro-notification-template {
    width: 300px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    cursor: default;
    border-radius: 10px;
    min-height: 110px;
}

#notificationsContainer.pro-right-top .pro-content {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    width: 220px;
    min-height: 80px;
    line-height: 80px;
    padding: 10px 10px 10px 10px;
}

#notificationsContainer.pro-right-top .pro-notification-template img {
    position: relative;
    align-items: center;
    vertical-align: middle;
    margin-left: 15px;
    padding: 5px;
    padding-right: 0;
    display: flex;
    flex-basis: 0;
    flex-grow: 0;
    flex-shrink: 0;
    height: 47px;
}

#notificationsContainer.pro-right-top .pro-notification-template .pro-content span {
    text-align: left;
    font-size: 15px;
    line-height: normal;
}

#notificationsContainer.pro-right-top .pro-notification-template div span a.pro-dismiss {
    text-decoration: underline;
    color: inherit;
}

#notificationsContainer.pro-top .pro-content {
    display: inline-block;
    padding: 0;
    vertical-align: central;
}

#notificationsContainer.pro-top h3 {
    display: none;
}

#notificationsContainer.pro-top p {
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

#notificationsContainer.pro-top div.pro-notification-template {
    width: 100%;
}

    #notificationsContainer.pro-top div.pro-notification-template div {
        display: table-cell;
    }

        #notificationsContainer.pro-top div.pro-notification-template div.pro-icon {
            padding-right: 5px;
        }

#notificationsContainer.pro-top .k-notification {
    background-color: transparent;
    box-shadow: none;
}


#notificationsContainer .glyphicons:before {
    padding: 4px !important;
}

.pro-table th {
    background-color: #f4f4f5;
    color: #777;
    font-weight: bold;
}

    .pro-table th.pro-nlb,
    .pro-table td.pro-nlb {
        border-left: none;
    }

.dialogType .pro-table th.pro-nlb,
.dialogType .pro-table td.pro-nlb {
}

.pro-table th.pro-npt,
.pro-table td.pro-npt {
    padding-top: 0;
}

.pro-table th.pro-npb,
.pro-table td.pro-npb {
    padding-bottom: 0;
}

.pro-table .glyphicons:before {
    padding: 0;
}

.pro-table span.glyphicons {
    font-size: 14px;
}

.pro-table .pro-bb {
    border-bottom: solid 1px #ddd;
}

.dialogType .pro-table th {
    color: black;
    font-weight: normal;
}

.pro-table th a:hover span.glyphicons {
    color: #ccc;
}

.dialogType .pro-table th span.glyphicons {
    color: #666;
}

.dialogType .pro-table th a:hover span.glyphicons {
    color: #444;
}

/* For a table where the left column are the header titles rather than along the top */
.pro-table.pro-left-column-header th {
    background-color: #fff;
    color: #333;
    font-weight: bold;
    padding-right: 4px;
    text-align: right;
}

.dialogType .pro-table.pro-left-column-header th {
    background-color: #fff;
}

textarea:disabled {
    background-color: #e5e5e5;
}

.pro-info-text a,
.pro-info-text span,
.pro-info-text input,
.pro-info-text textarea,
.pro-info-text select {
    vertical-align: middle;
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px;
}

.pro-control-title span {
    vertical-align: middle;
    display: inline-block;
    margin-top: 8px;
}

#notesNum {
    line-height: 1em;
}

.pro-grid-filtering-header {
    margin: 30px 30px 20px 30px;
    padding-left: 8px;
}

    .pro-grid-filtering-header select {
        margin-left: 4px;
        margin-right: 20px;
    }

    .pro-grid-filtering-header span {
        font-weight: bold;
        font-size: 13px;
    }

.pro-search-results-grid,
.pro-search-results-navigation {
    margin: 10px 30px 15px 30px;
}

.pro-search-results-grid,
.pro-search-results-navigation {
    margin: 10px 30px 15px 30px;
}

#aspFrame {
    width: 100%;
    border: none;
    overflow: hidden;
}

    #aspFrame.newMenu {
        padding-top: 5px;
    }

/*********************************************************************
    Notifications
**********************************************************************/

.pro-please-wait-body {
    overflow-y: hidden;
    padding: 10px;
}

.pro-please-wait-container {
    display: table;
    width: 100%;
    text-align: center;
    height: 500px;
}

    .pro-please-wait-container > div {
        display: table-cell;
        vertical-align: middle;
    }

    .pro-please-wait-container.hidden {
        display: none;
    }

.pro-rjp {
    display: table-cell;
    vertical-align: middle;
}

.pro-marketplace-error table {
    width: 100%;
}

.pro-marketplace-error-message {
    width: 40%;
    word-wrap: break-word;
    padding: 20px;
    box-sizing: border-box;
}

.pro-marketplace-error-message-title span:nth-child(1) {
    font-size: 48px;
    vertical-align: middle;
}

.pro-marketplace-error-message-title span:nth-child(2) {
    font-size: 24px;
    vertical-align: middle;
}

.pro-marketplace-error-message-text {
    padding: 10px;
    vertical-align: middle;
}

.pro-marketplace-error-message-header {
    padding: 10px;
    font-weight: bold;
    color: #777;
}

.pro-p2p-basket-xml,
.pro-original-basket-xml {
    width: 60%;
    position: relative;
}

    .pro-p2p-basket-xml > div,
    .pro-original-basket-xml > div {
        height: 100%;
        box-sizing: border-box;
    }

        .pro-p2p-basket-xml > div > div,
        .pro-original-basket-xml > div > div {
            padding: 10px;
            background-color: #f4f4f5;
            border: solid 1px #ccc;
            border-bottom: none;
        }

textarea {
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
}

.pro-pro-please-wait-icon {
    color: #777;
}

.pro-pro-please-wait-primary {
    font-size: 22px;
    color: #777;
    font-weight: bold;
}

.pro-pro-please-wait-secondary {
    font-size: 16px;
}


/*********************************************************************
    Status Bar
**********************************************************************/

#statusBar {
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    border-top: solid 1px #333;
    font-size: 14px;
    vertical-align: middle;
    padding-top: 3px;
    padding-right: 10px;
}

    #statusBar.oldMenu {
        position: absolute;
    }

    #statusBar.newMenu {
        position: fixed;
    }

    #statusBar.oldMenu ul {
        display: inline-block;
        padding-left: 20px;
    }

    #statusBar.newMenu ul {
        display: flex;
        justify-content: center;
    }

    #statusBar li {
        display: inline-block;
        padding-right: 30px;
    }

    #statusBar .pro-status-bar-label {
        font-weight: bold;
        color: #777;
    }

#changePassword2 {
    float: right;
    display: inline-block;
    border: solid 1px #fff;
    border-radius: 2px;
}

    #changePassword2:hover {
        background-color: #ccc;
        border-color: #bbb;
    }

#statusBar .glyphicons:before {
    padding: 4px 3px;
}

.floatContainer::after {
    content: "";
    clear: both;
    display: table;
}

.pro-apportionment-code-view {
    margin: 4px;
    margin-bottom: 2px;
    padding-top: 4px;
    border-top: solid 1px #ccc;
}