/* Custom styles and overrides specific to the ITsavvy Ordering Portal site.
-------------------------------------------------------------------------------*/
html.busy, html.busy * {
    cursor: wait !important;
}

.nowrap {
    white-space: nowrap;
}

input[type="checkbox"] {
    vertical-align: middle !important;
}

/*make a submit button look like a link*/
.linkButton {
    border: 0px;
    background-color: transparent;
    color: #737373;
    cursor: pointer;
    text-decoration: underline !important;
    font-size: 12px;
}

    .linkButton:hover {
        text-decoration: none !important;
    }

.numeric {
    text-align: right;
}

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

/*.btn {
    background: #fff url('../images/btn.png') no-repeat left top;
    float: left;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #fff !important;
    font-size: 12px;
    text-decoration: none;
    margin-right: 10px;
}

a.btn {
    width: 66px;*/ /* -35px */
/*height: 28px;*/ /* -7px */
/*padding: 7px 0 0 35px;
}*/

a.forceUnderline {
    text-decoration: underline !important;
}

    a.forceUnderline:hover {
        text-decoration: none !important;
        cursor: pointer;
    }

a.forceUnderlineBold {
    text-decoration: underline !important;
    font-weight: bold !important;
}

    a.forceUnderlineBold:hover {
        text-decoration: none !important;
        cursor: pointer;
    }

button.btn {
    border: 0;
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    width: 100px;
    height: 35px;
    padding: 0 0 5px 35px;
    text-align: left;
    font-size:12px;
}

.btn-large {
    background: #fff url('../images/btn-large.png') no-repeat left top;
    float: left;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #fff !important;
    font-size: 14px;
    text-decoration: none;
    margin-right: 10px;
}

a.btn-large {
    width: 135px; /* -35px */
    height: 28px; /* -7px */
    padding: 7px 0 0 35px;
}

button.btn-large {
    border: 0;
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 35px;
    padding: 0 0 5px 35px;
    text-align: left;
}

.btn:hover {
    color: #D92231 !important;
}

.btn:disabled {
    color: #aaa !important;
}

.btn-large:hover {
    color: #D92231 !important;
}

.btn-large:disabled {
    color: #aaa !important;
}

.ui-state-active a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-state-hover a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.bold-red {
    color: #D92231;
    font-weight: bold;
}

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

#content2 {
    width: 960px;
    margin: 0px;
    padding-bottom: 12px;
    float: left;
    clear: both;
}

#left-content {
    float: left;
    width: 20%; /* 230 -20 -20 */
    padding: 20px 20px 30px 20px;
    background-color: #e9e9e9;
    min-height: 75px;
}

#right-content {
    float: left;
    width: 80%; /* 730 -20 -20 */
    padding: 0px 20px 30px 20px;
}

.multi-col {
    float: left;
    width: 17.5%;
    padding: 10px 10px 30px 10px;
}

#homecontent h1 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 21px;
    padding-top: 4px;
    margin-bottom: 15px;
    color: #737373;
    text-align: left;
    border-bottom: 1px solid #737373;
}

#homecontent h2 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding-top: 4px;
    margin-bottom: 5px;
    color: #737373;
    text-align: left;
}

#basefooter {
    width: 960px;
    margin: 0px 30px 0px 30px;
    clear: both;
}

.validation-summary-errors {
    color: #f00;
    font-weight: bold;
    font-size: 1.1em;
}

#myacc-login-panel .validation-summary-errors {
    color: #fff !important;
    padding-bottom: 10px;
}

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

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

    .tablePageSizeControls select {
        margin-top: -2px;
    }

.searchFieldsTable td {
    padding: 5px 10px 5px;
    white-space: nowrap;
}

.searchFieldsTable .radio_button_frame label {
    width: auto !important;
    padding-right: 10px;
    padding-top: 5px;
}

.searchFieldsTable td label {
    vertical-align: middle !important;
}

/* Vertical jquery ui tabs
-------------------------------------------------------------------------------*/
.ui-tabs.ui-tabs-vertical {
    padding: 0;
    width: 42em;
}

    .ui-tabs.ui-tabs-vertical .ui-widget-header {
        border: none;
    }

    .ui-tabs.ui-tabs-vertical .ui-tabs-nav {
        float: left;
        width: 10em;
        background: #CCC;
        border-radius: 4px 0 0 4px;
        border-right: 1px solid gray;
    }

        .ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
            clear: left;
            width: 100%;
            border: 1px solid gray;
            border-width: 1px 0 1px 1px;
            border-radius: 4px 0 0 4px;
            overflow: hidden;
            position: relative;
            right: -2px;
            z-index: 2;
        }

            .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
                display: block;
                width: 100%;
            }

                .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
                    cursor: pointer;
                }

            .ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
                padding-bottom: 0;
                border-right: 1px solid white;
            }

            .ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
                margin-bottom: 3px;
            }

    .ui-tabs.ui-tabs-vertical .ui-tabs-panel {
        float: left;
        width: 28em;
        border-left: 1px solid gray;
        border-radius: 0;
        position: relative;
        left: -1px;
    }

/* FORMS 
-------------------------------------------------------------------------------*/

select.field {
    height: 3.0em !important;
}


/* My Account / Login Page
-------------------------------------------------------------------------------*/
#open-acc-play-vid-wrap {
    float: left;
    clear: both;
}


/* Product Search Page
-------------------------------------------------------------------------------*/

#SearchResults {
    clear: both;
}

#ProductSearchSuggestions a {
    text-decoration: underline;
}

    #ProductSearchSuggestions a:hover {
        text-decoration: none;
    }

#clearProductCompare {
    /*font-size: 9px !important;*/
    height: 27px;
}

.small-wrapper {
    float: left;
    clear: both;
    display: inline-block;
}

.inner-container {
    float: left;
}

.product-search-nav {
    float: left;
    clear: both;
    width: 100%;
    text-align: left;
    padding: 10px 0 20px 0;
}

.product-search-sort-menu-wrap {
    float: left;
    width: 25%;
}

.product-search-results-display {
    float: left;
    width: 45%;
    text-align: center;
}

.products-search-results-nav {
    float: left;
    width: 30%;
    text-align: right;
}

.products-search-results-title-bar {
    float: left;
    clear: both;
    width: 100%;
    text-align: left;
    padding: 5px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 5px;
    background-color: #ddd;
}

.products-search-results-footer-bar {
    float: left;
    clear: both;
    width: 100%;
    padding-top: 5px;
    margin-top: 5px;
}


.searchResultHeader div {
    font-weight: bold;
}

.searchResult {
    float: left;
    clear: both;
    width: 100%;
    border-bottom: 2px solid #ccc;
    padding-top: 15px;
    padding-bottom: 15px;
}

.products-search-results-select-column {
    width: 5%;
    text-align: center;
}

.products-search-results-image-column {
    width: 17%;
    text-align: center;
}

    .products-search-results-image-column img {
        padding: 10px;
        background-color: #fff;
        border: 1px solid #e9e9e9;
    }

.products-search-results-description-column {
    width: 44%;
    margin: 0 5px;
    overflow: hidden;
}

    .products-search-results-description-column a {
        font-size: 1.1em !important;
        font-weight: bold !important;
        color: #737373 !important;
        max-width: 300px;
        display: inline-block;
        text-decoration: underline !important;
    }

        .products-search-results-description-column a:hover {
            text-decoration: none !important;
        }

.products-search-results-availability-column {
    width: 17%;
    margin: 0 3px;
}

.products-search-results-price-column {
    width: 9%;
    margin: 0 5px;
    text-align: right;
}

.products-search-results-addtocart-column {
    width: 6%;
    margin: 0 2px;
    vertical-align: middle !important;
}

.products-search-results-extended-description {
    color: #737373;
    overflow: hidden;
    font-style: normal;
    padding: 5px 0;
}

    .products-search-results-extended-description p {
        font-size: .9em !important;
    }

.products-search-results-part-number {
    font-size: .9em;
    max-width: 250px;
}

.products-search-results-sellprice {
    font-weight: bold;
}

.products-search-results-itemcost {
    font-size: .9em;
}

.products-search-addtocart {
    text-align: center;
    padding-top: 10px;
}

.products-search-results-addtocart-button {
    margin: 10px 0 0 0;
}

#showMore {
    background: url(../images/left_nav_sprite_new_new.png) no-repeat scroll 65px -2px;
    width: 100%;
}

    #showMore a {
        font-weight: 700;
    }

.showLess {
    font-style: italic;
}

.page-nav-bar {
    background-color: #000000;
    /*width: 99.9% !important;*/
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
}

    .page-nav-bar li {
        color: #fff;
        display: inline-block;
        /*border-left: 1px solid #fff;*/
        margin: 0;
    }

        .page-nav-bar li span {
            color: #fff !important;
            padding: 10px 15px;
            display: block;
        }

        .page-nav-bar li a {
            color: #fff !important;
            padding: 8px 10px;
            display: block;
        }

            .page-nav-bar li a:hover {
                text-decoration: none !important;
            }

        .page-nav-bar li:hover {
            /*background-color: #737373;*/
        }

        .page-nav-bar li a:active {
            text-decoration: none !important;
        }

        .page-nav-bar li:active {
            background-color: #D92231;
        }

    .page-nav-bar select {
        max-width: 165px;
    }

/*
    McRae - initial style for PAS navigation items.
*/
#hierarchy-details-table input {
    height: inherit;
}

.pas-maint-entry-table {
    width: 100%;
}

    .pas-maint-entry-table tr td {
        padding: 0 10px 10px 0;
        vertical-align: middle;
    }

        .pas-maint-entry-table tr td:first-child {
            text-align: right;
            width: 15%;
        }

.pas-button-description {
    display: inline-block;
    height: 32px;
    padding-top: 9px;
    padding-right: 5px;
}

li.portal-parent-nav-item {
    position: relative;
    background: #EEEEEE !important;
}

ul.portal-nav-sub-items {
    position: absolute;
    width: 200px;
    border: 1px solid #888;
    background: #fff;
    z-index: 999;
}

    ul.portal-nav-sub-items li {
        width: 100%;
        background: #fff;
    }

li.portal-parent-nav-item:hover {
    background: #ddd !important;
}

    li.portal-parent-nav-item:hover ul.portal-nav-sub-items {
        display: block;
    }

ul.portal-nav-sub-items {
    display: none;
}

.productsearchresultsheader {
    background-color: #f1f1f1;
    margin-bottom: 15px;
}

.productsearchresultstoolbar {
    float: left;
    clear: both;
}

.searchFilterHeader {
    clear: both;
    font-weight: bold;
    text-decoration: underline;
}

.alwaysDisplay {
    clear: both;
}

.slidingDiv {
    width: 175px;
}

.attributeFilter {
    max-width: 180px;
    float: left;
    margin-right: 5px;
}

.comparisonSelection {
    float: left;
}

.show-wrap {
    padding: 5px 0;
    width: 30px;
}

.compare a, .compare-selected a {
    color: #fff !important;
}

.addtocart, .compare {
    background-image: url("../images/xglyph_add_circle_alt-black-32_sm.png");
    background-position: 18px 14px;
    background-repeat: no-repeat;
    padding: 12px 20px;
    float: left;
    background-color: #737373;
    text-align: center;
    border-right: 1px solid #fff;
    height: 16px;
    margin: 0;
    /* width: 80px; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.addtoquote {
    background: url(../images/xglyph_add_circle_alt-black-32_sm.png) no-repeat 12px center;
    background-repeat: no-repeat;
    background-color: #D92231;
    padding: 5px 12px 5px 30px;
    margin: 0 2px 10px 0;
    color: #fff !important;
    float: left;
}

    .addtoquote a {
        color: #fff !important;
    }

.addperptoquote {
    background: url(../images/xglyph_add_circle_alt-black-32_sm.png) no-repeat 12px center;
    background-repeat: no-repeat;
    background-color: #D92231;
    padding: 5px 12px 5px 30px;
    margin: 0 2px 10px 0;
    color: #fff !important;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .addperptoquote a {
        color: #fff !important;
    }

.addtocart a, .compare a {
    position: relative;
    left: 15px;
    padding-right: 12px;
    color: #fff !important;
}

.compareAddtoquoteFrame {
    display: inline;
    position: relative;
    width: 100%;
}

    .compareAddtoquoteFrame .addtoquote {
        position: absolute;
        left: 710px;
        top: -35px;
        width: 233px;
        margin-bottom: 3px;
    }

.displayOptions {
    float: left;
    clear: both;
    text-align: right;
    background-color: #f1f1f1;
    padding: 10px 10px;
    margin-bottom: 10px;
}

.prod-check-option {
    text-align: right;
    padding: 0 5px;
}

    .prod-check-option label {
        padding: 0 5px;
    }

#CurrentSearchCriteria {
    float: left;
    width: 70%;
}

.categoryFilter {
    margin-right: 5px;
}

.manufacturerFilter {
    margin-right: 5px;
}

.searchFilter {
    border-bottom: 1px solid #CBCBCB;
    margin-top: 2px;
    padding: 0 10px 8px 10px;
}

#productSearchFilter a.showFilterFly {
    display: block;
    background: url(../images/left_nav_sprite_new_new.png) no-repeat scroll 0 4px;
    font-weight: 700;
    padding: 5px 10px 3px;
}

    #productSearchFilter a.showFilterFly:hover {
        text-decoration: underline;
    }

#productSearchFilter a.toggleFilter {
    background-position: -245px 3px
}

#loginToSeePrice {
    text-align: left;
}

/* Product Details Page
-------------------------------------------------------------------------------*/

#product-breadcrumbs {
    padding-bottom: 5px;
}

#strong-itprod {
    color: #D92231 !important;
    font-weight: bold !important;
}

.product-info-wrap {
    float: left;
    clear: both;
    width: 100%;
}

.product-image-wrap {
    float: left;
    /*clear: both;*/
    width: 37%;
    margin: 20px 20px 16px 0;
    padding: 10px;
    text-align: center;
    border: 1px solid #e9e9e9;
}

.product-detail-image-area {
    float: left;
    width: 100%;
}

    .product-detail-image-area img {
        width: 400px;
        /*height: 300px;*/
    }

.product-detail-mfrdata, .product-detail-mfrdata a {
    color: #000000;
}

.product-details {
    width: 100%;
    padding: 20px 0px;
}

    .product-details h2 {
        font-size: 18px;
        line-height: 21px;
        padding-bottom: 10px;
    }

.product-details-sidebar {
    min-width: 210px;
    width: 29%;
    max-width: 400px;
    float: right;
    padding: 20px 15px 10px 20px;
    margin: 0 15px 15px 15px;
    border: 1px solid #e1e1e1;
    background-color: #eee;
}

    .product-details-sidebar h2 {
        font-size: 16px;
        line-height: 18px;
    }

    .product-details-sidebar div.add-to-scratchpad {
        float: left;
        text-align: center;
        margin-left: 20px;
        margin-top: 3.5px;
    }

    .product-details-sidebar div.product-update-price {
        float: left;
        text-align: center;
        margin-left: 0px;
        margin-top: 3px;
    }

    .product-details-sidebar div.add-to-favorite {
        float: left;
        text-align: center;
        margin-left: 10px;
        padding-bottom: 10px;
    }

.product-details-description {
    color: #737373;
    margin-top: 10px;
}

.product-quantity-sel {
    padding: 10px 0;
}

.product-detail-tab {
}

    .product-detail-tab ul {
        list-style-type: disc;
        margin-left: 30px;
    }

    .product-detail-tab h3 {
        margin: 10px 0;
        border-bottom: 1px solid black;
    }

.product-detail-specification-table {
    width: 100%;
    margin-left: 30px;
    margin-bottom: 30px;
}

    .product-detail-specification-table tr th {
        width: 20%;
        text-align: left;
        vertical-align: top;
        background-color: #eee;
        padding: 3px;
        font-weight: normal;
    }

    .product-detail-specification-table tr td {
        width: 80%;
        text-align: left;
        vertical-align: top;
        margin-left: 5px;
        padding: 3px;
    }

#productUpdatePriceFrame {
    position: relative;
    top: 30px;
    float: right;
    width: 300px;
    text-align: right;
    font-size: 12px;
}

#updatePriceLink {
    float: right;
    width: auto;
}

#PnANotification {
    float: right;
}

#tabs {
    clear: both;
}

.ui-widget-content {
    color: #737373 !important;
}

/** 
    Text Alignment Styles
*/
.clear {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

.center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.inline-block, .display-inline-block {
    display: inline-block;
}

.vertical-align-text-bottom {
    vertical-align: text-bottom;
}

.vertical-align-top {
    vertical-align: top;
}

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

.vertical-align-bottom {
    vertical-align: bottom;
}

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

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

.align-center {
    text-align: center !important;
}

.align-top {
    vertical-align: top;
}

.align-bottom {
    vertical-align: bottom;
}

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

.suggestionHeader {
    padding-top: 15px;
}

.searchSuggestions a {
    padding-right: 10px;
}


.searchFilterInput {
    width: 120px;
    margin-top: 5px;
}

.removeSearchFilter {
    float: left;
    background: url(../images/remove-btn.png) no-repeat 10px center;
    background-color: #f1f1f1;
    padding: 4px;
    margin-bottom: 3px;
}

    .removeSearchFilter a {
        padding-left: 25px;
        padding-right: 10px;
    }

.product-detail-title {
    float: left;
    padding-right: 20px;
}

.product-detail-shortdesc {
    clear: both;
}

.product-image-thumbnail-link img {
    /*
	width: 75px;
	height: 75px;
*/
}

.product-detail-compare-btn {
    padding-top: 0px;
    padding-left: 2px;
}

.product-detail-print-email-btn {
    padding-top: 0px;
    padding-left: 2px;
}

.ExportMyProductToCsv {
    background: url(../images/xglyph_add_circle_alt-black-32_sm.png) no-repeat 12px center;
    background-repeat: no-repeat;
    background-color: #D92231;
    padding: 6.5px 12px 6px 30px;
    margin: 0 2px 10px 0;
    color: #fff !important;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Styling for tiny-carousel */
#slider-code {
    height: 1%;
    overflow: hidden;
    padding: 0 0 3px;
}

    #slider-code .viewport {
        float: left;
        width: 230px;
        height: 75px;
        overflow: hidden;
        position: relative;
    }

    #slider-code .buttons {
        background: url("../images/carousel-buttons.png") no-repeat scroll 0 0 transparent;
        display: block;
        margin: 10px 5px 0 0;
        background-position: 0 -38px;
        text-indent: -999em;
        float: left;
        width: 39px;
        height: 37px;
        overflow: hidden;
        position: relative;
    }

    #slider-code .next {
        background-position: 0 0;
        margin: 10px 0 0 5px;
    }

    #slider-code .disable {
        visibility: hidden;
    }

    #slider-code .overview {
        list-style: none;
        position: absolute;
        width: 68px;
        left: 0;
        top: 0;
    }

        #slider-code .overview li {
            float: left;
            margin: 0 3px 0 0;
            padding: 1px;
            height: 68px;
            border: 1px solid #dcdcdc;
            width: 70px;
        }

.sliderContainer {
    height: 100px;
    overflow: hidden;
    max-width: 1450px;
}

#right-content .sliderContainer .viewport {
    float: left;
    width: 90%;
    height: 75px;
    overflow: hidden;
    position: relative;
}

#content .sliderContainer .viewport {
    float: left;
    width: 92%;
    height: 75px;
    overflow: hidden;
    position: relative;
}

.sliderContainer .buttons {
    background: url("../images/carousel-buttons.png") no-repeat scroll 0 0 transparent;
    display: block;
    margin: 25px 5px 0 0;
    background-position: 0 -38px;
    text-indent: -999em;
    float: left;
    width: 39px;
    height: 37px;
    overflow: hidden;
    position: relative;
}

.sliderContainer .next {
    background-position: 0 0;
    margin: 25px 0 0 5px;
}

.sliderContainer .disable {
    visibility: hidden;
}

.sliderContainer .overview {
    list-style: none;
    position: absolute;
    width: 68px;
    left: 0;
    top: 0;
}

    .sliderContainer .overview li {
        float: left;
        margin: 0 3px 0 0;
        padding: 1px;
        height: 68px;
        border: 1px solid #ffffff;
        width: 110px;
    }

/*
#FavoriteProductSlider { height: 1%; overflow:hidden; padding: 10px 5px 3px;   }
#FavoriteProductSlider .viewport { float: left; width: 385px; height: 75px; overflow: hidden; position: relative; }
#FavoriteProductSlider .buttons { background:url("../images/carousel-buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 10px 5px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#FavoriteProductSlider .next { background-position: 0 0; margin: 10px 0 0 5px;  }
#FavoriteProductSlider .disable { visibility: hidden; }
#FavoriteProductSlider .overview { list-style: none; position: absolute; width: 68px; left: 0; top: 0; }
#FavoriteProductSlider .overview li{ float: left; margin: 0 3px 0 0; padding: 1px; height: 68px; border: 1px solid #ffffff; width: 70px;}
*/

.sliderContainer {
    border: 1px solid #dcdcdc;
    clear: both;
    padding-bottom: 15px;
    text-align: center;
    width: 100%;
    margin: auto;
    margin-top: 15px;
}

    .sliderContainer span {
        font-weight: bold;
        padding-bottom: 5px;
    }

.productSlider {
    border-top: 1px solid #dcdcdc;
    clear: both;
    padding-left: 5px;
}

/* End Product Details Page
-------------------------------------------------------------------------------*/



/* Email Page
-------------------------------------------------------------------------------*/
#sendEmail {
    margin-top: 10px;
}

.emailFields label {
    display: inline-block;
    width: 55px;
    padding-bottom: 15px;
}

.emailFields input {
    width: 500px;
}

.printButton {
    padding: 10px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: url(../images/print-btn_sm.png) no-repeat 12px center;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 10px 15px 10px 30px;
    margin-right: 2px;
    text-decoration: underline !important;
    font-size:12px;
}

    .printButton:hover {
        text-decoration: none !important;
    }

.formatEmailFields p {
    display: inline-block;
    width: 200px;
    padding-bottom: 15px;
}

.formatEmailFields input {
    vertical-align: middle;
}

.field-validation-error {
    color: #ff0000;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.emailButton {
    padding: 10px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: url(../images/email-btn_sm.png) no-repeat 12px center;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 10px 15px 10px 30px;
    margin-right: 2px;
    text-decoration: underline !important;
    font-size:12px;
}

    .emailButton:hover {
        text-decoration: none !important;
    }

.compareProducts2 {
    background: url(../images/xglyph_add_circle_alt-black-32_sm.png) no-repeat 12px center;
    background-repeat: no-repeat;
    background-color: #000000;
    padding: 6.5px 12px 6px 30px;
    margin: 0 2px 10px 0;
    color: #fff !important;
    float: left;
}

.printButton2 {
    background: url(../images/print-btn_sm.png) no-repeat 10px center;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 5px 8px 5px 28px;
    margin: 2px 5px 10px 0;
    float: left;
}

.emailButton2 {
    background: url(../images/email-btn_sm.png) no-repeat 10px center;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 5px 8px 5px 28px;
    margin: 2px 5px 10px 0;
    float: left;
}

.compareSelected2 {
    background-repeat: no-repeat;
    height: 27px;
    background-color: #737373;
    padding: 5px 12px 5px 12px;
    margin: 0 2px 10px 0;
    color: #fff !important;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.compareClear {
    background-repeat: no-repeat;
    background-color: #000000;
    padding: 5px 12px 5px 12px;
    margin: 0 2px 10px 0;
    color: #737373 !important;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/* End Email Page
-------------------------------------------------------------------------------*/


/* Product Compare Page
-------------------------------------------------------------------------------*/
#productCompare {
    overflow: scroll;
    overflow-y: hidden;
}

    #productCompare table {
        width: 100%;
        margin-top: 9px;
    }

#productCompareTable tr {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

#productCompareTable th {
    border-top: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    padding-top: 5px;
}

#productCompareTable td {
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    padding-right: 5px;
}

#productCompareTable tr th:first-child {
    /*border-right: none !important;*/
}

#productCompareTable tr td:first-child {
    /*border-right: none !important;*/
}

#productCompareTable img {
    max-width: 160px;
}

#compare-wrap {
    margin: 50px 30px;
}

#compare-products-overview {
    background-color: #000000;
    width: 100%;
    padding: 10px;
    color: #fff;
}

#compare-products-options-bar {
    float: left;
    clear: both;
    background-color: #e9e9e9;
    width: 100%;
    margin: 0;
    padding: 10px;
}

.compare-products-option {
    padding-right: 20px;
}

.compare-products-option {
    float: left;
}

.section-title {
    padding: 10px;
    font-weight: bold;
    vertical-align: middle;
    width: 100px;
}

.section-content {
    padding: 10px 20px;
    min-width: 160px;
}

.section-group {
    background-color: #e9e9e9;
    font-weight: bold;
    font-size: 12px;
    height: 30px;
    vertical-align: middle;
    padding-left: 5px;
}

.section-header {
    text-align: center;
    padding-bottom: 10px;
}

.section-select {
    padding-bottom: 3px;
}

.section-addtoquote {
    border-bottom: none;
}

.section-header div {
    padding-top: 10px;
}

#section-productdetail td {
    border-bottom: none;
}

.remove {
    background-image: url("../images/remove-btn.png");
    background-position: 18px 14px;
    background-repeat: no-repeat;
    padding: 12px 35px;
    text-align: center;
    margin: 0;
}

.attributes-differ td.section-content {
    /*background-color: rgb(252, 248, 202);*/
    color: #D92231;
}


/*  END Product Compare Page
-------------------------------------------------------------------------------*/


/*  Reps home page
-------------------------------------------------------------------------------*/
#sales_rep_home_links_table {
    width: 100%;
    border-style: none;
    border-color: lightgray;
    border-width: thin;
}

    #sales_rep_home_links_table #table_header {
        font-size: 16px;
        border-bottom-style: none;
        border-bottom-width: thin;
    }

    #sales_rep_home_links_table th {
        font-weight: bold;
        width: 50%;
        vertical-align: central;
        padding: 5px 0px 5px 0px;
    }


    #sales_rep_home_links_table td {
        text-align: center;
        width: 50%;
        padding: 5px 0px 5px 0px;
    }

.salesReportFilterLabel {
    width: 75px !important;
}

#salesReportGrid .webgrid {
    table-layout: fixed;
}


    #salesReportGrid .webgrid tbody td {
        word-wrap: break-word;
    }

#salesReportGrid .profitAmoutCol {
    width: auto;
}

#salesReportGrid .profitPercentCol {
    width: auto;
}

#salesReportGrid .exportedCol {
    text-align: center;
}

#salesReportGrid .totalCol {
    width: auto;
}

#salesReportGrid .headerValue {
    background: none repeat scroll 0 0 #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #ccc;
    border-top: 1px solid #C5BBBB;
    color: #737373;
    padding: 5px 3px;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    display: table-cell;
}

#salesReportGrid #reportTotals {
    float: right;
    border-style: solid;
    border-color: darkgrey;
    border-width: thin;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

#salesReportGrid .footerValue {
    float: left;
    white-space: nowrap;
    padding: 2px 4px 2px 2px;
}

#sales_rep_home_links_table #final_report_row td {
    padding: 25px 0px 10px 0px;
}

#orderSearchFilters {
    padding-left: 10px;
}

    #orderSearchFilters .radio_button_frame label {
        padding-left: 4px;
        padding-right: 7px;
        width: auto;
    }
/*  END Reps home page
-------------------------------------------------------------------------------*/


/*  Client Detail Page
-------------------------------------------------------------------------------*/
.deleteColumn {
    /*width: 60px;*/
}

    .deleteColumn a {
        text-decoration: underline !important;
    }

        .deleteColumn a:hover {
            text-decoration: none !important;
        }

/*  END Client Detail Page
-------------------------------------------------------------------------------*/

/*  Admin state management Page
-------------------------------------------------------------------------------*/
#state-management {
    margin: 10px;
}

    #state-management span {
        font-weight: bold;
        width: 185px;
        display: inline-block;
    }

/*  END Admin state management  Page
-------------------------------------------------------------------------------*/

#duplicateProducts p {
    margin-bottom: 15px;
}

.duplicateProduct {
    width: 825px;
    height: 100px;
    clear: both;
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

    .duplicateProduct div {
        float: left;
    }

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

    .duplicateProduct label {
        margin-left: 10px;
        margin-bottom: 5px;
        display: inline-block;
    }

    .duplicateProduct div.col1 {
        width: 25%;
    }

    .duplicateProduct div.col2 {
        width: 15%;
    }

    .duplicateProduct div.col3 {
        width: 50%;
    }

.odd-div {
    background-color: #f1f1f1;
}

/*  Quote / Order Search Page
-------------------------------------------------------------------------------*/
#orderSearchFilters {
    width: 100%;
}

    #orderSearchFilters label {
        display: inline-block;
    }

    #orderSearchFilters div.col3 label {
        /* width: 70px;*/
    }

    #orderSearchFilters select {
        width: 125px;
    }

    #orderSearchFilters div.col1 {
        min-width: 225px;
    }

    #orderSearchFilters div.col2 {
        min-width: 225px;
    }

    #orderSearchFilters div.col3of4 {
        width: 27%;
    }

    #orderSearchFilters div.col3 {
        padding-top: 4px;
        min-width: 500px;
    }

    #orderSearchFilters div.col {
        float: left;
    }

        #orderSearchFilters div.col div {
            padding-bottom: 10px;
        }

.toolbar-container {
    border-top: 1px solid #999;
    display: inline-block;
    width: 100%;
    padding: 5px;
}

.toolbar-container-po {
    border: none;
    display: inline-block;
    width: 100%;
    padding: 5px;
}

.toolbar-icon {
    width: 93px;
    float: left;
    text-align: center;
    display: inline-block;
}

.content-toolbar .toolbar-icon {
    max-width: 70px;
}

.credit-approval-icon {
    min-width: 90px !important;
}

.select-box-column-order-search {
    width: 20px;
    text-align: center;
}

/*  END Quote / Order Search Page
-------------------------------------------------------------------------------*/

/*  Quote / Order Detail Page
-------------------------------------------------------------------------------*/
#order-top {
    display: inline-block;
    margin-bottom: 10px;
    float: right;
}

#order-top-left {
    display: inline-block;
    margin-bottom: 10px;
    float: left;
    min-width: 565px;
}

#order-middle {
    display: inline-block;
    width: 100%;
}

.order-description {
    margin-top: 5px;
    float: left;
}

    .order-description input {
        width: 450px;
        margin-left: 10px;
    }

.order-favorite-cart {
    margin-top: 5px;
    float: left;
}

    .order-favorite-cart input {
        margin-left: 5px;
        float: left;
    }

.is-favorite-cart-checkbox {
    margin-left: 30px !important;
}

.header-notes-div {
    width: 95px;
    float: right;
    margin-top: 5px;
}

#orderHeaderInfo {
    display: inline-block;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
    clear: both;
    width: 100%;
}

    #orderHeaderInfo div {
        float: left;
        width: 28%;
    }

        #orderHeaderInfo div.addressInfo {
            width: 22%;
        }

    #orderHeaderInfo span {
        display: inline-block;
    }

        #orderHeaderInfo span.labelandvalue-label {
            width: 120px;
            display: inline-block;
        }

    #orderHeaderInfo div.stack div {
        clear: both;
        width: 100%;
        padding-bottom: 10px;
    }

div.orderheader-pscontract-display {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 10px;
}
/*
    Used primarily for showing Contract info below
    the main description on a PO Detail line, on the PO Detail screen.
*/
td.pre-line {
    white-space: pre-line;
}

div.poheader-pscontract-display {
    float: left;
    font-weight: bold;
}

#order-toolbar-tabs {
    width: 100%;
    margin-top: 5px;
}

#order-toolbar-tab-order, #order-toolbar-tab-content, #order-toolbar-tab-formatting, #order-toolbar-tab-bundles {
    float: left;
    width: 80%;
}

#order-lineitems {
    width: 100%;
    padding: 5px;
    margin-top: 20px;
}

    #order-lineitems td {
        /*        padding: 4px 0px !important;*/
    }

/*Ensure the "Supplier Name" table col on Product Detail page doesn't get totally scrunched.*/
.supplier-name-column {
    width: 150px;
    font-size: 12px;
}

.supplier-row input {
    text-align: right;
}

#order-lineitem-suppliers input {
    width: 85%;
}
/*Except for Radio buttons on the far-left*/
#order-lineitem-suppliers td.line-item-supplier-select input {
    width: 30px;
}

.custom-supplier-row input {
    width: 100%;
}

.line-item-supplier-unitprice input {
    text-align: right;
}

.line-item-supplier-weight input {
    text-align: right;
}

a.showTreeViewIcon {
    display: block;
    background: url(../images/left_nav_sprite_new.png) no-repeat scroll 0 0;
    padding: 1px 10px 3px;
    width: 170px;
    overflow: hidden;
}

a.expanded {
    background-position: -192px -3px;
}

.warehouse-row td.line-item-supplier-name {
    text-indent: 25px;
}

.line-item-select {
    width: 56px;
    text-align: center;
}

.line-item-edit {
    width: 30px;
}

.line-item-partnum {
    width: 71px;
    max-width: 100px;
    word-wrap: break-word;
}

.line-item-tax {
    width: 26px;
}

.line-item-margin {
    width: 54px;
}

    .line-item-margin input {
        width: 50px;
        text-align: right;
    }

.line-item-unitprice {
    width: 96px;
    text-align: right;
}

    .line-item-unitprice input {
        width: 96px;
        text-align: right;
    }

.line-item-qty {
    width: 54px;
    text-align: right;
}

    .line-item-qty input {
        width: 65px;
        text-align: right;
    }

.line-item-total {
    width: 63px;
    text-align: right;
}

.line-item-description .product-title {
    font-weight: bold;
    max-width: 375px !important;
}

.line-item-description {
    max-width: 160px !important;
}

.product-title a {
    font-weight: bold !important;
    display: block;
    max-width: 375px;
    word-wrap: break-word;
    text-decoration: underline !important;
}

    .product-title a:hover {
        text-decoration: none !important;
        cursor: pointer;
    }

.product-long-description {
    max-width: 195px;
}

.line-item-supplier-select {
    width: 26px;
}

.line-item-supplier-name {
    width: 200px;
}

.line-item-supplier-partnum {
    width: 105px;
}

.line-item-supplier-description {
    width: 220px;
}


.line-item-supplier-onorder {
    font-size: 80%;
    color: #D92231;
}

    .line-item-supplier-onorder span {
        font-size: 13px;
        font-weight: bold;
    }

.line-item-supplier-description > div {
    max-width: 480px;
    /*text-overflow: ellipsis;*/
    overflow: hidden;
    white-space: nowrap;
}

.line-item-supplier-unitprice {
    min-width: 80px !important;
    text-align: right;
}

.line-item-supplier-qty {
    width: 65px;
    text-align: right;
}

.line-item-supplier-weight {
    width: 70px;
    text-align: right;
}

.line-item-format-header input {
    width: 325px;
    margin-right: 15px;
}

.line-item-format-subtotal {
    text-align: right;
    font-weight: bold;
}

#order-footer {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #aaa;
    display: inline-block;
}

    #order-footer div {
        float: left;
        display: inline-block;
    }

    #order-footer .order-footer-left {
        width: 74%;
    }

.order-footer-left > div {
    width: 100%;
}

#order-footer .order-footer-left-bottom {
    padding-top: 10px;
}

#order-footer .order-attachments {
    width: 200px;
}

#order-footer .order-notes {
    width: 160px;
}

.client-order-notes {
    width: 450px !important;
}

#order-footer .order-notes span {
    width: 165px;
    display: block;
}

#order-footer .order-notes textarea {
    width: 130px;
}

#order-footer .order-footer-right {
    width: 25%;
}

    #order-footer .order-footer-right label {
        width: 85px;
        display: inline-block;
    }

    #order-footer .order-footer-right input {
        text-align: right;
    }

#order-footer .order-add-product {
    min-height: 1px;
    width: 55%;
}

    #order-footer .order-add-product input {
        width: 200px;
        float: left;
        margin-top: 5px;
    }

#order-footer .order-shipping-carrier {
    width: 40%;
}

    #order-footer .order-shipping-carrier label {
        width: 105px;
        display: inline-block;
        padding-bottom: 5px;
    }

    #order-footer .order-shipping-carrier select {
        width: 168px;
    }

#order-footer-buttons {
    clear: both;
}

    #order-footer-buttons div {
        float: left;
        display: inline-block;
    }

    #order-footer-buttons .order-footer-left {
        width: 30%;
        min-height: 1px;
    }

    #order-footer-buttons .order-footer-right {
        width: 69%;
    }

    #order-footer-buttons span.order-total-label {
        width: 105px;
        display: inline-block;
        font-weight: bold;
    }

    #order-footer-buttons span.order-total-amount {
        width: 90px;
        display: inline-block;
        text-align: right;
    }

    #order-footer-buttons span.order-total-weight-label {
        width: 95px;
        display: inline-block;
        font-weight: bold;
    }

    #order-footer-buttons span#OrderTotalWeight {
        width: 90px;
        display: inline-block;
        text-align: right;
    }
    /*Begin invoice link*/
    #order-footer-buttons span.invoice-link {
        width: 90px;
        display: inline-block;
        text-align: right;
        text-decoration: underline;
    }

.invoice-link-image img {
    vertical-align: bottom;
}
/*End invoice link*/

#order-footer-buttons .order-footer-right div {
    width: 32%;
}

#order-footer-buttons .order-footer-right a {
    float: right;
    margin-right: -25px;
}

.order-footer-lease-options {
    border-bottom: 1px solid #dddddd;
    padding: 5px 0px 10px 0px;
}

    .order-footer-lease-options table {
        border: 2px solid black;
        width: 55%;
        margin-right: 0px;
        margin-left: auto;
    }

        .order-footer-lease-options table th {
            border: 1px solid black;
            text-align: center;
            padding: 2px;
        }

        .order-footer-lease-options table td {
            border: 1px solid black;
            text-align: right;
            padding: 3px;
        }

#order-timestamps {
    width: 100%;
    clear: both;
    padding-top: 5px;
}

    #order-timestamps span.order-total-label {
        width: 135px;
        display: inline-block;
        font-weight: bold;
    }

    #order-timestamps span.order-total-amount {
        display: inline-block;
        text-align: left;
    }

#creditApprovalResponse p {
    margin: 5px;
}

#creditApprovalResponse p {
    padding-top: 5px;
    padding-bottom: 5px;
}

#creditApprovalResponse textarea {
    width: 80%;
    height: 100px;
    margin-left: 10px;
    margin-top: 10px;
}

#creditApprovalResponse .creditNotesLabel {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}

#creditApprovalResponse .urgentLabel {
    margin-right: 5px;
    font-weight: bold;
}

.file-input-wrapper {
    width: 150px;
    height: 40px;
    overflow: hidden;
    position: relative;
}

    .file-input-wrapper > input[type="file"] {
        font-size: 15px;
        position: absolute;
        top: 0;
        right: 55px;
        opacity: 0;
    }

    .file-input-wrapper > .btn-file-input {
        display: inline-block;
        width: 90px;
        height: 40px;
        background: none;
        background-color: #000000 !important;
        height: auto !important;
        border: 0 none;
        cursor: pointer;
        margin: 0 0 0 5px;
        padding: 5px !important;
        top: 5px;
        text-align: center !important;
        font-weight: bold !important;
        float: left;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        color: #fff !important;
        font-size: 12px;
        text-decoration: none;
    }

    .file-input-wrapper:hover > .btn-file-input {
        background-color: #D92231 !important;
    }

/*  END Quote / Order Detail Page
-------------------------------------------------------------------------------*/
/* Order Edits Pages */
#orderOptionsEdits {
    display: inline-block;
}

    #orderOptionsEdits td {
        vertical-align: middle;
        padding-right: 5px;
        padding-bottom: 10px;
    }

.order-option-required-field {
    color: #D92231 !important;
}

#orderEdits div.items label {
    width: 150px;
    display: inline-block;
}

#orderEdits div.buttons {
    width: 100%;
    display: inline-block;
    margin-left: 260px;
}

#orderEdits div.items div {
    padding-bottom: 10px;
}

#orderEdits div.items select {
    width: 300px;
    display: inline-block;
}

.orderEditsText {
    width: 200px;
    display: inline-block;
}


/*  END Order Edits Pages*/

/* Order Line Item Edit Page */
#order-line-item-edit {
}

    #order-line-item-edit div {
        display: inline-block;
        padding-bottom: 5px;
        vertical-align: middle;
    }

    #order-line-item-edit label {
        width: 100px;
        display: inline-block;
        vertical-align: middle;
    }

    #order-line-item-edit .edit-line-1 input {
        width: 350px;
    }

    #order-line-item-edit .edit-line-1 textarea {
        width: 685px;
    }

    #order-line-item-edit .edit-line-2 input {
        width: 125px;
    }

    #order-line-item-edit .edit-line-3 input[type="text"] {
        width: 125px;
    }

    /*#order-line-item-edit .edit-line-3 input[type="checkbox"] {
         width: 94px;
     }*/

    #order-line-item-edit .order-line-item-edit-fields {
        width: 500px;
    }

    #order-line-item-edit .order-line-item-edit-navigation {
        width: 30%;
        float: right;
    }

        #order-line-item-edit .order-line-item-edit-navigation span {
            font-weight: bold;
            margin-left: 25px;
        }

        #order-line-item-edit .order-line-item-edit-navigation div {
            float: right;
        }

    #order-line-item-edit .order-line-item-edit-supplier-override {
        margin-left: 110px;
    }

        #order-line-item-edit .order-line-item-edit-supplier-override label {
            width: 50px;
        }

        #order-line-item-edit .order-line-item-edit-supplier-override input {
            width: 65px;
        }

    #order-line-item-edit .supplier-label {
        width: 103px;
    }

    #order-line-item-edit .supplier-table {
        width: 1000px;
        border-top: 1px solid #aaa;
    }

    #order-line-item-edit .order-line-item-edit-buttons {
        float: right;
        margin-right: 144px;
    }

.edit-line-dimension label {
    padding-left: 5px;
}

.order-line-item-amount {
    font-size: 9px;
    white-space: nowrap;
}

    .order-line-item-amount span {
        width: 60px;
        text-align: right;
        display: inline-block;
    }

        .order-line-item-amount span.line-item-actual-cost {
            color: #D92231;
            width: 50px;
        }

/* END Order Line Item Edit Page */
/* Quote Merge Page */

#mergeOrder-details {
    width: 100%;
}

    #mergeOrder-details td {
        border-color: #AAAAAA;
        border-style: solid;
        border-width: 1px 0 1px 0;
        padding-left: 5px;
    }

    #mergeOrder-details .showTreeViewIcon {
        background-position-y: 4px;
    }

    #mergeOrder-details .expanded {
        background-position-y: 2px;
    }

.mergeTopLine {
    background-color: #DDDDDD;
}

#mergeOrder-details .mergeDetailSpacing {
    width: 1000px;
}

.mergeIndentLine {
    padding-left: 20px;
}

.mergeCustomText {
    width: 800px;
}



#mergeOrder-lineItems {
    width: 100%;
}

    #mergeOrder-lineItems td {
        border-color: #AAAAAA;
        border-style: solid;
        border-width: 1px 0 1px 0;
    }

.mergePriceSpacing {
    vertical-align: middle;
    width: 100px;
}

.mergeProductNumberSpacing {
    vertical-align: middle;
    width: 140px;
}

.mergeQuantitySpacing {
    width: 50px;
    text-align: center;
    vertical-align: middle;
}

.mergeQuantityHeaderAlign {
    text-align: center;
}

.mergeQuantityAlign {
    text-align: center;
}

.mergePriceHeaderAlign {
    text-align: center;
}

.mergePriceAlign {
    text-align: right;
}

.mergeProductNumberHeaderAlign {
    text-align: center;
}

.mergeProductNumberAlign {
    text-align: center;
}

.mergeDescriptionHeaderAlign {
    vertical-align: middle;
}

.mergeCheckSpacing {
    width: 30px;
}

.mergeCheckHeaderAlign {
    vertical-align: middle;
    text-align: center;
}

.mergeCheckAlign {
    vertical-align: middle;
    text-align: center;
}


#mergeOrder-attachments {
    width: 100%;
}

    #mergeOrder-attachments td {
        border-color: #AAAAAA;
        border-style: solid;
        border-width: 1px 0 1px 0;
    }

.mergeOddRow {
    background-color: #F1F1F1;
}

.DataColumn {
    padding-bottom: 10px;
}

#mergeOrder-attachments tr {
    line-height: 25px;
}

#mergeOrder-details tr {
    line-height: 25px;
}

/* END Quote Merge Page */
/*-------------------------------------------------------------------------------*/
/* Purchase Order Detail */

#purchaseOrderDetail .buttonRow {
    width: 100%;
    height: 35px;
}

#purchaseOrderDetail .portalgridcontainer {
    padding: 15px 0 5px 0;
}

/*END Purchase Order Detail
-------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------*/
/* Quote to order validation */

#quotetoorderconfirmationtable {
    margin-left: 15px;
    width: 95%;
    display: inline-block;
}

    #quotetoorderconfirmationtable .leftcolumn {
        float: left;
        width: 25%;
    }

    #quotetoorderconfirmationtable .middlecolumn {
        float: left;
        width: 25%;
    }

    #quotetoorderconfirmationtable .rightcolumn {
        float: right;
        width: 45%;
    }

        #quotetoorderconfirmationtable .rightcolumn table {
            width: 100%;
        }


        #quotetoorderconfirmationtable .rightcolumn input {
            width: 95%;
        }

    #quotetoorderconfirmationtable .emailcolumn {
        margin-top: 30%;
    }

    #quotetoorderconfirmationtable .buttons {
        width: 100%;
    }

    #quotetoorderconfirmationtable td.rightcol {
        margin-right: 15px;
    }

    #quotetoorderconfirmationtable .webgridactions {
        padding: 0px;
        border-bottom: none;
    }

    #quotetoorderconfirmationtable th {
        font-weight: normal;
        text-align: left;
    }

    #quotetoorderconfirmationtable td {
        text-align: left;
    }

    #quotetoorderconfirmationtable select {
        width: 100%;
    }

    #quotetoorderconfirmationtable td.LabelColumn {
        width: 125px;
    }

    #quotetoorderconfirmationtable #SpecialInstructions {
        max-width: 550px;
    }


#convertToOrderBody {
    margin-top: 15px;
}

    #convertToOrderBody .margincell {
        width: 0px;
        min-width: 0px;
    }

    #convertToOrderBody .orderDetailTotals .htmlOutputText {
        text-align: right;
        padding-right: 2px;
    }

    #convertToOrderBody .htmlOutputText {
        padding: 0px;
    }


/*END Quote to order validation
-------------------------------------------------------------------------------*/
/*Client Order Inquiry
-------------------------------------------------------------------------------*/


#clientOrderConfirmationFrame {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 40px;
    margin: 0 auto;
    text-align: center;
}

    #clientOrderConfirmationFrame .container {
        width: 75%;
        border-color: #D92231;
        border-width: 3px;
        display: inline-block;
        text-align: left;
    }

    #clientOrderConfirmationFrame .thanks_column {
        width: 50%;
    }


    #clientOrderConfirmationFrame .email_notice {
        padding: 11px 0px;
        margin-right: 40px;
    }

    #clientOrderConfirmationFrame .address_column {
        padding-left: 15px;
    }

    #clientOrderConfirmationFrame .order_number {
        text-align: left;
        margin-top: 4px;
    }

    #clientOrderConfirmationFrame .address_line {
    }

    #clientOrderConfirmationFrame .order_number {
        font-weight: bold;
    }

#ConfirmationImageFrame {
    padding-top: 50px;
    padding-bottom: 20px;
}

#ConfirmationImageRotator {
    padding-bottom: 50px;
}

/*END Client Order Inquiry
-------------------------------------------------------------------------------*/
/*Client Order Detail
-------------------------------------------------------------------------------*/
#ClientOrderDetailGrid .portalgridcontainer {
    clear: both;
    padding: 10px 0 0 0;
}

.BackOrderPartNumberLink {
    width: 120px;
}

.BackOrderOrderQty {
    text-align: center !important;
}

.BackOrderShipQty {
    text-align: center !important;
}

.BackOrderDescription {
    width: 650px;
}

.BackOrderTrackingNumber {
    width: 250px;
}

.BackOrderUnitPrice {
    width: 100px;
    text-align: right !important;
}

.BackOrderExtendedAmount {
    width: 85px;
    max-width: 85px;
    text-align: right !important;
}

.BackOrderAskUs {
    width: 60px;
}

.BackOrderExtendedAmountHdr {
    width: 85px;
    max-width: 85px;
}

.BackOrderOrderQtyHdr {
    width: 85px;
}

.BackOrderShipQtyHdr {
    width: 85px;
}

.BackOrderDescriptionHdr {
    width: 650px;
}
/*END Client Order Detail
-------------------------------------------------------------------------------*/


.widgets_on_page ul, .widgets_on_page ul li {
    list-style: none;
    background: none;
}

/*Order Add Product
-------------------------------------------------------------------------------*/
#order-add-product button {
    float: none;
}

#order-add-product .input-validation-error {
    background-color: #FFFFCC;
}

.custom-supplier-row .input-validation-error {
    background-color: #FFFFCC;
}

#order-add-product .validation-summary-errors {
    background-repeat: no-repeat;
    background-position: 3px 1.0em;
    padding: .8em 2.0em 1em;
    background-image: url(../images/fugue/exclamation-red.png);
    border-width: 1px;
    border-style: solid;
    border-color: #CC0000;
    background-color: #FFEBE8 !important;
    font-size: 1.1em !important;
}

#FavoriteProductId {
    width: 465px;
}

#order-add-product > div {
    margin-bottom: 15px;
}

#order-add-product label {
    display: inline-block;
}

#order-add-product span {
    padding-left: 15px;
}

.add-product-edit-line {
    padding-top: 5px;
}

    .add-product-edit-line > label:first-child {
        width: 160px;
    }

.add-product-button {
    float: right;
    padding-right: 55px;
}

.add-product-entry {
    text-indent: 25px;
}

    .add-product-entry input[type="text"] {
        width: 711px;
    }

input[type="text"].add-product-search {
    width: 450px;
}

#order-add-product .two-columns input[type="text"] {
    width: 292px;
}

#order-add-product .two-columns label:last-of-type {
    width: 120px;
    text-align: right;
}

#order-add-product .three-columns input[type="text"] {
    width: 119px;
}

#order-add-product .four-columns input[type="text"] {
    width: 78px;
}

#order-add-product .right-aligned {
    float: right;
    margin-right: 215px;
}

#order-add-product .single-line {
    width: 50px;
}

.add-to-catalog {
    display: inline;
}

#add-dell-configuration {
    margin-left: 30px;
    margin-top: 32px;
}

    #add-dell-configuration a {
        margin-left: -10px;
        padding-left: 51px;
        padding-bottom: 65px;
        padding-top: 25px;
        background: url(../images/Dell_Logo.png) 3px 12px no-repeat;
    }

/*END Order Add Product
-------------------------------------------------------------------------------*/

li.categorywidget-category {
    margin-top: 10px;
}

    li.categorywidget-category > a {
        font-weight: bold !important;
    }


#AddCreditRequestCommentBody table {
    margin: auto;
    float: left;
}

#AddCreditRequestCommentBody td {
    padding: 5px;
    vertical-align: middle;
}


#AddCreditRequestCommentBody textarea#CommentText {
    width: 96% !important;
    height: 150px;
}

.AddCreditRequestCharacterCount {
    float: right;
}

.AddCreditRequestCharacterCountPermitted {
    padding-right: 6px;
}

li.categorywidget-subcategory {
    text-indent: 15px;
}

.gov-edu-indicator {
    font-size: 9px;
}

#supplier-notes {
    overflow-y: scroll;
    border: solid 1px #aaa;
    margin-top: 10px;
    height: 90%;
    width: 98%;
}

    #supplier-notes ul {
        list-style: outside;
        padding-left: 30px;
    }

.line-item-supplier-name a {
    width: auto;
    margin: 0;
    display: inline-block;
    overflow: visible;
}

#email-area table {
    margin-bottom: 10px;
}

.emailOptionTable {
    margin-top: 5px;
}

.client-primary-contact-icon {
    position: relative;
    top: -2px;
    padding-top: 0px !important;
    padding-left: 0px !important;
}

.client-regular-contact-icon {
    position: relative;
    top: -2px;
    padding-top: 0px !important;
    padding-left: 0px !important;
}

#OrderList .webgrid {
    table-layout: fixed;
}

    #OrderList .webgrid tbody tr td {
        word-wrap: break-word;
    }

#OrderList .order-search thead tr th:nth-child(1) {
    width: 25px;
}

#OrderList .order-search thead tr th:nth-child(2) {
    width: 5% !important;
}

#OrderList .order-search thead tr th:nth-child(3) {
    width: 6% !important;
}

#OrderList .order-search thead tr th:nth-child(4) {
    width: 4% !important;
}

#OrderList .order-search thead tr th:nth-child(5) {
    width: 5% !important;
}

#OrderList .order-search thead tr th:nth-child(6) {
    width: 4% !important;
}


#OrderList .missing-pos thead tr th:nth-child(6) {
    width: 85px;
}

#OrderList .expiring-quotes thead tr th:nth-child(6) {
    width: 85px;
}

#OrderList .sales-report thead tr th:nth-child(7) {
    width: 8% !important;
}

#OrderList .order-search thead tr th:nth-child(8) {
    width: 8% !important;
}

#OrderList .order-search thead tr th:nth-child(9) {
    width: 10% !important;
}

#OrderList .order-search thead tr th:nth-child(10) {
    width: 8% !important;
}

#OrderList .order-search thead tr th:nth-child(11) {
    width: 4% !important;
}

#OrderList .order-search thead tr th:nth-child(12) {
    width: 80px;
}

#OrderList .order-search thead tr th:nth-child(13) {
    width: 80px;
}

#OrderList .order-search thead tr th:nth-child(14) {
    width: 70px;
}

#OrderList .order-search thead tr th:nth-child(15) {
    width: 70px;
}

#OrderList .client-order-search thead tr th:nth-child(1) {
    width: 80px;
}

#AutotaskOpportunityHeader {
    width: 80%;
}

    #AutotaskOpportunityHeader th {
        text-align: left;
    }

.autoTaskWorkDiv h2 {
    margin-top: 20px;
}

.autoTaskWorkDiv .portalgridcontainer {
    padding-top: 5px;
}

.autoTaskWorkDiv .portalgridcontainer {
    padding-top: 5px;
}

.autoTaskWorkDiv .webgrid {
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.autoTaskTicketDiv .webgridactions {
    padding-top: 5px;
}

.open-box-item {
    font-size: 11.2px;
    font-weight: bold;
    margin-top: 10px;
    color: #000;
}

/* Warehouse Management */

#ship-to-warehouse-items {
    width: 100%;
    margin-top: 10px;
}

    #ship-to-warehouse-items td,
    #ship-to-warehouse-items th {
        text-align: left;
    }

.sm-col {
    width: 75px;
}

.ship-to-row:hover td {
    background: #FFCDAE !important;
}
/* END Warehouse Management */

/*
    Line items that are bundle components will
    have their name + description indented
*/
.bundle-component-text {
    margin-left: 40px;
}

.group-component-text {
    margin-left: 40px;
}

.nested-group-component-text {
    margin-left: 80px;
}

/* Text that indicates if a component/price will be hidden on invoice */
.bundle-component-showhide-text {
    font-size: 61%;
    color: #D92231;
    min-width: 180px;
}

.qty-per-bundle {
    text-align: right;
    font-size: 9px;
}


.hidden-line-item {
    display: none;
}

.bill-complete-banner {
    font-size: 1.5em;
    color: #D92231;
    width: 100% !important;
    margin-top: 8px;
    font-weight: bold;
}

.bill-complete-subtitle {
    font-size: 0.9em;
    color: #D92231;
    width: 100% !important;
    margin-top: 8px;
    font-weight: bold;
}

.ps-contract-validate-actions {
    display: none;
}

.ps-contract-validate-message {
    color: #D92231;
    padding: 16px;
    font-size: 1.2em;
}

.ps-contract-validate-action-buttons {
    text-align: right;
    padding: 10px 16px;
    border-top: 1px solid #aaa;
    background: #ddd;
}

    .ps-contract-validate-action-buttons a,
    .ps-contract-validate-action-buttons button {
        float: none;
        width: 100px;
        text-align: center;
        display: inline-block;
    }

.email-notification {
    width: 100%;
}

/*
    McRae MXM 1/9/2018.
    Some savvyPortal css rules made it so browser default for disabled
    input wasn't working. This rule matches the Chrome default for disabled inputs,
    so even if the browser is overriden, disabled inputs are still darker grey.
*/
input:disabled, textarea:disabled, select:disabled {
    background-color: rgb(235, 235, 228);
}

/*
    Favorite Products
*/

.deleteGridRow {
    background-image: url("../images/fugue/delete.png");
    background-position: 5px 10px;
    background-repeat: no-repeat;
    padding: 12px 30px;
    text-align: center;
    margin: 0px;
}

.deleteButton {
    cursor: pointer;
}

.favorite-name-input {
    align-items: center !important;
    width: 300px;
    margin-bottom: 10px;
    display: none;
}

.favorite-name-input-visible {
    /*align-items: center !important;*/
    width: 300px;
    margin-bottom: 10px;
}

.favorite-products-grid-column {
    text-align: center;
    vertical-align: middle;
    width: 40px;
}

.ProductEditDescription {
    text-align: left;
    width: 320px;
}

.favorite-name-save {
    /*display: none;*/
}

/*
    End Favorite Products
*/
/* Rep Assignment */
.repAssignmentGrid {
    padding: 0px 10px 5px;
    white-space: nowrap;
    border-top: 1px solid #999999;
}

    .repAssignmentGrid td {
        padding: 10px 10px 0px 10px;
    }

.repAssignmentDiv {
    padding: 5px;
}

/*END Rep Assignment*/

/*Asset Tag and serial number fix*/
.asset-tag-column {
    text-align: center !important;
    min-width: 100px;
}

.serial-number-column {
    text-align: center !important;
    min-width: 225px;
}
/*END Asset Tag width*/


/*START Cnet Manufacturer Warranty without Coverage Days*/
table .manufacturer-warranty-coverage-days {
    width: 150px;
}

    table .manufacturer-warranty-coverage-days input {
        width: 100px;
    }
/*END Cnet Manufacturer Warranty without Coverage Days*/

/* Track Shipping*/
.track-shipping-bundle-component-description {
    color: #D92231;
    font-weight: bold;
}

/*END Track Shipping*/

/*Non Returnable Items*/
.non-returnable-item {
    font-size: x-small !important;
    color: #D92231 !important;
    text-decoration: none !important;
    min-width: 80px !important;
}

.line-item-ponumber {
    min-width: 80px !important;
}

#order-line-item-edit .validation-summary-errors {
    background-repeat: no-repeat;
    background-position: 20px 1.0em;
    padding: 12px 12px 1em 45px;
    background-image: url(../images/fugue/exclamation-red.png);
    border-width: 1px;
    border-style: solid;
    border-color: #CC0000;
    background-color: #FFEBE8 !important;
    font-size: 1.1em !important;
    margin: 0px 0px 20px 0px;
    color: #496296;
    font-weight: normal;
}

.label-no-text-decoration {
    text-decoration: none !important;
}

.sbo-description {
    float: left;
}

.special-pricing-cost {
    margin-right: 70px;
}

.special-bid-number-label {
    width: 150px;
    display: none;
}

.special-bid-number-visible-label {
    width: 150px;
}

.special-bid-number-visible {
    width: 150px;
}

.special-bid-number {
    display: none;
}

.rma-status-search {
    width: 120px;
}

.rma-search-box {
    margin-left: 10px;
}

.rma-status-row-header {
    line-height: 1.2em;
    padding: .5em;
    text-align: inherit;
    vertical-align: middle;
    background-color: #DCDCDC;
    color: #d92231;
    font-weight: bold;
    border: solid 1px #CBCBCB;
}

.rma-queries-table td {
    text-align: center;
}

.rma-queries-table th {
    text-align: center !important;
}

.rma-queries-table-part-number {
    width: 150px;
}

.rma-queries-table-vendor {
    width: 200px;
}

.rma-queries-table-quantity-returning {
    width: 150px;
}

.rma-queries-table-status {
    width: 200px;
}

#rma-queries-container {
    width: 80%;
}

.rma-summary-part-number {
    text-align: center;
    width: 10%
}

.rma-summary-product-description {
    width: 40%
}

.rma-summary-status {
    text-align: center;
    width: 10%
}

.rma-summary-quantity-returning {
    text-align: center;
    width: 10%
}

.rma-summary-condition {
    text-align: center;
    width: 15%
}

.rma-summary-reason {
    text-align: center;
    width: 15%
}

.rma-line-button {
    text-align: right;
}

.qty-shipped {
}

    .qty-shipped span {
        text-align: right;
        display: inline-block;
    }

.rma-date {
    width: 100px;
}

.rma-date-time {
    min-width: 150px;
}

.rma-contact-name {
    min-width: 150px;
}

.rma-query-number {
    width: 50px;
}

    .rma-query-number a {
        text-decoration: underline !important;
    }

.rma-activity-container {
    margin: 10px 10px 0px 10px !important;
}

.rma-activity-summary-container {
    margin: 10px 0px 0px 10px !important;
}

.rma-activity-table th {
    text-align: center !important;
}

.rma-activity-table td {
    text-align: center;
    padding-top: 2px !important;
}

.btn-medium {
    width: 50px !important;
    float: right;
}

.rma-activity-summary-container th {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.rma-summary-name {
    min-width: 100px;
}

.rma-entry-div {
    padding-bottom: 10px;
}

.rma-line-item-entry-table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    margin-bottom: 25px;
}

    .rma-line-item-entry-table th {
        background-color: #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        border-left: 1px solid #ccc;
        border-top: 1px solid #DDDDDD;
    }

    .rma-line-item-entry-table td {
        padding: 5px;
    }

        .rma-line-item-entry-table td input[type="text"], .rma-line-item-entry-table td input[type="number"] {
            width: 85%;
        }

    .rma-line-item-entry-table label {
        cursor: auto;
    }

#supporting-docs-listing a {
    text-decoration: underline !important;
    color: #737373 !important;
}

    #supporting-docs-listing a:hover {
        color: #1c7ec3 !important;
    }

.rma-notes-container {
}

.rma-order-number-link {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 18px !important;
    padding-top: 4px !important;
    margin-bottom: 5px !important;
    color: #d92231 !important;
    text-align: left !important;
    font-weight: bold !important;
}

.rma-accounting-description {
    background-color: #EAEAEA;
    font-weight: bold;
    text-align: center;
    padding-top: .5em;
    padding-bottom: .5em;
    width: 15%;
}

.rma-accounting-outer-container {
    padding: 0px 0px 20px 0px !important;
    /*border-bottom: solid #000000 5px !important;*/
}

.rma-accounting-table {
    width: 100%;
    margin-top: 2%;
}

    .rma-accounting-table td {
        border-bottom: solid 1px #C4C4C4;
        border-top: solid 1px #2E2E2E;
        border-left: solid 1px #D5D5D5;
        border-right: solid 1px #212121;
    }

.rma-accounting-div-table-cell {
    padding: 5px;
}

    .rma-accounting-div-table-cell input {
        width: 100%;
        text-align: center;
    }

.rma-accounting-div-table-cell-vendor {
    padding: 5px;
}

    .rma-accounting-div-table-cell-vendor input {
        width: 100%;
    }

.rma-accounting-region {
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
    border-bottom: solid #000000 5px !important;
}

.rma-name-display {
    text-align: center !important;
    width: 10%;
    border: none !important;
}

.rma-mark-closed-check-box {
    padding-top: 5px !important;
    padding-left: 15px !important;
}

.rma-editor-display {
    background-color: transparent !important;
    border: none !important;
    text-align: center;
}

.disabled-label {
    pointer-events: none;
    font-weight: bold !important;
}

.disabled-input {
    background-color: transparent;
    cursor: default;
    border: none !important;
    padding-left: 0px;
    vertical-align: central;
}

.rma-grid-number {
    text-align: center;
}

.rma-line-item-entry-table td input[type="text"], .rma-line-item-entry-table td input[type="number"] {
    text-align: center;
}

.rma-account-name {
    min-width: 100px;
}

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

.rma-search-button {
    text-align: center !important;
}

.rma-condition-separator {
    border-top: 5px solid #000000;
    padding-bottom: 8px;
}

.unsubmitted-rma-link {
    text-decoration: underline !important;
    cursor: pointer;
    padding-bottom: 15px !important;
}

#existingRMApopup {
    padding: 5px;
}

.alter-address-data {
    display: none;
    padding-top: 5px;
}

    .alter-address-data td {
        padding: 5px;
    }

.alter-address-data-wide {
    width: 350px;
}

.alter-address-data-extra-wide {
    width: 700px;
}

.new-one-off-address-hidden-btn {
    display: none !important;
}

.lcm-line-button-hidden {
    display: none;
}

.lcm-line-image-hidden {
    display: none;
}

.autopilot-line-image-hidden {
    display: none;
}

.lcm-worksheet-div {
    padding-bottom: 0px;
}

.btn-lcm-worksheet {
    width: 60px !important;
    background-color: #82959F;
    float: right;
    font-size: 10px !important;
    margin-left: 0px;
    margin-right: 4px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
    text-align: center;
    line-height: 12px;
}

    .btn-lcm-worksheet:hover {
        background-color: #D92231 !important;
    }

    .btn-lcm-worksheet:disabled {
        background-color: #aaa !important;
    }

.lcm-worksheet-button-cells {
    margin-left: 0px !important;
    margin-right: 0px;
}

.view-documents {
    text-decoration: underline;
    color: #737373 !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    background-color: transparent;
    border: none;
    font-size: 10px !important;
    width: 75px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

    .view-documents:hover {
        background-color: transparent !important;
        box-shadow: none !important;
        color: #21A8DD !important;
    }

.lcm-renewal-image-container {
    text-align: center;
    display: block;
}

.lcm-no-renewal-image-container {
    text-align: center;
}

.lcm-image-container {
    padding-left: 45px;
}
/*.renewing-order-div-hidden{
    display: none !important;
}*/
.no-symbol-size {
    height: 25px;
    padding-top: 6px;
}

.yes-symbol-size {
    height: 25px;
    padding-top: 7px;
}

.table-cell-no-symbol {
    padding-right: 5px;
    width: 95px !important;
    float: left;
    padding-left: 2px;
    padding-right: 20px;
    vertical-align: middle;
    /*padding-top: 5px;*/
}

.table-cell-check-symbol {
    padding-left: 2px;
    padding-right: 5px;
}

.table-cell-renewal-placeholder {
    padding-right: 5px;
    width: 95px !important;
    float: left;
    padding-left: 2px;
    padding-right: 20px;
    vertical-align: middle;
    padding-top: 5px;
}

.created-modified-by {
    float: right !important;
    text-align: right !important;
    width: auto !important;
}

.windows-autopilot-image-width {
    width: 32px;
}

.rocketlane-image-width {
    width: 34px;
}

.autopilot-small-image-width {
    width: 16px !important;
}

.lcm-large-image-width {
    width: 32px;
}

.lcm-small-image-width {
    width: 16px !important;
}

.fake-lcm-header {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding-top: 4px;
    margin-bottom: 5px;
    color: #d92231;
    text-align: left;
    font-weight: bold;
}

/*.lcm-management-board-status {
    text-decoration: underline !important;
}*/

.recent-orders-disclaimer {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 26px;
    padding-bottom: 10px;
}

    .recent-orders-disclaimer span {
        font-size: 10px;
        font-style: italic;
        font-weight: bold;
    }

.shipping-notice-logging-table th {
    background-color: #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #ccc;
    border-top: 1px solid #DDDDDD;
    text-align: center !important;
    table-layout: fixed !important;
}

.shipping-notice-logging-table td {
    padding: 5px;
    text-align: center;
}

.ui-dialog .ui-dialog-content {
    overflow: hidden;
}

#lcmModal {
    overflow: hidden !important;
}

.email-inquiry-details-label {
    font-weight: bold;
    width: 20%;
}

.error-inquiry-details-label {
    font-weight: bold;
    width: 20%;
}

.viewDetailsButton {
    background-image: url('/Images/eye-icon-16x16.png') !important;
    color: transparent !important;
    background-size: cover !important;
    border: none !important;
    background-color: transparent !important;
    display: inline-block;
    box-shadow: none !important;
    color: transparent;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    padding-bottom: 2px;
    width: 20px;
}

.editFugueButton,
.editFugueButton:hover,
.editFugueButton:focus,
.editFugueButton:active {
    margin-left: 3px;
    color: transparent !important;
    background-size: cover !important;
    border: none !important;
    background-color: transparent !important;
    background-image: url(/Images/fugue/application_edit.png) !important;
    display: inline-block;
    box-shadow: none !important;
}

.deleteFugueButton,
.deleteFugueButton:hover,
.deleteFugueButton:focus,
.deleteFugueButton:active {
    background-image: url('/Images/fugue/delete.png') !important;
    margin-left: 2px;
    margin-left: 3px;
    color: transparent !important;
    background-size: cover !important;
    border: none !important;
    background-color: transparent !important;
    display: inline-block;
    box-shadow: none !important;
}

.fugueButton {
    color: transparent;
    cursor: pointer;
    font-weight: bold;
    height: 16px;
    padding-bottom: 2px;
    width: 16px;
    background-size: cover;
    border: none;
    background-color: transparent;
}

.emailcolumn td tr tbody {
    text-align: center !important;
    padding: 5px 6px !important;
}

.emailcolumn th {
    background-color: #DCDCDC;
}


/*
    START .savvy-basic-table-wrapper
*/
.savvy-basic-table-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
}

.savvy-basic-table {
    width: 100%;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    border: solid;
}

    .savvy-basic-table th {
        background-color: #DDDDDD;
        border-right: solid;
        vertical-align: middle;
        text-align: right;
        padding: 5px;
    }

    .savvy-basic-table td {
        text-align: right;
        border-right: solid;
    }

/*
    START .savvy-basic-table-center-wrapper
*/
.savvy-basic-table-center-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
}

.savvy-basic-table-center {
    width: 100%;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    border: solid;
}

    .savvy-basic-table-center th {
        background-color: #DDDDDD;
        border-right: solid;
        vertical-align: middle;
        padding: 5px;
    }

    .savvy-basic-table-center td {
        border-right: solid;
    }


/*
    START .savvy-light-table-wrapper
    Use these classes for even/odd row highlighting,
    and overall look and feel of tables.
    StagingInquiry screens and any other HTML tables.
    Generally does not include the grids 
*/
.savvy-light-table-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
}

.savvy-light-mobile-table-wrapper {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin-left: 3% !important;
    margin-right: 3% !important;
}

.savvy-light-table {
    width: 100%;
    margin-bottom: 1rem !important;
}

    .savvy-light-table th {
        background-color: #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        border-left: 1px solid #ccc;
        border-top: 1px solid #DDDDDD;
        vertical-align: middle;
        padding: 5px;
    }

    .savvy-light-table tr td span.numeric-right {
        display: block;
        text-align: right;
    }

    .savvy-light-table td:not(:first-child) {
        padding: 5px;
    }

    .savvy-light-table tr:nth-child(even) {
        background-color: #f1f1f1;
    }

    .savvy-light-table tr:nth-child(odd) {
        background-color: #ffffff;
    }

    .savvy-light-table tr:hover {
        background-color: #ffdab9;
    }

    .savvy-light-table td.missingData {
        background-color: #FF0000;
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
        color: white;
        font-size: 16px;
    }

    .savvy-light-table tfoot td {
        font-weight: bold;
    }
/* END .savvy-light-table-wrapper*/

/*
    START .savvy-all-invoice-table-wrapper
    Use these classes for even/odd row highlighting,
    and overall look and feel of tables.
    StagingInquiry screens and any other HTML tables.
    Generally does not include the grids 
    */
.savvy-all-invoice-table-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
}

.savvy-all-invoice-table-wrapper {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin-left: 3% !important;
    margin-right: 3% !important;
}

.savvy-all-invoice-table {
    width: 100%;
    margin-bottom: 1rem !important;
}

    .savvy-all-invoice-table th {
        background-color: #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        border-left: 1px solid #ccc;
        border-top: 1px solid #DDDDDD;
        vertical-align: middle;
        padding: 5px;
    }

    .savvy-all-invoice-table tr td span.numeric-right {
        display: block;
        text-align: right;
    }

    .savvy-all-invoice-table td:not(:first-child) {
        padding: 5px;
    }

    /*.savvy-all-invoice-table tr:nth-child(even) {
        background-color: #f1f1f1;
    }

    .savvy-all-invoice-table tr:nth-child(odd) {
        background-color: #ffffff;
    }*/

    .savvy-all-invoice-table tr:hover {
        background-color: #ffdab9;
    }

    .savvy-all-invoice-table td.missingData {
        background-color: #FF0000;
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
        color: white;
        font-size: 16px;
    }

    .savvy-all-invoice-table tfoot td {
        font-weight: bold;
    }
/* END .savvy-all-invoice-table-wrapper*/

/*
    Useful way to organize search columns, flexible spacing.
    Used by StagingInquiry to layout search fields, without having to
    rely on strict, odd CSS like other screens do.
*/
.webgridactions .grid-row {
    clear: both;
    display: table;
    width: 100%;
    margin: 10px;
}

.webgridactions .grid-col {
    float: left;
}

exclamation-column {
    width: 5px !important;
    padding: 0px !important;
}

.punchout-Image {
    vertical-align: middle;
}

.punchout-welcome-table {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.punchout-welcome-message {
    color: #d92231;
    font-size: 17pt;
    text-align: center;
    vertical-align: middle;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
}

.invoice-transactions-table {
    width: 100%;
    margin-top: 15px;
}

    .invoice-transactions-table th {
        background-color: #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        border-left: 1px solid #ccc;
        border-top: 1px solid #DDDDDD;
        vertical-align: middle;
        padding: 5px;
    }

    .invoice-transactions-table td {
        padding: 5px;
        text-align: center;
    }

    .invoice-transactions-table tr:nth-child(even) {
        background-color: #f1f1f1;
    }

    .invoice-transactions-table tr:nth-child(odd) {
        background-color: #ffffff;
    }

    .invoice-transactions-table tr:hover {
        background-color: #ffdab9;
    }

.opportunity-search-fields td {
    font-weight: bold;
}

.opportunity-field-hidden {
    display: none;
}

.opportunityQuestion {
    padding-bottom: 7px;
}

.opportunityQuestionChild {
    padding-left: 20px;
}

/*.opportunityAnswerTextBox {
    width: 400px;
}*/

.order-attachment-image {
    width: 12px;
    height: 12px;
    margin-right: -18px;
    margin-left: 4px;
}

.link-text {
    text-decoration: underline !important;
}

.link-button {
    text-decoration: underline;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 11px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: black !important;
    padding-bottom: 0px !important;
    padding-top: 5px !important;
}

    .link-button:hover {
        text-decoration: none;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        color: black !important;
    }

.btn-mobile {
    background: none;
    background-color: #000000;
    color: #FFFFFF !important;
    text-align: center !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border-radius: 5px;
    padding-bottom: .2em;
    padding-top: .2em;
    padding-left: .5em;
    padding-right: .5em;
    border: none;
}

    .btn-mobile:hover {
        border: solid 1px transparent;
    }


.pas-button-description-mobile {
    display: inline-block;
    padding-top: 1em;
}

.btn-group-pas {
    margin-bottom: 1em;
}

.pas-mobile-arrow {
    margin-right: .5em;
    margin-left: .5em;
}

.btn-mobile-disabled {
    background: none;
    color: #FFFFFF !important;
    text-align: center !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border-radius: 5px;
    padding-bottom: .2em;
    padding-top: .2em;
    padding-left: .5em;
    padding-right: .5em;
    border: none;
    background-color: #DCDCDC;
}

    .btn-mobile-disabled :hover {
        pointer-events: none;
    }

.btn-group-approve {
    background-color: green;
}

.btn-group-decline {
    background-color: #D92231;
}

.pas-approved-text {
    color: green;
}

.pas-decline-text {
    color: #D92231;
}

.image-button {
    background-image: url(/Images/xglyph_arrow_right-black-32.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 20px;
    background-color: transparent;
    border: none;
}

#part-number-search-on-label {
    width: inherit;
}

#part-number-daterage-label {
    width: 65px;
    vertical-align: inherit !important;
    padding-top: 2px;
}

#part-number-search-field-dropdown {
    width: 225px !important;
}

#part-number-used-daterange-dropdown {
    width: 180px !important;
}

.orderPartSearchFilters {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 0px;
    padding-top: 10px;
    display: block;
}

    .orderPartSearchFilters .radio_button_frame label {
        padding-left: 4px;
        padding-right: 7px;
        width: auto;
    }

.orderPartSearchFilters {
    width: 100%;
}

    .orderPartSearchFilters label {
        display: inline-block;
        pointer-events: none !important;
        padding-bottom: 10px;
    }

    .orderPartSearchFilters div.col3 label {
        width: 70px;
    }

    .orderPartSearchFilters select {
        width: 125px;
    }

    .orderPartSearchFilters div.col1 {
        width: 27%;
    }

    .orderPartSearchFilters div.col2 {
        width: 27%;
    }

    .orderPartSearchFilters div.col3of4 {
        width: 27%;
    }

    .orderPartSearchFilters div.col3 {
        width: 46%;
    }

    .orderPartSearchFilters div.col {
        float: left;
    }

        .orderPartSearchFilters div.col div {
            padding-bottom: 10px;
        }

#part-number-search-value {
    width: 180px;
    margin-left: 7px;
    margin-right: 7px;
}

#ManufacturerName {
    width: 180px;
}

.order-part-search-header {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.quote-product-no-header {
    margin-right: 15px;
    padding-top: 0px !important;
}

#repTable th, td {
    padding: 5px;
}

.date-column {
    text-align: center;
}

.viewLogDetailsButton {
    background-image: url('/Images/log-file-format.svg');
    color: transparent;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    padding-bottom: 2px;
    width: 20px;
    background-size: cover;
    border: none;
    background-color: transparent;
}

.create-new-opportunity {
    width: 180px !important;
}

.opportunity-required-button-table {
    margin-top: 10px;
}

    .opportunity-required-button-table td {
        display: inline-block;
        float: right;
        padding: 0px;
        margin-right: 0px !important;
    }

    .opportunity-required-button-table a {
        float: right;
        margin-right: 0px !important;
        margin-left: 10px !important;
    }

.opportunity-required-header {
    font-size: 14pt;
    color: #D92231;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 20px;
}

.opportunity-required-sub-header {
    font-size: 12pt;
    font-weight: bold;
}

.opportunity-action-link {
    display: inline-block;
}

#createNewOpportunityButton:hover {
    cursor: pointer;
}

.forceCustomUnderline a button h3 {
    text-decoration: underline !important;
}

.forceCustomUnderline a h3 button:hover {
    text-decoration: none !important;
    cursor: pointer;
}

forceCustomUnderlineOff {
    text-decoration: none !important;
}

    forceCustomUnderlineOff span a :hover {
        text-decoration: none !important;
    }

.forceUnderlineAlignLeft a {
    text-align: left !important;
    text-decoration: underline !important;
}

    .forceUnderlineAlignLeft a:hover {
        text-decoration: none !important;
    }

.pas-employee-table td {
    vertical-align: middle;
    height: 30px;
}

.pas-hierarchy-table td {
    vertical-align: middle;
    height: 30px;
}

.pas-group-table td {
    vertical-align: middle;
    height: 30px;
}

.pas-delete-column {
    width: 50px;
}

.pas-last-modified-column {
    width: 90px;
}

.max-width-money {
    width: 100px;
}

.account-number {
    width: 105px;
}

.small-date-column {
    width: 45px;
}

.potential-qualified-column {
    width: 40px;
}

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

.client-name-header {
    background-position: calc(50% + 50px) !important;
}

.phone-column {
    width: 60px;
}

#client-number-header {
    white-space: nowrap;
}

#contact-name-header {
    white-space: nowrap;
}

.contact-name span {
    padding-left: 0px !important;
    white-space: nowrap;
}

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

#selectClientButton {
    width: 125px;
    margin-left: 0px !important;
}

.client-po-header {
    background-position: calc(50% + 40px) !important;
}

.invoice-number-header {
    background-position: calc(50% + 60px) !important;
}

.invoice-date-header {
    background-position: calc(50% + 50px) !important;
}

.invoice-amount-header {
    background-position: calc(50% + 60px) !important;
}

.invoice-balance-header {
    background-position: calc(50% + 60px) !important;
}

.supplier-header {
    background-position: calc(50% + 40px) !important;
}

.manufacturer-code-header {
    background-position: calc(50% + 70px) !important;
}

.product-count-header {
    background-position: calc(50% + 55px) !important;
}

.category-code-header {
    background-position: calc(50% + 35px) !important;
}

.category-header {
    background-position: calc(50% + 40px) !important
}

.breadcrumbs-header {
    background-position: calc(50% + 55px) !important;
}

.parent-category-header {
    background-position: calc(50% + 40px) !important;
}

.product-count-br-header {
    background-position: calc(50% + 35px) !important;
    width: 49px;
}

.search-google-header {
    width: 105px;
}

.description-header {
    background-position: calc(50% + 50px) !important;
}

.manufacturer-part-number-header {
    background-position: calc(50% + 50px) !important;
}

.manufacturer-header {
    background-position: calc(50% + 53px) !important;
}

.client-ranking-header {
    white-space: nowrap;
}

.client-ranking-name a {
    padding-left: 0px !important;
}

.client-exec-header {
    background-position: calc(50% + 60px) !important;
}

.account-name-header {
    background-position: calc(50% + 60px) !important;
}

.name-header {
    background-position: calc(50% + 30px) !important;
}

.client-header {
    width: 148px;
    background-position: calc(50% + 28px) !important;
}

.client-exec-two-line-header {
    background-position: calc(50% + 40px) !important;
}

.invoice-notes img {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

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

.invoice-account-number img {
    padding-top: 0px !important;
}

.vendor-header {
    background-position: calc(50% + 35px) !important;
}

.favorite-product-name-header {
    width: 325px !important;
}

.favorite-product-nofilter-header {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.ProductEditDescription input {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.favorite-product-picture-header {
    /*min-width: 95px !important;*/
}

.favorite-product-picture a img {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.favorite-product-picture a {
    float: left;
    width: 50px;
}

.favorite-product-filter-header {
    padding-left: 0px !important;
}

.favorite-product-grid-container {
    width: 100% !important;
}

.perpetual-product-grid-container {
    width: 100% !important;
}

.order-state-header {
    width: 33px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    background-position-x: calc(50% + 22px) !important;
}

.quote-order-date-header {
    max-width: 90px !important;
    width: 90px !important;
    background-position-x: calc(50% + 40px) !important;
}

.gp-percentage-header {
    background-position-x: calc(50% + 24px) !important;
    width: 50px;
}

.client-order-search-header {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.contact-header {
    background-position-x: calc(50% + 34px) !important;
    width: 130px;
}

.status-header {
    width: 60px;
}

.order-total-header {
    background-position-x: calc(50% + 42px) !important;
    width: 120px !important;
}

.client-po-header-client-search {
    background-position-x: calc(50% + 35px) !important;
    width: 60px;
}

.client-order-search-description-header {
    max-width: 280px !important;
    width: 250px !important;
    overflow-wrap: break-word;
}

.last-modified-header {
    background-position-x: calc(50% + 32px) !important;
}

.propability-percent-header {
    background-position-x: calc(50% + 30px) !important;
    width: 50px;
}

.client-order-search-description {
    word-break: break-word;
}

.order-number-header {
    background-position-x: calc(50% + 32px) !important;
}

.shipment-status-header {
    width: 100px !important;
    background-position-x: calc(50% + 37px) !important;
}

.description-header-small-padding {
    background-position-x: calc(50% + 45px) !important;
    width: 100px;
}

.order-date-header-small-padding {
    background-position-x: calc(50% + 40px) !important;
}

.po-header-small-padding {
    background-position-x: calc(50% + 25px) !important;
    min-width: 100px;
}

.order-total-header-small-padding {
    width: 105px !important;
    background-position-x: calc(50% + 45px) !important;
}

.ordered-by-header-small-padding {
    width: 80px !important;
    background-position-x: calc(50% + 42px) !important;
}

.cost-center-small-header {
    width: 98px !important;
    background-position-x: calc(50% + 47px) !important;
}

.order-number {
    white-space: nowrap;
}

.quote-number-header-small-padding {
    background-position-x: calc(50% + 32px) !important;
}

.created-date-header-small-padding {
    width: 50px !important;
    background-position-x: calc(50% + 30px) !important;
}

.created-by-header-small-padding {
    width: 80px !important;
    background-position-x: calc(50% + 42px) !important;
}

.quote-total-header-small-padding {
    width: 105px !important;
    background-position-x: calc(50% + 45px) !important;
}

.quote-status-header-small-padding {
    background-position-x: calc(50% + 30px) !important;
    min-width: 50px;
}

.description-is-long td {
    border-bottom: none !important;
}

.description-is-long {
    border-bottom: none !important;
}

.long-description-row td {
    border-top: none !important;
}

.description-row td {
    border-top: none !important;
}

.delete-column-standard-size a {
    display: inline-block compact;
}

.delete-column-standard-size {
    padding-left: 0px;
    padding-right: 0px;
}

.no-display {
    display: none;
}

.days-old-header {
    width: 30px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    background-position-x: calc(50% + 20px) !important;
}

.assigned-to-created-by-header {
    width: 150px !important;
}

.character-counter-optional-extra span {
    float: right;
}

.character-counter-optional-extra {
    display: inline-block;
    float: right;
}

.compacted-header {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.warning-background {
    background-color: #FFC9C9;
}

.txtRMAQuantityReturned {
    width: 50px !important;
}

#date-created-header {
    min-width: 80px;
}

.order-date-min-width {
    min-width: 80px;
}

.rma-header-field {
    font-weight: bold;
    display: table-cell;
    width: 20%;
}

    .rma-header-field span {
        font-weight: normal;
    }

.rma-header-ship-to-address-field {
    font-weight: bold;
    display: table-cell;
    width: 40%;
}

    .rma-header-ship-to-address-field span {
        font-weight: normal;
    }

.credit-memo-link {
    font-weight: bold !important;
}

.disabled-link:hover {
    text-decoration: none !important;
}

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

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

.opportunity-header-link {
    color: #D92231;
    font-size: 14px;
    font-weight: bold;
}

    .opportunity-header-link span {
        vertical-align: -webkit-baseline-middle;
    }

    .opportunity-header-link button {
        float: right;
        margin: 0px 0px;
    }

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

.contract-number-header {
    background-position-x: calc(50% + 45px) !important;
    min-width: 70px;
}

.itsavvy-part-number-header {
    min-width: 80px;
    background-position-x: calc(50% + 30px) !important;
}

.serial-number-header {
    background-position-x: calc(50% + 45px) !important;
    min-width: 185px;
}

.service-level-header {
    background-position-x: calc(50% + 35px) !important;
    min-width: 80px;
}

.start-date-header {
    min-width: 80px;
    background-position-x: calc(50% + 45px) !important;
}

.end-date-header {
    min-width: 80px;
    background-position-x: calc(50% + 45px) !important;
}

.eosl-date-header {
    min-width: 80px;
    background-position-x: calc(50% + 43px) !important;
}

.eol-date-header {
    min-width: 80px;
    background-position-x: calc(50% + 40px) !important;
}

.company-name-header {
    min-width: 185px;
    background-position-x: calc(50% + 60px) !important;
}

.address-1-header {
    min-width: 185px;
    background-position-x: calc(50% + 40px) !important;
}

.address-2-header {
    min-width: 185px;
    background-position-x: calc(50% + 40px) !important;
}

.city-header {
    min-width: 185px;
    background-position-x: calc(50% + 25px) !important;
}

.state-header {
    min-width: 50px;
    background-position-x: calc(50% + 30px) !important;
}

.zip-header {
    min-width: 80px;
    background-position-x: calc(50% + 20px) !important;
}

.country-header {
    min-width: 100px;
    background-position-x: calc(50% + 35px) !important;
}

.supportedby-header {
    min-width: 120px;
    background-position-x: calc(50% + 20px) !important;
}

.lcm-order-number-header {
    min-width: 80px;
}

.lcm-quantity-header {
    min-width: 80px;
}

.lcm-svc-address-table {
    display: inline-block;
    max-width: 100%;
}

.lcm-svc-address-table-row {
    display: table-row;
}

.lcm-svc-address-row-header {
    display: table-cell;
    font-weight: bold;
}

.lcm-svc-address-row-td {
    display: table-cell;
}

.address-no-display {
    display: none;
}

.address1-wrapper {
    width: 100%;
}

.address1-wrapper-display-mode {
    display: inline-block;
}

.address1-wrapper-edit-mode {
    display: none;
}

.address1-display {
    display: inline-block;
    padding-left: 51.9%;
}

    .address1-display input {
        margin-left: .65rem;
    }

.manufacter-allowing-lcm-upload {
    margin-right: 1rem;
    margin-left: 1rem;
}

.upload-csv-disabled {
    pointer-events: none;
}

.forceSelfUnderLine {
    text-decoration: underline !important;
}

    .forceSelfUnderLine:hover {
        text-decoration: none !important;
    }

.pas-address-label {
    text-align: right;
}

.isCurrentPage {
    font-weight: bold !important;
    color: #000000 !important;
    pointer-events: none;
}

.isEllipsis {
    pointer-events: none;
}

a.paginatorLink {
    color: #737373;
}

.lcm-board-description-col {
    min-width: 200px !important;
}

.lcm-board-mfr-col {
    min-width: 120px !important;
}

.lcm-board-mfr-part-no-col {
    min-width: 200px !important;
}

.missingDataLegacyPaginator {
    background-color: #FF0000;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: white;
    font-size: 16px;
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.missingDataBackColor {
    background-color: #FF0000 !important;
}

.missingDataTd {
    width: 7px !important;
}

.lcm-board-client-name {
    width: 250px;
}

.lcm-board-status {
    width: 250px;
}

.lcm-board-due-date {
    width: 75px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 1em 1em !important;
    position: relative;
}

img.credit-limit-btn:hover,
img.billing-terms-btn:hover {
    cursor: pointer;
}

}

/* Start - /OrderEntry/OrderDetail/QuoteToOrderValidation Screen */
.center-content {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 935px;
}

#quotetoorderconfirmationtable .rightcolumn input {
    width: 100%;
}

.shipping-label-column-padding {
    padding-top: 2px;
}

.shipping-label-vertical-align {
    vertical-align: sub;
}

/* End - /OrderEntry/OrderDetail/QuoteToOrderValidation Screen */

/* Start - /RMA/ReturnMerchandiseAuthorization/Entry/ Screen */
.center-content-rma-entry {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}
/* End - /RMA/ReturnMerchandiseAuthorization/Entry/ Screen */

/* Start - /RMA/ReturnMerchandiseAuthorization/Worksheet Screen */
.center-content-rma-worksheet {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 1150px;
}

.condition-column {
    width: 130px;
}

#condition-column {
    width: 100px;
}

.status-dropdown {
    width: 120px;
}

.reason-column {
    width: 130px;
}

.serial-number-column-custom {
    width: 105px;
}

.vender-column {
    width: 180px;
}

.column-default-font-size {
    font-size: 12.5px !important;
}
/* End - /RMA/ReturnMerchandiseAuthorization/Worksheet Screen */

/* Start - /RMA/ReturnMerchandiseAuthorization/Activity Screen */
.rma-btn-wrap {
    white-space: pre;
    display: flex;
}
/* End - /RMA/ReturnMerchandiseAuthorization/Activity Screen */

/* General use classes */
.general-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.general-center-fifty-percent {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    min-width: 1020px;
    width: 50%;
}

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

/* Start - Home/Index Screen */
.home-center-internal {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    min-width: 745px;
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.home-center-external {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    min-width: 745px;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
}


/* End - Home/Index Screen */

/* Start - /OrderInquiry/ClientQuoteSearch Screen */
.quotes-search-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.quote-header-width {
    width: 180px !important;
}

.date-created-header-width {
    min-width: 115px !important;
    text-align: left;
}

.po-header-width {
    min-width: 80px !important;
    width: 80px !important;
}

.description-header-width {
    width: 295px !important;
}

.cost-center-header-width {
    min-width: 65px !important;
    width: 180px !important;
}

.created-by-header-width {
    min-width: 100px !important;
}

.quote-total-header-width {
    min-width: 135px !important;
}

.quotes-search-button {
    position: relative;
}

.order-search-filters-div {
    padding-bottom: 0px !important;
}

.toolbar-container-custom {
    border-top: 1px solid #DDDDDD;
    display: inline-block;
    padding: 15px 5px;
    width: 100%;
}

.col-padding {
    padding-right: 20px;
}

.quotes-search-center table#OrderList tbody tr td:nth-child(1) a {
    vertical-align: sub;
}
/* End - /OrderInquiry/ClientQuoteSearch Screen */
/* Start - /OrderInquiry/ClientOrderSearch Screen */
.my-order-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.narrower-fixed-width {
    width: 85px !important;
}

.wider-fixed-width {
    width: 170px !important;
}

.ship-date-header-width {
    width: 120px !important;
}

.shipment-header-width {
    width: 238px !important;
    text-align: left;
}

.order-by-header-width {
    width: 100px !important;
}

.order-total-header-width {
    width: 115px !important;
}

.my-order-center table#OrderList tbody tr td:nth-child(1) a {
    vertical-align: sub;
}

/* End - /OrderInquiry/ClientOrderSearch Screen */

/* Start - /Report/SelfServe Screen */
.report-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* End - /Report/SelfServe Screen */

/* Start - /Report/SelfServe/Edit Screen */
.create-report-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* End - /Report/SelfServe/Edit Screen */

/* Start - /OrderInquiry/InvoiceSearch Screen */
.account-statements-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.col.only-show-open-invoices-min-width {
    min-width: 180px;
}
/* End - /OrderInquiry/InvoiceSearch Screen */
/* Start - /Profile/ClientProfile Screen */
.location-column {
    width: 175px;
}

.my-profile-container {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    min-width: 1250px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* End - /Profile/ClientProfile Screen */
/* Start - /OrderEntry/OrderDetail/Index/ Screen */
.order-detail-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    /*width: 65%;*/
    width: 1150px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ui-widget-content a {
    color: inherit !important;
}

.internal-external-spans {
    font-size: 12px !important;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.email-button-container {
    width: 100% !important;
}

.order-footer-right a {
    min-width: 180px;
    width: 180px;
}

.file-link-color {
    color: #D92231;
}

.order-detail-reduce-width {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.order-detail-reduce-width-no-padding {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.totals-section {
    position: absolute;
    left: 975px;
}

.order-detail-order-footer {
    position: relative;
}

.order-footer-buttons-position-external {
    position: relative;
    padding-top: 65px;
}

.order-footer-buttons-position-internal {
    position: relative;
    padding-top: 10px;
}

.order-footer-right-position {
    position: absolute;
    left: 513px;
    top: 10px;
}

#order-footer-buttons .order-footer-right div {
    width: 26%;
}

.buttons.button-section-margin {
    margin-bottom: 25px;
    margin-top: 15px;
    margin-right: 25px;
}

.buttons.button-section-margin-confirmation {
    margin-bottom: 25px;
    margin-top: 15px;
    margin-right: -35px;
}

/* End - /OrderEntry/OrderDetail/Index/ Screen*/
/* Start - /OrderEntry/AddProduct/Index/ Screen */
.add-product-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    padding-top: 20px;
    padding-bottom: 20px;
}
/* End - /OrderEntry/AddProduct/Index/ Screen */

/* Start - /Product/ProductCompare/Index Screen */
.product-compare-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    padding-top: 20px;
    padding-bottom: 20px;
}
/* End - /Product/ProductCompare/Index Screen */

/* Start - /Client/ClientDetail/Index Screen */
.client-details-main-section-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    min-width: 1400px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#create-new-quote-btn {
    position: absolute;
    top: -5px;
    left: 199px
}

#client-details-button-row {
    position: relative;
    left: 117px;
    top: -5px;
}

.create-new-quote-button {
    position: absolute;
    top: 44px;
    left: -2px;
}

.client-details-secondary-section-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 1085px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.btn.btn-primary.standard-buttons-custom-format {
    font-size: 11px !important;
    height: 55px !important;
}

.td-align {
    padding-top: 5px;
}

.font-increase {
    font-size: 14px;
}

.standard-button-height {
    height: 49px !important;
}

.remove-bullets {
    list-style: none !important;
    padding-left: 0px !important;
}

.client-profile-table {
    overflow: hidden !important;
    min-height: 400px !important;
}

#clientProfileModal {
    height: 480px !important;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    align-content: center;
}

.order-list-table {
    width: 1055px !important;
}

.quote-order-header-width {
    width: 65px !important;
}

button.btn.btn-primary.create-new-quote-button.standard-buttons-custom-format.client-detail-row-button {
    padding: 4px 10px !important;
}

/* End - /Client/ClientDetail/Index Screen */
/* Start - /Product/Search/Keyword Screen */

.product-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#productSearchFilter a.showFilterFly {
    /*background-position: 0 1.5px;*/
    background: url(../images/left_nav_sprite_new_new.png) no-repeat scroll 0 1.5px;
    background-size: 261px;
}

#productSearchFilter .searchFilterHeader {
    /*background-position: 0 1.5px;*/
    width: 258px;
}

#productSearchFilter a.toggleFilter {
    background-position: -245px 3px
}


.products-search-results-image-column {
    width: 12%;
}

.products-search-results-availability-column {
    width: 11%;
    text-align: center;
}

.promotion-icon {
    margin-right: 2px;
}

.products-search-results-sellprice, .products-search-results-itemcost {
    margin-right: 0px;
}

.products-search-results-price-column {
    text-align: center;
}

/* End  - /Product/Search/Keyword Screen */

/* Start - /LCM/LCM/Worksheet Screen */
.lcm-worksheet-button-cells button,
.lcm-worksheet-button-cells div button,
.lcm-worksheet-div button {
    width: 135px !important;
}

.lcm-table {
    width: 100%;
    margin-top: 5px;
    min-height: 77px;
}

    .lcm-table td {
        margin-left: 3px;
        margin-right: 3px;
        font-size: 12px;
    }

.lcm-table-group-item {
    padding-top: 10px;
    background-color: #f1f1f1;
}

.contract-vendor-group {
    padding-left: 20px;
}

.service-address-div {
    padding-top: 5px;
    margin-left: 10px;
}

.service-level-header-custom {
    padding-left: 19px;
    width: 145px;
}

.license-number-header-custom {
    padding-left: 10px;
}

.contract-number-header-custom {
    padding-left: 10px;
}

.service-address-header-custom {
    padding-left: 8px;
}

.service-address-input {
    width: 353px;
}

.center-eosl-column-header {
    text-align: left;
    padding-left: 35px !important;
}

.center-eol-column-header {
    text-align: left;
    padding-left: 35px !important;
}

.center-coverage-period-column-header {
    text-align: center;
}

.checkbox-header {
    width: 108px;
}

.quantity-header {
    width: 90px;
}

.quote-header {
    width: 145px;
}

.mfr-header {
    width: 275px;
}

.center-due-date-column-header {
    text-align: center;
}

.renewal-frequency-padding {
    text-align: right;
    padding-right: 5px !important;
}

.contract {
    top: 95px;
    left: 802px;
    position: absolute;
}

.service-address-table {
    margin-left: 20px;
    margin-top: 12px;
}

button.its-button-large.floating-right {
    float: right;
}

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

.product-description-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
}

.lcm-table td {
    padding-left: 2px;
    padding-right: 2px;
}

.product-description-width {
    width: 40%;
}

.mfr-part-number-width {
    width: 255px;
}

.date-column-width {
    width: 100px;
}

.btn-primary-lcm-worksheet {
    background-color: #000000 !important;
    width: 150px;
    cursor: pointer;
}

button.btn-primary-lcm-worksheet:hover {
    background-color: #D92231 !important
}

@media (max-width: 1350px) {
    .quote-number-field {
        margin-left: 5px !important;
    }
}

@media screen and (min-width:1351px) and (max-width: 1650px) {
    .quote-number-field {
        margin-left: 19px !important;
    }
}

/* End - /LCM/LCM/Worksheet Screen */
/* Start - /Opportunity/Opportunity/Inquiry Screen */
.quotes-orders-checkbox {
    margin-bottom: 2px;
}

.topic-column-width {
    width: 20% !important;
}

.client-column-width {
    min-width: 200px;
    width: 200px;
}

.close-date-column-width {
    min-width: 65px;
    width: 65px;
}

.total-revenue-column-width {
    min-width: 35px;
    width: 35px;
}

.stage-sales-column-width {
    min-width: 30px;
    width: 30px;
}

.search-opportunities-button {
    position: relative;
    bottom: 8px;
    right: 6px;
}

/* End - /Opportunity/Opportunity/Inquiry Screen */
/* Start - /Opportunity/Opportunity/Opportunity Screen */
.opportunity-detail-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 1285px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.totalrevenue-closedate-field-height {
    height: 26.5px;
    width: 106px;
}

.asg-button {
    left: -198px;
}

.column-float-left {
    float: left;
}

.opportunity-button-group {
    position: relative;
    left: 0px;
}

.opp-save-button {
    position: absolute !important;
    top: 0px;
    right: 0px;
}

.opp-create-quote-button {
    position: absolute !important;
    top: 0px;
    left: 875px;
}

.opp-associate-quote-button {
    position: absolute !important;
    top: 0px;
    left: 1028px;
}
/* End - /Opportunity/Opportunity/Opportunity Screen*/

/* Start - /Report/SalesAssistant/OrderDetail and /Report/SalesAssistant/InvoiceDetail Screen */
.order-header {
    width: 48px !important;
}

.po-header {
    width: 40px !important;
}

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

.client-executive-header-alignment {
    text-align: left;
}

.client-header-width-increase {
    min-width: 170px !important;
}

.account-number-header-width-decrease {
    width: 40px !important;
}

.invoice-number-header-width-decrease {
    width: 55px !important;
}

.last-note-header-width-decrease {
    width: 60px !important;
}

.days-old-header-width-decrease {
    width: 60px !important;
}

.adtp-header-width-decrease {
    width: 30px !important;
}

.client-executive-header-fixed-width {
    min-width: 135px !important;
    width: 135px !important;
    max-width: 135px !important;
    text-align: left;
}

.client-executive-data {
    vertical-align: middle;
    padding-left: 5px;
}

#CurrentUserInvoiceNotesOnly, #CurrentUserOrderNotesOnly {
    margin-bottom: 2px;
}

#show-notes-container {
    position: relative;
    bottom: 3px;
}

.note-icon {
    width: 25px;
    padding: 0 !important;
}

.notes-icon-div {
    padding: 0 !important;
}

.sales-assistant-dropdown-width {
    width: 170px !important;
}
/* End - /Report/SalesAssistant/OrderDetail and /Report/SalesAssistant/InvoiceDetail Screen*/

/* Start - /Punchout/NewContact/ Screen */
.punchout-page-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* End - /Punchout/NewContact/ Screen  */

/* Start - /OrderEntry/SerialNumber/ Screen */
.serial-number-asset-tag-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    padding-top: 20px;
    padding-bottom: 20px;
}

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

.checkbox-vertical-align-middle {
    vertical-align: middle;
}

/* End - /OrderEntry/SerialNumber/ Screen */

/* Start - /OrderInquiry/OrderSearch Screen */
.status-filter-field {
    margin-left: 15px;
}

.state-filter-field {
    margin-left: 21px;
}

.last-modified-filter-field {
    margin-left: 18px;
}

.order-date-filter-field {
    margin-left: 31px;
}

.client-executive-filter-field {
    margin-left: 18px;
}

.order-number-filter-field {
    margin-left: 34px;
}

.client-po-filter-field {
    margin-left: 40px;
    width: 130px;
}

#OrderList .webgrid.order-search tbody tr td {
    vertical-align: middle !important;
}


/* End - /OrderInquiry/OrderSearch Screen */
/* Start - /OrderEntry/TrackingNumber Screen */
.tracking-number-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.checkbox-column-vertical-align {
    vertical-align: middle;
}

.its-modal-container {
    font-size: 13.5px;
}

/* End - /OrderEntry/TrackingNumber Screen */

/* Start - /General/RepAssignment Screen */
.ce-assignment-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    min-width: 600px;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Left-justify the text in the first column */
#tableRepAssignment tbody tr td:nth-child(1) {
    text-align: left;
    padding-left: 0px;
}

#tableRepAssignment tbody tr td button.btn.btn-primary.save-rep-button {
    margin-left: 0px !important;
}

#tableRepAssignment td {
    vertical-align: middle;
}
/* End - /General/RepAssignment Screen */

/* Start - /Admin/ClientOrderTypeManagement Screen */
.client-order-type-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 1030px;
    padding-top: 20px;
    padding-bottom: 20px;
}
/* End - /Admin/ClientOrderTypeManagement Screen */

/* Start - /Admin/HolidayMaintenance Screen */
.td-header-padding {
    padding-top: 5px;
    padding-left: 5px;
}

/* End - /Admin/HolidayMaintenance Screen */

/* Start - /OrderInquiry/SerialNumberSearch Screen */
.order-search-filters-section {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    min-width: 920px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#SerialNumberList_grid table.webgrid tbody tr td {
    padding: 5px 5px !important;
}

    /* columns to be affected 1, 2, 4, 5, 6*/
    #SerialNumberList_grid table.webgrid tbody tr td:nth-child(1),
    #SerialNumberList_grid table.webgrid tbody tr td:nth-child(2),
    #SerialNumberList_grid table.webgrid tbody tr td:nth-child(4),
    #SerialNumberList_grid table.webgrid tbody tr td:nth-child(5),
    #SerialNumberList_grid table.webgrid tbody tr td:nth-child(6) {
        text-align: center;
    }

#SerialNumberList_grid table.webgrid thead tr th:nth-child(9) {
    width: 60px;
}
/* End - /OrderInquiry/SerialNumberSearch Screen */

/* Start - /Client/SpecialPricing/Edit Screen */

.expiration-date-centered {
    text-align: center;
}

#SpecialPricingRulesGrid_grid table.webgrid tbody tr td:nth-child(9) {
    text-align: center;
}

.label-vertical-align-middle {
    vertical-align: top;
    padding-top: 35px;
}

#SpecialPricingRulesGrid .webgrid tbody tr td {
    padding: 8px 6px !important;
}

#SpecialPricingRulesGrid .webgrid thead tr th:nth-child(5) {
    min-width: 200px;
}

#SpecialPricingRulesGrid .webgrid tbody tr td:nth-child(2),
#SpecialPricingRulesGrid .webgrid tbody tr td:nth-child(5) {
    text-align: center;
}

#SpecialPricingRulesGrid .webgrid tbody tr td:nth-child(6) {
    text-align: left;
}

#SpecialPricingRulesGrid .webgrid tbody tr td {
    vertical-align: middle;
}

.special-pricing-cost.text-box.single-line,
.special-pricing-sell.text-box.single-line {
    width: 90px !important;
}

.expiration-date-input.text-box.single-line {
    width: 90px !important;
}

div.pika-single button.pika-button.pika-day {
    background: #f5f5f5f5 !important;
    color: black !important;
}

    div.pika-single button.pika-button.pika-day:active {
        background: lightblue !important;
        color: white !important;
    }

    div.pika-single button.pika-button.pika-day:hover {
        background: #D92231 !important;
        color: white !important;
    }

div.pika-single button.pika-prev, div.pika-single button.pika-next {
    color: black !important;
    content: "*";
}

    div.pika-single button.pika-prev::before {
        font-weight: bold !important;
        color: black !important;
        content: "<" !important;
    }

    div.pika-single button.pika-next::before {
        font-weight: bold !important;
        color: black !important;
        content: ">" !important;
    }

/* Start - Taken from https://github.com/Pikaday/Pikaday/blob/master/scss/pikaday.scss */
.pika-label {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}

.pika-prev,
.pika-next {
    display: block !important;
    cursor: pointer !important;
    position: relative !important;
    outline: none !important;
    border: 0 !important;
    padding: 0 !important;
    width: 20px !important;
    height: 30px !important;
    text-indent: 20px !important;
    /* hide text using text-indent trick, using width value (it's enough) */
    white-space: nowrap !important;
    overflow: hidden !important;
    background-color: transparent !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 75% 75% !important;
    opacity: .5 !important;
}

    .pika-prev:hover {
        background: none;
        background-color: transparent !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: 75% 75% !important;
        opacity: .5 !important;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==') !important;
    }

    .pika-next:hover {
        background: none;
        background-color: transparent !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: 75% 75% !important;
        opacity: .5 !important;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=') !important;
    }

.pika-prev,
.is-rtl .pika-next {
    float: left !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==') !important;
}

.pika-next,
.is-rtl .pika-prev {
    float: right !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=') !important;
}

.pika-select {
    display: inline-block !important;
}

/* End - Taken from https://github.com/Pikaday/Pikaday/blob/master/scss/pikaday.scss */

/* End - /Client/SpecialPricing/Edit Screen */
/* Start - /Product/Detail Screen */
#product-detail-suppliers .webgrid {
    font-size: 12px !important;
}

#product-detail-suppliers {
    padding-top: 0px !important;
}

    #product-detail-suppliers .webgrid tbody tr td:nth-child(2) {
        text-align: center;
    }

    #product-detail-suppliers .webgrid thead tr th:nth-child(4),
    #product-detail-suppliers .webgrid thead tr th:nth-child(5),
    #product-detail-suppliers .webgrid thead tr th:nth-child(5) {
        width: 120px !important;
    }

@media (max-width:1500px) {
    .product-details-sidebar {
        width: 200px;
    }
}

/* End - /Product/Detail Screen */

/* Start - Admin Pages */
.general-admin-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    min-width: 1100px;
    width: 85%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.price-profile-dropdown {
    margin-left: 46px;
}

.product-id-text-area {
    margin-left: 57px;
}
/* End - Admin Pages*/

#OrderList .order-search thead th:nth-child(2) {
    width: 65px !important;
}

#OrderList .order-search thead th:nth-child(6) {
    width: 125px !important;
}

#OrderList .order-search thead th:nth-child(7) {
    width: 125px !important;
}

#OrderList .order-search thead th:nth-child(8) {
    width: 125px !important;
}

/* Start - /Profile/ShipToAddress/Choose Screen(s)*/
.ship-to-addresses-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    min-width: 1100px;
    width: 85%;
    padding-top: 20px;
    padding-bottom: 20px;
}
/* End - /Profile/ShipToAddress/Choose Screen(s) */

/* Start - PO/PoCreate?SalesOrder Screen */
.select-all-button {
    height: 36px !important;
}
/* End - PO/PoCreate?SalesOrder Screen */

/* Pop-up for PO Credit Check via clicking on Submit for Credit Approval */
#credit-approval-po-container {
    padding-left: 70px;
}

/* Start - /LCM/LCM/ManagementBoard Screen */
.management-board-container {
    min-width: 850px;
}

/* End - /LCM/LCM/ManagementBoard Screen */

/* Start - /General/AskUs Screen */
.email-body-width {
    width: 50%;
}

div.emailFields.email-body-width button,
div.emailFields button {
    background-color: #f9f9f9 !important;
    color: black !important;
}

    div.emailFields.email-body-width button:hover,
    div.emailFields button:hover {
        background-color: #ededed !important;
        color: black !important;
    }

div.emailFields.email-body-width button,
div.emailFields button {
    background-color: #d6d6d6 !important;
    background-image: -moz-linear-gradient(top, #e6e6e6, #c0c0c0) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#c0c0c0)) !important;
    background-image: -webkit-linear-gradient(top, #e6e6e6, #c0c0c0) !important;
    background-image: -o-linear-gradient(top, #e6e6e6, #c0c0c0) !important;
    background-image: linear-gradient(to bottom, #e6e6e6, #c0c0c0) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffc0c0c0', GradientType=0) !important;
    zoom: 1 !important;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
/* End - /General/AskUs Screen */

/* Start - /OrderInquiry/FollowUpNotes Screen */
.note-type-col {
    min-width: 80px;
}

select.field.filterField.due-date-width {
    width: 170px;
}
/* End - /OrderInquiry/FollowUpNotes Screen */

/* Start - /PO/PoDetail Screen */
#po-detail-table button.po-detail-btn-size {
    width: 150px !important;
}

#purchaseOrderDetail #SubmissionForm table#purchase-order-first-grid {
    width: 1200px;
}

/* End - /PO/PoDetail Screen */

/* Start - Modal Updates */
.ui-dialog-buttonset button,
.ui-dialog-buttonset button:active {
    padding: 8px 20px !important;
    text-align: center !important;
    outline: none !important;
    margin: 5px 5px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-family: 'Roboto' !important;
    letter-spacing: 2px !important;
    height: auto !important;
    width: auto !important;
    transition: .3s ease-in-out all !important;
    background: #000000 !important;
    color: #FFF !important;
    box-shadow: 2px 2px 1px rgba(0,0,0, .1) !important;
    border: none !important;
}

    .ui-dialog-buttonset button:focus {
        padding: 8px 20px !important;
        text-align: center !important;
        outline: none !important;
        margin: 5px 5px !important;
        font-weight: bold !important;
        font-size: 12px !important;
        text-transform: uppercase !important;
        font-family: 'Roboto' !important;
        letter-spacing: 2px !important;
        height: auto !important;
        width: auto !important;
        transition: .3s ease-in-out all !important;
        background: #000000 !important;
        color: #FFF !important;
        box-shadow: 2px 2px 1px rgba(0,0,0, .1) !important;
        border: none !important;
    }

    .ui-dialog-buttonset button:hover {
        padding: 8px 20px !important;
        text-align: center !important;
        outline: none !important;
        margin: 5px 5px !important;
        font-weight: bold !important;
        font-size: 12px !important;
        text-transform: uppercase !important;
        font-family: 'Roboto' !important;
        letter-spacing: 2px !important;
        height: auto !important;
        width: auto !important;
        transition: .3s ease-in-out all !important;
        background: #D92231 !important;
        color: #FFF !important;
        box-shadow: 2px 2px 1px rgba(0,0,0, .1) !important;
        border: none !important;
    }

.ui-dialog-titlebar-close::before {
    font-weight: bold;
    content: "X";
}

.ui-dialog-titlebar-close,
.ui-dialog-titlebar-close:active,
.ui-dialog-titlebar-close:focus {
    padding: 8px 20px !important;
    border-radius: 5px !important;
    text-align: center !important;
    outline: none !important;
    margin: 5px 5px !important;
    font-weight: bold !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    font-family: 'Roboto' !important;
    letter-spacing: 2px !important;
    height: auto !important;
    width: auto !important;
    transition: .3s ease-in-out all !important;
    background: #e6e6e6 !important;
    color: rgb(71, 98, 112) !important;
    box-shadow: 2px 2px 1px rgba(0,0,0, .1) !important;
    border: none !important;
}

    .ui-dialog-titlebar-close:hover {
        color: black !important;
        background: #c4c4c4 !important;
    }

/* End - Modal Updates*/

/* Start - /Report/Custom/ */
div#formBottom a.btn.btn-primary.reports-button,
div#formBottom button.btn.btn-primary.reports-button {
    width: 170px !important;
}

div#formRight div#outputSelection,
div#formRight div#periodSelection {
    width: 320px !important;
}

#tbodyFormColumns tr td {
    padding-top: 5px;
}
/* End - /Report/Custom/ */

/* Start - /Commission/ Screens */
.min-width-client-executive-wrapper {
    min-width: 550px;
}

.min-width-commission-maintenance-wrapper {
    min-width: 950px;
}

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

/* End - /Commission/ Screens */

/* Start - Edit and Delete Icons */
.fa-edit {
    font-size: large !important;
}

.fa-minus-circle {
    font-size: large !important;
    color: #be0000 !important;
}
/* End - Edit and Delete Icons */

/* Start PAS Screens */
#opportunity-inquiry-table thead tr th:nth-child(4) {
    width: 55px;
}

#opportunity-inquiry-table tbody tr td:nth-child(4) a.fa.fa-minus-circle {
    padding: 0px !important;
    padding-left: 16px !important;
}


/* End PAS Screens */
#cancelOrderConfirmationModal {
    height: 175px !important;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    align-content: center;
}


#InvoiceList .webgrid {
    table-layout: fixed;
}

    #InvoiceList .webgrid tbody tr td {
        word-wrap: break-word;
    }

#InvoiceList .order-search thead tr th:nth-child(1) {
    text-align: center;
    width: 2% !important;
}

#InvoiceList .order-search thead tr th:nth-child(2) {
    text-align: center;
}

#InvoiceList .order-search tr td:nth-child(2) {
    text-align: center;
}

#InvoiceList .order-search thead tr th:nth-child(3) {
    width: 7.5% !important;
    text-align: center;
}

#InvoiceList .order-search tr td:nth-child(3) {
    text-align: center;
}

#InvoiceList .order-search thead tr th:nth-child(5) {
    width: 5% !important;
}

#InvoiceList .order-search thead tr th:nth-child(7) {
    width: 7.5% !important;
}

#InvoiceList .order-search thead tr th:nth-child(8) {
    width: 7.5% !important;
}

#InvoiceList .order-search thead tr th:nth-child(9) {
    width: 10% !important;
}

.order-report-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* For Chrome or Safari */
progress::-webkit-progress-bar {
    background-color: #eeeeee;
}

progress::-webkit-progress-value {
    background-color: green !important;
}


/* For Firefox */
progress {
    background-color: lightgray !important;
}

    progress::-moz-progress-bar {
        background-color: green !important;
    }

/* For IE10 */
progress {
    background-color: #eee;
}

progress {
    background-color: green;
}