/*@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Open-Sans-regular.eot');
  src: url('../fonts/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),
       local('Open Sans'),
       local('Open-Sans-regular'),
       url('../fonts/Open-Sans-regular.woff2') format('woff2'),
       url('../fonts/Open-Sans-regular.woff') format('woff'),
       url('../fonts/Open-Sans-regular.ttf') format('truetype'),
       url('../fonts/Open-Sans-regular.svg#OpenSans') format('svg');
}*/

/*@font-face {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  src: url('../fonts/Open-Sans-600.eot');
  src: url('../fonts/Open-Sans-600.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Semibold'),
       local('Open-Sans-600'),
       url('../fonts/Open-Sans-600.woff2') format('woff2'),
       url('../fonts/Open-Sans-600.woff') format('woff'),
       url('../fonts/Open-Sans-600.ttf') format('truetype'),
       url('../fonts/Open-Sans-600.svg#OpenSans') format('svg');
}*/



/*#mainMenu.glyphicons {
    cursor: pointer;
    font-size: 1.8em;
    vertical-align: text-bottom;
}*/

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

#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
/*#mainMenu .k-state-selected*/ {
    background-color: #4682B4;
}


    #mainMenu li ul {
        border-color: #666;
        /*font-size: 14px;*/
    }

.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-state-selected > .k-link,
#mainMenu .k-state-hover,
#mainMenu .k-state-hover:hover,
#mainMenu .k-state-hover:hover > .k-link,
#mainMenu .k-state-selected > .k-link,
#mainMenu .pro-menu-bubble,
#mainMenu .k-link.k-state-active {
    background-color: #4077a6;
    color: #fff;
}

#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;
    }

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

            #mainMenu .k-link span {
                padding-right: 2px;
            }



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

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

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


        #mainMenu .k-link {
            border: 0;
            /*font-size:1.3em;*/
            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 .mainMenuItem {
    font-size:1.2em;
}*/

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

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

        #mainMenu .k-state-selected > .k-link {
            border: none;
            background-image: none;
            text-decoration: none;
            /*font-weight:bold;*/
        }

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

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

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

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




            #mainMenu .pro-environment a {
                width: auto;
                margin: 0;
                padding-left: .2em;
                padding-right: .2em;
            }


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

            #mainMenu .pro-environment.pro-menu-item-fixed-width span {
                width:24px;
            }


/*#mainMenu > .k-last {
     float: right;
     border-left-width: 1px;
     border-right-width: 0;
 }*/



.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 .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-container-kk {
    display: inline-block; 
    font-size: 20px; 
    margin-top: 4px;
}

.pro-toolbar .pro-page-title-container-new {
    display: inline-block; 
    font-size: 20px; 
    margin-top: 4px;
}*/
.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-icon {
    margin-top: 0;
    float: left;
}*/

.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 #eaeaea;
}

.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-state-hover,
        header .k-dropdown-wrap.k-state-active,
        header .k-dropdown-wrap.k-state-focused {
            background-color: #030303;
        }

        header .k-dropdown-wrap.k-state-focused {
            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-state-hover,
    .k-popup.ra-list .k-state-selected,
    .k-popup.ra-list .k-state-focused {
        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 {
    /*color: black;*/
}

.dataSection select {
    font-family: Arial;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    /*font-size: 11px;*/
}

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

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


.k-window {
    position: absolute;
    width: 500px;
    overflow: hidden;
    background-color: #fff;
    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-state-focused {
  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;
        /*color: black;*/
        width: 100%;
        border-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 {
        float: left;
        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;
        /*padding: .5em 1em;*/
        background-color: #fff;
        overflow: hidden;
        zoom: 1;
    }

    .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-window .buttonpane {
        border-top: 1px solid #dddddd;
        background-color: #fff;
        padding: 1em 1em 1em 1em;
        margin: 10px;

    }*/

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

    /*.k-window .buttonpane:before, .k-window .buttonpane:after {
        content: "";
        display: table;
    }

    .k-window .buttonpane:after {
        clear: both;
    }

    .k-window .buttonpane .buttonset {
        float: right;
    }*/


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

.k-window #allocationOptions .k-button,
/*.k-window .buttonpane .k-button,*/
.k-window #footer .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-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 .buttonpane .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 #allocationOptions .primary.k-button,
    .k-window .buttonpane .primary.k-button,
    .k-window .wizardPageHeader .primary.k-button,
    .k-window .MSSearchCriteriaContainer .primary.k-button {
        margin-right: 2em;
        cursor: pointer;
        color: white;
        border-color: #6b6b6b;
        background-color: #777777;
    }*/

    /*.k-window #allocationOptions .primary.k-button:hover,
    .k-window .buttonpane .primary.k-button:hover,
    .k-window .wizardPageHeader .primary.k-button:hover,
    .k-window .MSSearchCriteriaContainer .primary.k-button:hover {
        color: white;
        border-color: #6b6b6b;
        background-color: #666666;
    }*/

    /*.k-button.k-state-focused, .k-button:focus:active:not(.k-state-disabled):not([disabled]), .k-button:focus:not(.k-state-disabled):not([disabled]), .k-state-focused {
        -webkit-box-shadow: 0 0 7px 0 #666666;
        box-shadow: 0 0 7px 0 #666666;
    }*/

    .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: 26px;
    /*top:120px !important;*/
}

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

/*
    .dialogMainSection .btn a:hover,
    .buttonBar .btn a:hover {
        color: #fff;
        border-color: #444444;
        border-radius: 4px;
        background: linear-gradient(to bottom, #0d3c52 0%, #0c3549 110%);
    }

    .dialogMainSection .btn a:focus:active:not(.k-state-disabled):not([disabled]),
    .buttonBar .btn a:focus:active:not(.k-state-disabled):not([disabled]) {
        background: #577b8c;
        -webkit-box-shadow: 0 6px 17px 0 rgba(235,235,235,.3);
        box-shadow: 0 6px 17px 0 rgba(235,235,235,.3);
    }

    .dialogMainSection .btn a:focus:not(.k-state-disabled):not([disabled]),
    .buttonBar .btn a:focus:not(.k-state-disabled):not([disabled]) {
        background: #6f8e9d;
        -webkit-box-shadow: 0 6px 17px 0 #c4c4c4;
        box-shadow: 0 6px 17px 0 #c4c4c4;
    }
*/
    .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-state-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-top {
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 3px;
        margin-top: 4px;
    }

.k-notification {
    border: 0;
    white-space: normal;
}

.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 #faebcc;
    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: rgba(0,153,0,.4);*/
    background: rgb(94,189,95);
    color: white;
}

div.k-notification-alert.k-notification.k-widget,
#notificationsContainer:not(.pro-top) .pro-alert {
    /*background: rgba(255,235,0,.4);*/
    background: rgb(253,236,128);
    color: #474747;
}

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

div.k-notification-system.k-notification.k-widget,
#notificationsContainer:not(.pro-top) .pro-system {
    /*background: rgba(66, 139, 202,.7);*/
    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: table;
    cursor: default;
    border-radius: 10px;
    height:120px;
}


#notificationsContainer.pro-right-top .pro-content {
    display: table-cell;
    vertical-align: top;
}

#notificationsContainer.pro-right-top div .pro-notification-template img {
    float: left;
    position: relative;
    vertical-align: middle;
    margin-top: 36px;
    margin-left: 15px;
    padding: 5px;
    padding-right: 0;
    display: table-cell;
}

#notificationsContainer.pro-right-top .pro-notification-template div {
    width: 220px;
    height: 100px;
    vertical-align: middle;
    line-height: 100px;
    padding: 10px 15px 10px 10px;
}

    #notificationsContainer.pro-right-top .pro-notification-template div span {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 1.2em;
        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 .glyphicons:before {
    padding: 4px !important;
}

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

.dialogType .pro-table th ,
.dialogType .pro-table td {
    /*padding: 4px;*/
    /*border-top: solid 1px #dddddd;*//*--dialog-tableheader-border-color*/
    /*border-bottom: solid 1px #dddddd;*//*--dialog-tableheader-border-color*/
    /*background-color: #ededed;*//*--dialog-tableheader-bgcolor*/
}

    .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;
}

.dialogType .pro-table th,
.dialogType .pro-table td {
    /*border-left: solid 1px #dddddd;*//*--dialog-tableheader-border-color*/
}

.dialogType #searchResultsContainer .alternateRowColour .itemCodeContainer,
.dialogType #searchResultsContainer .alternateRowColour .descriptionContainer,
.dialogType #searchResultsContainer .alternateRowColour .uomContainer,
.dialogType #searchResultsContainer .alternateRowColour .priceContainer,
.dialogType #searchResultsContainer .alternateRowColour .contractContainer,
.dialogType #searchResultsContainer .alternateRowColour .itemInfoContainer,
.dialogType #searchResultsContainer .alternateRowColour .addBasketContainer {
    /*background-color: #f9f9f9;*/
}

.dialogType #searchResultsContainer tr td .itemCodeContainer,
.dialogType #searchResultsContainer tr td .descriptionContainer,
.dialogType #searchResultsContainer tr td .uomContainer,
.dialogType #searchResultsContainer tr td .priceContainer,
.dialogType #searchResultsContainer tr td .contractContainer,
.dialogType #searchResultsContainer tr td .itemInfoContainer,
.dialogType #searchResultsContainer .addBasketContainer {
    /*background-color: white;*/
}

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

.dialogType .pro-table th {
    color: black;
    font-weight: normal;
    /*border-right: solid 1px #dddddd*/;/*--dialog-tableheader-border-color*/
}

    /*.pro-table th span.glyphicons {
        color: #fff;
    }*/

    .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;
}


/*********************************************************************
    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 {
    position: absolute;
    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 ul {
    display: inline-block;
    padding-left: 20px;
}

#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;
}