/* css overrides */
body {
    padding-top: 0px;
    font-family: 'Montserrat','Source Sans Pro','Segoe UI','Droid Sans',Tahoma,Arial,sans-serif;
    font-size: 12px;
    background-color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Montserrat','Source Sans Pro','Segoe UI','Droid Sans',Tahoma,Arial,sans-serif;
    font-weight: 400;
}

.btn {
    font-family: 'Montserrat','Source Sans Pro','Segoe UI','Droid Sans',Tahoma,Arial,sans-serif;
    border-radius: 4px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .btn.btn-default {
        -webkit-box-shadow: inset 0px 0px 0px 1px #4474C0;
        -moz-box-shadow: inset 0px 0px 0px 1px #4474C0;
        box-shadow: inset 0px 0px 0px 1px #4474C0;
        background-color: #FFFFFF;
        color: #4474C0;
    }

        .btn.btn-default:hover {
            background-color: #F1F1F4;
        }

    .btn-action, .btn.btn-primary {
        color: #fff;
        background-color: #4474C0;
    }

        .btn-action:hover, .btn.btn-primary:hover, .btn-action:focus, .btn.btn-primary:focus {
            color: #fff;
            background-color: #3060AC;
        }

.btn-group-sm > .btn {
    border-radius: 4px;
}

.btn-pumpkin {
    color: #FFFFFF;
    background-color: #F47921;
}

.btn-group.open .btn-default.dropdown-toggle {
    -webkit-box-shadow: inset 0px 0px 0px 1px #4474C0;
    -moz-box-shadow: inset 0px 0px 0px 1px #4474C0;
    box-shadow: inset 0px 0px 0px 1px #4474C0;
    background-color: #F1F1F4;
    color: #4474C0;
}

.ui-grid-pager-control button.disabled:hover, .ui-grid-pager-control button[disabled]:hover, fieldset[disabled] .ui-grid-pager-control button:hover, .ui-grid-pager-control button.disabled:focus, .ui-grid-pager-control button[disabled]:focus, fieldset[disabled] .ui-grid-pager-control button:focus, .ui-grid-pager-control button.disabled.focus, .ui-grid-pager-control button[disabled].focus, fieldset[disabled] .ui-grid-pager-control button.focus {
    color: #fff;
    background-color: #3060AC;
}

.dropdown-menu {
    min-width: 200px;
}

.smaller {
    font-size: 0.9em !important;
}

.login-page {
    height: 100%;
}

.login-page footer {
    bottom: 0;
    left: 0px;
    margin-top: -30px;
    width: auto;
    position: sticky;
}

footer {
    border: none;
    background: #FFFFFF;
}

.login-page div#page-container {
    position: relative;
    min-height: 300px;
    height: calc(101% - 54px);
    background-color: #FFF;
    overflow-y: auto;
}

.login-container {
    padding: 30px 50px 50px 50px;
}

#page-heading {
    background-color:#f9fafb !important;
}

#page-content {
    background-color: #FFFFFF;
}

.page-heading h1, .page-heading h2, .page-heading h3 {
    color:#4d4d4d;
}

#leftmenu-trigger, #rightmenu-trigger {
    height: 40px;
    width: 40px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjI5OTJEN0UxMDdFMTFFMzk1QjZBODRFMTJGRERFNzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjI5OTJEN0QxMDdFMTFFMzk1QjZBODRFMTJGRERFNzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo4QzE3NEM1ODdCMTBFMzExQTBDOEVEREIyRENFMUU0QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QzE3NEM1ODdCMTBFMzExQTBDOEVEREIyRENFMUU0QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmxMBE8AAADNSURBVHja7NpBCoAwDARAIz7cn9cvaGhqW2bPCnEwSxGjtXZIPicCgAABAhSAAAECFIAAAQIUgADXyZW45+583aiUzB0+qFphgDpw7P1TzacDrTBAHTjxmbB8Vh1ohQECBCgAAQIEKAABAgQoAAECBCgAAQIEKAABAgQoAAECBCgAAU6YzP+Bb/+Hi8metWTuDGAs+rKEFdaBOvBLl/xVAUPn27EDwwrrQB3Yu2P+WvvyWXc/B4YV1oEABSBAgAAFIECAAAUgQIA75RFgAGBMGKmai6EfAAAAAElFTkSuQmCC);
    background-position: 0 0px;
	margin-top: 5px;
}

.navbar {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.75);
    min-height: 54px;
    background-color: #233565;
}

.navbar-nav.inactive {
    opacity: .3;
    pointer-events: none;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #375289;
    color: #fff;
}

.navbar-default {
    background-color: #F1F1F4;
}

#horizontal-navbar .navbar-nav li a {
    color: #2D3E50;
}

#horizontal-navbar .navbar-nav li.active a, #horizontal-navbar .navbar-nav li.active a i, #horizontal-navbar .navbar-nav li.active a:hover, #horizontal-navbar .navbar-nav li.active a:hover i {
    background-color: #F47921;
    font-weight: bold;
}

#horizontal-navbar .navbar-nav li a:hover, #horizontal-navbar .navbar-nav li a:hover i {
    background: #DBDDE4;
    color: #2D3E50;
}

#horizontal-navbar .child-active > a {
    background-color: #F47921 !important;
    color: #FFF !important;
}

#horizontal-navbar .navbar-nav ul li a {
    background: #DBDDE4;
    color: #2D3E50;
}

#horizontal-navbar .navbar-nav li.active .dropdown-menu a {
    background: #DBDDE4;
    color: #2D3E50;
}

#horizontal-navbar .navbar-nav li.active .dropdown-menu a:hover {
    background: #d2d3d6;
    color: #3f444c;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0)!important;
}

#horizontal-navbar .navbar-nav > .open > a {
    background: #DBDDE4;
    color: #2D3E50;
}

#horizontal-navbar .navbar-nav ul {
    background: #DBDDE4;
    color: #2D3E50;
}

.dropdown-toggle.username {
    height: 54px;
}

a.username img {
    height: 30px;
    width: 30px;
    float: right;
    border-radius: 1px;
    border-width: 2px;
    margin:4px;
}

a.username span {
    padding-right: 10px;
    top: 9px;
    position: relative;
    float: left;
    min-width: 60px
}

.mws-button {
    width: 150px;
}
@media (min-width: 768px) {
    h1.terms-header {
        width: 960px;
    }

    .mws-page-header {
        padding-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .mws-button {
        width: 120px;
    }
}

@media (max-width: 767px) {
    a.username {
        width: 40px !important;
    }

    .mws-page-header {
        padding-bottom: 2px;
    }

    h3, h1.terms-header {
        font-weight: bold;
        font-size: large;
        line-height: 1;
    }

    .mws-button {
        width: 95px;
    }

    .bootboxSmallDialog {
        width: 350px !important;
    }

    .modal-dialog {
        width: 350px !important;
    }
}

header .toolbar .dropdown, header #headerbardropdown, header #rightmenu-trigger {
    border-left: 1px solid #6580b4;
}

#page-leftbar {
    background-color: #e4e3e9 !important;
}

#sidebar > li {
    border-bottom: 1px solid #eeeef1;
}

#sidebar ul, #sidebar ul li a {
    background-color: #d5d4da;
}

#sidebar > li.active > a {
    background-color: #5a5e69;
}

.csr-navheader {
    background-color: #efa132 !important;
    color: #FFF !important;
    font-size: 16px;
}

    .csr-navheader i {
        color: #FFF !important;
    }

.csr-item ul {
    background-color: #FFF !important;
    color: #000 !important;
    font-weight: bold !important;
}

    .csr-item ul li {
        padding-left: 40px;
    }

.focusedform .brand {
    padding-bottom: 10px !important;
}

.cs-text {
    font-size: 12px;
    width: 100%;
    line-height: 20px;
}

.dl-button-wrapper {
    position: relative;
}

/*
this code displayes the diamon icons

#sidebar li ul li a:before {
content: "\f0d9\f0da";
font-family: FontAwesome; 
display: inline-block;
font-size: 10px;
letter-spacing: -1px;
width: 1.2em; 
}*/

.cib {
    width: 30px;
    height: 30px;
    background-image: url(/img/icon_set2.png);
    background-repeat: no-repeat;
    margin-bottom: -1px;
    display: inline-block;
}

    .cib.cib-supplier {
        background-position: 0px 0px;
    }

    .cib.cib-localinventory {
        background-position: -30px 0px;
    }

    .cib.cib-mystore {
        background-position: -60px 0px;
    }

        .cib.cib-mystore.inverse {
            background-position: -60px -30px;
        }

/* ng-grid*/

.ngHeaderCell {
    background-color: #F1F1F4 !important;
}

.ngRow.even {
    background-color: #ffffff !important;
}

.ngRow.odd {
    background-color: #ffffff !important;
}

.ngHeaderContainer {
    border: 1px solid #e3e1e1 !important;
    font-weight: bold !important;
}

.ngCell {
    border-left: 1px solid #ededee !important;
    border-bottom: 1px solid #ededee !important;
}

.ngFooterPanel {
    border: 1px solid #d4d4d4;
}

.ngCell > .ngVerticalBar {
    display: none;
}

.ngPagerButton {
    background-color: #4474C0;
    border: 2px solid #506fa8;
    color: #FFF;
    border-radius: 4px;
}

    .ngPagerButton:hover {
        background-color: #3f5b91;
        border: 2px solid #38507c;
        color: #FFF;
    }

    .ngPagerButton[disabled] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.ngPagerFirstTriangle {
    border-color: transparent #FFF transparent transparent !important;
}

    .ngPagerFirstTriangle > .ngPagerFirstBar, .ngPagerLastTriangle > .ngPagerLastBar {
        border-left: 2px solid #FFF !important;
    }

.ngPagerLastTriangle {
    border-color: transparent transparent transparent #FFF !important;
}

.ngFooterTotalItems > .ngLabel {
    font-weight: bold;
}

.ngRowCountPicker > .ngLabel {
    margin-right: 10px;
    font-weight: bold;
}

.ngHeaderText, .ngCellText, .ngFooterPanel .ngTotalSelectContainer {
    padding-left: 10px !important;
    /*padding-right: 10px !important;*/
    margin-left: 0px;
}

/*.ngHeaderText
{
white-space: pre-wrap !important;
vertical-align: middle !important;
}*/

.ngHeaderText {
    display: inline-block !important;
    line-height: 16px !important;
    padding-top: 7px !important;
    white-space: pre-wrap !important;
    vertical-align: middle !important;
}


/* page styling overrides */

.ngGridContainer {
    min-height: 300px !important;
}

.ngFooterPanel {
    position: relative;
    background-color: #FFFFFF;
    border: none;
}

    .ngFooterPanel .ngTotalSelectContainer, .ngFooterPanel .ngPagerContainer {
        position: absolute;
        top: 50%;
        margin-top: -14px !important;
    }

    /*.ngHeaderText {
position: relative;
width: 500px;
}

.ngHeaderText div {
position: absolute;
top: 50%;
margin-top: -12px !important;
height: 40px;
}*/

    .ngFooterPanel .ngPagerContainer {
        right: 0px;
    }

.ngTotalSelectContainer .ngFooterTotalItems,
.ngTotalSelectContainer .ngFooterSelectedItems {
    float: left;
    padding-left: 0px;
}

.ngGridMaxPagesNumber {
    vertical-align: top;
    padding-left: 2px;
}

.header-ln {
    display: block;
}

/*.supplier-ln-height {
display: inline-block;
line-height: 16px;
padding-top: 3px;
}*/

.order-substatus {
    /*text-transform: lowercase;*/
}

    .order-substatus:first-letter {
        /*text-transform: uppercase;*/
    }

#pnl_news ul.dashboard-list {
    padding: 0px 0px 0px 0px !important;
}

    #pnl_news ul.dashboard-list li {
        list-style: none;
        padding: 3px 15px;
        margin: 0px 0px 4px 0px;
        background: #ffffff;
    }

        #pnl_news ul.dashboard-list li.info {
            background-color: #94c37d !important;
        }

        #pnl_news ul.dashboard-list li.warning {
            background-color: #f8ed9e !important;
        }

        #pnl_news ul.dashboard-list li.critical {
            background-color: #e16678 !important;
            color: #FFF !important;
        }

        #pnl_news ul.dashboard-list li i.info {
            color: #008000 !important;
        }

        #pnl_news ul.dashboard-list li i.warning {
            color: #efa129 !important;
        }

        #pnl_news ul.dashboard-list li i.critical {
            color: #ff0000 !important;
        }

.alertDateStyle {
    font-weight: bold;
    margin-left: 5px;
}

.noresize {
    resize: none;
}

.survey-ta {
    width: 100%;
    height: 100px;
    padding: 5px;
    resize: none;
    margin: 5px 0px;
}

.info-tiles > .tiles-body {
    font-size: 20px;
}

@media (min-width: 768px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
        *width: 100%;
    }
}

@media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}

@media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}


@media (min-width: 768px) {
    .eight-cols .col-md-1,
    .eight-cols .col-sm-1,
    .eight-cols .col-lg-1 {
        width: 100%;
        *width: 100%;
    }
}

@media (min-width: 992px) {
    .eight-cols .col-md-1,
    .eight-cols .col-sm-1,
    .eight-cols .col-lg-1 {
        width: 12.5%;
        *width: 12.5%;
    }
}

@media (min-width: 1200px) {
    .eight-cols .col-md-1,
    .eight-cols .col-sm-1,
    .eight-cols .col-lg-1 {
        width: 12.5%;
        *width: 12.5%;
    }
}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.tiles-heading {
    font-size: x-small;
}

.info-tiles .tiles-heading .pull-right {
    opacity: 1;
}

.info-tiles .tiles-body i {
    opacity: 1;
}

.info-tiles.tiles-blue .tiles-heading {
    background: #4165b1;
    color: #FFF;
}

.info-tiles.tiles-blue:hover .tiles-heading {
    background: #5274bb;
}

.info-tiles.tiles-blue .tiles-body {
    background: #6288d1;
    color: #FFF;
}

.info-tiles.tiles-blue:hover .tiles-body {
    background: #4165b1;
}


.info-tiles.tiles-lightorange .tiles-heading {
    background: #f2b153;
    color: #FFF;
}

.info-tiles.tiles-lightorange:hover .tiles-heading {
    background: #efa132;
}

.info-tiles.tiles-lightorange .tiles-body {
    background: #efa132;
    color: #FFF;
}

.info-tiles.tiles-lightorange:hover .tiles-body {
    background: #eb9419;
}

.info-tiles.tiles-darkblue .tiles-heading {
    background: #092355;
    color: #FFF;
}

.info-tiles.tiles-darkblue:hover .tiles-heading {
    background: #092355;
}

.info-tiles.tiles-darkblue .tiles-body {
    background: #092355;
    color: #FFF;
}

.info-tiles.tiles-darkblue:hover .tiles-body {
    background: #092355;
}


.info-tiles.tiles-navyblue .tiles-heading {
    background: #6288d1;
    color: #FFF;
}

.info-tiles.tiles-navyblue:hover .tiles-heading {
    background: #5274bb;
}

.info-tiles.tiles-navyblue .tiles-body {
    background: #5274bb;
    color: #FFF;
}

.info-tiles.tiles-navyblue:hover .tiles-body {
    background: #4165b1;
}


.info-tiles.tiles-chromeyellow .tiles-heading {
    background: #f7e581;
    color: #FFF;
}

.info-tiles.tiles-chromeyellow:hover .tiles-heading {
    background: #f1d00f;
}

.info-tiles.tiles-chromeyellow .tiles-body {
    background: #f1d00f;
    color: #FFF;
}

.info-tiles.tiles-chromeyellow:hover .tiles-body {
    background: #debf0c;
}

.info-tiles.tiles-red .tiles-heading {
    background: #e16678;
    color: #FFF;
}

.info-tiles.tiles-red:hover .tiles-heading {
    background: #cd5567;
}


.info-tiles.tiles-red .tiles-body {
    background: #cf2a26;
    color: #FFF;
}

.info-tiles.tiles-red:hover .tiles-body {
    background: #bd211e;
}

.info-tiles.tiles-purple .tiles-heading {
    background: #b8a7d1;
    color: #FFF;
}

.info-tiles.tiles-purple:hover .tiles-heading {
    background: #9c8ab6;
    color: #FFF;
}

.info-tiles.tiles-purple .tiles-body {
    background: #725598;
    color: #FFF;
}

.info-tiles.tiles-purple:hover .tiles-body {
    background: #5f4483;
    color: #FFF;
}

.info-tiles.tiles-gray .tiles-heading {
    background: #62666f;
    color: #FFF;
}

.info-tiles.tiles-gray:hover .tiles-heading {
    background: #72767f;
    color: #FFF;
}

.info-tiles.tiles-gray .tiles-body {
    background: #4f5259;
    color: #FFF;
}

.info-tiles.tiles-gray:hover .tiles-body {
    background: #3f4249;
    color: #FFF;
}

.info-tiles.tiles-moss .tiles-heading {
    background: #94c37d;
    color: #FFF;
}

.info-tiles.tiles-moss:hover .tiles-heading {
    background: #80b068;
    color: #FFF;
}

.info-tiles.tiles-moss .tiles-body {
    background: #69a84f;
    color: #FFF;
}

.info-tiles.tiles-moss:hover .tiles-body {
    background: #5b9643;
    color: #FFF;
}

a.tile:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: #F1F1F4;
}

.tile {
    display: block;
    border: 1px solid #e1e2e8;
    border-radius: 8px;
    padding: 5px 10px;
    color: #233565;
    margin-bottom: 15px;
}

    .tile:hover {
        color: #233565;
    }

    .tile a {
        color: #233565;
    }

    .tile > .tile-icon {
        position: absolute;
        padding: 5px 0px;
        font-size: 18px;
    }

    .tile > .tile-header {
        text-align: right;
        font-size: 22px;
        margin-bottom: 5px;
    }

    .tile > .tile-content {
        text-align: right;
        font-size: 14px;
        font-weight: 300;
    }

        .tile > .tile-content.smaller {
            font-size: 0.9em !important;
            height: 20px;
            padding-top: 3px;
        }

.panel-darkblue .panel-heading {
    color: #fff;
    background-color: #595f69;
    border-color: #5174b8;
}

.panel-powderblue .panel-heading {
    color: #fff;
    background-color: #75c3eb;
    border-color: #75c3eb;
}

.panel-dark {
    border-radius: 8px;
}

.panel-dark > .collapse {

}

.panel-dark .panel-heading {
    color: #fff;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background-color: #233565;
    border: 1px solid #233565;
}

.panel-dark .panel-heading h4 {
    line-height: 38px;
}

div.panel-header {
    border-bottom: 1px solid #e6e7e8;
    padding: 0;
}

div.panel-header h3 {
    font-size: 24px;
    color: #2D3E50;
    font-weight: 300;
}

.dashboard-panel {
    background: none !important;
    padding: 10px 10px 10px 10px !important;
    border: 1px solid #e1e2e8;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.dashboard-gridstyle {
    height: 310px;
    overflow: hidden;
    width: auto;
}

.graphValue:after {
    content: '%';
}

li.critical {
}

.actsummary-gridstyle {
    height: 125px;
    overflow: hidden;
    width: 100%;
}

.supply-chain {
    position: absolute;
    font-size: 14px;
}

    .supply-chain.supplier-text {
        top: 150px;
        left: 20px;
    }

    .supply-chain span {
        font-weight: bold;
    }

    .supply-chain.amazonfbawh-text {
        top: 150px;
        left: 430px;
    }

    .supply-chain.mywh-text {
        top: 410px;
        left: 227px;
    }

    .supply-chain.amt {
        display: block;
        padding: 5px;
        border: 2px solid #ed9619;
        background-color: #f0a63d;
        width: 140px;
        text-align: left;
        color: #FFF;
        font-size: 12px;
    }

        .supply-chain.amt span {
            font-weight: bold;
        }

    .supply-chain.directship-amt-text {
        top: 60px;
        left: 195px;
    }

    .supply-chain.onorder-amt-text {
        top: 220px;
        left: 25px;
        background-color: #708ac2;
        border-color: #4c67a0;
    }

    .supply-chain.leadtime-text {
        top: 250px;
        left: 25px;
    }

    .supply-chain.inshipment-amt-text {
        top: 220px;
        left: 390px;
    }

    .supply-chain.qoh-amt-text {
        top: 180px;
        left: 550px;
        /*background-color: #708ac2;
border-color: #4c67a0;*/
    }

    .supply-chain.inprocess-amt-text {
        top: 220px;
        left: 550px;
        /*background-color: #708ac2;
border-color: #4c67a0;*/
    }

    .supply-chain.unfulfillable-amt-text {
        top: 260px;
        left: 550px;
        /*background-color: #e06677;
border-color: #cf2a27;*/
    }

    .supply-chain.pendingorders-amt-text {
        top: 300px;
        left: 550px;
        /*background-color: #93c47d;
border-color: #6aa84f;*/
    }
    .supply-chain.fctransfer-amt-text {
        top: 340px;
        left: 550px;
        /*background-color: #93c47d;
border-color: #6aa84f;*/
    }

    .supply-chain.availqty-amt-text {
        top: 330px;
        left: 360px;
        background-color: #708ac2;
        border-color: #4c67a0;
    }

    .supply-chain.pending-amt-text {
        top: 370px;
        left: 360px;
        background-color: #708ac2;
        border-color: #4c67a0;
    }

.grid-icon {
    color: #4d4d4d !important;
}

.copy-button {
    color: #4d4d4d !important;
    cursor: pointer;
}

.copy-button-hover {
    color: #4f8edc !important;
    cursor: pointer;
}

.copy-button-active {
    color: #f1c40f !important;
    cursor: pointer;
}

.restockicon-hover:hover {
    color: #333;
}

.filter-list {
    padding-top: 1px;
}

.filter-btn {
    width: 100%;
    margin-bottom: 10px;
}

.mar-bottom-5 {
}

#tabCustomFilter ul.nav-tabs {
    width: 130px !important;
}

#tabCustomFilter .tab-content .tab-pane hr {
    margin: 0 0 10px 0;
}

#tabCustomFilter .tab-content .tab-pane .btn {
    width: 100%;
    margin-bottom: 10px;
}

    #tabCustomFilter .tab-content .tab-pane .btn:last-child {
        margin-bottom: 0;
    }


.filter-label, .filter-icon, .filter-radiobtntext {
    line-height: 34px;
}

.filter-icon {
    color: #F00;
    font-size: 19px;
}

.filter-textbox {
    height: 34px;
    padding: 5px 9px;
    width: 100px;
}

.filter-hdr-opr {
    width: 150px;
}

.filter-hdr-value {
    width: 120px;
}

.filter-hdr-icon {
    width: 40px;
}

#scrollContainer {
    height: 560px;
    overflow-y: scroll;
}

#divCustomFilterParent {
    position: relative;
}

#divCustomFilter {
    height: 34px;
    overflow: hidden !important;
    position: absolute;
    z-index: 10;
    background-color: #577bc5;
    width: 49px;
    color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

    #divCustomFilter div.filter-entry ul {
        padding: 0;
        margin: 0;
        max-height: 450px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    #divCustomFilter div.filter-entry button.disabled {
        color: #CCCCCC !important;
    }

    #divCustomFilter div.filter-entry ul.nodata {
        color: #333;
    }

    #divCustomFilter div.filter-entry ul li {
        clear: both;
    }

        #divCustomFilter div.filter-entry ul li a.list-item {
            padding: 5px;
            font-size: 12px;
            clear: none;
        }

        #divCustomFilter div.filter-entry ul li a.delete-item {
            clear: none;
            padding: 5px;
            margin: 0;
            float: right;
        }

            #divCustomFilter div.filter-entry ul li a.delete-item:hover {
                cursor: pointer;
            }


        #divCustomFilter div.filter-entry ul li a input[type="checkbox"] {
            margin-top: 0;
            margin-bottom: 2px;
            display: inline-block;
            vertical-align: bottom;
        }

    #divCustomFilter button.close-btn {
        background-color: #577bc5;
        color: #ffffff;
    }

    #divCustomFilter div.filter-entry ul.loading li {
        padding: 2px 5px;
        vertical-align: top;
        height: 24px;
        line-height: 16px;
    }

#ulFiltersSKU, .group-filter {
    width: 300px;
    color: #333333;
}

    #ulFiltersSKU li div.multi-option-filter,
    .group-filter li div.multi-option-filter {
        display: table-cell;
        padding: 5px 10px;
        line-height: 14px;
        font-size: 12px;
    }

        #ulFiltersSKU li div.multi-option-filter.lbl,
        .group-filter li div.multi-option-filter.lbl {
            width: 125px;
        }

        #ulFiltersSKU li div.multi-option-filter.oper,
        .group-filter li div.multi-option-filter.oper {
            width: 60px;
        }

            #ulFiltersSKU li div.multi-option-filter.oper select,
            .group-filter li div.multi-option-filter.oper select {
                width: 55px;
            }

        #ulFiltersSKU li div.multi-option-filter.value,
        .group-filter li div.multi-option-filter.value {
            width: 93px;
            padding: 5px;
        }

            #ulFiltersSKU li div.multi-option-filter.value input[type=text],
            .group-filter li div.multi-option-filter.value input[type=text],
            .group-filter li div.multi-option-filter.value select {
                width: 100%;
            }

div.filter-apply {
    font-size: 12px;
    padding: 5px 10px;
    margin: 5px;
    background-color: #577bc5;
    color: #ffffff;
    cursor: pointer;
}

.custom-filter-dd {
    background: none;
    border: 0;
    font-size: 12px;
    height: 34px;
}

#divCustomFilter.showoverflow {
    overflow: visible !important;
}

ul#ulCustomFilterRow {
    margin: 0;
    padding: 0;
}

    ul#ulCustomFilterRow li {
        display: inline-block;
        font-size: 12px;
        padding: 3px 5px 3px 5px;
        border: 1px solid #A6A7A8;
        border-radius: 2px;
        line-height: 12px;
        background-color: #E0E1E6;
        color: #333;
        text-decoration: none;
        margin-right: 2px;
    }

        ul#ulCustomFilterRow li span.close-icon {
            background: url('/img/icon_x.png') 0 0 no-repeat;
            display: inline-block;
            width: 13px;
            height: 11px;
        }

        ul#ulCustomFilterRow li:hover {
            text-decoration: none;
            background-color: #c7c7c7;
            cursor: pointer;
        }

        ul#ulCustomFilterRow li.clear {
            background-color: #EA5551;
            color: #ffffff;
            border: none;
        }

        ul#ulCustomFilterRow li.save {
            background-color: #22C6AC;
            color: #ffffff;
            border: none;
        }

.custom-filter-row {
    background-color: #E6E6E6;
    padding: 5px 5px 6px 5px;
    margin-bottom: 10px;
}

.custom-filter-entry .custom-filter-label {
    text-decoration: none;
}

.dropdown-menu.dropdown-right {
    left: 0;
    right: auto;
}

.dropdown-menu.dropdown-left {
    left: auto;
    right: 0;
}

.toggle-success.disabled .toggle-slide .toggle-on,
.toggle-success.disabled .toggle-slide .toggle-off {
    background-color: #ACACAC !important;
}

.toggle-success.disabled .toggle-slide .toggle-blob {
    border: 1px solid #ACACAC !important;
}


.toggle-focus {
    border: 1px double #4d4d4d !important;
}

.filter-popover, .customfilter-popover {
}
/************ previous css overrides  *************/

h1 small, .h1 small {
    font-size: initial;
}

@media (min-width: 768px) {
    #divModalBox .modal-dialog, .modal-dialog {
        width: 750px;
    }

        #divModalBox .modal-dialog.modal-lg, .modal-dialog.modal-lg {
            width: 900px;
        }
}

#divModalBox .modal-dialog.text-white {
    color: #FFFFFF !important;
}

#divSupplyChainModal .modal-dialog {
    width: 750px;
}

#divBoxContentPrintPreviewModalBox {
    top: 0 !important;
}

    #divBoxContentPrintPreviewModalBox div.shipmentdetails {
        height: 190px;
        margin: 0px 5px;
    }

#divPickListModalBox div.shipmentdetails {
    height: 160px;
    margin: 0px 5px;
}

    #divBoxContentPrintPreviewModalBox div.shipmentdetails span, #divPickListModalBox div.shipmentdetails span {
        display: block;
        font-size: 14px;
        line-height: 20px;
    }

#divBoxContentPrintDiv, #divPrintDiv {
    display: none;
}

#divBoxContentPrintPreviewModalBox div.addressdetails {
    height: 190px;
    margin: 0px 5px;
}

#divPickListModalBox div.addressdetails {
    height: 160px;
    margin: 0px 5px;
}

    #divBoxContentPrintPreviewModalBox div.addressdetails > div.left, #divPickListModalBox div.addressdetails > div.left {
        width: 50%;
        float: left;
    }

        #divBoxContentPrintPreviewModalBox div.addressdetails > div.left span, #divPickListModalBox div.addressdetails > div.left span {
            display: block;
            font-size: 14px;
            line-height: 20px;
        }


    #divBoxContentPrintPreviewModalBox div.addressdetails > div.right, #divPickListModalBox div.addressdetails > div.right {
        width: 50%;
        float: right;
    }

        #divBoxContentPrintPreviewModalBox div.addressdetails > div.right span, #divPickListModalBox div.addressdetails > div.right span {
            display: block;
            font-size: 14px;
            line-height: 20px;
        }

.supplychain-container {
    width: 718px;
    height: 425px;
    position: relative;
    background: url(/img/img_supplychain.jpg) 0px 0px no-repeat;
}

#tblSuppliers {
    min-height: 200px;
}

.gridTable {
    /*min-height: 400px;
max-height: 550px;*/
    min-height: 500px;
    max-height: 600px;
}

.form-group {
    margin-bottom: 5px;
}

.pointer {
    cursor: pointer;
}

.grid-delete-icon {
    font-size: 18px;
    text-decoration: none !important;
    color: #6b6b6b;
    cursor: pointer;
}

.grid-edit-icon {
    font-size: 18px;
    text-decoration: none !important;
    color: #2626BD;
}

.grid-order-icon {
    font-size: 18px;
    display: inline-block;
    width: 20px;
}

.grid-check-icon {
    font-size: 18px;
    text-decoration: none !important;
    color: #26BD26;
}

.grid-ul {
    list-style: none;
}

    .grid-ul li {
        display: table-cell;
    }

.icon-link {
    color: #4d4d4d;
}

    .icon-link:hover {
        color: #4f8edc;
    }

div.nopad > div[class*="col-"] {
    padding: 0;
}

div.nopadright > div[class*="col-"] {
    padding-right: 0;
}

div.nopadleft > div[class*="col-"] {
    padding-left: 0;
}

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

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

.nopadding {
    padding: 0px !important;
}

.nomargin {
    margin: 0px !important;
}

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

.no_box_shadow {
    box-shadow: none !important;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.container hr {
    margin-right: -10px;
    margin-left: -10px;
}

.bottompad {
    padding-bottom: 10px;
}

.grid_textbox {
    font-size: 11px;
}

.customRow.rowhighlighted {
    background-color: #c9dde1 !important;
}

.customRow.rowerror {
    background-color: #CF4747 !important;
    color: #FFF !important;
}

    .customRow.rowerror .grid_textbox {
        color: #333 !important;
    }

.ngRow.processing {
    background-color: darkgoldenrod !important;
    /*color: white !important;*/
}

.popover {
    z-index: 10000;
}

.text-forceleft {
    text-align: left !important;
}

.nobackground {
    background: initial !important;
}

.middle-shade {
    background-color: #E6E6E6;
    padding: 5px;
}

.key-margin {
    margin-top: 50px;
}

#divModalBox .modal-dialog.text-white .text-inv-color {
    color: #32373d !important;
}

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

.mar-left-10 {
    margin-left: 10px;
}

.mar-right-10 {
    margin-right: 10px;
}

.mar-right-20 {
    margin-right: 20px;
}

.mar-right-30 {
    margin-right: 30px;
}

.pad-5 {
    padding: 5px;
}

.pad-vert-10 {
    padding: 10px 0px;
}

.pad-hor-5 {
    padding-right: 5px;
    padding-left: 5px;
}

.pad-hor-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pad-left-5 {
    padding-left: 5px !important;
}

.pad-left-10 {
    padding-left: 10px !important;
}

.pad-left-20 {
    padding-left: 20px;
}

.pad-left-25 {
    padding-left: 25px;
}

.pad-right-5 {
    padding-right: 5px !important;
}

.pad-left-155 {
    padding-left: 155px;
}

.pad-bottom-20 {
    padding-bottom: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-45 {
    margin-top: 45px;
}

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

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

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

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-top-3 {
    margin-top: 3px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

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

.margin-bottom-40 {
    margin-bottom: 40px;
}

.normal-font {
    font-size: 100% !important;
}

.grid-textbox {
    font-size: 12px;
    width: 60px;
}

.label-group {
    width: 60px;
    display: inline-block;
}

.text_disabled {
    color: #c6c6c6;
}

.text_enabled {
    color: #f1c40f;
}

.label-group input[type="checkbox"] {
    padding-top: 0px !important;
    margin-top: 4px !important;
    float: right;
}

.cursor:hover {
    cursor: pointer;
}

.marketing-wrapper {
    margin-left: 20px;
    padding: 20px;
    display: inline-block;
}

.wellpadding {
    padding: 20px;
    margin-bottom: 20px;
}

.list-group-item > .calc-entry {
    float: right;
}

.list-group > .header {
    padding-right: 10px !important;
    font-size: 15px !important;
    font-weight: bold;
}

    .list-group > .header > .badge {
        font-size: 13px !important;
    }

/*.list-group > .header > .badge-warning {
font-size: 15px !important;
}*/




.signwidth {
    width: 15px;
    display: inline-block;
}

.indent-1 {
    margin-left: 20px;
}

.indent-2 {
    margin-left: 40px;
}

.bg-orange {
    background-color: #f0a63d;
}

.bg-blue {
    background-color: #708ac2;
}

.bg-green {
    background-color: #69a84f;
}

.ui-pnotify.stack-bar-top > .ui-pnotify-container {
    padding: 9px !important;
}

.newscritical {
    color: #BD2626 !important;
}

div.sortfield {
    background-color: #E4E4E4;
}

.btn-filter-hl {
    color: #fff !important;
    background-color: #efa131;
    border-color: #efa131;
    cursor: pointer;
}

    .btn-filter-hl:hover {
        color: #fff !important;
        background-color: #efa131;
        border-color: #efa131;
    }

    .btn-filter-hl.red {
        color: #FF0000 !important;
    }

    .btn-filter-hl.yellow {
        color: #fff000 !important;
    }

    .btn-filter-hl.purple {
        color: #800080 !important;
    }

    .btn-filter-hl.blue {
        color: #0000ff !important;
    }


.btn-filter-hl-shipments {
    color: #4474C0;
    background-color: #efa131;
    border-color: #efa131;
    cursor: pointer;
}

.btn-icononly {
    -webkit-box-shadow: inset 0 0 0 0px !important;
    box-shadow: inset 0 0 0 0px !important;
    background-color: transparent !important;
}

.scroll-x {
    overflow-x: auto !important;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

#sidebar li.active .child-menu li i {
    color: #595f69;
}

#sidebar a:hover {
    background-color: #c2c2c7 !important;
}

.child-menu li a:hover {
    background-color: #c2c2c7 !important;
}

.child-active > a {
    background: #c2c2c7 !important;
    color: #3f444c !important;
    box-shadow: inset -1px 0 0 0 rgba(0,0,0,0.1);
}

#sidebar li.active a i.sidebaricon-localinventory, .btn-filter-hl i.sidebaricon-localinventory {
    background-position: 0px -14px;
}

.ci {
    width: 15px;
    height: 14px;
    background-image: url(/img/icon_set.png);
    background-repeat: no-repeat;
    margin-bottom: -1px;
}

    .ci.sidebaricon-localinventory {
        background-position: 0px 0px;
    }

    .ci.sidebaricon-mystore {
        background-position: -30px 0px;
    }

    .ci.sidebaricon-calc {
        background-position: -15px 0px;
    }

    .ci.sidebaricon-suppliers {
        background-position: -45px 0px;
    }

.fa.kits-sidebaricon {
    background-image: url(/img/basket.png);
    width: 14px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 18px 20px;
    margin-bottom: -2px;
    margin-left: -1px !important;
}

.btn-filter-hl i.sidebaricon-suppliers {
    background-position: -45px -14px;
}

.ci.sidebaricon-warehouse {
    background-position: -60px 0px;
}


.amazon-grid-logo {
    width: 15px;
    height: 15px;
    background-image: url(/img/amazon-grid-logo2.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

#divWorkflow {
    color: #bdbec0;
}

.create-po-grid {
    width: 15px;
    height: 15px;
    background-image: url(/img/po-grid.png);
    background-repeat: no-repeat;
    vertical-align: sub;
}

.clipboard-receiving {
    width: 11px;
    height: 15px;
    background-image: url(/img/clipboard_receiving.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.clipboard-received {
    width: 12px;
    height: 15px;
    background-image: url(/img/clipboard_received.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.workflow-box {
    margin: 5px;
    min-width: 120px;
    min-height: 35px;
}

.workflow-box-amazon {
    margin: 5px;
    min-width: 160px;
    min-height: 35px;
}

.gray.clipboard-receiving {
    background-image: url(/img/clipboard_receiving_gray.png);
}

.gray.clipboard-received {
    background-image: url(/img/clipboard_received_gray.png);
}

.activeicon.clipboard-receiving {
    background-image: url(/img/clipboard_receiving_o.png);
}

.activeicon.clipboard-received {
    background-image: url(/img/clipboard_received_o.png);
}


.green {
    background-color: lightsteelblue;
    /*color: white;*/
}

.header-sorted {
    font-style: italic;
    color: #4f8edc !important;
}

.custom-grid-header {
    color: #4d4d4d;
}

    .custom-grid-header:hover {
        color: #4f8edc;
    }

/*************************************************/
/*           Avant Validation Overrides          */
.help-block {
    color: rgb(255, 0, 0);
}

.field-validation-error {
    color: rgb(255, 0, 0);
}

label[data-required=true]:after {
    content: "*";
    color: red;
}

input.required:before {
    content: '*';
    color: red;
}

input.required:after {
    content: '*';
    color: red;
}

.mws-img-guide {
    border: 1px solid #a9a9a9;
    margin: 0 0 10px;
}

.modal-backdrop {
    z-index: auto;
}

.prepview-body h5 {
    color: rgb(77, 77, 77);
}

.prepview-body .prepAPdf {
    margin-top: 10px;
}

.prepview-body textarea {
    height: 200px;
}

textarea.prepview-control[readonly] {
    background-color: #edeef0;
    opacity: 1;
}

.prepview-fieldset textarea.prepview-control {
    height: 75px;
    padding: 5px 9px;
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.015) !important;
}

.prepview-fieldset .prepview-icon {
    color: rgb(77, 77, 77);
    text-align: center;
}

fieldset legend.smalllegend {
    font-size: 18px;
    margin-bottom: 10px;
}

/* ng-grid tag */
.tag-grid-item-wrapper {
    padding: 5px 10px;
}

.tag-grid-item-list {
    float: left;
    width: 90%;
    overflow-x: hidden;
    overflow-y: auto;
    height: 70px;
}

.tag-grid-item-action {
    float: right;
    width: 16px;
}

/*.tag-grid-item-action { display: none;}
.ngCell:hover .tag-grid-item-list, .ngCell:hover .tag-grid-item-action { display:block;}*/

.tag-grid-item {
    padding: 1px 2px;
    margin-right: 3px;
    background-color: #efefef;
    color: #333;
    /*border: 1px solid #acacac;
border-radius: 3px;*/
    display: inline-block;
    margin-bottom: 3px;
    font-size: 12px;
}

#divReorderTourSelectionModal .modal-dialog {
    width: 480px;
}

#divReorderTourSelectionModal .dismissButtonDiv {
    margin-top: 40px;
}

#divReorderTourSelectionModal .tourItem {
    margin-top: 10px;
}

a.mainHelpLink {
    float: right;
    font-size: 24px;
    color: #000;
    opacity: .2;
    padding-top: 5px;
    padding-right: 10px;
}

.modal-dialog a.mainHelpLink {
    font-size: 15px;
    padding: 0;
    margin-right: 5px;
}

#footstepsImg {
    height: 60px;
    width: 60px;
}

#Kits #KitHeader img {
    float: none;
    width: 20px;
    height: 20px;
}

#Kits #KitPartTable {
    margin-top: 20px;
}

    #Kits #KitPartTable table img {
        float: none;
    }

#Kits table {
    border: 2px solid #e6e7e8;
}

#Kits #AddSkuDialog div.ngGridContainer {
    margin: 10px 0px;
}

#Kits table td {
    border: none;
    border-left: 1px solid #e6e7e8;
    border-right: 1px solid #e6e7e8;
}

#Kits table th {
    border: 1px solid #e6e7e8;
    border-bottom: none;
    font-weight: bold;
    background-color: #e0e0e5;
}

#Kits .alternateRow {
    background-color: #f0f0f5;
}

#Kits .centerAlign {
    text-align: center;
}

#Kits td.editCell button {
    float: right;
}

#Kits .numtxtbx {
    width: 50px;
    text-align: center;
}

#Kits .note {
    font-style: italic;
    margin-top: 20px;
}

#Kits .btn:not(.modify-kit) {
    border: none;
    font-size: 20px;
    padding: 3px 8px;
    background-color: transparent;
}

#Kits .btn-default:focus:not(.modify-kit) {
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}
#Kits #addKitPartBtn {
    color: blue;
}

#Kits .btn.btn-primary {
    background-color: #577bc5;
}

#Kits .btn.removeKitPart {
    color: red;
}

#Kits div.addKitBtn button {
    font-size: 14px;
    padding: 7px 10px;
}

#Kits table .btn {
    font-size: 15px;
}

#Kits table .btn.btnActive {
    background-color: #909095;
}

div.toggleDisabled div.toggle-off.active,
div.toggleDisabled div.toggle-on.active {
    background-color: #d4d4d4 !important;
}

div.toggleDisabled div.toggle-blob {
    border-color: #d4d4d4 !important;
}

#divAccountCancellation div.features {
    background-color: #e5e7ea;
}

#divAccountCancellation .panel-heading h5 {
    color: #fff;
}

.bootboxSmallDialog .modal-dialog {
    width: 400px;
    color: #777777;
}

.bootboxMediumDialog .modal-dialog {
    width: 500px;
}

.centerAlign {
    text-align: center;
}

.redColorFlag {
    color: red;
}

.yellowColorFlag {
    color: yellow;
}

.purpleColorFlag {
    color: purple;
}

.blueColorFlag {
    color: blue;
}

span.bold-underlined {
    font-weight: bold;
    text-decoration: underline;
}

span.underlined {
    text-decoration: underline;
}

ol.level2 {
    list-style: upper-latin;
}

div.numbered {
    counter-reset: mynum;
}

p.numbered:before {
    content: "(" counter(mynum) ") ";
    counter-increment: mynum;
}

span.indented {
    margin-left: 10px
}

div.div-force-center {
    display: table;
    margin: 0 auto;
}

/*===========ui-Resizable css settings (start)===========*/
/* Resizable element must have position attribute
   specified for correct handle positions */
.ui-resizable {
    position: relative;
}

/* Handle default style */
.ui-resizable-handle {
    position: relative;
    font-size: 1px;
    display: block;
    border-style: dashed;
    border-color: #aaa;
    border-width: 0;
}

/* Resizing styles */
.ui-resizing-e, .ui-resizing-w {
    cursor: e-resize;
}

.ui-resizing-s, .ui-resizing-n {
    cursor: s-resize;
}

.ui-resizing-se, .ui-resizing-nw {
    cursor: se-resize;
}

.ui-resizing-sw, .ui-resizing-ne {
    cursor: sw-resize;
}


/* Disable borders when resizing or showBorders is false */
.handle-s.no-border,
.handle-w.no-border,
.handle-e.no-border,
.handle-n.no-border {
    border-width: 0;
}

/* Handle position styles */
.handle-n, .handle-s {
    cursor: n-resize;
    height: 16px;
    left: 0px;
    right: 0px;
}

.handle-w, .handle-e {
    cursor: w-resize;
    width: 16px;
    top: 0px;
    bottom: 0px;
}

.handle-n {
    top: -1px;
}

.handle-s {
    bottom: -1px;
}

.handle-w {
    left: -1px;
}

.handle-e {
    right: -1px;
}

.handle-sw {
    cursor: sw-resize;
    left: -1px;
    bottom: -1px;
}

.handle-se {
    cursor: se-resize;
    right: -1px;
    bottom: -1px;
}

.handle-nw {
    cursor: nw-resize;
    top: -1px;
    left: -1px;
}

.handle-ne {
    cursor: ne-resize;
    top: -1px;
    right: -1px;
}

.handle-sw, .handle-se,
.handle-nw, .handle-ne {
    border-right-color: transparent;
    border-left-color: transparent;
}

/* Show borders on hover */
.ui-resizable:hover > .handle-n {
    border-top-width: 2px;
}

.ui-resizable:hover > .handle-s {
    border-bottom-width: 2px;
}

.ui-resizable:hover > .handle-w {
    border-left-width: 2px;
}

.ui-resizable:hover > .handle-e {
    border-right-width: 2px;
}

.ui-resizable:hover > .handle-sw {
    border-width: 0 13px 13px 0;
}

.ui-resizable:hover > .handle-se {
    border-width: 0 0 13px 13px;
}

.ui-resizable:hover > .handle-nw {
    border-width: 13px 13px 0 0;
}

.ui-resizable:hover > .handle-ne {
    border-width: 13px 0 0 13px;
}

.handle-s {
    width: 96%;
    border-top: 2px solid #aaa;
    margin-left: 2% !important;
    margin-top: 4px;
}

    .handle-s.no-border {
        border-width: 0;
    }

.ui-resizable:hover > .handle-s,
.ui-resizing .ui-resizable-handle > handle-s {
    border-top: 3px solid #aaa;
    border-bottom: none;
}

.handle-s span,
.handle-w span,
.handle-e span,
.handle-n span {
    background-color: #aaa;
    font-size: 11px;
    color: white;
    padding-bottom: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

.ngGridContainer.orderDetailsGrid
{
    min-height: 400px !important;
}
/*===========ui-Resizable css settings(end)===========*/
.pad-10 {
    padding: 10px;
}

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

.pad-bottom-5 {
    padding-bottom: 5px;
}

.no-border {
    border: 0px none !important;
}

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

.margin-left-neg-15 {
    margin-left: -15px;
}

#app-drawer-link i {
    padding-top: 10px;
    padding-bottom: 5px;
    height: 34px;
    cursor: pointer;
    font-size: 20px;
    color: #ffffff;
}

#app-drawer-dropdown ul {
    padding: 30px;
    width: 300px;
}

#app-drawer-dropdown li {
    text-align: center;
}

#app-drawer-dropdown .app-drawer-header {
    padding-bottom: 10px;
}

    #app-drawer-dropdown .app-drawer-header img {
        height: 50px;
    }

#app-drawer-dropdown .app-drawer-app-list img {
    height: 80px;
    padding-bottom: 5px;
}

.no-style-anchor-text:link, .no-style-anchor-text:visited {
    text-decoration: inherit;
    color: inherit;
    cursor: pointer;
}


#app-drawer-dropdown .app-drawer-app-list .app-drawer-item {
    margin-top: 20px;
}

.dropdown-menu.userinfo .userlinks ul li {
    margin: 0 -15px;
    display: flex;
    justify-content: center;
    align-content: center;
    padding-bottom: 7px;
}

.dropdown-menu.userinfo .userlinks ul li a {
    white-space: inherit;
    padding-left: 10px;
    padding-right: 10px;
}

.dropdown-menu.userinfo .userlinks ul li button {
    white-space: inherit;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
}


@media (max-width: 1260px) {
    #horizontal-navbar {
        padding-left: 2px;
        padding-right: 2px;
    }

    #horizontal-navbar .navbar-nav li a {
        padding:6px;
    }

    #horizontal-navbar.large-icons-nav .navbar-nav li a > i {
        font-size: 16px !important;
    }

    #horizontal-navbar.large-icons-nav .navbar-nav li span {
        font-size: 11px        !important;
        margin-top:3px;
    }

    #horizontal-navbar.large-icons-nav .navbar-nav li {
        min-width:60px;
    }

        #horizontal-navbar .navbar-nav > li > .dropdown-menu {
            font-size: 11px !important;
        }
    #logged-in-as-info {
        font-size: 11px !important;
        margin-top: 2px !important;
    }
}

/* Local Inventory Filter Styles */
.multi-select-filter {
    width: 135px;
    margin-left: 5px;
    display: none;
    font-size: 12px;
}

.select2-container-multi .select2-choices .select2-search-choice {
    line-height: 14px;
    color: white;
}

.select2-container-multi .select2-choices {
    height: 10px;
    font-weight: normal;
    min-height: 10px;
    border:none;
}

    .select2-container-multi .select2-choices .select2-search-choice {
        margin: 6px 0 0px 6px;
        background-color: #F47921;
        color: #000;
}

.ui-grid-header-cell .select2-container {
    width: 100%;
    padding: 0px 5px 5px 5px;
}

.ui-grid-header-cell .select2-container-multi .select2-choices {
    background: inherit;
}

.ui-grid-header-cell .select2-container-multi .select2-choices .select2-search-field input {
    border: 1px solid #dddddd;
    background: #FFFFFF !important;
    width: 100% !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    cursor: pointer;
}

.sidebar-navigation-item > a:focus {
    outline: none;
}

@media (min-width: 768px) {
    .text-right-sm {
        text-align: right;
    }
}

@media (min-width: 992px) {
    .text-right-md {
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .text-right-lg {
        text-align: right;
    }
}

.text-heavier {
    font-weight: 700;
}

.stepy-header li:not(.stepy-active):hover {
    opacity: .3;
}

.form-center {
    margin: 0 37% 0 20%;
}

.form-center .form-group {
    margin-bottom: 20px;
}

.form-center .form-group .form-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-center .form-group .form-label label {
    font-size: 14px;
    font-weight: 500;
}

.form-center .form-group select {
    font-size: 14px;
    height: 34px;
    border-color: #d2d3d6
}

.form-center .form-group select:focus {
    border-color: #4d4d4d
}

@media(max-width: 767px) {
    .form-center .form-group .form-label {
        text-align: left;
    }

    .form-center {
        margin: 0;
    }
}

@media(min-width: 768px) and (max-width: 989px) {

    .form-center {
        margin: 0 25% 0 0;
    }
}