html, body {
    background-color: #FFFFFF;
    font-family: Slate, SlateL, SlateM, Roboto, RobCL_Bold, RobotoBlack, RobotoL, RobCL, RobCLR, RobotoM;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

body {
    height: 100%;
    max-width: 1366px;
    margin: 0 auto;
    font-family: Slate, SlateL, SlateM, Roboto, RobCL_Bold, RobotoBlack, RobotoL, RobCL, RobCLR, RobotoM;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}

/*#region Generic OrderCo (OC) styles */

.OCPrimaryButton {
    background-color: #1976d2;
    border: 0;
    border-radius: .15em;
    color: white;
    height: 40px;
    font-family: 'Slate';
    font-size: 13px;
    text-transform: uppercase;
    font-weight: unset;
    min-width: 150px;
    transition: 0.2s;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
}

.OCPrimaryButton:hover {
    background-color: #0f4d8a;
}

.OCSecondaryButton .lds-dual-ring,
.OCPrimaryButton .lds-dual-ring {
    height: unset;
}

.OCSecondaryButton {
    background-color: #fff;
    border:1px solid #e1e1e1;
    border-radius: .15em;
    color: #000;
    height: 40px;
    font-family: 'Slate';
    font-size: 13px;
    text-transform: uppercase;
    font-weight: unset;
    min-width: 150px;
    transition: 0.2s;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.OCSecondaryButton:hover {
    background-color: #e1e1e1;
}

.OCDisabledButton {
    pointer-events: none;
    background-color: #cccccc;
}

/*#endregion Generic OrderCo (OC) styles */

.NoResultImage {
    position: absolute;
    top: 0px;
    left: 0px;
}

/*Scrollbars*/
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #AAA;
    border-radius: 5px;
    position: absolute;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #AAA;
        cursor: pointer;
    }

/*******************************/

.loadingCursor, .loadingCursor * {
    cursor: progress;
}

.body-content {
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding: 0;
    margin: 0px;
    border: 0;
    /*background: url(../../../Images/LoginBackground.jpg) center no-repeat fixed;*/
    background-color: white;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

img::selection, ul::selection, li::selection, span::selection, text::selection,
strike::selection, a::selection, td::selection, tr::selection, div:not(.SearchContainerElementSearch)::selection {
    background-color: inherit;
}

td {
    padding: 0px;
}


img {
    height: auto;
    max-width: 100%;
}

.hero img {
    max-width: 1366px;
}

.borderColourBlue {
    border-color: #1976d2 !important;
}

/*****************Layout***************/

.ListMenuClick {
    background-color: #E6F2FA !important;
}

.PageOverLay, #PageOverlay,
#CartPageOverlay {
    background-color: #222;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 502;
}

.k-overlay {
    background-color: #000 !important;
    opacity: 0.5 !important;
}

.FloatingScrollButtonContainer {
    height: 1px;
    max-width: 1366px;
    width: 80px !important;
    right: 10%;
    bottom: 50px;
    position: fixed;
    z-index: 1;
}

.coErrorMessages .FloatingScrollButtonContainer {
    margin-left: 40px;
}

#FloatingScrollButton {
    width: 30px;
    height: 30px;
    color: white;
    cursor: pointer;
    font-family: RobCL;
    font-size: 18px;
    position: absolute;
    right: 30px;
}

    #FloatingScrollButton:hover > .divBackToTop {
        color: #333;
        background-color: white;
        border: 1px solid #f2f2f2;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0px;
        font-family: SlateM;
        font-size: 11px;
        font-weight: normal;
        display: block;
    }

.divBackToTop {
    color: #333;
    background-color: white;
    border: 1px solid #f2f2f2;
    border-radius: .15em;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    font-family: SlateM;
    font-size: 11px;
    display: none;
    font-weight: normal;
    padding: 4px;
    line-height: 11px;
}

.clear {
    clear: both;
}

div.k-window-titlebar.k-header {
    font-family: RobCL_Bold;
    font-size: 14px;
    font-weight: normal;
}

div#wndCheckoutMessage div.k-window-titlebar.k-header {
    font-family: RobCL !important;
    font-size: 14px !important;
}

#ShoppingCartPageOverlay {
    background-color: black;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0px;
    display: none;
    z-index: 502;
}

.MainMenuOverLay {
    background-color: black;
    opacity: 0.7;
    width: 100%;
    max-width: 1366px;
    height: 57px;
    position: fixed;
    top: 65px;
    margin: 0 auto;
    display: none;
    z-index: 500;
}

/*Generic responsive layout*/

ul.k-tabstrip-items {
    white-space: nowrap;
}

    ul.k-tabstrip-items span {
        white-space: pre-wrap;
    }

.AltProductPriceColumn,
.GenericProductPrice,
.GenericProductQty,
.GenericProductSavePerc,
.GenericProductSave .TheraputicProductPrice,
.TheraputicProductQty,
.TheraputicProductSavePerc,
.TheraputicProductSave {
    min-width: 40px;
}

.BurgerMenu {
    display: none;
    width: 40px;
    height: 40px;
}

.MenuFixed {
    position: absolute;
    width: 100%;
    max-width: 1366px;
    height: 66px;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
}

.MainMenuContainer {
    text-align: center;
    vertical-align: top;
    font-size: 15px;
    max-width: 1366px;
    background-color: white;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 50px;
    border: none;
    margin-bottom: 22px;
    z-index: 1000;
}

#divGlobalSearchControl {
    height: auto;
}

.CheckoutContentBody {
    min-height: 100%;
    max-width: 1366px;
    margin: auto;
    position: relative;
    height: auto;
}

.ContentBody {
    padding-top: 66px;
    min-height: calc(100vh - 66px);
    min-height: calc((var(--vh, 1vh) * 100) - 66px);
}

/*****************Login********************/

.Loader {
    position: absolute;
    top: 50vh;
    width: 35px;
    margin-top: 40vh;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    color: Black;
    font-weight: normal;
}

.LoginContainer {
    width: 100%;
    height: auto;
    position: relative;
}

.LoginButton {
    width: 100% !important;
    height: 38px;
    margin-top: 32px;
    padding-bottom: 15px;
    border-radius: .25em;
    color: white;
    font-weight: normal;
    font-family: SlateM;
    font-size: 15px;
    text-transform: uppercase;
}

.LoginForm #LoginSpinner {
    top: unset;
    bottom: 10px;
}

.SignupButton {
    width: 100% !important;
    height: 38px;
    margin-top: 20px;
    background-color: white !important;
    border: 1px solid #c2cfd6 !important;
    border-radius: .25em;
    color: #1976d2 !important;
    font-weight: normal;
    font-family: SlateL; /*RobCL*/
    font-size: 15px;
}

    .SignupButton:hover {
        border: 1px solid rgba(25, 118, 210, .7) !important;
    }

input[type="button"].LoginButton, input[type="button"].SignupButton {
    font-size: 14px !important;
    border: none;
    border-radius: 4px;
    /*text-transform: uppercase;*/
    font-weight: normal;
}

#CacheStatus {
    position: absolute;
    font-family: SlateL;
    font-size: 12px;
    top: 5px;
    right: 10px;
    color: #DDD;
    display: none;
}

.ForgotElement {
    font-family: SlateL;
    font-size: 12px;
}

.OTPSingleElementContainer {
    display: flex;
}

.OTPSingleElement {
    text-align:center;
}

.ForgotPassword {
    float: right;
    margin-top: 3px;
    cursor: pointer;
    color: #1976d2;
    font-family: SlateL;
    font-size: 13px;
}

    .ForgotPassword:hover {
        text-decoration: underline;
    }

.LoginElementError:last-child {
    margin-top: 1px;
    line-height: 14px;
}

.LoginElementError {
    font-family: SlateL;
    position: absolute;
    color: red !important;
    font-size: 14px;
    margin-top: 160px;
    text-align: center;
    width: 300px;
}

input[type=text], input[type=email], input[type="password"] {
    display: block;
    width: 100%;
    max-width: 95%;
}

input.LoginText {
    width: 80vw;
    max-width: 100%;
    height: 40px;
    font-family: SlateL;
    font-size: 15px;
    border: 1px solid #c2cfd6;
    color: black;
    margin-bottom: 0;
    text-indent: 10px;
    background-color: white !important;
    border-radius: .25em;
    padding-left: 10px;
}

@-moz-document url-prefix() {
    input.LoginText {
        font-size: 12px;
    }

    .addtolistFullpage .MATC_AddToCartButtonWithOption span {
        font-size: 10px;
    }

    .btnHistoryChange {
        float: left;
    }
}

#LoginForm {
    height: calc(var(--vh, 1vh) * 100);
    overflow: auto;
}

.LoginElement input:focus {
    outline: #8BADE4;
    border: solid 1px #8BADE4;
}

.LoginElement input::-webkit-input-placeholder {
    color: #555 !important;
}

.LoginElement input:-moz-placeholder { /* Firefox 18- */
    color: #555 !important;
}

.LoginElement input::-moz-placeholder { /* Firefox 19+ */
    color: #555 !important;
}

.LoginElement input:-ms-input-placeholder {
    color: #555 !important;
}

.LoginForm {
    width: 95%;
    max-width: 360px;
    height: auto;
    background-color: rgba(255,255,255,0.5);
    margin: 20px auto 0;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    border: 1px solid #eee;
    padding: 20px
}

.LoginLogo {
    position: relative;
    margin: auto;
    display: block;
    width: auto;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 90px;
    width: 220px;
    padding: 10px 0;
}

.COConfLeft .MainLogo {
    position: relative;
    float: left;
    top: 10px;
    left: 10px;
    padding-bottom: 50px;
    margin-bottom: 20px;
    max-height: 60px;
    cursor: pointer;
}

.LoginContent {
    margin-top: 0px;
}

.PasswordText {
    margin-top: 5px !important;
}

/****Footer******/

.Footer {
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1366px;
    width: 100%;
    position: relative;
    font-family: RobCL;
    font-size: 12px;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 0px;
    border-top: solid 1px #BBB;
}

.MainFooterContainer {
    background-color: #f7f7f7;
    margin-top: 20px;
    height: 100%;
    position: relative;
    bottom: 0;
    max-height: 182px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.MainFooterContent {
    margin: 25px auto 0;
    padding-bottom:38px;
}

.FooterBottom {
    top: 110% !important;
}

.MainFootHeader {
    position: relative;
    font-family: SlateM;
    font-weight: normal;
    font-size: 18px;
    color: #9A9A9A;
    margin: 10px 0;
}

.MainFootSubHeader {
    position: relative;
    font-family: SlateM;
    font-weight: normal;
    font-size: 14px;
    color: #9A9A9A;
    margin: 0 auto;
}

.MainFootText {
    font-family: SlateL;
    font-size: 14px;
    color: #808080;
    padding: 0 !important;
    line-height: 25px;
    text-align: left;
}

.menuFooterBlock .MainFootText {
    text-align: center;
}

.MainFootTextEntry:hover {
    text-decoration: underline !important;
    color: #D60606 !important;
}

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

#CenterFootColumn2 {
    padding: 0 !important;
}

#RightFootColumn {
    padding: 0 !important;
}

.FooterBottom {
    background-color: #e6e6e6;
    height: 40px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    align-self: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.BurgerFooterBottom {
    background-color: #e6e6e6;
    height: 40px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    align-self: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.FooterColumnImage {
    padding-top: 10px;
    width: auto;
    max-width: 275px;
    min-width: 100px;
    margin: 1% 13%;
}

#divContactUs .row {
    margin: 0;
}

/****************Menu*********************/

#MenuBurger {
    display: none;
}

#Menu {
    width: 170px;
}

    #Menu li {
        text-align: left;
    }

    #Menu h2 {
        font-size: 1em;
        text-transform: uppercase;
        padding: 5px 10px;
    }

#template img {
    margin: 5px 20px 0 0;
    float: left;
}

#template {
    width: 380px;
}

    #template ol {
        float: left;
        margin: 0;
        padding: 10px 10px 0 10px;
    }

    #template:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    #template .k-button {
        float: left;
        clear: left;
        margin: 5px 0 5px 12px;
    }

/*****Layout*****/

.LayoutNotSelected {
    opacity: 0.2;
}

.LayoutSelected {
    opacity: 1;
}

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

#LayoutSubOptions_ColumnView {
    display: none;
}

.imageToggle {
    cursor: pointer;
}

.ColumnImageOn {
    color: green;
    cursor: pointer;
}

.ColumnImageOff {
    color: red;
    cursor: pointer;
}

.LayoutSubOptions {
    position: absolute;
    width: 150px;
    height: 40px;
    z-index: 401;
    right: 250px;
    display: none;
}

div#LayoutSubOptions_ListView {
    display: none;
}

.LayoutSubOptions span {
    position: absolute;
    margin-left: 10px;
    color: #808080;
    font-family: SlateL;
    font-size: 13px;
}

.LayoutFilter {
    right: 400px;
    position: absolute;
    width: 152px;
    z-index: 401;
}

.SortFilter {
    right: 0px;
    left: auto;
    position: absolute;
    z-index: 401;
    background-color: transparent;
    display: block;
}

.ulContent .SortFilter {
    position: relative;
}

.OptionFilter .MATC_AddToCartButtonWithHTMLOptionDropDown {
    margin-left: 0 !important;
    width: 100% !important;
    float: left;
}

.OptionFilter::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space */
    background: transparent; /* optional: just make scrollbar invisible */
}

.filterBoxAd
{
    height:318px;
    background-color:blue;
}

.filterBox {
    position: relative;
    max-height:400px;
}

.filterboxHeight {
    max-height: 89vh;
    max-height: calc(var(--vh, 1vh) * 89);
}

.OptionFilter {
    position: fixed;
    top: 76px;
    z-index: 400;
    min-height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    outline: none !important;
}

#mainViewContainer .OptionFilter {
    overflow: unset !important;
}

.ulContent .OptionFilter {
    position: relative !important;
}

#ULFiltersCol {
    max-height: calc(100vh - 140px);
    max-height: calc((var(--vh, 1vh) * 100) - 140px);
    overflow: hidden !important;
}

#divULAttributesControl {
    border-bottom: 1px solid #f2f2f2;
    max-width: 225px;
}

#divOrderHistory #divULAttributesControl {
    position: relative;
    border-bottom: 0px solid #f2f2f2;
}

.OptionFilterFixed {
    top: -27px !important;
    position: relative !important;
    z-index: 401;
    overflow-y: scroll;
}

.btnClearAllAttributes {
    position: absolute;
    top: 11px;
    left: 60px;
    z-index: 402;
    font-family: SlateL;
    font-size: 12px;
    display: none;
}

    .btnClearAllAttributes:hover {
        color: #1976d2;
        text-decoration: underline;
        cursor: pointer;
    }

#divMobileStatusBar, #divMobileResultCount, #divMobileViewLayout {
    display: none;
}

#divStatusBar {
    width: 100%;
    height: 30px;
    position: relative;
    right: 0px;
    padding-top: 10px; /*20px*/
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: none;
}

.FrontOverlay {
    z-index: 401;
}

#divPageHeading {
    text-align: center;
    font-family: RobCL;
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 0px !important;
    display: none;
}

/*******************************Users List**************************************/

.UserListDropDown {
    width: 260px;
    height: 300px;
    border: solid 1px #DDDDDD;
    position: absolute;
    top: 30px;
    left: -160px;
    z-index: 1000;
    background-color: white;
    margin-bottom: 20px;
    display: none;
}

/********************Numeric up down control**************************/

div[id*='Control_'] div.divPriceQtyIncDec .spanMinusStnd {
    top: 0px;
}

div[id*='Control_'] div.divPriceQtyIncDec .spanPlusStnd {
    top: 0px;
}

.ProductFullContainer .k-tabstrip-wrapper {
    margin-top: 0;
}

.ProductFullContainer tr[id*='AltProductsContent_'] div.divPriceQtyIncDec span.spanPlus {
    top: -10px !important;
}

.ProductFullContainer tr[id*='AltProductsContent_'] div.divPriceQtyIncDec span.spanMinus {
    top: -10px !important;
}

.ProductFullContainer .AltProductQuantitySpacer .spanMinus {
    top: -12px !important;
}

.ProductFullContainer .AltProductQuantitySpacer .spanPlus {
    top: -12px !important;
}

.Full_ProductTabsProducts div[id*='Control_'] .spanPlusStnd {
    top: -6px !important;
}

.Full_ProductTabsProducts div[id*='Control_'] .spanMinusStnd {
    top: -6px !important;
}

.FullPageAddToListButton {
    position: absolute;
    top: 290px;
    right: 3%;
}

    .FullPageAddToListButton span[id*='MATCSelectedText_'] {
        margin-top: 5px;
        margin-left: 40px;
    }

.GridProductContainer .GridViewAddToCartButton {
    bottom: 5px;
    right: 0px;
}

.GridViewAddToCartButton {
    display: none;
}

    .GridViewAddToCartButton span[id*='MATCSelectedText_'] {
        margin-left: -0.5vw !important;
    }

.GridProductContainer:hover div.Grid_PriceRangeStrike {
    display: block;
}

.GridProductContainer:hover div.Grid_PriceRangeStrikeSave {
    display: block;
}

.GridProductContainer:hover div.Grid_PriceRange {
    display: block;
}

.GridProductContainer:hover div.GridViewAddToCartButton {
    display: block;
}

.GridProductContainer:hover .GridViewCartText {
    display: inline-block;
}

.GridProductContainer:hover .SliderContainer {
    display: inline-block;
}

.OrderingGrid_Grid .MATC_VisibleDifferentSuppliers {
    position: absolute;
    display: none;
    color: red;
    font-size: 9px;
    bottom: 10px;
    left: 10px;
}

.OrderingGrid_Grid .MATC_ItemsInCart {
    position: absolute;
    color: green;
    margin-top: 0px;
    font-size: 9px;
    height: 20px;
    bottom: 0px;
    top: 30px;
    left: -93px;
}

.MATC_ItemsInCartPredictive {
    float: right;
    color: green;
    margin-top: -15px;
    font-family: SlateL;
    font-size: 10px;
    height: 20px;
    right: 0px !important;
}

.MATC_ItemsInCart {
    position: absolute;
    color: green;
    margin-top: 0px;
    font-family: SlateL;
    font-size: 10px;
    height: 20px;
    bottom: 0px;
    top: 35px;
    left: -90px !important;
}

.MATC_AddToCartButtonWithOption span {
    position: relative;
    text-align: left;
    font-family: Slate;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-weight: normal;
    color: #808080 !important;
}

.UserListsGrid .listDropDownOverride .MATC_AddToCartButtonWithOption span {
    text-align: center !important;
}

.SortFilter .MATC_AddToCartButtonWithOption {
    padding-right: 20px !important;
    text-align: right !important;
}

.MATC_AddToCartButtonWithOption {
    position: relative;
    width: auto;
    height: 40px;
    padding-top: 0px;
    font-size: 12px;
    cursor: pointer;
    z-index: 300;
    width: 100% !important;
}

#divULContent #OptionFilter .MATC_Visible {
    max-width: 225px;
    box-sizing: border-box;
    position: absolute;
}

#divULContent .MATC_AddToCartButtonWithOption {
    text-align: center;
}

#divULContent #OptionFilter .MATC_AddToCartButtonWithOption {
    text-align: left;
}

#Content_ItemsView .MATC_AddToCartButtonWithOptionDropDown {
    width: 150px;
}


#Content_ItemsView .MATC_AddToCartButtonWithOption {
    margin-top: -8px;
    position: absolute;
    right: 0px;
}

#Content_ItemsView .MultiSiteCartChildRow .MATC_AddToCartButtonWithOption {
    position: unset;
}

#Content_ItemsView .SavedForLaterKebabContainer .MATC_AddToCartButtonWithOption {
    position: relative;
}

.ShoppingCartPullDown .MATC_AddToCartButton .MATC_ImgAddToCartDownArrow {
    margin-top: 17px;
    margin-right: 30px;
}

.OrderHistoryRightContainer .SortFilter .MATC_AddToCartButtonWithOption {
    height: 40px;
    width: 250px !important;
}

.ULProductInfo .MATC_AddToCartButtonWithOption {
    height: 36px;
}

.UserListsGrid .MATC_AddToCartButtonWithOption {
    border-radius: .25em;
}

.MATC_AddToCartButtonWithOptionGreen {
    background-color: #84BD24 !important;
    border-color: #84BD24 !important;
}

.MATC_AddToCartButtonWithOptionDisabled {
    background-color: #AAA !important;
    border-color: #e6e6e6 !important;
    cursor: default !important;
}

.MATC_AddToCartButtonWithOptionNoButton {
    height: 37px;
    text-align: center;
    color: #AAAAAA;
    font-size: 12px;
    cursor: pointer;
    font-family: RobCL;
}

    .MATC_AddToCartButtonWithOptionNoButton:hover {
        box-shadow: 0px 3px 5px #AAA;
    }

    .MATC_AddToCartButtonWithOptionNoButton span {
        position: relative;
        top: 7px;
    }

div[id*='divGenericAttributes'], div[id*='divTheraputicAttributes'] {
    min-height: 200px;
}

div.GenericsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    min-width: 500px;
    width: 500px;
    display: block;
}

div.TheraputicsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    min-width: 100%;
    width: 100%;
}

div.PSComparisonsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    min-width: 100%;
    width: 100%;
    display: block !important;
}

.MATC_AddToCartButtonWithHTMLOptionDropDown {
    background-color: white;
    cursor: pointer;
    display: table;
}

.ULProductInfo .MATC_AddToCartButtonWithOptionDropDown {
    margin-top: 0;
    margin-left: 0;
    top: 52px;
}

.ShoppingCartPullDown .MATC_AddToCartButtonWithOptionDropDown {
    margin-top: 13px;
    margin-left: 0;
    z-index: 99999;
}

.GridProductLine .MATC_AddToCartButtonWithOptionDropDown {
    position: absolute;
    top: 35px;
    left: 0px;
}

.MATC_AddToCartButtonWithOptionDropDown {
    width: 100%;
    max-width: 300px;
    height: auto;
    border: solid 1px hsl(0, 0%, 95%) !important;
    background-color: white;
    opacity: 1;
    display: none;
    cursor: pointer;
    position: absolute;
    right: 0px;
    z-index: 1000;
    padding: 5px;
    box-sizing: border-box !important;
}

.LayoutFilter .MATC_AddToCartButtonWithOptionDropDown {
    width: 100%;
    height: auto;
    border: solid 1px #e6e6e6 !important;
    background-color: white;
    opacity: 1;
    display: none;
    cursor: pointer;
    position: absolute;
    margin-top: -1px;
    margin-left: -1px;
    z-index: 1000;
    padding: 5px;
    box-sizing: border-box !important;
}

.SortFilter .MATC_AddToCartButtonWithOptionDropDown {
    width: 100%;
    width: 207px;
    height: auto;
    border: solid 1px #e6e6e6 !important;
    background-color: white;
    opacity: 1;
    display: none;
    cursor: pointer;
    position: absolute;
    margin-top: -1px;
    z-index: 1000;
    right: 0;
    padding: 5px;
    box-sizing: border-box !important;
}

.OrderHistoryRightContainer .SortFilter .MATC_AddToCartButtonWithOptionDropDown {
    margin-top: 10px;
    margin-left: 0;
}

.MATC_Hidden {
    display: none;
}

.MATC_Visible {
    position: relative;
    display: block;
}

.HistoryContent .SortFilter {
    width: 100%;
}

.HistoryContent .MATC_HeaderContainer {
    padding-right: 30px;
}

.HistoryContent .SortFilter .bubblePopout::after {
    left: 90% !important;
}

div.ProductTabs div[id*='ddSortVisible'] .MATC_HeaderContainer {
    margin-top: 5px;
}

.MATC_HeaderContainer {
    padding-right: 10px;
    font-family: SlateL;
    font-size: 12px;
    text-align: left;
    color: #808080 !important;
    width: 100%;
}

.MATC_AddToCartButton {
    position: absolute;
    border: none;
    right: 5px;
    top: 3px;
    height: 30px;
    cursor: pointer;
    z-index: 455;
}

div[id='LayoutSubOptions_ColumnView'] .MATC_AddToCartButton {
    right: -20px !important;
}

#divContainer .MATC_Slider {
    margin-top: 2px;
}

.MATC_SliderSettings {
    border: solid 1px #f2f2f2;
    border-radius: 10px;
    width: 35px;
    height: 19px;
    position: relative;
    left: 0px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 300;
    background-color: #33ffad;
    box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,0.3);
}

.MATC_SliderSettingsTitle {
    margin-top: -5px;
    margin-left: 50px;
    font-weight: 100;
    width: 100%;
    text-transform: uppercase;
}

.GenericsLeftPane .MATC_AddToCartButtonWithOption {
    margin-left: 0px;
    border: 1px solid #f2f2f2 !important;
    box-sizing: border-box;
    width: 100% !important;
    margin-bottom: 15px;
}

#wndGridAddToCart .GenericsLeftPane .MATC_AddToCartButtonWithOption {
    width: 100% !important;
}

.MATC_Slider {
    border: solid 1px #f2f2f2;
    border-radius: 10px;
    width: 35px;
    height: 19px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 300;
    background-color: #33ffad;
    box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,0.3);
}

.MATC_Slider_Kebab {
    right: 10px;
}

.SliderOff {
    background-color: #e6e6e6;
}

.RowDisabled {
    background-color: #efefef;
}

.mainViewContainer .MATC_SliderInner {
    top: 1px;
}

.mainViewContainer .MATC_Slider {
    width: 35px;
}

.MATC_SliderInner {
    border: solid 1px transparent !important;
    background-color: white;
    border-radius: 1em;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 1px;
    cursor: pointer;
}

.MATC_Slider_On {
    float: left;
    margin-top: 3px;
    margin-left: 6px;
    font-family: SlateL;
    font-size: 9px;
    -webkit-box-shadow: inset 10px 10px 50px 2px rgba(0,128,0,1);
    -moz-box-shadow: inset 10px 10px 50px 2px rgba(0,128,0,1);
    box-shadow: inset 10px 10px 50px 2px rgba(0,128,0,1);
}

.MATC_Slider_Off {
    float: right;
    margin-top: 3px;
    margin-right: 3px;
    -webkit-box-shadow: inset 10px 10px 50px 2px rgba(204,204,204,1);
    -moz-box-shadow: inset 10px 10px 50px 2px rgba(204,204,204,1);
    box-shadow: inset 10px 10px 50px 2px rgba(204,204,204,1);
}

@keyframes SliderOn {
    from {
        left: 0%;
    }

    to {
        left: 55%;
    }
}

@keyframes SliderOff {
    from {
        left: 50%;
    }

    to {
        left: 0%;
    }
}

.MATC_SliderInnerPositionLeft {
    animation: SliderOn 0.3s forwards;
}

.MATC_SliderInnerPositionRight {
    animation: SliderOff 0.3s forwards;
}

.MATC_ImgAddToCartDownArrow {
    margin-top: 10px;
    float: right;
    margin-right: 5px;
    z-index: 455;
}

.divHorizontal {
    position: absolute;
    top: 16px;
    background-color: black;
    width: 14px;
    height: 1px;
}

.divVertical {
    position: absolute;
    top: 18px;
    background-color: black;
    width: 1px;
    height: 13px;
    margin-left: 7px;
    margin-top: -8px;
}

.divVerticalClickClose {
    animation: PlusOpen 0.5s forwards;
}

.divVerticalClickOpen {
    animation: PlusClose 0.5s forwards;
}


@keyframes PlusClose {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(90deg);
    }
}

@keyframes PlusOpen {
    from {
        transform: rotate(90deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.AccPermanentVisibleIntemsInCart {
    width: 60px;
    position: relative;
    color: red;
}

div[id*='AccButton_'] .MATC_AddToCartButtonWithOptionNoButton {
    float: right;
}

.GenericsPanes, .TheraputicsPanes, .PSComparisonPanes {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 10px;
    overflow-y: visible;
    overflow-x: hidden;
}

.PSComparisonsLeftPane .MATC_AddToCartButton {
    display: none;
}

.GenericClearAll, .TheraputicClearAll, .PSComparisonClearAll {
    font-family: SlateL;
    font-size: 12px;
    cursor: pointer;
    display: none;
}

#divGenericAttributes, #divTheraputicAttributes {
    width: 240px;
}

.PanelBarAttributes .AttributeItem .k-checkbox-label {
    height: auto !important;
    line-height: 20px !important;
    padding-left: 25px !important;
    font-family: SlateL !important;
    font-weight: normal !important;
    font-size: 12px !important;
    color: #808080 !important;
}

.GenericsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    border: none !important;
}

.TheraputicsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    border: none !important;
}

.PSComparisonsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    border: none !important;
}

.TheraputicsRightPane, .PSComparisonRightPane, .ProductPriceCompareRightPane {
    width: 100%;
    display: inline-block;
}

.GenericsRightPane, .PSComparisonsRightPane, .TheraputicsRightPane {
    width: 100%;
    position: relative;
}

    .GenericsRightPane .TabProductsTable, .PSComparisonsRightPane .TabProductsTable, .TheraputicsRightPane .TabProductsTable {
        width: 100% !important;
    }

.k-window .GenericsRightPane .TabProductsTable, .k-window .PSComparisonsRightPane .TabProductsTable, .k-window .TheraputicsRightPane .TabProductsTable {
    margin-bottom: 10px;
    box-sizing: border-box;
}

.k-window .GenericsLeftPane, .k-window .TheraputicsLeftPane, .k-window .PSComparisonsLeftPane {
    box-sizing: border-box;
}

div.k-window-content {
    overflow-x: hidden !important;
}

.btnHidePictures {
    width: 120px;
    height: 42px;
    border: none;
    cursor: pointer;
    position: absolute;
    left: 300px;
}

    .btnHidePictures span {
        position: absolute;
        margin-top: 10px;
        margin-left: 15px;
        cursor: pointer;
    }

.GridProductCount {
    font-family: SlateL;
    font-size: 10px;
    color: green;
}

.GenericProductRow td {
    padding: 0px;
    margin: 0px;
    height: 30px;
}

.GenericProductRowSelected {
    background-color: #E8F5FF;
}

.PSComparisonProductRowSelected {
    background-color: #E8F5FF;
}

.GenericProductRow td:hover {
    background-color: #C7E5FF;
}

/*************Product Comparison (Packsize comparison)*************************/

/*********for the intermediate pscomaprison*************/

.k-grid .TabProductsHeaderContentTable tr td {
    box-sizing: border-box !important;
}

.TabProductsTable {
    border: none;
    width: 99% !important;
    margin-left: 5px;
    background-color: white;
    font-family: SlateL;
    position: relative;
}

    .TabProductsTable .WSProductRow td {
        white-space: nowrap;
    }

.PSComparisonsRightPane .TabProductsHeaderItem i {
    margin-right: 0px;
    box-sizing: border-box;
    right: 10px;
}

.ATCElementQO input:focus {
    outline: none;
    border: solid 1px transparent;
}

.TabProductsHeaderItem {
    font-size: 10px;
    font-weight: normal;
    height: 30px;
    font-family: SlateM;
    color: #808080;
}

.TabProductsHeaderRow {
    border: solid 1px #DDD;
    cursor: pointer;
    background-color: white;
}

    .TabProductsHeaderRow:hover {
        background-color: #cce6ff !important;
        border: 1px solid transparent !important;
        color: #346EB9 !important;
        font-weight: normal;
        transition: 0.2s;
    }

.TabProductsHeaderRowSelected:hover {
    color: #346EB9 !important;
    font-weight: normal;
}

.TabProductsHeaderRowSelected {
    cursor: pointer;
    background-color: #E6F2FA;
    height: 85px;
}

.middleBorder {
    display: none;
}

.lastBorder {
    height: 0;
}

.productSpacer {
    height: 5px;
}

.TabProductsHeaderRowSpacer {
    height: 5px !important;
    border-bottom-width: 0px;
}

div[id*='productTabPackSizeComparisonFull_'] .TabProductsHeaderContent {
    display: none;
}

div[id*='productTabGenericsFull_'] .TabProductsHeaderContent {
    display: none;
}

div[id*='productTabTheraputicsFull_'] .TabProductsHeaderContent {
    display: none;
}

.TabProductsHeaderContent {
    height: auto;
    background-color: #FAFAFA;
    margin-top: 0px;
}

.TabProductsHeaderContentTable {
    width: 100%;
    background-color: white;
    margin-top: -5px;
}

    .TabProductsHeaderContentTable tr:not(:first-child) {
        height: 53px;
    }

    .TabProductsHeaderContentTable tr.WSProductRow:not(:first-child):hover {
        cursor: pointer;
        background-color: #f6faff;
    }

    .TabProductsHeaderContentTable tr td:first-child {
        padding-left: 10px;
    }

.TabProductsHeaderAccountsTable {
    width: 97.5%;
    background-color: white;
    margin: 10px;
}

    .TabProductsHeaderAccountsTable tr {
        padding-left: 30px;
    }

        .TabProductsHeaderAccountsTable tr:not(:last-child):hover {
            padding-left: 30px;
            background-color: #C7E5FF;
        }

.TabProductAccountsRow {
    display: none;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.05);
}

.WSProductRowAccountsPredictive {
    margin-top: 0;
    max-width: 230px;
    width: 49%;
    margin-right: -3px;
    float: right;
    height: 36px;
    text-align: center;
    background-color: #1976d2;
    border: 1px solid #1976D2;
    border-radius: .15em;
    color: #FFF;
    text-decoration: none !important;
    font-size: 12px;
    line-height: 36px;
    font-family: SlateL;
}

    .WSProductRowAccountsPredictive:hover {
        background-color: #64B1EE;
        border: 1px solid #1976D2;
    }

.WSProductRowAccounts {
    margin-top: 0;
    max-height: 50px;
    max-width: 230px;
    width: 69%;
    margin-right: 1%;
    float: right;
    height: 100%;
    padding: 3.4% 0;
    text-align: center;
    background-color: #1976d2;
    color: #FFF;
    border-radius: 0.25em;
    text-decoration: none !important;
    font-size: 1.5vmin;
}

    .WSProductRowAccounts:hover {
        text-decoration: underline;
    }

.ProductFullContainer .ATCElementBtn {
    max-height: 50px;
    margin-top: 0;
    min-width: 165px;
    max-width: 100%;
    width: 100%;
}

.GenericsPanes .WSProductRowAccounts {
    max-width: 230px;
    width: 100%;
}

#wndGridAddToCart .WSProductRowAccounts {
    max-width: 170px;
    width: 58.8%;
    margin-right: 1%;
    float: right;
    height: 100%;
    padding: 3.3% 0;
    text-align: center;
    background-color: #1976d2;
    color: #FFF;
    border-radius: 0.25em;
    text-decoration: none !important;
}

.ATCPricePanelFirstLine {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

#wndGridAddToCart .ATCSuppliersPricePanel .ATCAccRow {
    height: 45px;
    text-align: center;
    display: flex;
    width: 100%;
    position: relative;
}

#wndGridAddToCart .ATCQTYOnlyContainer {
    margin-bottom: 0px;
    width: 100%;
    height: 70px;
}

#wndGridAddToCart .GenericsRightPane .WSProductRowAccounts {
    max-width: 168px;
    width: 55.5%;
    margin-right: 1%;
    float: right;
    height: 100%;
    padding: 3.3% 0;
    text-align: center;
    background-color: #1976d2;
    color: #FFF;
    border-radius: 0.25em;
    text-decoration: none !important;
}

.k-window .GenericsRightPane .ATCElementBtn, .k-window .TheraputicsRightPane .ATCElementBtn {
    margin: 0 0 0 3%;
}

#wndGridAddToCart .GenericsRightPane div[id*="MATCSelectedText"] {
    margin-top: 1.2vmin !important;
}

#wndGridAddToCart .TheraputicsRightPane div[id*="MATCSelectedText"] {
    margin-top: 6% !important;
}

#Grid_ListProducts_D .WSProductRowAccounts {
    max-width: 149px;
    width: 100%;
    right: 18px;
    padding: 6px 0;
}

#Grid_ListProducts_D .TheraputicsPanes .WSProductRowAccounts {
    max-width: 158px;
    width: 100%;
}

.crosshair.WSProductRow:last-of-type {
    border-bottom: 6px solid #FFF;
}

    .crosshair.WSProductRow:last-of-type:hover {
        border-bottom: 6px solid #f6faff;
    }

.TheraputicsPanes .WSProductRowAccounts {
    max-width: 230px;
    width: 100%;
}

.AccountItemAddToCartQuantityTotal {
    width: 35px !important;
    height: 20px;
    float: right;
    border: solid 1px #CCC;
    font-family: SlateL;
    font-size: 21px;
    text-align: center;
}

.AccountItemAddToCartQuantityTotalContainer {
    position: relative;
}

    .AccountItemAddToCartQuantityTotalContainer:before {
        width: 35px !important;
        height: 20px;
        font-family: SlateL;
        font-size: 21px;
        text-align: right;
        right: 62px;
        bottom: 25px;
        position: absolute;
        display: block;
        content: 'Total:';
    }

.AccountItemAddToCartQuantityContainer {
    text-align: right;
    padding-right: 10px;
    padding-top: 15px;
    height: 50px;
    position: relative;
}

    .AccountItemAddToCartQuantityContainer .ATCElementBtn, .AccountItemAddToCartQuantityContainer .ATCElementBtnDisabled {
        height: 35px;
        width: calc(100% - 45px) !important;
        padding-top: 0px;
        position: absolute;
        right: 0;
        max-width: 250px;
        line-height: 18px;
    }

        .AccountItemAddToCartQuantityContainer .ATCElementBtn div, .AccountItemAddToCartQuantityContainer .ATCElementBtnDisabled {
            margin-top: 0px !important;
        }

div[id*='Item_ddMainSearchFilterVisible_'].MATC_Visible {
    top: 0px;
    width: 100% !important;
    box-sizing: border-box;
}

/***show tab add to cart on hover****/

.WSProductRow:hover .ATCContainer, .WSProductRowSelected:hover .ATCContainer, .TabProductsHeaderItemAddToCartButton:hover .ATCContainer {
    position: relative;
    display: block;
}

.WSProductRowAccountsHidden {
    display: none;
}

.WSProductRow:hover .WSProductRowAccounts {
    display: block;
}

/*******************************************************************************/

.PSComparisonProductRow td {
    padding: 0px;
    margin: 0px;
    height: 30px;
}

    .PSComparisonProductRow td:hover {
        background-color: #C7E5FF;
    }

.WSProductRow {
    background-color: inherit;
}

    .WSProductRow:hover {
        background-color: #f6faff;
        color: #1976d2;
        border-radius: .25em;
    }

.WSProductRowSelected {
    background-color: #E8F5FF !important;
    border-top: solid 1px #1976d2;
}

.TabProductsHeaderContentTable tr:not(:nth-last-child(1)).WSProductRowSelected {
    border-bottom: solid 1px #1976d2;
}

.TabProductsHeaderContentTable tr:nth-last-child(2).DefaultBolder.WSProductRowSelected {
    border-bottom: none;
}

.TabProductsHeaderContentTable tr:last-of-type.TabProductAccountsRow {
    border-bottom: solid 1px transparent !important;
}

.PPComparisonsRightPane .WSProductRowSelected {
    border-left: solid 1px #1976d2;
    border-right: solid 1px #1976d2;
}

.WSProductRowSelected:hover {
    background-color: #e5e5e5;
    font-weight: normal;
    cursor: pointer;
}

.DefaultBolder {
    font-weight: bold;
}

.Alt_ColWholesaler {
    text-align: left;
    width: 22vw !important;
    background-color: white !important;
}

.Alt_ColQTY {
    font-family: SlateL;
    font-size: 12px;
    text-align: right !important;
    padding-right: 20px;
    background-color: white !important;
}

.AlternativeProducts .Alt_ColPrice {
    font-family: SlateL;
    font-size: 12px;
    text-align: center !important;
    padding-left: 5px;
    padding-right: 5px;
}

.Alt_ColPrice {
    font-family: SlateL;
    font-size: 12px;
    text-align: right !important;
    padding-left: 0px;
    padding-right: 0px;
    background-color: white !important;
    min-width: 4vw;
}

.Alt_ColSavePer {
    font-family: SlateL;
    font-size: 12px;
    text-align: right !important;
    padding-right: 10px;
    background-color: white !important;
}

.Alt_ColSave {
    font-family: SlateL;
    font-size: 12px;
    text-align: right !important;
    padding-right: 10px;
    background-color: white !important;
}

.Alt_ColUnitPrice {
    font-family: SlateL;
    font-size: 12px;
    text-align: right !important;
    padding-right: 10px;
    background-color: white !important;
    min-width: 4vw;
}

.IntermediateProductInfo .ProductInfoTab .MATC_ItemsInCart {
    margin-top: 10px;
}

.NumericUpDownSuppliersClass {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
    background-color: white;
    border: solid 1px #DDDDDD;
    z-index: 503;
}

.MATC_PriceQtyBox {
    float: left;
    width: 47px;
    margin-top: -3px;
}

.ProductQuantity {
    margin-top: 3px;
    margin-left: 4px;
    width: 27px;
    height: 27px;
    text-align: center;
    font-size: 21px;
    font-family: SlateL;
    border: solid 1px #DDDDDD;
}

    .ProductQuantity:hover {
        box-shadow: 0px 3px 5px #AAA;
        color: #1976d2;
    }

.GridProductQuantityBlockAddSmall {
    background-color: #00A2E1;
    border: solid 1px #0089BF;
    width: 117px;
    height: 30px;
    position: absolute;
    margin-left: 130px;
    margin-top: 3px;
    padding-top: 5px;
    text-align: center;
    right: 5px;
}

.AddToCartTextSmall {
    position: relative;
    color: white !important;
    text-decoration: none;
    font-family: ProCR;
    font-size: 11px;
}

    .AddToCartTextSmall:hover {
        background-color: inherit;
    }

    .AddToCartTextSmall::selection {
        background-color: inherit;
    }

.divPriceQtyIncDec > span::selection {
    background-color: inherit;
}

.GridProductQuantityBlockAddSmallStnd {
    background-color: #00A2E1;
    border: solid 1px #0089BF;
    width: 100px;
    height: 30px;
    float: left;
    text-align: center;
    padding-top: 5px;
    margin-left: 5px;
    margin-right: 0px;
    min-width: 100px;
}

.divCartItemCountVisible {
    display: block !important;
}

/*****************General Grid styles*******************/

table.k-selectable tr:not(.windowsStyleSelect):hover {
    background-color: white !important;
}

.k-no-data td {
    display: none;
}

/**********************************************/
/*****************Grid View*******************/

.BarMenuListsFlyout .divCreateList {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
}

    .BarMenuListsFlyout .divCreateList table {
        margin-top: 0;
        width: 100%;
    }

        .BarMenuListsFlyout .divCreateList table tbody tr td {
            height: 40px !important;
            padding: 0 !important;
            font-family: SlateL;
            text-align: left;
            padding-top: 10px !important;
        }

    .BarMenuListsFlyout .divCreateList .GridProductCreateNewList {
        font-size: 14px;
        font-family: SlateL;
        color: #666;
        padding: 0;
        height: 40px !important;
        line-height: 40px !important;
        padding-left: 10px;
        margin-top: 15px;
        display: inline;
    }

        .BarMenuListsFlyout .divCreateList .GridProductCreateNewList:hover {
            color: #1976D2;
            cursor: pointer;
        }

    .BarMenuListsFlyout .divCreateList .GridProductCreateNewListBox {
        height: 40px;
        border: 1px solid #f2f2f2;
        width: 100%;
        position: relative;
        display: inline !important;
        font-family: SlateL;
        font-size: 14px;
        margin-top: -1px;
        border-radius: .15em;
        outline: none;
        text-transform: uppercase;
        padding-right: 13%;
    }

        .BarMenuListsFlyout .divCreateList .GridProductCreateNewListBox:focus,
        .BarMenuListsFlyout .divCreateList .GridProductCreateNewListBox:hover {
            border: 1px solid #7ac0da !important;
        }

.BarMenuListsFlyout .newListAdd {
    position: absolute;
    font-family: RobCL_Bold;
    font-weight: normal;
    bottom: 10px;
    display: none;
    color: #999;
    cursor: pointer;
    ;
}

    .BarMenuListsFlyout .newListAdd:hover {
        color: #03A3D3;
    }

.GridProductCreateNewList {
    padding-top: 5px;
    padding-left: 10px;
    width: 90%;
    margin-left: 0;
    left: 0;
    box-sizing: border-box !important;
    text-align: left;
    font-size: 12px;
    font-family: SlateL;
    color: #999;
    display: inline;
    cursor: pointer;
}

    .GridProductCreateNewList:hover {
        color: #1976d2;
        text-decoration: underline;
        box-shadow: none !important;
    }

.GridProductCreateNewListBox {
    box-sizing: border-box !important;
    max-width: 100% !important;
    display: none;
    font-family: SlateL;
    font-size: 13px;
    position: relative;
}

    .GridProductCreateNewListBox:hover {
        border: 1px solid #1976D2;
    }

.newListAdd {
    font-size: 10px;
    font-family: RobCL;
    min-height: 20px;
    line-height: 100%;
    display: none;
    position: absolute;
    text-align: right;
    right: 10px;
    bottom: 6px;
    z-index: 499;
    cursor: pointer;
}

.ULProductRow .newListAdd {
    bottom: 0;
    line-height: unset;
}

.divCreateList {
    position: relative;
}

.newListAdd:hover {
    color: #1976D2;
}

#Grid_GridProducts .k-loading-image {
    background-image: none;
}

.OrderingGrid_Grid {
    height: auto;
    width: 100%;
    max-width: 1366px;
    cursor: pointer;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    position: absolute;
    border: none !important;
}

th.k-hierarchy-cell.k-header, th.k-header {
    display: none;
}

div.GridProductContainerDetail div.GridDetailCloseButtonComplete {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 80px;
    margin-right: 0px;
    cursor: pointer;
    z-index: 1;
}

.GridDetailCloseButtonComplete {
    font-size: 13px;
    position: absolute;
    top: 80px;
    right: 18px;
    height: 20px;
    line-height: 20px;
    width: 20px;
    margin-right: 0px;
    cursor: pointer;
    z-index: 1;
}

    .GridDetailCloseButtonComplete span {
        margin-top: 50px !important;
        margin-left: -10px !important;
    }

.GridDetailCloseButton {
    position: relative;
    width: 20px;
    height: 20px;
    z-index: 999;
    border-radius: 15px;
    color: #A0A0A0 !important;
    font-family: SlateL;
    font-size: 40px;
    border: 1px solid transparent;
    transform: rotate(45deg);
}

    .GridDetailCloseButton:hover {
        cursor: pointer;
    }

.OrderingGrid_List .GridDetailCloseButton {
    margin-top: 20px;
    width: 18px;
    height: 24px;
    margin-right: -3px;
    padding-left: 11px;
    padding-top: 5px;
    border-radius: 25px;
}

#GridProductContainer {
    min-height: 455px;
}

.GridProductContainer .ATCContainer {
    display: none;
    position: absolute;
}

.GridProductContainer:hover .ATCContainer {
    display: block;
}

.GridProductContainer {
    box-sizing: border-box !important;
    float: left;
    position: relative;
    width: 33% !important;
    min-height: 455px;
    height: 455px;
    margin: 0;
    padding-left: 0px;
    border: solid 1px transparent;
    max-width: 400px;
    transition: 0.2s ease-in;
}

    .GridProductContainer:hover {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        padding-left: 0px;
        border: solid 1px #EEE;
        background-color: #FBFBFB;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,0.05);
        box-shadow: 0 0 10px rgba(0,0,0,0.10);
        transition: 0.2s ease-in;
    }

.GridProductImage {
    width: 100%;
    min-height: 22px;
}

    .GridProductImage > img {
        position: absolute;
        top: 15px;
        left: 0;
        right: 0;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
        background-color: white;
        max-height: 260px;
        max-width: 260px;
        margin: 0px auto !important;
        width: 85%;
        mix-blend-mode: multiply;
        z-index: 100;
    }

.imageChangeTop {
    mix-blend-mode: multiply;
    z-index: 100;
}

    .imageChangeTop:hover {
        opacity: 0;
    }

.imageChangeBottom {
    opacity: 0;
    mix-blend-mode: multiply;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    z-index: 50 !important;
}

.imageChangeTop:hover ~ .imageChangeBottom {
    opacity: 1;
}

.coActiveItemsContainer .imageChangeTop:hover {
    opacity: 1;
}

    .coActiveItemsContainer .imageChangeTop:hover ~ .coActiveItemsContainer .imageChangeBottom {
        opacity: 0;
    }

#wndGridAddToCart {
    display: none;
    margin: 0px;
    margin-top: 10px;
    padding: 0;
    overflow: hidden;
    background: #ffffff;
}

    #wndGridAddToCart + .customCloseModalBtn {
        right: 15px;
    }

.k-window-titlebar.k-header {
    margin-top: 0px !important;
    display: none;
}

div.k-window-titlebar.k-header {
    height: 0px;
    padding: 0px;
}

div.k-window-actions {
    position: absolute;
    display: none !important;
    top: -23px !important;
    z-index: 999;
    left: 99.7%;
}

.customCloseBtn {
    display: none;
    position: absolute;
    top: 6px;
    right: 8.5px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #CCC !important;
    border-radius: 20px;
    background-color: transparent;
    text-align: center;
    z-index: 10020;
    cursor: pointer;
    padding-top: 0px;
    box-sizing: border-box;
}

.customCloseModalBtn {
    display: none;
    position: absolute;
    top: 4px;
    right: 5px;
    width: 20px;
    height: 20px;
    font-size: 30px;
    color: #CCC !important;
    background-color: transparent;
    text-align: center;
    z-index: 10020;
    cursor: pointer;
    padding-top: 0px;
    box-sizing: border-box;
}

.customCloseBtn:hover {
    color: #89bbdc;
}

.customCloseModalBtn:hover {
    color: #89bbdc;
}

.customCloseModalBtnText {
    text-align: center;
    margin-top: -7.5px;
    height: 100%;
    transform: rotate(45deg);
    color:#A8A8A8;
}

.k-font-icon:before, .k-icon:before {
    background-color: white;
    border-radius: 2px;
}

.ATCModalSuppliersButtonPanel .ATCAccRow .ATCElementInputQO {
    min-height: 5.5vh;
}

.ATCModalSuppliersButtonPanel .ATCRow .ATCElementInputQO {
    min-height: 6.5vh;
}

.ATCModalSuppliersButtonPanel .ATCAccRow .ATCContainer {
    height: 40%;
    width: 70%;
}

.ATCModalSuppliersButtonPanel .ATCRow .ATCContainer {
    height: 40%;
    width: 80%;
}

.ATCModalSuppliersButtonPanel .ATCAccRow .ATCAccRowAccName {
    font-family: SlateL;
    font-size: 16px;
    width: 50%;
    max-width: 50%;
    text-align: left;
    margin-top: 10px;
}

.ATCModalSuppliersButtonPanel .ATCAccRow {
    height: 60px;
    text-align: center;
    display: flex;
}

.ATCModalSuppliersButtonPanel .ATCRow {
    height: 70px;
    padding-left: 10px;
    display: flex;
}

.ATCModalSuppliersTotalText {
    font-family: SlateL;
    font-size: 18px;
    position: absolute;
    top: 10px;
    left: 0px;
}

.ATCModalSuppliersTotal {
    top: 30px;
    font-size: 24px;
}

.ATCModalSuppliersButtonPanel {
    padding: 10px;
}

.ATCFullPageSuppliersButtonPanel .ATCAccRow .ATCElementInputQO {
    min-height: 100%;
}

.ATCFullPageSuppliersButtonPanel .ATCRow .ATCElementInputQO {
    min-height: 8.5vmin;
}

.ATCFullPageSuppliersButtonPanel .ATCAccRow .ATCContainer {
    height: 30%;
    width: 45%;
}

.ATCFullPageSuppliersButtonPanel .ATCRow .ATCContainer {
    height: 30%;
    width: 55%;
}

.ATCFullPageSuppliersButtonPanel .ATCAccRow .ATCAccRowAccName {
    font-family: SlateL;
    font-size: 16px;
    width: 50%;
    max-width: 50%;
    text-align: left;
    margin-top: 10px;
}

.ATCFullPageSuppliersButtonPanel .ATCAccRow {
    height: 80px;
    text-align: center;
    display: flex;
}

.ATCFullPageSuppliersButtonPanel .ATCRow {
    height: 80px;
    padding-left: 10px;
    display: flex;
}


.ATCFullPageSuppliersButtonPanel {
    height: auto;
    padding: 10px;
    padding-bottom: 70px;
    box-sizing: border-box !important;
}

.ATCFullPageATCButton {
    margin-left: 20px;
    margin-top: -60px;
}

.ATCModalSuppliers {
    height: 383px !important;
}

    .ATCModalSuppliers .RowOne {
        height: 100%;
    }

        .ATCModalSuppliers .RowOne:after {
            height: 100%;
            margin-bottom: 20px;
        }

    .ATCModalSuppliers .RowTwo {
        height: 25%;
    }

.ATCWindow {
    width: 900px;
    display: flex;
}

.ATCWindowProductName {
    font-size: 22px;
    font-family: RobCLR;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ATCWindowProductNameFlex {
    display: flex;
    align-items: center;
    height: 50px;
    margin-bottom: 15px;
    width:470px;
}

#ColumnProductDetailContainer .ATCWindowProductName {
    margin-left: 0 !important;
    display: flex;
    justify-content: space-between;
    padding: 0;
    background-color: #FFFFFF;
}

.HistoryContent .ATCWindowProductName {
    margin: 0;
    box-sizing: border-box;
}

.PricingGraphSection {
    box-sizing: border-box !important;
    max-height: 200px;
    height: 200px;
    margin-bottom: 20px;
    padding: 0 !important;
}

.FPPriceBlock, .FPBuyOptionsBlock {
    position: relative;
    display: block;
    float: none;
    margin-top: 20px;
}

.FPBuyOptionsBlockSecondary {
    margin-top: 0;
}

    .FPBuyOptionsBlockSecondary .GridBuyOptionsButton {
        color: #1976d2;
        background-color: white;
        border: 1px solid #1976d2;
    }

        .FPBuyOptionsBlockSecondary .GridBuyOptionsButton:hover {
            background-color: #EBEBEB;
        }

.FPATCBlock {
    position: relative;
    display: block;
    float: none;
}

.FPPriceBlock .FPTotalValue {
    position: relative;
    top: 0;
    right: 0;
    padding: 0 20px;
    color: #333;
    font-size: 1.5em;
}

.FPBuyOptionsBlock .GridBuyOptionsButton {
    display: block;
    bottom: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.FPBuyOptionsBlock .pnlAddButton {
    padding: 0 20px !important;
}

.ATCWindowManufacturerName {
    float: right;
    text-align: right;
    padding-right: 25px;
    color: #808080;
    font-size: 14px;
    font-family: RobCL;
    width: auto;
    margin-left: 30px;
}

div[id*='tbATCPricing'] .ATCWindowManufacturerName {
    padding-right: 25px;
    padding-top: 10px;
    color: #CCCCCC;
    font-size: 12px;
    font-family: SlateL;
    font-weight: normal;
    width: auto;
    margin-left: 30px;
    text-transform: CAPITALIZE;
}

div[id*='tbATCConsignment'] .ATCWindowManufacturerName {
    float: right;
    text-align: right;
    padding-right: 25px;
    padding-top: 10px;
    color: #CCCCCC;
    font-size: 12px;
    font-family: SlateL;
    font-weight: normal;
    width: auto;
    margin-left: 30px;
    text-transform: CAPITALIZE;
}

.ATCModalImage {
    max-height: 50px;
    margin-right: 5px;
}

    .ATCModalImage img {
        max-height: 50px;
        max-width: 50px;
    }

.GridProductInfo {
    border: solid 1px inherit;
    min-height: 170px;
    max-height: 170px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 3%;
    box-sizing: border-box !important;
}

.divQuickView {
    position: absolute;
    bottom: 35%;
    border: solid 1px #AAA;
    font-family: SlateL;
    padding: 5px;
    width: 60%;
    height: auto;
    background-color: white;
    color: #1976d2;
    text-align: center;
    left: 20%;
    display: none;
}

    .divQuickView:hover {
        color: white;
        background-color: #1976d2;
    }

.GridProductContainer:hover .MATC_VisibleDifferentSuppliers {
    display: block;
}

.GridProductContainer:hover .MATC_Hidden {
    display: block;
}

.GridViewPriceMS .GridTradePrice {
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    line-height: 12px;
}

.GridBuyOptionsButton {
    display: none;
    width: 90%;
    height: 35px;
    background-color: #1976d2;
    color: white;
    font-family: Slate;
    font-size: 12px;
    font-weight: normal;
    border-radius: .15em;
    border: 1px solid #1976D2;
    margin-top: 5px;
    margin-bottom: 0;
    margin-right: 5%;
    margin-left: 5%;
    padding-top: 8px;
    position: relative;
    bottom: -25px;
    left: 0;
    right: 0;
    box-sizing: border-box !important;
    cursor: pointer;
    transition: ease-in 0.2s;
}

    .GridBuyOptionsButton:hover {
        /*color: #1976d2;*/
        background-color: #0f4d8a;
        border: 1px solid #1976d2;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
        transition: ease-in 0.2s;
    }

.shadowHover:hover, .ATCElementBtn:hover, .btnPredictiveSearchHistoryClear:hover, .WSProductRowAccountsPredictive:hover, .blockButton:hover, .CheckoutBtn:hover,
.ProductCartButtonContainer:hover {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    transition: 0.2s ease-in;
}

.NewGridBuyOptions {
    display: none;
    height: 12px;
    color: #1976D2;
    font-family: SlateL;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    position: relative;
    text-align: left;
    left: 0;
    right: 0;
    box-sizing: border-box !important;
    cursor: pointer;
    padding-left: 1px;
}

    .NewGridBuyOptions:hover {
        text-decoration: underline;
    }

.GridProductContainer:hover .GridBuyOptionsButton {
    display: block;
}

.GridProductContainer:hover .NewGridBuyOptions {
    display: block;
}

.GridProductContainer:hover .GridTradePriceRange {
    display: block;
}

.ULProductInfo .ATCElementBtn div[id*="MATCSelectedText_"] {
    color: red;
    margin-top: 0 !important;
    line-height: 45px;
    height: 45px;
    box-sizing: border-box !important;
}

.ULProductInfo .GridBuyOptionsButton {
    height: 45px;
    top: -6px;
    width: 250px;
    font-size: 14px;
    line-height: 29px;
    right: 100px;
    cursor: pointer;
    margin: 0;
}

.GridProductInfoLine {
    font-family: Slate;
    font-size: 12px;
    color: #CCC;
    font-weight: normal;
    width: auto;
    padding-left: 0px;
    text-align: right;
    float: right;
    display: flex;
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 1;
}

.ULProductRow .GridProductInfoLine {
    left: 12px !important;
    top: 10px;
    right: auto;
}

.gridIcon {
    height: 15px;
    margin-right: 5px;
    margin-top: -4px;
}

.GridIconView {
    padding-top: 5px;
}

.GridIconView {
    min-height: 35px;
}

.ProductSearchIcon {
    display: none;
}

.WSNameItemsInCart .gridIcon {
    height: 16px !important;
    right: 10px;
    background-color: transparent !important;
}

.GridViewCartText {
    position: absolute;
    right: 20px;
    top: 33px;
    min-width: 40px;
    display: none;
}

    .GridViewCartText span {
        font-family: SlateL;
        font-size: 12px;
        color: green;
        float: right;
        margin-left: 5px;
    }

.GridProductLine {
    width: 100%;
    min-height: 22px;
    position: relative;
}

    .GridProductLine .WhiteAddToList {
        border: none !important;
    }

div[id*="GridProductLineListButton_"] .MATC_AddToCartButtonWithOption {
    border: none !important;
    display: none;
    width: 100% !important;
    text-align: left;
}

div[id*="GridProductLineListButton_"] .MATC_AddToCartButton {
    display: none;
}

div[id*="GridProductLineListButton_"] .MATC_Visible {
    width: 100% !important;
}

div[id*="GridProductLineListButton_"] .MATC_AddToCartButtonWithOption span {
    position: relative;
    top: 1px;
    right: 0;
    text-align: right;
    margin-left: 10px;
    margin-right: 5px;
    font-family: Slate;
    font-size: 10px;
    color: #808080 !important;
    padding-top: 1px;
    width: 100%;
    white-space: nowrap;
}

div[id*="GridProductLineListButton_"] {
    border: none !important;
}

.GridProductContainer:hover .MATC_AddToCartButtonWithOption {
    display: block;
}

.GridProductLineLeft {
    margin-left: 0px;
    height: 20px;
}

.GridATCContainer {
    min-height: 40px;
    width: 100%;
    position: absolute;
    bottom: 15px;
}

    .GridATCContainer .AddToCartParent {
        position: absolute;
        bottom: 0px;
    }

.GridProductName {
    display: block;
    text-align: left;
    font-family: RobotoM;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    font-size: 13px;
    width: 100%;
    height: auto;
    max-height: 90px;
    min-height: 40px;
    line-height: 16px;
    text-align: left;
    position: relative;
    float: none;
    box-sizing: border-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

    .GridProductName:hover {
        overflow: visible;
    }

.GridViewPrice {
    width: 100%;
    display: flex;
    margin-bottom: 5px;
}

.GridViewPriceMS {
    box-sizing: border-box;
    position: relative;
}

.ATCLinkBar {
    padding: 0px 15px !important;
    margin-left: 20px !important;
    margin-right: 30px !important;
    border-bottom: 1px solid #f2f2f2;
}

.ATCLinkBarRight {
    padding: 0 !important;
    margin-left: 15px !important;
    margin-right: 30px !important;
}

.ATCLinkBar .row {
    padding: 0;
}

    .ATCLinkBar .row > div > div, .ATCLinkBarRight .row > div > div {
        border-left: solid 1px #f2f2f2;
        height: 17px;
        padding-top: 6px;
        cursor: pointer;
        font-family: SlateM;
        color: #808080;
        font-weight: normal;
    }

    .ATCLinkBar .row > div:last-child > div, .ATCLinkBarRight .row > div:last-child > div {
        border-right: solid 1px #f2f2f2;
        color: #808080;
        font-weight: normal;
    }

    .ATCLinkBar .row > div > div:hover {
        background-color: #E6F2FA;
        color: #808080;
    }

.ATCLinkBarRight .row > div > div:hover {
    background-color: #E6F2FA;
    color: #808080;
}

.ATCInfoItemValue {
    font-family: SlateM;
    font-size: 14px;
    font-weight: normal;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 28px;
    color: #a6a6a6;
}

.GridATCWindowRow:hover .WSNameItemsInCart,
.GridATCWindowRowSelected:hover .WSNameItemsInCart {
    color: green;
}

.ProductSuppliersContent {
    min-height: 10vh;
    max-height: 51vh;
    overflow-y: auto;
    padding: 10px !important;
}

.ProductSuppliersContent #ATCGenericsContent {
    max-width: 645px;
    max-height: 480px;
    min-height: 465px;
}

.ColumnProductDetailContainer {
    width: 100%;
    border: solid 1px #f2f2f2;
    position: relative;
    top: 0px !important;
    display: none;
    height: 100% !important;
    padding-right: 0px;
    min-height: 100% !important;
    max-height: 100% !important;
    /*cursor:pointer !important;*/
}

    .ColumnProductDetailContainer .ProductSupplierATC {
        bottom: 5px;
    }

    .ColumnProductDetailContainer::-webkit-scrollbar {
        width: 0px;
        background: transparent;
    }

#ColumnViewContent > .ColumnCol9 {
    padding-left: 0;
    padding-right: 0;
    margin-top: -35px;
}

.GridATCHistoryWindowRow {
    font-family: RobCL;
    font-size: 12px;
    color: #bfbfbf;
    background-color: white;
    height: auto;
    max-height: 45px;
    min-height: 30px;
    padding: 16px 11px;
    line-height: 12px;
    box-sizing: border-box !important;
}

.InfoBlockTable .GridATCWindowRowSelected > div,
.InfoBlockTable .GridATCWindowRow > div {
    padding: 11px 15px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.GridATCWindowRow,
.GridATCWindowRowSelected {
    display: flex;
    align-items: center;
    font-family: SlateL;
    font-size: 14px;
    border-top: 1px solid #f2f2f2;
    color: #333;
    background-color: white;
    height: auto;
    letter-spacing: 0.4px;
    max-height: 45px;
    min-height: 30px;
    box-sizing: border-box !important;
}

.GridATCWindowRowSelected {
    background-color: #E6F2FA;
}

    .GridATCWindowRow > div,
    .GridATCWindowRowSelected > div {
        padding: 11px 0;
    }

    .GridATCWindowRow:hover,
    .GridATCWindowRowSelected:hover {
        background-color: #cce6ff !important;
        color: #1976d2 !important;
        cursor: pointer;
        position: relative;
        z-index: 99;
    }

#tabGenericsContent, #tabEquivContent {
    padding: 0px 15px;
}

.ATCWindowSectionLeft {
    max-height: 450px;
    overflow-y: auto;
}

.tabstripATCContent {
    border-bottom: solid 1px #f2f2f2;
    border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    margin: 0px;
    height: auto;
    min-height: 381px;
    max-height: 381px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-left: 9px;
    background-color: white;
    padding: 0 10px 0 10px;
}

#tabstripATC-6 {
    padding-top: 0;
}

.ATCModalSuppliers div[id*='PricingDivContainer'] {
    margin-right: 20px;
}

.tabstripATCGenericsContent, .tabstripATCTheraputicsContent, .tabstripATCHistoryContent {
    border: solid 1px #f2f2f2;
    min-height: 440px;
    max-height: 461px;
    overflow-y: auto;
    margin-left: 5px !important;
    margin-top: -1px;
    max-width: 624px;
    width: 100%;
    padding: 0 !important;
}


    .tabstripATCGenericsContent .row, .tabstripATCTheraputicsContent .row, .tabstripATCHistoryContent .row {
        margin: 0 !important;
    }

#SupplierATCPlaceHolder {
    position: sticky;
    bottom: 0;
    z-index: 101;
    margin: 0 7px;
}

.UniformPackSummaryAddtoCart .ATCSuppliersPricePanel
{
    min-height: 86px;
    padding-top:21px;
}

.InterventionAdButtonContainer .ATCSuppliersPricePanel,
.ColumnViewContainer .ATCSuppliersPricePanel,
#SupplierATCTopPlaceHolder .ATCSuppliersPricePanel,
#divFloatingColumnATC .ATCSuppliersPricePanel {
    width: 100%;
    max-width: 100% !important;
    height: auto;
    min-height: 86px;
    padding: 20px 0;
    position: relative;
    float: none;
    background-color: #e6f5ff;
    margin: 0 auto !important;
    border: 1px solid #a4ccf4 !important;
    display: flex;
    align-items: center;
}

.RegretRemainderContent {
    content: "\e118";
}

#ColumnViewSupplierSectionID .ATCBtnSection {
    padding-right: 15px !important;
}

.ColumnProductDetailContainer .AltProductName,
#SupplierATCTopPlaceHolder .AltProductName {
    position: relative;
    display: block;
    font-family: SlateL;
    padding-top: 0;
    font-size: 14px;
    padding-left: 15px;
    white-space: nowrap;
    line-height: 45px;
}

    #SupplierATCTopPlaceHolder .AltProductName:before {
        padding-left: 25px;
    }

    .ColumnProductDetailContainer .AltProductName:before {
        padding-left: 25px;
    }

.ColumnProductDetailContainer .ProductSuppliersContent {
    padding: 10px 0 !important;
}

/*.ColumnProductDetailContainer .no-gutters {
    margin: 0 0 !important;
}
*/
.ColumnProductDetailContainer .ATCRow {
    height: 50px;
    padding: 10px;
}

.ColumnProductDetailContainer div[id*='PricingDivContainer'] {
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #f2f2f2;
}

.ColumnProductDetailContainer .ATCModalSuppliersButtonPanel {
    border: none;
    max-height: 100%;
    position: relative;
    padding: 0;
    right: 0;
    bottom: 0;
    height: auto;
    background-color: #E6F2FB;
    border: 0px solid #a4ccf4 !important;
}

.ColumnProductDetailContainer .ATCAccRowAccName {
    width: 100% !important;
    max-height: 40px !important;
    font-family: RobCL !important;
    font-size: 14px !important;
    padding-top: 9px; /*This is for Gadi's demo, No Ragrets !!!!!!*/
}

.ColumnProductDetailContainer .AddToCartParentQO,
#SupplierATCTopPlaceHolder .AddToCartParentQO {
    position: relative;
    width: 100%;
    height: 45px;
}

.ColumnProductDetailContainer .ATCSuppliersPricePanel .ATCAccRow:after {
    border: none;
    width: 0;
    left: 0;
    bottom: 0;
    position: relative;
}

.ColumnProductDetailContainer .ATCTotalBlock {
    height: 80px;
    position: absolute;
    bottom: 45px;
    width: 93%;
    background-color: white;
    border-top: 1px solid #ebebeb;
}

#MultiSiteFlyout .ATCElementBtn,
.MultiSiteQuantityInfoBlock .ATCElementBtn,
.ColumnProductDetailContainer .ATCElementBtn,
.ATCPanel .ATCElementBtn {
    max-width: 100%;
    max-height: 45px;
    min-height: 45px;
    margin-left: 0;
    width: 100%;
    max-width: 300px;
}

.ColumnProductDetailContainer .ATCElementInputQO {
    max-height: 40px;
    max-width: 40px;
    min-height: 40px !important;
    min-width: 40px !important;
}

.ColumnProductDetailContainer .ATCElementQO {
    max-height: 40px;
    max-width: 40px;
    min-height: 40px !important;
    min-width: 40px !important;
}

.ColumnProductDetailContainer .ATCModalSuppliersTotalText {
    font-family: SlateL;
    font-size: 16px;
    position: absolute;
    top: 25px;
    left: 0px;
}

.ColumnProductDetailContainer .NotificationInfoBlock,
.ColumnProductDetailContainer .ColumnViewSupplierSection {
    margin: 0 7px;
}

.ATCModalContainer .NotificationInfoBlock {
    margin: 0 7px;
}

#MultiSiteFlyout .ATCModalATCButton,
#ShoppingCartFlyout .ATCModalATCButton,
.MultiSiteQuantityInfoBlock .ATCModalATCButton,
.ColumnProductDetailContainer .ATCModalATCButton,
#SupplierATCTopPlaceHolder .ATCModalATCButton,
.ATCPanel .ATCModalATCButton {
    height: 45px;
    position: relative;
    width: 100%;
    margin-left: 0;
    line-height: 45px;
}

.MultiSiteQuantityInfoBlock .ATCMain,
.ColumnProductDetailContainer .ATCMain {
    position: relative;
    bottom: 0;
    height: 45px;
    top: 2px;
}

.ColumnProductDetailContainer .ATCPriceTotalBlock, #SupplierATCTopPlaceHolder .ATCPriceTotalBlock {
    height: 100%;
    position: relative;
    margin-top: 0px;
    right: 0;
    width: 100%;
}

#RegretListDetails .ColumnProductDetailContainer .AltProductName {
    margin-top: 22px;
}

.ColumnProductDetailContainer .ATCModalSuppliersTotal {
    left: 30%;
    font-weight: normal;
    color: #cc0000
}

.ColumnProductDetailContainer .ATCProductInfoHeaderRow {
    text-indent: 2px;
    font-size: 7px;
}

.ColumnProductDetailContainer .ATCProductInfoValueRow {
    padding-top: 3px;
    font-size: 9px;
}

.InfoBlockTable {
    border: 1px solid #f2f2f2;
}

.tabGenericsHeading,
.tabTheraputicsHeading,
.OrderHistoryInfoBlockHeader {
    color: #bfbfbf;
    font-weight: normal;
    padding: 10px 0px;
    background-color: #fcfcfc;
    font-size: 9px;
    font-family: SlateM;
    display: flex;
    align-items: center;
}

.k-window .InfoBlockContainer .tabGenericsHeading,
.k-window .InfoBlockContainer .tabTheraputicsHeading,
.k-window .InfoBlockContainer .OrderHistoryInfoBlockHeader {
    padding-left: 16px;
}

.container-fluid.ATCWindowSectionLeft {
    padding: 0px;
    margin-left: 15px;
    margin-right: 30px;
    min-height: 462px !important;
}

.ATCWindowSectionRight {
    border: solid 1px #f2f2f2;
    margin-top: 0px;
    min-height: 390px;
    max-height: 390px;
    margin-right: 15px !important;
    overflow-y: auto;
}

.ModalCartFootBox {
    width: 100%;
    max-width: 400px;
    height: 200px;
    max-height: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 20px;
    margin: 5px auto;
}

.PricingRightContainer div[id*='MATCSelectedText_'] {
    min-height: 25px;
    max-height: 25px;
    padding-top: 15px;
    overflow: hidden;
    margin-top: 5px !important;
}

.ATCWindowSectionRight > div {
    padding-top: 10px;
    font-family: SlateL;
    font-size: 16px !important;
    height: 30px;
}

.ATCWindowSectionRight .ATCContainer {
    width: 100%;
}

.GridTradePrice {
    font-family: RobotoL;
    font-size: 16px !important;
    min-width: 60px;
    padding: 0;
    position: relative;
    color: #333;
    text-align: left;
    white-space: nowrap;
}

.GridTradePriceRange {
    display: none;
    font-family: RobotoL;
    font-size: 13px;
    font-weight: normal;
    color: #333;
    position: relative;
    line-height: 18px;
    text-align: left;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.WSNameItemsInCart {
    position: absolute;
    font-size: 13px;
    right: 5px;
    top: 12px;
    color: green;
}

#wndGridAddToCart .WSNameItemsInCart {
    margin-right: 0;
    right: 0;
    top: 20px;
}

.WSNameRegret {
    position: absolute;
    font-size: 13px;
    right: -20px;
    margin-top: -12px;
}



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

.ColumnProductDetailContainer .supplierRowChild .WSNameItemsInCart {
    margin-right: 0px !important;
}

.SupplierRadio {
    width: 15px;
    margin-right: 8px !important;
    vertical-align: top;
}

.RecommendedSupplierRadio
{
    width: 15px;
    margin-top:-3px !important;
    margin-right: 8px !important;
    vertical-align: middle;
}

.RankCodeHeading,
.RecommendedRankCodeHeading
{
    width:8%;
    text-align:center;
    padding-left:0px;
}


.RankCode,
.RecommendedRankCode
{
    vertical-align:middle;
    width:8%;
    text-align:center;
}


#ColumnProductDetailContainer #NoResultImage {
    position: absolute;
    top: -1px;
    left: -313px;
    max-width: 140%;
}

.AdditionalInfoModal {
    font-family: RobCL;
    display: none;
    font-size: 10px !important;
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: auto;
    color: #0072C5;
    text-decoration: underline;
    line-height: 10px;
}

.GridProductContainer:hover .AdditionalInfoModal {
    display: block;
}

.GridPriceSingle {
    padding-right: 0;
}

.GridWholesalerName {
    font-family: SlateL;
    position: relative;
    padding: 0;
    width: 100%;
    max-width: 100%;
    line-height: 20px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: transparent;
    color: #333333;
    white-space: nowrap;
    box-sizing: border-box !important;
    line-height: 12px;
    margin-left: 0;
    text-align: left;
}

    .GridWholesalerName:hover {
        z-index: 1;
        opacity: 0.8;
        white-space: unset;
        text-overflow: unset;
    }

.GridViewPrice div[id*='DelayedbtnContainer_'] {
    position: absolute;
    top: 100px;
}

.Grid_PriceRangeStrikeSave:hover, .Grid_PriceRangeStrike:hover, .Grid_PriceRange:hover {
    text-decoration: underline;
}

.SupplierName {
    font-family: RobCL;
    font-size: 10px;
    width: 100%;
    position: absolute;
    top: 4px;
}

.SupplierPrice {
    font-family: RobCL;
    font-size: 10px;
    top: 15px;
    position: absolute;
    right: 5px;
}

.SupplierQty {
    font-family: RobCL;
    font-size: 10px;
    top: 15px;
    position: absolute;
    right: 5px;
}

.SupplierHeading {
    border-bottom: solid 1px #CCCCCC;
    color: black;
    text-align: center;
    height: 40px;
    margin-top: 20px;
}

.rdSuppliersQty {
    width: 10px;
    text-align: right;
    border: none !important;
    color: gray;
    position: relative;
}

.rdSuppliersPrice {
    font-family: RobCL;
    font-size: 10px;
    border: none !important;
    width: 30px !important;
    text-align: right;
    color: gray;
    position: relative;
}

.radioSuppliers {
    width: 100px;
    height: 25px;
    font-family: SlateL;
    font-size: 10px;
    color: gray;
}

.divGridProductMoreDetailFocused {
    clear: left;
}

.UpArrow {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #154D92;
    margin-top: 10px;
    margin-right: 5px;
    z-index: 1000;
}
/****************************************************************/

.ProductSupplierRowSelected {
    font-family: SlateM;
    font-size: 12px;
    line-height: 12px;
    padding: 15px;
    font-weight: normal;
    height: auto;
    max-height: 50px;
    min-height: 30px;
    border-bottom: solid 1px #EEE;
    background-color: #1976d2;
    border: solid 1px #1976d2;
    border-radius: .50em;
    background-color: #e6f2ff;
    color: #1976d2 !important;
    cursor: pointer;
    box-sizing: border-box !important;
}

.ProductSupplierRow {
    font-family: SlateM;
    font-size: 12px;
    color: #808080;
    background-color: white;
    height: auto;
    max-height: 50px;
    min-height: 30px;
    line-height: 12px;
    padding: 16px 16px;
    font-weight: normal;
}

    .ProductSupplierRow:nth-child(even) {
        background-color: #f2f2f2;
    }

    .ProductSupplierRow:hover {
        background-color: #E6F2FF;
        cursor: pointer;
    }

.ProductSupplierRowSelected .IIBGreen {
    color: white;
}

.ProductSupplierRowSelected .WSNameItemsInCart {
    color: black;
    margin-top: -3px;
}

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

.ProductSupplierRow:hover .WSNameItemsInCart {
    color: green;
}

.ProductSupplierATC {
    margin-top: 20px;
    width: 100%;
    position: absolute;
    right: 10px;
    bottom: 0px;
}

/*********************Product Imtermediate Info**********************************/

.GridProductContainerDetail {
    float: left;
    position: relative;
    width: 99%;
    height: auto;
    margin: 0px;
    padding-left: 0px;
    padding-top: 0px;
    margin-top: 5px;
    margin-left: 11px;
    margin-right: 0px;
    margin-bottom: 10px;
    background-color: white;
}

.IntermediateProductInfo {
    height: 100%;
    z-index: 1000;
    margin-top: 0px;
}

.ImgActive {
    cursor: pointer;
}

.ProductSupplierInfoImage {
    width: 119px;
    height: auto;
    float: left;
    margin-top: -12px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    overflow: hidden;
}

.ContentPane {
    width: 100%;
    height: 100%;
}

.Int_TradePrice {
    padding-top: 8px;
    float: left;
    font-family: RobCL;
    font-size: 14px !important;
    margin-right: 20px;
}

.Int_TradePriceRed {
    padding-top: 8px;
    float: left;
    color: red;
    font-family: RobCL;
    font-size: 14px !important;
}

.Int_UpArrow {
    display: none;
    position: absolute;
    left: 125px;
    bottom: -17px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #888;
    margin-top: 10px;
    margin-right: 5px;
    z-index: 1000;
}

div[id*='ddInt_AddToList_'] {
    right: 0px;
    margin-top: -17px;
    border: solid 1px #CCCCCC;
    position: relative;
}

/************************Full Page************************/

.GraphsMenuItem {
    float: left;
    margin-right: 50px;
    font-family: RobCL;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-left: 20px;
}

    .GraphsMenuItem:hover {
        text-decoration: underline;
        cursor: pointer;
        color: #1976d2;
    }

.ChartVisible {
    margin-top: 0px;
    display: block;
    clear: left;
    height: auto !important;
}

.FullPageChartMenu {
    margin-top: 20px;
}

/********/

#divFullPage {
    margin: auto;
    width: 100%;
    max-width: 1366px;
    height: 100%;
    position: relative;
    margin-top: -66px;
}

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

#divCOFullPage {
    margin: auto;
    width: 100%;
    max-width: 1366px;
    height: 0px;
    z-index: 399;
    position: relative;
}

.ProductFullContainer {
    width: 100%;
    max-width: 1366px;
    margin: auto;
    background-color: white;
    padding-bottom: 20px;
    display: block; /*inline-block*/
    white-space: nowrap;
    height: auto;
}

.FullRight {
    min-height: 20vh;
    min-height: calc(var(--vh, 1vh) * 20);
    display: block;
}

.FullBottom {
    border: solid 1px #CCC;
    width: 98.5%;
    display: inline-block;
    min-height: 10vh;
    min-height: calc(var(--vh, 1vh) * 10);
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    display: none;
}

.tableAlernativeProducts {
    width: 100%;
}

tr.GenericProductRow .ProductSupplierName {
    margin-top: 10px;
}

.GenericsTable {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}

.btnRemoveFromAllLists {
    border: solid 1px #1976d2;
    width: 250px;
    height: 45px;
    background-color: #1976d2;
    color: white;
    font-family: SlateL;
    top: 55px;
    text-align: center;
    font-weight: normal;
    line-height: 43px;
    position: absolute;
    right: 101px;
    bottom: 20px;
    margin-left: 10px;
    margin-top: 12px;
    cursor: pointer;
    border-radius: .15em;
    text-transform: capitalize;
}

    .btnRemoveFromAllLists:hover {
        background-color: #0f4d8a;
        border: 1px solid #1976d2;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
        transition: ease-in 0.2s;
    }

.ProductNameHeadingNoLink {
    padding-left: 2px;
    top: 40px;
    display: block;
    position: absolute;
    left: 220px;
    font-family: Slate;
    font-weight: normal;
    font-size: 1.2em;
}

.ProductNameHeading {
    padding-left: 2px;
    top: 40px;
    display: block;
    position: absolute;
    left: 220px;
    font-family: Slate;
    font-weight: normal;
    font-size: 1.2em;
}

.ProductSupplierHeading {
    padding-left: 2px;
    top: 35%;
    display: block;
    position: absolute;
    left: 220px;
    max-width: 200px;
    font-family: SlateL;
    font-weight: normal;
    font-size: 14px;
}

.ProductPriceHeading {
    padding-left: 2px;
    top: 95px;
    display: block;
    position: absolute;
    left: 220px;
    font-family: RobotoL;
    font-weight: normal;
    font-size: 16px;
    color: #333;
}

    .ProductPriceHeading span {
        font-size: 14px;
        font-family: RobCL;
        margin-top: 15px;
        display: block;
    }

.UserListsGrid .ProductDetailProductNameTabGrid:hover {
    text-decoration: none;
}

.Full_ProductProductName {
    font-family: RobCL;
    font-size: 12px;
    padding-left: 4px;
    margin-top: 0px;
    padding-bottom: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 60px;
    background-color: #FBFBFB;
}

.ProductSupplierName {
    font-family: RobCL;
    font-size: 12px;
    color: #BBB;
}

.ProductDetailCodes {
    font-family: RobCL;
    font-size: 12px;
    color: #BBB;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.ProductDetailBulletFull {
    float: left;
    margin-left: -15px;
}

.Full_ProductTabsProducts {
    margin-top: 0px;
}

    .Full_ProductTabsProducts .smallerATC .ATCElementBtn {
        left: 0px !important;
    }

.ProductInfoTab {
    padding-top: 0px;
    font-family: RobCLR;
    height: auto;
    min-height: 548px !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.PILeft {
    border: solid 1px transparent;
}

.PIRight {
    padding-top: 0px;
    border: 1px solid #f2f2f2;
    z-index: 0;
}

.pnlPrice {
    padding-bottom: 20px;
    width: 100%;
    font-family: SlateL;
    background-color: #f7f7f7;
    position: relative;
}

.pnlLimitedTime {
    padding-left: 10px;
    padding-bottom: 10px;
    width: calc(100% - 10px);
    font-family: RobCL;
    background-color: #f7f7f7;
    position: relative;
}

.pnlShippingType {
    height: auto;
    width: 100%;
    padding-top: 11px;
    background-color: #f7f7f7;
}

.FPRegretImage {
    position: relative;
    top: 18px;
    right: 3px;
    z-index: 1000001;
    float: right;
}

    .FPRegretImage .gridIcon {
        height: 20px;
        width: 20px;
    }

.LVRegretImage .gridIcon {
    height: 20px;
    width: 20px;
    display: -webkit-inline-box;
}

.CVRegretImage .gridIcon {
    right: 0 !important;
}

.CVRegretImage {
    display: inline;
    color: red;
}

.LVRegretImage {
    font-size: 12px;
    position: relative;
    float: right;
    width: 50px;
    height: 20px;
    z-index: 100001;
    display: -webkit-inline-box;
}

.pnlSuppliers {
    position: relative;
}

.pnlCapex {
    width: 91%;
}

    /*for demo only*/
    .pnlCapex .jsDropDown {
        border-top: solid 1px #CCC;
        margin-left: 3px;
    }

    .pnlCapex .jsDropDownSelMask {
        color: black;
        font-weight: normal;
    }

    .pnlCapex .jsDropDownTextValue span {
        margin-left: 0px;
        margin-top: -10px;
        position: absolute;
    }

.Col2Title {
    position: absolute;
    right: 155px;
    margin-top: -10px;
    font-family: SlateL;
    font-size: 11px;
}

.Col3Title {
    position: absolute;
    right: 70px;
    margin-top: -10px;
    font-family: SlateL;
    font-size: 11px;
}

.pnlAdditionalInfoSummary {
    width: 100%;
    font-family: RobCL;
}

.MinichartSpinner {
    width: auto;
    height: auto;
    position: absolute;
    margin-left: 16%;
    margin-top: -40px;
}

.jsDropDown {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 0px;
    height: 58px;
    margin-bottom: 0px;
    position: relative;
}

    .jsDropDown > .jsDropDownTitle {
        display: block;
    }

    .jsDropDown:hover > .jsDropDownTitle {
        display: block;
    }

.jsDropDownSearch {
    margin-top: -12px;
}

.jsBreadCrumbDropDown {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 0px;
    height: 33px;
    margin-bottom: 0px;
    position: relative;
}

.jsPriceCompTopBarDropDown {
    display: flex;
    margin-top: 0px;
    height: 58px;
    margin-bottom: 0px;
    position: relative;
    width: 100%;
}

.jsDropDown:hover {
    cursor: pointer;
    background-color: #F5F5F5;
    color: #1976d2;
}

.jsDropDownTitle {
    font-family: SlateL;
    font-size: 10px;
    position: absolute;
    left: 13px;
    top: 10px;
    color: #AAA;
}

.jsDropDownTitleClicked {
    font-family: RobCL;
    font-size: 12px;
    position: absolute;
    left: 13px;
    top: 10px;
    color: #1976d2;
}

.seljsDropDown {
    height: 56px;
    width: 100%;
    margin-left: 0px;
    margin-right: 10px;
}

.jsDropDown:hover > .seljsDropDown {
    border-left: solid 3px #1976d2;
    margin-left: -3px;
}

/*Here capex*/
.CapexTabs .jsDropDown:hover > .seljsDropDown {
    border-left: solid 3px white;
}

.seljsDropDown:hover {
    height: 58px;
    width: 100%;
    margin-right: 10px;
}

.seljsDropDownHorizontal {
    height: 56px;
    width: 100%;
    padding: 0px 8px 0 7px;
}

    .seljsDropDownHorizontal:active {
        border-bottom: solid 2px white;
    }

.seljsDropDown:hover > .jsDropDownOptionsHeadingChange {
    display: block;
}

.jsDropDownTitle:hover + .seljsDropDown .jsDropDownOptionsHeadingChange {
    display: block;
}

.jsDropDownTitle:hover ~ .seljsDropDown {
    height: 58px;
}

.seljsDropDownClicked {
    height: 56px;
    width: 99%;
    color: #1976d2;
    border-left: 1px solid #f2f2f2;
    position: relative;
}

    .seljsDropDownClicked:after {
        background-color: #FFF;
        height: 57px;
        width: 3px;
        position: absolute;
        top: -1px;
        right: -3px;
        display: block;
        content: '';
        border-right: 1px solid #f2f2f2;
        border-top: 1px solid #f2f2f2;
    }

.jsDropDown:hover .seljsDropDownClicked:after {
    background-color: #F7F7F7;
}

.jsDropDownOptions {
    width: 99.5% !important;
    background-color: #f7f7f7;
    border: solid 1px #EBEBEB;
    border-top: solid 1px #EBEBEB;
    position: absolute;
    top: 56px;
    z-index: 1;
    display: none;
    z-index: 501;
}

.jsDropDownHorizontalOptions {
    width: auto !important;
    background-color: #FbFbFb;
    border: solid 1px #f2f2f2;
    padding-top: 15px;
    position: absolute;
    z-index: 1;
    display: none;
    z-index: 3001;
    min-width: 150px;
}

.jsDropDownOptionItems {
    border: solid 1px #EBEBEB;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: white;
    max-height: 345px;
}

.jsDropDownOptionsHeadingChange {
    font-family: RobCL;
    font-size: 10px;
    position: absolute;
    right: 5px;
    top: 17%;
    color: #1976d2;
    cursor: pointer;
    display: none;
}

.jsDropDownCurrentSelection {
    width: auto;
    height: 20px;
    position: absolute;
    display: none;
}

.jsDropDownOption {
    height: 34px;
    padding-top: 22px;
    padding-left: 7px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-right: 5px;
}

    .jsDropDownOption:hover {
        background-color: #EBEBEB;
        border-left: solid 3px #1976d2;
        padding-left: 4px;
    }

    .jsDropDownOption img {
        width: auto;
        height: auto;
        max-height: 50px;
        margin-top: -20px;
        margin-left: 0px;
        margin-right: 10px;
    }

    .jsDropDownOption:not(:first-child) {
        border-top: solid 1px #EBEBEB;
    }

.jsDropDownSelMask {
    font-family: SlateM;
    font-size: 16px;
    padding-top: 0px;
    height: 34px;
    color: red;
    font-weight: normal;
}

.jsDropDownSelected {
    height: 34px;
    padding-top: 22px;
    padding-left: 7px;
    background-color: #e6f2ff;
    color: #1976d2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .jsDropDownSelected img {
        width: auto;
        height: auto;
        max-height: 50px;
        margin-top: -20px;
        margin-left: 0px;
        margin-right: 10px;
    }

.seljsDropDownClicked .jsDropDownTextValue {
    padding-left: 9px;
}

.jsDropDownTextValue {
    font-family: SlateL;
    font-size: 14px;
    padding-top: 30px;
    padding-left: 13px;
    height: 34px;
    text-transform: capitalize;
}

.ProductFullContainer .jsDropDownTextValue {
    padding-top: 25px;
    height: 40px;
}

.SupplierDDCol1 {
    width: 200px;
    max-width: 200px;
}

.SupplierDDCol2 {
    width: 100px;
}

/**********************End JS Dropdown Control ************/

.pnlButtons {
    margin-top: -11px;
    width: 100%;
    height: 90px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.ProductFullContainer .ProductInfoTab .pnlButtons_ButtonFullPage {
    display: none;
}

.pnlButtons_ButtonFullPage {
    margin: 10px;
    width: 45%;
    height: 40px;
    text-align: center;
    padding-top: 25px;
    font-family: SlateL;
    font-size: 11px;
    color: #1976d2;
    cursor: pointer;
}

.pnlButtons_ButtonAddToList {
    margin-top: 18px;
    position: absolute;
    right: 30px;
}

    .pnlButtons_ButtonAddToList:hover .MATC_ImgAddToCartDownArrow {
        filter: brightness(0);
    }

    .pnlButtons_ButtonAddToList .MATC_AddToCartButtonWithOption span {
        padding-top: 8px;
    }

    .pnlButtons_ButtonAddToList:hover .MATC_AddToCartButtonWithOption span {
        color: #000 !important;
    }

    .pnlButtons_ButtonAddToList .MATC_AddToCartButtonWithOption {
        background-color: #FFF;
    }

        .pnlButtons_ButtonAddToList .MATC_AddToCartButtonWithOption:hover {
            background-color: #FFF !important;
        }

#wndGridAddToCart .pnlButtons_ButtonAddToList .MATC_AddToCartButtonWithOption {
    width: 110px !important;
    margin: 5px 0 0 0;
    box-sizing: border-box;
}

.ProductFullContainer .pnlButtons_ButtonAddToList .MATC_AddToCartButton {
    background-color: transparent !important;
}

#wndGridAddToCart .pnlButtons_ButtonAddToList .MATC_AddToCartButton {
    background-color: transparent !important;
    margin: 10px 0 0 0;
    right: 35px !important;
    top: 1px;
}

.pnlOrderBefore {
    padding-bottom: 10px;
    padding-left: 10px;
    width: 97%;
    font-family: RobCL;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    height: 58px;
}

.pnlAdditionalInfo {
    padding-bottom: 10px;
    font-family: RobCL;
    background-color: #f7f7f7;
    margin-top: -5px;
    position: relative;
}

.Int_AltProducts .pnlAdditionalInfo {
    padding-bottom: 10px;
    width: 380px;
    font-family: RobCL;
}

.pnlProductName {
    font-family: RobCLR;
    font-size: 16px;
    height: 40px;
    padding-top: 25px;
    text-transform: capitalize;
    background-color: #f7f7f7;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

    .pnlProductName:after, .pnlPrice:after, .pnlLimitedTime:after, .pnlSuppliers:after, .pnlAdditionalInfo:after, .pnlFullLists:after { /*.pnlAddButton:after*/
        content: '';
        position: absolute;
        width: 95%;
        left: 2%;
        bottom: 0px;
        border-bottom: 1px solid #eaeaea;
    }

.pnlGraph {
    height: auto !important;
    padding-bottom: 0px;
    border-bottom: solid 1px #eaeaea;
    min-height: 70px;
    max-height: 150px;
}

.pnlAddButton {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    height: auto;
    font-family: RobCLR;
    position: relative;
}

.Full_panelText {
    color: #AAA;
    font-family: RobCL;
    font-size: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.contentRow .Full_panelTextRed {
    margin-top: 0px;
    font-family: RobCL;
    text-indent: 5px;
    font-size: 14px;
}

#LtdTimeSpecialRow {
    margin-left: 0;
}

.Full_panelTextRed {
    font-family: RobCL;
    font-size: 16px;
    font-weight: normal;
    color: red;
    margin-top: -10px;
}

.Full_panelTextGreen {
    font-family: SlateL;
    font-size: 16px;
    font-weight: normal;
    color: Green;
    margin-top: -10px;
}

.ICMainImage {
    text-align: center;
}

.ImageControlContainer {
    width: 100%;
    min-height: 500px;
    margin-bottom: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    margin-left: 0%;
    box-sizing: border-box !important;
}

.ThumbNailUpButton {
    opacity: 0.5;
    cursor: pointer;
    position: absolute;
    width: 100px;
    top: -52px;
    left: -1px;
    text-align: center;
    margin-left: -8px;
}

.ThumbNailContent {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.ThumbNailContentInner {
    float: left;
    width: 100%;
}

.thumbnail {
    background-color: #F6F6F6 !important;
    border: 1px solid transparent !important;
    margin-bottom: 0px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    float: none;
}

    .thumbnail a > img, .thumbnail > img {
        mix-blend-mode: multiply;
        pointer-events: none;
        box-sizing: border-box !important;
        max-width: 420px;
        max-height: 420px;
        position: relative;
        display: block;
        float: none;
    }

#FullImagesPage .thumbnail > img {
    max-width: 700px !important;
    max-height: 700px !important;
}

#ProductImageThumnailsContainer .col-md-6,
.col-md-6 .thumbnail img {
    padding: 0 1% 2% 1%;
    margin-bottom: 0;
    box-sizing: border-box !important;
    display: block;
    position: relative;
}

#ProductImageThumnailsContainer:before {
    box-sizing: border-box !important;
}

#ProductImageThumnailsContainer {
    box-sizing: border-box !important;
    position: relative;
    display: block;
}

.ImageDivSpacing:nth-of-type(even) {
    box-sizing: border-box !important;
}

.ImageDivSpacing:nth-of-type(odd) {
    box-sizing: border-box !important;
}

.ImageDivSpacing:hover {
    cursor: pointer;
    opacity: 0.7;
    box-sizing: border-box !important;
}

.FullPageProductImageThumbSelected {
    border: solid thin #1976d2 !important;
    margin-bottom: 10px;
}

.FullPageProductImageThumb {
    max-width: 48%;
    height: 80px;
    padding-top: 3px;
    position: relative;
    margin-bottom: 6px;
    margin-top: 0px;
    float: left;
    border: 1px solid white;
}

    .FullPageProductImageThumb:hover {
        cursor: pointer;
    }

    .FullPageProductImageThumb p {
        font-size: 44px;
        margin-top: -4px;
        border: solid 1px grey;
        height: 73px;
        opacity: 0.5;
        cursor: pointer;
        width: 68px;
    }

.FullPageProductImage {
    width: auto;
    height: auto;
    text-align: center;
    margin: auto;
    display: block;
    z-index: 3000;
}

.FullPageProductImageBlank {
    max-width: 420px;
    max-height: 420px;
    text-align: center;
    margin: auto;
    display: block;
    z-index: 3000;
    margin-left: 10%;
}

.zoomContainer {
    z-index: 400 !important;
}

.TabItem {
    height: auto;
    min-height: 100% !important;
}

    .TabItem .divWrap {
        max-height: 100%;
        min-height: 100%;
    }

div[id*='productTabPackInsertFull_'].TabItem {
    white-space: normal !important;
}

.TabItemAccounts {
    height: auto;
    min-height: 14vh;
}

.TabItemOrderSpecification {
    border: solid 1px red;
}

.OrderSpecificationInput {
    width: 100px;
}

.ImageControlContainerMobile {
    display: none;
}

.ListDetailCloseButton {
    width: 100%;
    margin: auto;
    background-color: white;
    text-align: right;
    cursor: pointer;
    font-family: RobCL;
}

.Grid_PriceRange {
    margin-left: 8px;
    font-family: SlateL;
    font-size: 11px;
    position: absolute;
    top: 150%;
    display: none;
}

/*price slider*/

.tbSlider {
    position: relative;
    margin-left: 5px;
}

td.PriceSliderItem {
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: solid 1px #DDD !important;
}

    td.PriceSliderItem:last-child {
        border-right: solid 1px #DDD !important;
    }

    td.PriceSliderItem:first-child {
        border-left: solid 1px #DDD !important;
    }

.SliderItemValueLeft {
    font-family: SlateL;
    font-size: 10px;
    margin-top: 5px;
    position: absolute;
    left: 0px;
}

.SliderItemValueRight {
    font-family: SlateL;
    font-size: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0px;
}

.SliderIndicator {
    position: absolute;
    margin-top: -8px;
    margin-left: -2px !important;
    border: solid 1px green;
    background-color: green;
    height: 12px;
    width: 2px;
}

.SlidePriceDiff {
    font-family: SlateL;
    font-size: 10px;
    position: absolute;
    top: -20px;
    width: 60px;
}

/*********************************************/



.Full_PriceBlockCheaper {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 10px;
}

.Full_PriceBlock {
    width: 200px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-width: 250px !important;
}



.Full_UnitPrice {
    font-family: SlateL;
    font-weight: normal;
    font-size: 14px;
    color: black;
    margin-left: 10px;
}


.Full_TradePriceSave {
    font-family: SLateL;
    font-size: 14px;
    color: black;
    margin-left: 5%;
}

.Full_TradePrice {
    padding-top: 15px;
    font-family: SlateL;
    font-size: 16px !important;
    margin-right: 15px;
    right: 0%;
}

.Full_TradePriceRed {
    padding-top: 8px;
    padding-left: 10px;
    color: red;
    font-family: SlateM;
    font-weight: normal;
    font-size: 24px;
}

.Full_TradePriceBlack {
    padding-top: 8px;
    padding-left: 10px;
    font-family: SlateM;
    font-weight: normal;
    font-size: 24px;
    width: 100%;
}

.Full_SaveValue {
    color: red;
    font-family: RobCL;
    font-size: 12px !important;
    position: absolute;
    right: 0px;
}

/*move the qty on the full page*/
div.divQuantityDisplayVisibleFull div.divPriceQtyIncDec:first-child {
    margin-left: 50px;
}

div.divQuantityDisplayVisibleFull div.divPriceQtyIncDec {
    margin-top: 15px;
}

div.divQuantityDisplayVisibleFull div.PriceQtyBox {
    margin-top: 10px;
}
/******/

div.divQuantityDisplayVisibleFull span.spanMinus {
    top: -12px !important;
    left: 7px !important;
}

div.divQuantityDisplayVisibleFull span.spanPlus {
    top: -12px !important;
    left: 3px !important;
}

.Full_InfosRightPane {
    /*border-bottom: solid 1px #eaeaea;*/
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: left;
    font-family: RobCL;
    font-size: 14px;
    margin-left: 0px;
    width: 98%;
    padding-left: 10px;
    white-space: pre-wrap;
    background-color: #f7f7f7;
}

    .Full_InfosRightPane ul {
        padding-top: 10px;
        margin: 0px;
        line-height: 30px;
    }

    .Full_InfosRightPane li {
        margin-left: 5% !important;
        list-style-type: disc;
    }



.Full_Infos {
    padding-top: 20px;
    text-align: left;
    margin-top: 70px;
    font-family: SlateL;
    font-size: 14px;
    margin-left: 0px;
    width: 100%;
    margin-left: 0;
}

    .Full_Infos ul {
        padding-top: 10px;
        margin: 0px;
        line-height: 30px;
    }

    .Full_Infos li {
        margin-left: 5% !important;
        list-style-type: disc;
    }


/****************************************************/
/*Charts*/

.divProductGraphs {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 30px;
    display: inline-block;
    margin-bottom: 20px;
}

div[id*='ChartColumn'] {
    height: 200px;
    width: 33%;
    min-width: 200px;
    float: left;
}

div[id*='ChartMonthHistory'] {
    height: 200px;
    width: 90%;
    min-width: 200px;
}

.ChartMonthHistory {
    margin-top: 100px;
    margin-left: 20px;
    float: left;
}

.ChartDayHistory {
    margin-left: 20px;
    float: left;
}

/*full page generics / product generics control*/
a.k-link.k-header {
    font-family: SlateL;
    padding: 0px !important;
}


.k-panelbar[id*='productTabGenericsFull'] > .k-item > .k-link:hover {
    font-family: Corbel !important;
    height: auto !important;
    line-height: 17px;
    margin-top: 5px;
    text-transform: capitalize !important;
    color: #757575 !important;
    border: none !important;
    font-size: 16px !important;
}


.spanPlusStnd {
    margin-top: -10px !important;
    color: red !important;
}

/*************Pack size comparison**************/
.PSComparisonPaneTop {
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 5px;
}

.PriceCompProductName {
    font-size: 20px;
    border-bottom: solid 1px transparent;
    background-color: transparent;
    font-weight: normal;
    padding-left: 15px;
    padding-right: 15px;
    width: 55%;
    font-family: RobCLR;
}

.PSHorizontalComparisonPaneTop {
    height: auto;
    min-height: 30px;
    display: block;
    width: 50%;
    padding-left: 195px;
    margin-bottom: 5px;
}

.FilterAtrributeBox {
    border: solid 1px #AAA;
    margin-left: 3px;
    min-width: 100px;
    width: auto;
    height: 50px;
    margin-right: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding: 5px;
    font-family: RobCL;
    position: relative;
    flex-grow: 1;
    max-width: 20%;
}

    .FilterAtrributeBox:hover {
        background-color: #FAFAFA;
        margin-left: 1px;
        border-left: solid 3px #1976d2;
        cursor: pointer;
    }

    .FilterAtrributeBox .GroupName {
        font-size: 12px;
        color: #AAA;
        width: 100%;
        margin-top: 5px;
    }

    .FilterAtrributeBox .GroupValue {
        margin-top: 5px;
        font-size: 16px;
    }

.GroupNameClose {
    position: absolute;
    right: 5px;
    cursor: pointer;
}

.PSComparisonPanes {
    border: solid 1px white;
}

.PSComparisonFilterBoxPanel {
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: auto;
    flex-direction: row;
    flex-wrap: wrap;
}

.TheraputicsFilterBoxPanel {
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: auto;
    flex-direction: row;
    flex-wrap: wrap;
}

#TheraputicsRightPaneLoading {
    position: absolute;
    margin-left: 35%;
}

.PanelBarCategories {
    text-transform: uppercase;
    max-width: 250px;
    font-family: SlateL !important;
    font-size: 12px;
}

.CatAttributeItemIndented {
    font-family: SlateL;
    font-size: 12px;
    color: #808080;
    line-height: 20px;
    padding-left: 30px;
}

    .CatAttributeItemIndented:hover {
        text-decoration: underline;
    }

.CategoriesItemBold {
    font-weight: normal;
    font-family: SlateM;
    font-size: 12px;
    line-height: 20px;
    padding-left: 18px;
}

.CatAttributeItem {
    height: auto;
    color: #808080;
    font-family: SlateL;
    font-size: 12px;
    padding-left: 11px;
    padding-top: 5px;
    text-overflow: ellipsis;
    line-height: 14px;
}

    .CatAttributeItem:hover {
        color: #1976d2;
    }


.CatAttributeItemSpace {
    border: none;
    height: 2px;
}

.CatAttributeItemBackArrow {
    color: black;
    font-weight: normal;
    margin-right: 5px;
}

.AttributeItem {
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

    .AttributeItem .FilterAtrributeBox {
        display: none;
    }

.TheraputicsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    height: auto !important;
}

.PSComparisonsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    height: auto !important;
}

.GenericsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    height: auto !important;
}

.PSComparisonsLeftPane .MATC_AddToCartButtonWithOption {
    margin-left: 0;
    border: 1px solid #f2f2f2 !important;
    box-sizing: border-box;
    width: 100% !important;
    margin-bottom: 15px;
}

    .PSComparisonsLeftPane .MATC_AddToCartButtonWithOption span, .GenericsLeftPane .MATC_AddToCartButtonWithOption span, .TheraputicsLeftPane .MATC_AddToCartButtonWithOption span {
        /*top: 11px;*/
        font-size: 12px;
        font-weight: normal;
    }

.PricingComparisonPanes {
    margin-top: -20px;
}

.divPSComparisonDropdown {
    width: 100%;
    border-left: solid 1px #f2f2f2;
}

    .divPSComparisonDropdown:last-child {
        border-right: solid 1px #f2f2f2;
    }

ul#PanelBarPackSizeComparison li.k-state-default {
    width: 100% !important;
    text-align: left;
    height: auto !important;
}

ul#PanelBarPackSizeComparison div.k-content {
    background-color: white !important;
    /*height:auto !important;*/
    width: 100% !important;
    text-align: left;
}

ul#PanelBarPackSizeComparison .k-icon {
    display: none !important;
}

/***********************Generic Products***********************************/

ul#PanelBarGenerics li.k-state-default {
    width: 100% !important;
    text-align: left;
    height: auto !important;
}

ul#PanelBarGenerics div.k-content {
    background-color: white !important;
    /*height:auto !important;*/
    width: 100% !important;
    text-align: left;
}

.GenreicProductImageContainer {
    padding: 0px !important;
    margin: 0px !important;
    float: left;
    height: 75px;
}

.GenericProductName {
    width: 30% !important;
    text-align: left !important;
}

.k-link.k-header.k-state-selected.k-state-focused .divGenericProductName {
    margin-top: 20px !important;
    position: absolute;
    padding-left: 9% !important;
}

.divGenericProductName {
    margin-top: 25px !important;
    position: absolute;
    padding-left: 9% !important;
}

.GenericProductQty {
    width: 8% !important;
    text-align: right;
    margin-top: 8px;
}

.GenericProductSiteName {
    width: 30%;
}




.TheraputicProductPrice.TheraputicProductAccountItem {
    min-width: 50px !important;
}

.GenericProductPrice.GenericProductAccountItem {
    min-width: 70px !important;
}

.GenProductWSAccountDefault .GenericProductPrice.GenericProductAccountItem {
    width: 70px !important;
}

.GenericProductItem.GenericProductPrice.AlignRight {
    width: 72px !important;
}

.GenericProductAccountItem.GenericProductPrice {
    width: 50px !important;
}

.GenericProductPrice {
    width: 30px !important;
    text-align: right;
    background-color: #EEEEEE !important;
}

.GenericProductPriceSelected {
    width: 14% !important;
    text-align: right;
    background-color: #7B8FA9 !important;
}

.GenProductWSAccount {
    display: none;
}

.GenProductWSAccountDefault {
    width: 100% !important;
}

.GenericProductSavePerc {
    width: 10% !important;
    font-family: Corbel !important;
    font-size: 12px !important;
    text-align: right;
}

.ALT_BlankTD {
    width: 7.2vw;
    background-color: white !important;
}

.GenericProductSave {
    width: 10% !important;
    text-align: right;
}

.GenericProductUnitPrice {
    width: 10% !important;
    text-align: right;
}

a.k-link.k-header.k-state-selected.k-state-focused td {
    font-family: RobCL;
    background-color: #1976d2 !important;
    color: white !important;
    padding: 0px;
}


.AlternativeProductContent {
    border: solid 1px #1976d2 !important;
    margin: 0px !important;
}

.ProductFullContainer a.k-link.k-header.k-state-focused:not(ul.k-panelbar) {
    background-color: #1976d2 !important;
    color: red !important;
}

ul#PanelBarGenerics .k-icon {
    display: none !important;
}

.GenericProductAccountItem {
    font-family: Corbel !important;
    height: 45px;
    font-size: 14px !important;
    background-color: white;
    color: black;
    cursor: pointer;
    padding-left: 9px !important;
    border-top: solid 1px #DDDDDD !important;
    border-left: none !important;
}

.GenericProductItem {
    font-family: Corbel !important;
    height: 45px;
    font-size: 14px !important;
    background-color: white;
    color: black;
    cursor: pointer;
    padding-left: 10px;
    border-top: none !important;
    border-left: none !important;
}


.GenericProductItemHighlightTradePrice {
    border: none !important;
}

table.GenericProductHeading {
    border: none !important;
    width: 100% !important;
    background-color: white;
    height: 50px !important;
    font-family: Corbel !important;
    font-size: 14px !important;
}


.GenericProductItemHighlightThumb {
    padding: 0px !important;
    border: none !important;
    text-align: center;
    top: 2px;
    width: 75px;
}

.GenericsThumbnail {
    padding: 5px;
    max-width: 70px;
    mix-blend-mode: multiply;
}

.AltGeneric_ColWholesaler {
    width: auto !important;
    text-align: left;
}

.AltGeneric_ColQTY {
    width: 12px !important;
}

.AltGeneric_ColPrice {
    width: 100px !important;
}

.AltGeneric_ColSavePer {
    width: 80px !important;
}

.AltGeneric_ColSave {
    width: 100px !important;
}

.AltGeneric_ColUnitPrice {
    width: 100px !important;
}

.AltGeneric_AddToCart {
    min-width: 140px;
}


/*************************Theraputic Products***********************************/

ul#PanelBarTheraputics li.k-state-default {
    width: 100% !important;
    text-align: left;
    height: auto !important;
}



ul#PanelBarTheraputics div.k-content {
    background-color: white !important;
    /*height:auto !important;*/
    width: 100% !important;
    text-align: left;
}

.TheraputicProductImageContainer {
    padding: 0px !important;
    margin: 0px !important;
    float: left;
    height: 75px;
}

.TheraputicProductQty {
    width: 8% !important;
    text-align: right;
}

.TheraputicProductSiteName {
    width: 30%;
}

.TheraputicProductPrice {
    width: 10% !important;
    text-align: right;
    background-color: #EEEEEE !important;
}

.TheraputicProductPriceSelected {
    width: 10% !important;
    text-align: right;
    background-color: #7B8FA9 !important;
}


.TheraputicProductWSAccount {
    display: none;
}



.TheraputicProductSavePerc {
    width: 10% !important;
    font-family: Corbel !important;
    font-size: 12px !important;
    text-align: right;
}

.TheraputicProductSave {
    width: 10% !important;
    text-align: right;
}

.TheraputicProductUnitPrice {
    width: 10% !important;
    text-align: right;
}




ul#PanelBarTheraputics .k-icon {
    display: none !important;
}


td.TheraputicProductGroupAccountButton div[id*='Control_'] div.GridProductQuantityBlockAddSmallStnd {
    margin-top: -15px !important;
}

.TheraputicProductGroupAccountButton {
    background-color: #EEEEEE !important;
    height: 57px !important;
}

.TheraputicProductAccountItem {
    font-family: Corbel !important;
    height: 45px;
    font-size: 14px !important;
    background-color: white;
    color: black;
    cursor: pointer;
    padding-left: 10px;
    border-top: solid 1px #DDDDDD !important;
    border-left: none !important;
}

.TheraputicProductItem {
    font-family: Corbel !important;
    height: 45px;
    font-size: 14px !important;
    background-color: white;
    color: black;
    cursor: pointer;
    padding-left: 10px;
    border-top: none !important;
    border-left: none !important;
}


.TheraputicProductItemHighlightTradePrice {
    border: none !important;
}

table.TheraputicProductHeading {
    border: none !important;
    width: 100% !important;
    background-color: white;
    height: 50px !important;
    font-family: Corbel !important;
    font-size: 14px !important;
}


.TheraputicProductItemHighlightThumb {
    padding: 0px !important;
    border: none !important;
    text-align: center;
    top: 2px;
    width: 75px;
}

.TheraputicsThumbnail {
    margin: 0px;
    padding: 5px;
    width: 60px;
    mix-blend-mode: multiply;
}

.AltTheraputic_ColWholesaler {
    width: auto !important;
    text-align: left;
}

.AltTheraputic_ColQTY {
    width: 12px !important;
}

.AltTheraputic_ColPrice {
    width: 100px !important;
}

.AltTheraputic_ColSavePer {
    width: 80px !important;
}

.AltTheraputic_ColSave {
    width: 100px !important;
}

.AltTheraputic_ColUnitPrice {
    width: 100px !important;
}

.AltTheraputic_AddToCart {
    min-width: 140px;
}

/**********************Alternative Products********************************/
table[id*='tbTher_Account_'] {
    width: 100%;
}

.GenAlternativeProductsSub {
    border: solid 1px red;
}

.GenAlternativeProducts {
    margin: 0px !important;
}

.AlternativeProducts {
    width: 100% !important;
    margin: 0px !important;
}

.AlternativeProductContent {
    width: 100%;
    margin: 0px !important;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.FloatingGridHeader {
    position: absolute;
    width: 98.2%;
    z-index: 500;
    display: none;
}

.Int_AltProducts {
    margin-top: 0px;
    float: left;
    width: 100%;
    height: 100%;
}


#AltProductsHeader {
    background-color: #fcfcfc !important;
    color: #bfbfbf;
    line-height: 12px;
    min-height: 25px;
    height: 30px;
    border: 1px solid #e6e6e6;
    position: relative;
    font-family: SlateM;
    float: none;
    box-sizing: border-box !important;
}

    #AltProductsHeader td {
        color: #bfbfbf;
        font-size: 10px;
        padding: 0 20px;
        border: none;
        background-color: #fcfcfc;
    }

.ColumnViewContainer #AltProductsHeader td {
    white-space: nowrap;
    padding: 0 10px !important;
}

#AltProductsHeaderTD {
    border: none;
    border-right: solid 1px #DDDDDD;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: white;
    padding: 5px !important;
}

.HistoryTabSection {
    width: 100%;
    /* border-bottom: 1px solid #f2f2f2; */
    position: relative;
}

.HistoryContent {
    position: relative;
    height: 100%;
    box-sizing: border-box !important;
    margin-top: -6px;
    width: 100%;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    z-index: 20;
    padding: 20px;
    min-height: 400px;
    margin-top: 0px;
}

.FPHistoryButtonSection {
    box-sizing: border-box !important;
    /*padding: 15px;*/
}

#FPHistorySupplierSortField, #FOHistorySupplierSortField {
    box-sizing: border-box;
    height: 40px;
    position: relative;
    border: 1px solid transparent;
    border-radius: .15em;
}

#FOHistorySupplierSortField {
    float: right;
    left: -3%;
    margin-top: -21%;
    max-width: 140px;
    width: 140px;
}

    #FPHistorySupplierSortField:hover, #FOHistorySupplierSortField:hover {
        border: 1px solid #1976D2;
    }

    #FPHistorySupplierSortField .MATC_AddToCartButton, #FOHistorySupplierSortField .MATC_AddToCartButton {
        box-sizing: border-box !important;
    }

    #FPHistorySupplierSortField .MATC_Visible, #FOHistorySupplierSortField .MATC_Visible {
        box-sizing: border-box !important;
    }

    #FPHistorySupplierSortField .MATC_AddToCartButtonWithOption, #FOHistorySupplierSortField .MATC_AddToCartButtonWithOption {
        box-sizing: border-box !important;
        height: 35px;
        text-align: center !important;
        padding-left: 10px;
    }

.ColumnViewContainer #FPHistorySupplierSortField .MATC_AddToCartButtonWithOption, .ColumnViewContainer #FOHistorySupplierSortField .MATC_AddToCartButtonWithOption {
    text-align: center !important;
    padding: 0 !important;
    width: 100px !important;
}

.ColumnViewContainer .HistoryContent #FPHistorySupplierSortField, .ColumnViewContainer .HistoryContent #FOHistorySupplierSortField {
    width: 100px !important;
    /*margin-top: -35%;*/
}

.ColumnViewContainer .HistoryContent #FOHistorySupplierSortField {
    width: 100px !important;
    margin-top: -35%;
}

.ColumnViewContainer .HistoryContent #FPHistorySupplierSortField .MATC_AddToCartButton, .ColumnViewContainer .HistoryContent #FOHistorySupplierSortField .MATC_AddToCartButton {
    right: 4px !important;
    top: 4px !important;
}

.ColumnViewContainer .HistoryContent #FPHistorySupplierSortField .MATC_divDDOptionsItem, .ColumnViewContainer .HistoryContent #FOHistorySupplierSortField .MATC_divDDOptionsItem {
    padding-top: 7px;
}

.ColumnViewContainer .HistoryContent .ColumnProductDetailContainer .bubblePopout {
    margin-left: -115% !important;
    margin-top: 16% !important;
}

.ColumnViewContainer .HistoryContent #FPHistorySupplierSortField .MATC_AddToCartButtonWithOption span, .ColumnViewContainer .HistoryContent #FOHistorySupplierSortField .MATC_AddToCartButtonWithOption span {
    top: 0px !important;
    padding-left: 0px !important;
}

.ColumnViewContainer #tabEquivContent {
    padding: 0 !important;
}

.ColumnViewContainer #tabGenericsContent {
    padding: 0 !important;
}

.ColumnViewContainer .tabTheraputicsHeading {
    height: 30px;
}

.ColumnViewContainer .tabEquivContent row {
    margin: 0 !important;
}

.ColumnViewContainer .tabGenericsHeading {
    margin: 0 !important;
}

.ColumnViewContainer .GridATCWindowRow,
.ColumnViewContainer .GridATCWindowRowSelected {
    margin: 0 !important;
    height: auto;
    min-height: 45px !important;
}

.ColumnViewContainer .GridATCWindowRow,
.ColumnViewContainer .GridATCWindowRowSelected {
    padding: 0 !important;
}

#FPHistorySupplierSortField .MATC_AddToCartButtonWithOption span, #FOHistorySupplierSortField .MATC_AddToCartButtonWithOption span {
    top: 0px;
    font-size: 12px;
    color: #666 !important;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box !important;
}

#FPHistorySupplierSortField .MATC_divDDOptionsItemSelected, #FOHistorySupplierSortField .MATC_divDDOptionsItemSelected {
    box-sizing: border-box !important
}

#FPHistorySupplierSortField .MATC_AddToCartButtonWithOptionDropDown {
    position: relative;
    margin-top: 15px;
    margin-left: -80px;
    min-width: 220px;
}

#FOHistorySupplierSortField .MATC_AddToCartButtonWithOptionDropDown {
    position: relative;
    margin-top: 15px;
    margin-left: -17px;
    min-width: 220px;
}

#FPHistorySupplierSortField .MATC_ImgAddToCartDownArrow, #FOHistorySupplierSortField .MATC_ImgAddToCartDownArrow {
    box-sizing: border-box !important;
    margin-right: 15px;
    margin-top: 13px;
}

#FPHistorySupplierSortField .MATC_divDDOptionsItem, #FOHistorySupplierSortField .MATC_divDDOptionsItem {
    box-sizing: border-box !important;
}

.btnHistoryChange {
    font-family: Slate;
    font-weight: normal;
    font-size: 13px;
    padding: 15px 20px 15px;
    width: 10vw;
    text-align: center;
    background-color: white;
    top: 1px;
    white-space: nowrap;
}

.btnHistorySelected {
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 0px solid white;
    color: #1976D2;
    background-color: white;
    z-index: 100;
    position: relative;
}

.btnHistoryChange:hover {
    cursor: pointer;
    color: #1976d2;
}

.HistoryTitle {
    width: 100vw;
    text-align: center;
    font-family: SlateM;
    font-size: 14px;
    font-weight: normal;
}

.HistoryItem {
    height: 30px;
    border-bottom: solid 1px #f2f2f2;
    border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    font-family: SlateL;
    font-size: 13px;
    text-overflow: ellipsis;
    max-width: 95%;
}

.ColumnViewContainer .HistoryItem {
    white-space: nowrap;
}

/*.HistoryItem:nth-child(odd) {
        background-color: #F5F5F5;
    }*/


.GenericsProductDetails {
    max-width: 40vw;
    width: 40vw !important;
}

.GenericsTable td {
    padding: 0 20px;
}

.Gen_ColWholesaler {
    text-align: left;
    width: 30vw !important;
}

.GenericsColumnHeader {
    width: 100%;
}

.AltProductSubContentContainer {
    width: 100%;
    margin-left: 10px;
    min-height: 100px;
}

.RowSubContentTD {
    padding: 0px;
}

td.RowSubContentTD {
    padding: 0px !important;
    border: none !important;
}

.AltProductsSubContentItemAddRow {
    height: 50px;
    width: 100%;
}

.AltProductsSubContentItemAddRowBtn {
    position: absolute;
    margin-top: 7px;
    right: 30%;
    width: 50%;
}

.AltProductsSubContentItem {
    position: relative;
    height: 50px;
}


    .AltProductsSubContentItem:not(:last-child) {
        border-bottom: solid 1px #CCC;
    }

div[id*='tabstripFull'].k-content {
    overflow: visible;
    min-height: 530px;
}

.Full_ProductTabsProducts div[id*='tabstrip'].k-content {
    overflow-y: unset !important;
    /*overflow-y: visible;*/
}

div[id*='tabstrip'].k-content {
    /*overflow-y: scroll;*/
    min-width: 97%;
}

div.TabItemOrderSpecification.k-content.k-state-active {
    min-height: 225px !important;
}

.Int_AltProducts td {
    overflow: visible !important;
}

#tabstripATC {
    margin-top: -5px;
    height: 100%;
    overflow: hidden;
    clear: both;
}

#Grid_ListProducts_D #tabstripATC {
    height: 100%;
}

/*#tabstripATC .k-item
{
   width:100px !important;
}*/
/*Gerard, Remove width as it needs to be 100% on this screen*/
#wndGridAddToCart #divGenericAttributes .k-item.k-first.k-last {
    width: initial !important;
}

/*.AlternativeProducts
{
    overflow:visible !important;
}*/


.AltProductsSubContentAddToCartButton .MATC_Visible {
    width: 50%;
    position: relative;
    left: 45%;
    margin: 0px !important;
    padding: 0px !important;
}

.AltProductsSubContentAccAddToCartButton .MATC_Visible {
    width: 0px !important;
    top: 5px;
    right: 10px;
    position: absolute;
    margin: 0px !important;
    padding: 0px !important;
}

.MATC_AddToCartButtonWithOptionNoButton {
    margin-left: -1px;
}

.RowSubContent {
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    display: none;
    height: auto;
    vertical-align: top;
    position: relative;
    background-color: #F3FAFF;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 99.7%;
}


.GenRowSubContent {
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    display: none;
    height: auto;
    vertical-align: top;
    position: relative;
    background-color: #F3FAFF;
    width: 100%;
}

.tdGenRowSubContent {
    padding: 0px;
}

/*.GenRowSubSubContent
{
    border-left:solid 1px #CCC;
    border-right:solid 1px #CCC;
    border-bottom:solid 1px #CCC;
    display:none;
    height:auto;
    vertical-align:top;
    position:relative;
    padding-bottom:20px;
    background-color:#F3FAFF;
    width:100%;
}*/

.AltProductsSubContentMnfLogo {
    margin-left: 10px;
    margin-top: 20px;
    height: 60px;
}

.AltProductsSubContent_SiteName {
    position: absolute;
    top: 18px;
    left: 25%;
}

.AltProductsSubContent_Full_PriceBlock {
    height: auto;
    position: absolute;
    left: 200px;
    width: 170px;
    top: 20px;
}

.ULProductInfo .ULProductRow .List_TradePrice .AddToCartButtonContainer :last-child {
    margin-top: 20px !important;
}

.ULProductInfo .ULProductRow .List_TradePrice .AddToCartButtonContainerQtyOnly :last-child {
    margin-top: 20px !important;
}

.AddToCartAccOptionsContent {
    display: none;
    height: auto;
    width: 500px;
    border: solid 2px #1976d2;
    background-color: white;
    position: absolute;
    top: 40px;
    left: -384px;
    z-index: 3000;
    padding-bottom: 3px;
    padding-right: 1px;
}

.AddToCartOptionsContent {
    display: none;
    height: 300px;
    width: 500px;
    border: solid 2px #1976d2;
    background-color: white;
    position: absolute;
    top: 40px;
    left: -362px;
    z-index: 3000;
    padding-bottom: 3px;
    padding-right: 1px;
}

span.k-loading.k-complete {
    display: none;
}

.GenRowSubContent .AltProductsAccAddToCartButton {
    /*width:;*/
    height: 37px;
    border: solid 1px #1976d2;
    background-color: #1976d2;
    position: absolute;
    margin-top: 3px;
    right: 10%;
    display: none;
}

.AltProductsAccAddToCartButton {
    width: 120px;
    height: 37px;
    border: solid 1px #1976d2;
    background-color: #1976d2;
    position: absolute;
    margin-top: 3px;
    right: 30%;
}

    .AltProductsAccAddToCartButton span {
        color: white;
        width: 100%;
        height: 100%;
        position: absolute;
        font-family: SlateL;
        font-size: 13px;
        text-align: center;
        margin-top: 12px;
    }


.AltProductsAddToCartButton {
    width: 140px;
    height: 37px;
    border: solid 1px #1976d2;
    background-color: #1976d2;
    position: absolute;
    margin-top: -20px;
    right: 13px;
    display: none;
}

    .AltProductsAddToCartButton span {
        color: white;
        width: 100%;
        height: 100%;
        position: absolute;
        font-family: SlateL;
        font-size: 13px;
        text-align: center;
        margin-top: 12px;
    }

.AltProductItemAddToCart {
    min-width: 300px;
}

.AlternativeProducts tr:hover .AltProductsSubContentAddToCartButton {
    display: block;
}

.AlternativeProducts tr:hover .AltProductsAddToCartButton {
    display: block;
}

.AltProductsSubContentItem:hover .AltProductsAccAddToCartButton {
    display: block;
    cursor: pointer;
}


div.ProductTabs li.k-state-active.k-item.k-tab-on-top.k-state-default {
    width: 175px;
    height: 50px;
    background-color: white !important;
    margin-right: 0px;
    margin-top: 5px;
    border-radius: 0px;
    z-index: 0;
    border-left: solid 1px #EEEEEE;
    border-top: solid 1px #EEEEEE;
    border-right: solid 1px #EEEEEE;
    position: relative;
    padding-top: 0;
}

div.CoreProductTabs li.k-state-active.k-item.k-tab-on-top.k-state-default {
    width: 15%;
    height: 50px;
    background-color: white !important;
    margin-right: 0px;
    margin-top: 1px;
    border-radius: 0px;
    z-index: 0;
    border-left: solid 1px #CCC;
    border-top: solid 1px #CCC;
    border-right: solid 1px #CCC;
}

div.CapexTabs li.k-state-active.k-item.k-tab-on-top.k-state-default {
    width: 15%;
    height: 50px;
    background-color: white !important;
    margin-right: 0px;
    margin-top: 1px;
    border-radius: 0px;
    z-index: 0;
    border-left: solid 1px #CCC;
    border-top: solid 1px #CCC;
    border-right: solid 1px #CCC;
}

div.k-tabstrip:focus {
    box-shadow: none !important;
}

/*this is important - a k-loading k-complete span gets added to tab heading*/
span.k-link {
    /*display: none !important;*/
}

/*li.k-item.k-state-default
{
    border:solid 1px red;
    margin:0px;
    padding:0px;
}*/



/*.k-item.k-state-default.k-last.k-tab-on-top.k-state-active .TabText
{
 margin-top:0px;
}*/

div.ProductTabs li.k-state-active.k-item.k-tab-on-top.k-state-default div.TabText {
    color: black !important;
    font-family: SlateL;
    /*font-size: 12px;*/
    background-color: transparent;
}

.SelectedTabUnderlineInner {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: -2px;
    height: 2px;
    border: solid 1px #1976d2;
    background-color: #1976d2;
    display: block;
    position: absolute;
}

.SelectedTabUnderline {
    display: none;
}


div.ProductTabs li.k-state-active.k-item.k-tab-on-top.k-state-default .SelectedTabUnderline {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -2px;
    height: 2px;
    border: solid 1px white;
    background-color: white;
    /*display: block;*/
    display: none;
}

div.ProductTabs li.k-state-active.k-item.k-tab-on-top.k-state-default div.TabText {
    color: #1976d2 !important;
    font-family: SlateM;
}

div.ProductTabs li.k-state-active.k-item.k-tab-on-top.k-state-default.k-last div.TabText {
    color: black;
    font-size: 12px;
    border-right: solid 1px #f2f2f2;
}


div.ProductTabs li.k-item.k-state-default div.TabText {
    margin-top: 0px;
    /* padding-top: 10px; */
    color: #666 !important;
    /* font-size: 12px; */
    height: 80%;
    background-color: #F7F7F7;
    font-family: Slate;
    font-weight: normal;
    font-size: 13px;
}

.k-tabstrip-items.k-reset {
    /*background-color: #FBFBFB;*/
    background-color: #F7F7F7;
}


/*Bundle*/

div.CoreProductTabs li.k-state-active.k-item.k-tab-on-top.k-state-default div.TabText {
    color: black !important;
    font-family: RobCL;
    font-size: 12px;
}

div.CoreProductTabs li.k-state-active.k-item.k-tab-on-top.k-state-default .SelectedTabUnderline {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    height: 2px;
    border: solid 1px #1976d2;
    background-color: #1976d2;
}

div.CoreProductTabs li.k-state-active.k-item.k-tab-on-top.k-state-default div.TabText {
    color: #1976d2 !important;
    font-family: RobCL;
    font-size: 12px;
}

div.CoreProductTabs li.k-state-active.k-item.k-tab-on-top.k-state-default.k-last div.TabText {
    color: black !important;
    font-family: RobCL;
    font-size: 12px;
    border-right: solid 1px #CCC;
}


div.CoreProductTabs li.k-item.k-state-default div.TabText {
    margin-top: 0px;
    padding-top: 10px;
    color: #AAA !important;
    font-size: 12px;
    height: 80%;
}

/*Capex*/
div.CapexTabs li.k-state-active.k-item.k-tab-on-top.k-state-default div.TabText {
    color: black !important;
    font-family: RobCL;
    font-size: 12px;
}

div.CapexTabs li.k-state-active.k-item.k-tab-on-top.k-state-default .SelectedTabUnderline {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    height: 2px;
    border: solid 1px #1976d2;
    background-color: #1976d2;
}

div.CapexTabs li.k-state-active.k-item.k-tab-on-top.k-state-default div.TabText {
    color: #1976d2 !important;
    font-family: RobCL;
    font-size: 12px;
}

div.CapexTabs li.k-state-active.k-item.k-tab-on-top.k-state-default.k-last div.TabText {
    color: black !important;
    font-family: RobCL;
    font-size: 12px;
    border-right: solid 1px #CCC;
}


div.CapexTabs li.k-item.k-state-default div.TabText {
    margin-top: 0px;
    padding-top: 10px;
    color: #AAA !important;
    font-size: 12px;
    height: 80%;
}

div.CapexTabs ul:not(.k-panelbar) li.k-item {
    text-align: left !important;
    width: auto;
    min-width: 25%;
    height: 50px;
    background-color: white !important;
    border-radius: 0px;
}



div.CapexTabs li.k-state-default {
    border-left: 0px;
}

div.CapexTabs li.k-state-hover:hover {
    text-align: left;
    width: 19.9%;
    height: 50px;
    background-color: #DEDEDE !important;
    border-radius: 0px;
}
/*End*/

/*




div[id*='tabstripProductAddInfo'] .TabContainer
{
    min-width:115px;
}*/

div#tabstripFullBottom ul:not(.k-panelbar) li.k-item {
    text-align: left !important;
    width: auto;
    height: 50px;
    border-radius: 0px;
}

div.ProductTabs ul:not(.k-panelbar) li.k-item {
    text-align: left !important;
    width: 175px;
    height: 50px;
    background-color: #f7f7f7 !important;
    border-radius: 0px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    margin-top: 5px;
    border-left: solid 1px #f7f7f7;
    border-top: solid 1px #f7f7f7;
    border-right: solid 1px #f7f7f7;
}


div.ProductTabs li.k-state-default {
    border-left: 0px;
}

div.ProductTabs li.k-state-hover:hover {
    text-align: left;
    width: 19.9%;
    height: 50px;
    background-color: #DEDEDE !important;
    border-radius: 0px;
}

div.k-content[id*='tabstrip-'] {
    height: 100% !important;
    margin-bottom: 0px;
}

.TabContainer {
    height: 100%;
    cursor: pointer;
    width: 100%;
    display: table;
}

.TabContainerOptions {
    min-width: 200px !important;
}

.TabText {
    font-family: SlateL;
    font-size: 12px;
    color: black !important;
    text-align: left;
    /*padding-left: 10%;*/
    height: 38px !important;
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
}

/****int product full page*/
.Int_AltProducts .TableProductDetails {
    width: 105.5%;
    margin-top: 0px;
    margin-left: -26px;
}

.Int_AltProducts .TableProductDetailsMainHeading {
    font-family: RobCL;
    font-size: 22px;
    padding: 10px;
    border-top: solid 1px #CCC;
}

.Int_AltProducts .TableProductDetailsHeading {
    font-family: RobCL;
    font-size: 16px;
    padding: 10px;
    border-top: solid 1px #CCC;
    width: 30%;
}

.Int_AltProducts .TableProductDetailsValue {
    padding: 10px;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    font-family: SlateL;
    font-size: 16px;
}

/****Product Details Tab***/
.TableProductDetails {
    width: calc(100% + 10px);
    margin-top: 50px;
    margin-left: -10px;
}

    .TableProductDetails tbody tr:last-of-type td {
        border-bottom: 1px solid #f2f2f2;
    }

.TableProductDetailsMainHeading {
    font-family: RobCL;
    font-size: 22px;
    padding: 10px;
    border-top: solid 1px #CCC;
}

.TableProductDetailsHeading {
    font-family: RobCL;
    font-size: 16px;
    padding: 10px;
    border-top: solid 1px #CCC;
    width: 30%;
}

.TableProductDetailsValue {
    padding: 10px;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    font-family: SlateL;
    font-size: 16px;
}

/*****/

.CompareButtons {
    width: 28%;
    position: absolute;
    font-family: RobCL;
}

.divCompareBox {
    font-family: RobCL;
    margin-top: -20px;
    margin-left: 150px;
    position: absolute;
    cursor: pointer;
}

.divLargeImageBox {
    margin-top: -20px;
    margin-left: 250px;
    position: absolute;
    cursor: pointer;
}

.TabInformation_PackSizeComparison {
    font-family: SlateL;
    font-size: 13px;
    color: #1976d2;
    padding-left: 10%;
}

.k-item .k-state-default .k-first {
    padding-top: 3px;
}

.TabInformation,
.TabInformation_SupplierPricing,
.TabInformation_Theraputics,
.TabInformation_Generics {
    font-family: SlateL;
    font-size: 13px;
    color: #1976d2;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 2px;
}

div.ProductTabs .k-tabstrip-wrapper {
    box-shadow: none;
}

.AltProductQuantitySpacer {
    padding-right: 12px !important;
}

.AltProductWSName {
    font-family: RobCL;
}

.AltProductItemRed {
    color: red;
    padding-left: 10px;
    font-family: SlateL;
    font-size: 12px;
}

.AltProductItemPrice {
    font-family: SlateL !important;
    height: 45px;
    border: none !important;
    border-bottom: solid 1px #CCCCCC !important;
    font-size: 12px !important;
    cursor: pointer;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #E8F5FF;
    padding-right: 25px !important;
}

.AltProductItem {
    font-family: SlateL !important;
    height: 45px;
    border: none !important;
    border-bottom: solid 1px #CCCCCC !important;
    font-size: 13px !important;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 10px;
    min-width: 50px;
}

.DoubleRightPadding {
    padding-right: 30px;
}

.SingleLeftPadding {
    padding-left: 5px;
}


.AltProductItem:hover {
    height: auto;
    font-size: 12px;
    padding-left: 4px;
}

.AltProductItemHighlight {
    font-family: SlateL !important;
    height: 45px;
    border: none !important;
    border-bottom: solid 1px #CCCCCC !important;
    font-size: 12px !important;
    cursor: pointer;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    background-color: #1976d2;
    opacity: 0.7;
}


.GenProductItem {
    font-family: SlateL !important;
    height: 45px;
    border: none !important;
    border-bottom: solid 1px #CCCCCC !important;
    font-size: 12px !important;
    cursor: pointer;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

    .GenProductItem:hover {
        height: auto;
        font-size: 12px;
    }

.GenProductItemHighlight {
    font-family: SlateL !important;
    height: 45px;
    border: none !important;
    border-bottom: solid 1px #CCCCCC !important;
    font-size: 12px !important;
    cursor: pointer;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    background-color: #1976d2;
    opacity: 0.7;
}

/*This class must appear after AltProductItemHighlight as it background color gets overwritten*/
.AltProductPriceColumnSelected {
    width: 8% !important;
    text-align: right;
    background-color: #7B8FA9 !important;
    padding-right: 10px !important;
}



.HideAccounts {
    display: none !important;
}

.AltProductQuantitySpacer {
    padding: 0px;
    margin: 0px;
    width: auto;
    height: auto;
    font-size: 12px;
}

.AltProductPriceColumn {
    background-color: #EEEEEE;
    padding-right: 10px !important;
}


tr[id*='AltProductsContent_'] td > div > div.divPriceQtyIncDec > span.spanMinus {
    left: -5px;
}

tr[id*='AltProductsContent_'] td div div.divPriceQtyIncDec > span.spanPlus {
    left: -2px;
}

tr[id*='AltProductsContent_'] td > div > div.GridProductQuantityBlockAddSmall {
    top: 0px;
}



.ProductFullContainer div[id*='AccCheckDone_'] {
    margin-right: 15px !important;
}


/*tr[id*='AltProductsSubContents_'] > .AltProductItemHighlight {
    background-color: #EA9263 !important;
}

td.AltProductItemHighlight > .AltProductQuantityBlockAddSmall {
    display: block;
}

td.AltProductItem > .AltProductQuantityBlockAddSmall {
    display: none;
}

td.AltProductItemHighlight > .PanelbarAltProductQuantityBlockAddSmall {
    display: block;
}

td.AltProductItem > .PanelbarAltProductQuantityBlockAddSmall {
    display: none;
}*/


tr[id*='AltProductsSubContents_btnAddToCart_'] td {
    width: 100%;
    border: solid 1px #DDDDDD !important;
    border-top: none !important;
    background-color: #EEEEEE !important;
}

.GridProductAccountsQuantityBlockAddSmall {
    background-color: #00A2E1;
    border: solid 1px #0089BF;
    width: 117px;
    height: 30px;
    position: relative !important;
    margin-top: 3px;
    padding-top: 5px;
    text-align: center;
    right: 10px;
    float: right;
}

div.AltProductQuantitySpacer .spanMinus {
    left: -7px;
}


/******************Mobile Attributes********************/
.divMobileAttributes {
    width: auto;
    height: auto;
    border: solid 2px Gray;
    background-color: white;
    display: none;
    position: absolute;
    z-index: 1000;
}

.PanelBarCheckoutSuppliers, .PanelBarCheckoutUsers, .PanelBarProductGroup {
    width: 250px !important;
}

/*************************************/
/*********Search Control**************/

.inpSearchBlank {
    width: 70%;
    height: 38px;
    border: none;
    margin-left: 10px;
    margin-top: 12px;
    padding: 0px;
    color: #DDD;
    font-size: 13px;
    font-family: SlateL;
    padding-left: 0px !important;
}

    .inpSearchBlank:first-letter {
        text-transform: uppercase;
    }

    .inpSearchBlank::-webkit-input-placeholder {
        color: #E3E4E8;
    }

    .inpSearchBlank::-moz-input-placeholder {
        color: #E3E4E8;
    }

    .inpSearchBlank::-o-input-placeholder {
        color: #E3E4E8;
    }

    .inpSearchBlank::-ms-input-placeholder {
        color: #E3E4E8;
    }

.inpSearchValue {
    width: 100%;
    height: 38px;
    border: none;
    margin-left: 10px;
    margin-top: 12px;
    padding: 0px;
    color: black;
    font-size: 13px;
    font-family: SlateL;
    padding-left: 0px !important;
}

.inpSearchBlank:focus {
    border: none;
    outline: none;
    border: none;
    text-transform: uppercase;
}

.inpSearchValue:focus {
    width: 500px;
    outline: none;
    border: none;
    border: none;
    height: 38px;
    text-transform: uppercase;
    color: black !important;
    text-transform: uppercase;
}

#LinksContainer, #UserInfoContainer {
    display: none;
}

.SearchContainerElementSearch {
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 15px;
    padding-right: 10px;
    /* padding-left: 20px; */
    color: #222222;
    font-size: 13px;
    width: 100%;
    height: 66px;
    position: relative;
    text-align: left;
    border-bottom: solid 1px #EBEBEB;
    /*border-right: solid 1px #f2f2f2;*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
}

.SearchContainer #BurgerIconClick {
    padding-top: 22px;
    padding-left: 23px;
}

.btnSearch {
    /*width: 0px;*/
    height: 40px;
    /*position: absolute;*/
    top: 0;
    /*right: 80px;*/
    font-family: SlateL;
    font-size: 11px;
    color: #CCC;
    text-align: center;
    cursor: pointer;
    padding: 8px 0 0 !important;
}

    .btnSearch span {
        position: absolute;
        top: 11px;
        left: -60px;
        color: #1976d2;
    }

    .btnSearch:focus {
        outline: none;
        border: none;
    }

#spanSearch {
    display: none;
}

.SearchContainerElement img {
    position: absolute;
    top: 6px;
    left: 0px;
    z-index: 1;
    padding-left: 20px;
    height: 20px !important;
}

.SearchContainerElement {
    /*border-left:solid 1px #DDD;*/
    width: 45px;
    height: 30px;
    margin-top: 15px;
    margin-left: -1px;
    position: relative;
}

.SearchContainerBorder {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* width: 100%; */
    max-width: 90%;
    margin: -12px 0;
    padding: 0 !important;
    border: none;
    height: 59px;
    border: none !important;
}

.DivAllCategories {
    font-family: SlateL;
    font-size: 12px;
    min-width: 150px;
    padding-top: 12px;
}

.SearchContainer {
    height: 66px;
    background-color: white;
    position: fixed;
    max-width: 1366px;
    width: 100%;
    z-index: 502;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    top: 0;
}


/*#spanClearSearch {
    display: none;
    cursor: pointer;
    width: 100px;
    margin-left: -30px;
}*/

.ClearSearchImgContainer {
    width: 20px;
    height: 20px;
    top: 4px;
    right: 0px;
    position: absolute;
    display: none;
}

#GlobalSearchText, #inpSearchUniformUsers {
    padding-left: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: 0%;
    width: 100%;
    font-family: SlateL;
    font-size: 15px;
    text-transform: uppercase;
    color: #DFDFDF;
    text-indent: 50px;
    border: 1px solid #f2f2f2;
    border-radius: .20em;
}

    #GlobalSearchText:focus {
        border: 1px solid #64b1ee;
    }

    #GlobalSearchText:hover {
        border: 1px solid #64b1ee;
    }

#UserInfoContainer {
    position: absolute;
    cursor: pointer;
    top: 25px;
    right: 245px;
    color: #222222;
    font-family: RobCL;
    font-size: 12px;
    width: 120px;
}

    #UserInfoContainer span {
        border-left: solid 1px #CCCCCC;
        padding-left: 20px;
    }

#LinksContainer {
    position: absolute;
    cursor: pointer;
    top: 25px;
    right: 345px;
    color: #222222;
    font-family: RobCL;
    font-size: 12px;
    width: 100px;
}

/*.SearchContainerElementMyAccount {
    width:130px;
    padding-top:25px;
    color: #222222;
    font-family:RobCL;
    font-size: 13px;
    border:solid 1px red;
}*/

.SearchContainerElementLinks {
    position: absolute;
}

.SearchContainerElement span {
    border-left: solid 1px #CCCCCC;
    padding-left: 20px;
}

.SearchContainerElement img {
    height: 20px;
    margin-left: 40px;
}

.CartIconCount {
    width: 35px;
    height: 25px;
    position: relative;
    z-index: 10000;
    font-family: SlateL;
    font-size: 14px;
    font-weight: normal;
    color: #808080;
    margin-top: 14px;
    margin-left: 8px;
}

.CartIconContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 35px;
    margin-top: 5px;
    cursor: pointer;
}

#CartMenuItem {
    border-bottom: solid 1px #f2f2f2;
    height: 56px;
}

    #CartMenuItem:hover {
        background-color: #E6F2FA;
    }

.DownArrowSmallCart {
    background-image: url(../../../Images/DropDown/Dropdownicon.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 12px;
    height: 10px;
    margin-top: 22px;
    margin-left: 5px;
}


.divCartSelection {
    cursor: pointer;
    margin-top: 0px;
    border: none;
    height: 66px;
    width: 7.5%;
    background-color: #1976d2;
    padding-top: 19px;
}



    .divCartSelection span {
        margin: 0px;
        font-family: SlateL;
        font-size: 14px;
        color: white;
    }


.CartIcon {
    margin-top: 10px;
    height: 25px;
    cursor: pointer;
}

    .CartIcon span {
        font-family: RobCL;
        font-size: 13px;
    }

.CheckoutCount {
    font-family: RobCL;
    font-size: 12px;
}

.divCartSelectionCart1, .divCartSelectionCart2 {
    text-align: right;
    font-family: RobCL;
    font-size: 14px;
    cursor: pointer;
}



    .divCartSelectionCart1:hover, .divCartSelectionCart2:hover {
        color: #1976d2;
        text-decoration: underline;
    }



input[type=text]::-ms-clear {
    display: none;
}

.coHeader .MainLogo, .COConfLeft .MainLogo {
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    margin-right: 0px;
    cursor: pointer;
    /*border:solid 1px #CF212A;
    background-color:#CF212A;*/
    width: 190px !important;
    background-color: #CC1A2F;
    color: white;
    font-family: RobCL;
    font-size: 24px;
    padding-top: 15px;
    height: 60px;
}

    .coHeader .MainLogo span, .COConfLeft .MainLogo span {
        margin-left: 30px;
    }


.MainLogo {
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    margin-right: 0px;
    cursor: pointer !important;
    /* width: 15%; */
    background-color: white;
    border-bottom: 1px solid #EBEBEB;
    color: white;
    font-family: RobCL;
    font-size: 24px;
    padding-top: 15px;
    height: 66px;
}

#BurgerIconClick {
    height: 66px;
    border-bottom: 1px solid #EBEBEB;
    padding-top: 2.4vh;
}

#divOptionsExpand {
    clear: right;
    margin-left: 83px;
    margin-top: 3px;
    cursor: pointer;
    position: absolute;
    top: 39px;
    z-index: 150;
    border: solid 1px gray;
    display: none;
    width: 450px;
    height: 400px;
    background-color: white;
    border: solid 1px gray;
    box-shadow: gray 5px 5px;
    padding: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow-y: scroll;
}

.TableSearchSubOptions {
    margin-left: 20px;
    margin: 0px;
    width: 100%;
    height: auto;
}

.btnPredictiveSearchHistoryClear {
    float: left;
    border: solid 1px #1976d2;
    width: 200px;
    height: 35px;
    background-color: #1976d2;
    color: white;
    font-family: Slate;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    position: absolute;
    bottom: 20px;
    padding-top: 8px;
    margin-left: 10px;
    margin-top: 20px;
    cursor: pointer;
    border-radius: .15em;
    text-transform: capitalize;
    transition: 0.2s;
}

    .btnPredictiveSearchHistoryClear:hover {
        border: solid 1px #1976d2;
        background-color: #0f4d8a !important;
        transition: 0.2s;
    }

.PredictiveSearchItemSelected {
    height: 37px;
    text-align: left;
    font-family: Slate;
    font-size: 13px;
    font-weight: normal;
    line-height: 37px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #cce6ff !important;
    border: 1px solid #cce6ff !important;
    color: #1976d2 !important;
    border-bottom: solid 1px #f7f7f7;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PredictiveSearchItemHighLight {
    color: #333;
    font-weight: normal;
    font-family: SlateM;
}


.PredictiveSearchItem {
    height: 37px;
    text-align: left;
    color: #666;
    font-family: Slate;
    font-size: 13px;
    max-width: 100%;
    text-overflow: ellipsis;
    font-weight: normal;
    overflow: hidden;
    line-height: 37px;
    padding-left: 15px;
    padding-right: 15px;
    border: solid 1px transparent;
    border-bottom: solid 1px #f7f7f7;
    width: 100%;
}

    .PredictiveSearchItem span, .PredictiveSearchItemSelected span {
        text-transform: uppercase;
    }


#divPredictiveResult {
    margin-left: 19%;
    cursor: pointer;
    position: relative;
    top: 0px;
    z-index: 499 !important;
    display: none;
    width: 81%;
    max-width: 1366px;
    height: 610px;
    background-color: white;
    border: solid 1px #f2f2f2;
    overflow: hidden;
    -webkit-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    -moz-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
}

.PredictiveWindowContainer {
    position: fixed;
    width: 100%;
    max-width: 1366px;
    top: 65px;
    padding-top: 0px;
    z-index: 500;
    pointer-events: none;
    height: calc((var(--vh, 1vh) * 100) - 65px);
}

.PredictiveWindowContainer * {
    pointer-events: all;
}

.PredictiveWindowContainer #SpecialRequestContinueContainer .OCDisabledButton {
    pointer-events: none;
}

#dom {
    position: fixed;
    bottom: 0;
    left: 0;
    color: #0F0;
    text-shadow: 1px 1px 3px #000;
}

.PredictiveSearchContainer {
    z-index: 1000 !important;
}

.PredictiveSearchLeft {
    padding-top: 0px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 10px;
    width: 50%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.PredictiveSearchRight {
    width: 50%;
    height: 608px;
    vertical-align: top;
    position: absolute;
    top: 0px;
    right: 0px;
    /*overflow-y: auto;*/
    margin-left: 10px;
    border-bottom: solid 1px #f7f7f7;
    text-align: left;
    padding-left: 15px;
}

.PredictiveSearchRight img
{
    width:530px;
    height:600px;
}

.PredictiveProductRightAdvertisingContainer {
    border-bottom: solid 1px #f2f2f2;
    min-height: 120px !important;
}

.PredictiveProductRightAdvertisingHeading {
    font-family: RobCL;
}

.PredictiveProductRightContainer {
    border-bottom: solid 1px #f2f2f2;
    clear: left;
    position: relative;
    margin-top: 12px;
    margin-bottom: 12px;
    min-height: 120px !important;
}

.PredictiveAdvertisingImage {
    width: 100%;
    position: absolute;
    margin-left: -10px;
    bottom: 0px;
    max-height: 165px;
}

.PredictiveProductRightItemImage {
    min-width: 80px;
}

.PredictiveProductRightItem {
    width: 75%;
    position: absolute;
    top: 10px;
    margin-left: 90px;
    font-family: RobCL;
    font-size: 12px;
}

.PredictiveProductRightItemWholesaler {
    position: absolute;
    top: 20px;
    font-family: SlateL;
    margin-top: 5px;
    font-size: 12px;
    color: #999;
}


.PredictiveProductRightItemName {
    font-family: SlateM;
    font-weight: normal;
    font-size: 13px;
    margin-top: -10px;
    margin-left: 0px;
    line-height: 1em;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 42px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
}

.PredictiveProductRightItemImage {
    padding-top: 10px;
}

.GridViewAddToCartButton .spinnerButton {
    top: 0px !important;
}

.PredictiveProductRightItem .MATC_AddToCartButtonWithOptionNoButton {
    width: 85px;
    height: 22px;
    border-radius: 4px;
    padding-bottom: 10px;
}

    .PredictiveProductRightItem .MATC_AddToCartButtonWithOptionNoButton span {
        font-size: 10px;
        top: 5px;
    }

.PredictiveProductRightItem .btnAddingText {
    top: 0px !important;
}

.PredictiveProductRightItem .spinnerButton {
    top: -3px !important;
    left: -20px !important;
}

.PredictiveProductRightItem .ImgAddToCart {
    left: -30px !important;
}

.PredictiveProductRightItemPrice {
    position: absolute;
    top: 62px;
    font-family: SLateL;
    font-size: 16px;
    color: #333;
}

.PredictiveProductRightItemButton {
    padding: 0px;
    margin-top: 25px;
    position: absolute;
    right: 0px;
    border-radius: 4px !important;
    width: 250px;
    height: 30px;
}

.divSearchCount {
    font-family: RobCL;
    position: absolute;
    right: 30px;
    margin-top: 6px;
    white-space: nowrap;
}

.PredictiveSearchItemHeading {
    font-family: RobCL;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    text-indent: 14px;
    margin-top: 10px;
    color: #333;
    background-color: white;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-transform: uppercase;
}

#PredictiveSearchRight .PredictiveSearchItemHeading:first-child {
    margin-top: 0;
}

.PredictiveSearchItemHeading:first-child {
    margin-top: 0;
}

.PredictiveSearchDetailHeading {
    font-family: RobCL_Bold;
    font-size: 14px;
    font-weight: normal;
}

.PredictiveSearchDetailItem {
    font-family: RobCL;
    font-size: 14px;
    margin: 10px;
    border: solid 1px #DDDDDD;
    height: 22%;
}

.PredictiveSearchItemImage {
    height: 90px;
    margin-left: 10px;
    margin-top: 10px;
}

.PredictiveSearchProductName {
    float: right;
    margin-top: 10px;
    text-align: left;
    width: 70%;
}

.divQuantityDisplayPredictiveSearchVisible {
    position: relative;
    float: right;
    margin-top: -50px;
}

.divPredictiveSearchDetailsQty {
    position: relative;
    float: right;
    margin-top: -50px;
    margin-right: 20px;
}

.divPredictiveSearchDetailsViewButton {
    font-family: ProCR;
    font-size: 11px;
    position: relative;
    float: right;
    color: white;
    background-color: #00A2E1;
    border: solid 1px #0089BF;
    width: 100px;
    height: 27px;
    text-align: center;
    padding-top: 8px;
    margin-left: 5px;
    margin-top: -50px;
    margin-right: 20px;
    min-width: 100px;
}

div.PredictiveSearchDetailItem span.spanMinus {
    top: -12px;
}

div.PredictiveSearchDetailItem span.spanPlus {
    top: -12px;
}


.HeadingNameBackground {
    background-color: white;
    width: auto;
    float: left;
    margin-top: 0px;
    padding-right: 10px;
    font-family: RobCLR;
    font-weight: normal;
}

/*.PSHeaderLine
{
    border-top:solid 1px #CCCCCC;
    margin-left:auto;
    margin-top:5px;
}*/


/*.PredictaveSearchLeftCategories
{
    clear:both;
    position:relative;
    width:40%;
    height:170px;
    float:left;
    overflow-y:hidden;
    margin-top:10px;
}*/

.SearchItemCount {
    color: black;
}

/**********Quicklinks********/
.QuickLinksSearchContent {
    max-height: 100%;
    height: 100%;
    margin-top: 15px;
    padding-left: 15px;
    max-width: 100% !important;
    overflow: hidden;
}

.QuickLinksSearchContentItem {
    color: #AAA;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.QuickLinksSearchContentItem:hover {
    color: #000;
    text-align: left;
    cursor: pointer;
}


.RegretsFlyoutMenu div {
    font-family: RobCL;
}

#divQuickLinkMenuContent {
    width: 100vw;
    clear: both;
}

#mnuItem_3 {
    text-align: left;
}

.ActiveIngredientsItemStyle {
    font-family: SlateL;
    font-size: 14px;
    color: #333;
}

    .ActiveIngredientsItemStyle:hover {
        font-family: SlateL;
        font-size: 14px;
        text-decoration: underline;
        color: #346EB9 !important;
        cursor: pointer;
    }

.ManufacturersItemStyle {
    font-family: RobCL;
    font-size: 12px;
    color: #AAAAAA;
}

    .ManufacturersItemStyle:hover {
        font-family: RobCL;
        font-size: 12px;
        text-decoration: underline;
        color: #346EB9 !important;
    }

#divQuickLinkContent ul li {
    font-family: RobCL;
}

.FlexBoxIndexLetter {
    clear: left;
    width: 100%;
    font-family: RobCL;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #D60606;
}

.LetterLink {
    float: left;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.AlphabeticalActive {
    float: left;
    font-family: Slate;
    font-size: 14px;
    padding: 3px 9px;
    color: #1976D2;
    font-weight: normal;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid transparent;
}

    .AlphabeticalActive:hover {
        color: #1976D2;
        font-family: Slate;
        font-weight: normal;
        text-shadow: 0px 0px 0px #a4ccf4;
        border: 1px solid #1976D2;
        box-sizing: border-box !important;
    }

.AlphabeticalInactive {
    float: left;
    font-family: SlateL;
    font-size: 14px;
    color: #CCCCCC;
    padding: 3px 9px;
    font-weight: normal;
    cursor: default;
    border: 1px solid transparent;
}

    .AlphabeticalInactive span {
        font-family: SlateL;
    }

.QuicklinkListsItemColumnHeading {
    font-family: RobCL_Bold;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: black;
    text-decoration: underline;
}

.QuicklinkListsItemColumn {
    width: 24%;
    float: left;
    margin-top: 30px;
    text-align: left;
    padding-left: 10px;
}

.QuicklinkListsItem {
    font-family: RobCL;
    font-size: 12px;
    text-align: left;
    padding-top: 5px;
}

.QuicklinkListsItemDisabled {
    color: #CCC;
    font-family: RobCL;
    font-size: 12px;
    text-align: left;
    padding-top: 5px;
}

.QuicklinkListsItem:last-child {
    margin-bottom: 20px;
}

.QuicklinkListsItem:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #1976d2;
}

.QuicklinkLists {
    padding-top: 5px;
    padding-left: 5px;
    font-weight: normal;
    color: #888888;
    font-family: RobCL_Bold;
    font-size: 12px;
}

.QuickLinkListsActive {
    font-size: 12px;
    color: #888888;
    padding: 10px;
    font-weight: normal;
    cursor: pointer;
}

.QuickLinkListsInactive {
    font-size: 12px;
    color: #CCCCCC;
    padding: 10px;
    font-weight: normal;
    cursor: default;
}

.RegretsFlyoutMenu {
    padding: 10px;
    z-index: 3000;
    height: 100px;
    color: #888888;
    font-size: 14px;
}

.QuickLinkColItem {
    width: auto;
    padding-left: 50px;
    text-align: left;
    float: left;
}

    .QuickLinkColItem span {
        font-family: RobCL;
    }

.QuickLinkCloseText {
    position: absolute;
    float: right;
    width: 13px;
    z-index: 999;
    right: 50px;
    color: white;
    font-family: RobCL;
    padding-left: 3px;
    padding-right: 3px;
    top: 0px;
    color: red;
}

/**************************/
/*******Main menu**********/
.divAllCategoriesFlyoutMenu {
    height: 55px;
    width: 203px;
    z-index: 1000;
    left: -203px;
    position: absolute;
}

.divMainMenu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    position: absolute;
    height: 55px;
    top: 65px;
    width: 85.2%;
    background-color: #FBFBFB;
    z-index: 499;
    left: 203px;
    display: none !important;
}

.divMainMenuContainer {
    position: relative;
    display: flex;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.MenuItem {
    font-family: SlateL;
    font-size: 14px;
    padding-top: 19px;
    height: 56px;
    margin-top: 0px;
    border-bottom: solid 1px #f2f2f2;
    color: #808080;
    cursor: pointer;
    width: 100%;
    text-align: center !important;
}

.divMainMenuLinkItem {
    font-family: SlateL;
    font-size: 14px;
    width: 33.3%;
    padding-top: 19px;
    height: 56px;
    margin-top: 0px;
    border-bottom: solid 1px #f2f2f2;
    color: #808080;
    cursor: pointer;
}

    .divMainMenuLinkItem:hover, .MenuItem:hover {
        /*border-bottom: solid 1px black;*/
        background-color: #E6F2FA;
    }

.divMainMenuLinkItemUser {
    font-family: SlateL;
    font-size: 9px;
    display: block;
    position: relative;
    /* top: -15%; */
    /* left: 2%; */
    z-index: 0;
    /* float: left; */
    line-height: 10px;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*.divMainMenuLinkItemCount {
    font-family: SlateL;
    font-size: 11px;
    position: relative;
    top: -76%;
    left: 63%;
    color: white;
    background-color: #1976d2;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    text-align: center;
    padding-top: 8px;
    padding-right: 1px;
}*/

.divMainMenuLinkItemCount { /*Alternate Style*/
    font-family: SlateL;
    font-size: 12px;
    position: relative;
    top: -80%;
    left: 58%;
    color: #E60000;
    background-color: transparent;
    width: 30px;
    height: 30px;
    border-radius: 2.5em;
    text-align: center;
    padding-top: 5px;
    padding-right: 1px;
}

.mnuItemContent {
    text-align: left;
    border-left: solid 1px #AAA;
    border-right: solid 1px #AAA;
    border-bottom: solid 1px #AAA;
    position: absolute;
    width: 100%;
    max-width: 1354px;
    /*min-height:200px;*/
    height: auto;
    background-color: white;
    top: 55px;
    left: 0px;
    display: none;
}

.mnuItemContent, p {
    font-size: 12px;
    padding-top: 4px;
    padding-left: 10px;
    /*color:#b2aeae;*/
}

#HoverRegret p {
    padding-top: 0px;
    padding-left: 0px;
    margin: 0px;
}

/*#divQuickLinkContent {
    display: none;
    margin-left: 0px;
    padding-left:5px;
    width: 100vw;
    max-width:1359px;
    height: auto;
    position: relative;
    background-color:white;
    float: left;
    z-index: 501;
    margin-top:0px;
    border:solid 1px #EEEEEE;
}*/
/**************************/
/*#QuickLinkCloseButton
{
    display:none;
}

.QuickLinkCloseButton {
    position: absolute;
    float: right;
    color: black;
    background-color: black;
    width: 13px;
    z-index: 3000;
    right: 0px;
    border-radius: 15px;
    color: white;
    font-family:RobCL;
    padding-left:3px;
    padding-right:3px;
    top:0px;
}*/
/*.divQuicklinks {
    background-color: white;
    width: 100%;
    max-width: 1366px;
    height: 40px;
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top:60px;
    position: absolute;
    cursor: pointer;
}

.divQuickLinkItem {
    width: 24.9%;
    height: 40px;
    vertical-align: central;
    border: solid 1px #EEEEEE;
    border-right:none;
    float: left;
    font-size: 13px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    font-family:RobCL;
}*/
/*Bottom line blankout*/
/*.divQuicklinkMenuTab
{
    position:absolute;
    border-bottom:solid 1px white;
    height:40px;
    width:24.9%;
    z-index:1000;
}*/
/*.LastLinkItem
{
    border-right:solid 1px #EEEEEE;
}


.divQuickLinkItemMore {
    width: 12.34%;
    height: 40px;
    vertical-align: central;
    border: solid 1px #EEEEEE;
    float: left;
    font-size: 13px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    display: none;
}*/
.GeneralFont {
    font-family: RobCL;
}



#divUserInfoExpand {
    left: 58%;
    cursor: pointer;
    position: absolute;
    top: 51px;
    z-index: 150;
    border: solid 1px gray;
    display: none;
    width: 480px;
    height: 450px;
    background-color: white;
    border: solid 1px gray;
    box-shadow: gray 5px 5px;
    padding: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: #AAAAAA;
    overflow-y: scroll;
}



div#ddFilterVisible {
    z-index: 401;
}

/***********************************************/
/*******************Settings********************/
.Settings_List {
    text-align: left;
    float: left;
    min-width: 70%;
    font-family: RobCL;
    font-size: 12px;
}

    .Settings_List:hover {
        color: #1976d2 !important;
    }

.Settings_EditItem {
    color: #888888 !important;
    font-size: 12px;
    width: 50px;
    float: left;
}

    .Settings_EditItem:hover {
        background-color: white;
        color: #1976d2 !important;
    }

.UserList_Settings {
    width: 100%;
    height: 100%;
    margin-top: 0px;
    padding-right: 27px;
}

.SettingSubPages {
    padding: 10px 0px 0px 0px;
}

/*tshepo edited this style*/
#divAllLists {
    margin-top: 10px;
    width: 95%;
    margin-left: 10px;
    border: 2px solid white;
    border-radius: 10px;
}

#ListsBusy {
    display: none;
    position: absolute;
    bottom: 50%;
    border: none;
    height: auto;
    width: 95%;
}

.NotificationGroup {
    display: flex;
    align-items: center;
}

    .NotificationGroup input,
    .NotificationGroup select {
        margin: 5px;
        max-width: 200px;
    }
/************************************************************/
/**********************General Page Layout*******************/




#divPageSpinner {
    position: fixed;
    text-align: center;
    width: 100%;
    top: 30%;
    left: 0px;
    z-index: 401;
    display: none;
}

#divCartPageSpinner {
    position: fixed;
    text-align: center;
    width: 100%;
    top: 30%;
    left: 0px;
    z-index: 999;
    display: none;
}

.PageLoaderMessageJoin {
    font-family: RobCL !important;
    font-size: 12px;
}

/*.imgPageSpinner {
    position:absolute;
    display:block;
    margin: auto;
    left:53%;
    bottom:10px;
}*/

.ATCB_loader,
.ATCB_loader:after {
    border-radius: 50%;
    width: 5em;
    height: 5em;
}

.ATCB_loader {
    left: -2vw;
    top: -1.25vmax;
    margin: 0px auto;
    font-size: 4px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.3);
    border-right: 1.1em solid rgba(255, 255, 255, 0.3);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.3);
    border-left: 1.1em solid white;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    box-sizing: border-box !important;
}

.UserListsGrid .ATCB_loader {
    left: 3vw;
    top: -2.2vmin;
    margin: 34px auto;
    font-size: 4px;
    position: absolute;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.3);
    border-right: 1.1em solid rgba(255, 255, 255, 0.3);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.3);
    border-left: 1.1em solid white;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

#wndGridAddToCart .ATCB_loader {
    margin-top: 5px;
}

#PredictiveSearchRight .ATCB_loader {
    margin-top: 5px;
}

#Grid_ListProducts_S .ATCB_loader {
    margin-top: 2px;
}

#Grid_ListProducts_D .ATCB_loader {
    margin-top: 5px;
}

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

#Grid_GridProducts .ATCB_loader {
    margin-top: 3%;
    margin-right: 30%;
}

#divAttributesControl {
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
    border: none;
    z-index: 3000;
    max-height: calc(100vh - 135px);
    max-height: calc((var(--vh, 1vh) * 100) - 135px);
    border-bottom: 1px solid #EEE;
    max-width: 211px !important;
    overflow-y: auto !important;
}

#mainViewContainer .AttributesControl {
    max-width: 100% !important;
}

#divAttributesControlContainer {
    border: none;
    /*width: 240px;*/
    max-height:400px;
}

div[id='divAttributesControl'] div.k-content {
    border-bottom: none !important;
}

div[id='divGenericAttributes'] div.k-content {
    border-left: solid 1px #FBFBFB !important;
    border-right: solid 1px #FBFBFB !important;
    border-bottom: none !important;
}

div[id='divPSComparisonAttributes'] div.k-content {
    border-left: solid 1px #FBFBFB !important;
    border-right: solid 1px #FBFBFB !important;
    border-bottom: none !important;
}

div[id='divTheraputicAttributes'] div.k-content {
    border-left: solid 1px #FBFBFB !important;
    border-right: solid 1px #FBFBFB !important;
    border-bottom: none !important;
}

/*.k-link.k-header.k-state-selected {
    margin: 0px !important;
}
*/

a.k-link.k-header.k-state-selected.k-state-selected {
    padding-left: 10px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 15px !important;
    font-weight: normal !important;
    font-family: Slate !important;
    font-size: 12px !important;
    color: #1976d2;
    text-indent: 15px;
    border-top: solid 1px #F2F2F2 !important;
    border-left: solid 1px #F2F2F2 !important;
    border-right: solid 1px #F2F2F2 !important;
    margin-top: 0px !important;
    text-transform: uppercase !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#CheckoutFilters {
    height: auto;
    width: 100%;
    padding-left: 0 !important;
    margin-right: 0 !important;
}

.checkFilterContainer {
    max-height: calc(100vh - 168px);
    max-height: calc((var(--vh, 1vh) * 100) - 168px);
    overflow-y: auto;
}

#CheckoutFilters ul:last-of-type {
    border-bottom: solid 1px #F2F2F2 !important;
}

a.k-link.k-header.k-state-selected.k-state-selected:hover {
    padding-left: 10px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size: 12px !important;
    color: #1976d2 !important;
    border-top: solid 1px #f2f2f2 !important;
    border-left: solid 1px #f2f2f2 !important;
    border-right: solid 1px #f2f2f2 !important;
    margin-top: 0px !important;
    text-transform: uppercase !important;
}


a.k-link.k-header.k-state-selected.k-state-focused {
    padding-left: 10px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 15px !important;
    font-family: Slate;
    font-weight: normal !important;
    text-indent: 15px;
    font-size: 12px !important;
    color: #666;
    border-top: solid 1px #F2F2F2 !important;
    border-left: solid 1px #F2F2F2 !important;
    border-right: solid 1px #F2F2F2 !important;
    margin-top: 0px !important;
    text-transform: uppercase !important;
}


    a.k-link.k-header.k-state-selected.k-state-focused:hover {
        padding-left: 10px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        font-family: Slate;
        /*font-weight: normal !important;*/
        font-size: 12px !important;
        color: #1976d2 !important;
        border-top: solid 1px #f2f2f2 !important;
        border-left: solid 1px #f2f2f2 !important;
        border-right: solid 1px #f2f2f2 !important;
        margin-top: 0px !important;
        text-transform: uppercase !important;
    }

.k-panelbar > .k-item > .k-link {
    background-color: white;
}

/*ul.PanelBarAttributes > li > a.k-link.k-header.k-state-selected.k-state-focused {
    height: 25px !important;
    padding-left:10px !important;
    padding-top:7px !important;
}*/




/*********************************************************/
/**********************List View**************************/
/***************************************************************/


/*******************List view detailed****************************/
#Grid_ListProducts_D .k-icon {
    display: none !important;
}

#Grid_ListProducts_D .TabProductsHeaderRowSpacer {
    display: none;
}

#Grid_ListProducts_S td.k-hierarchy-cell {
    display: none !important;
}

#Grid_ListProducts_D {
    border: none;
}

    #Grid_ListProducts_D .k-loading-image {
        background-image: none;
    }

div[id='Grid_ListProducts_D'].k-grid .k-alt {
    background-color: white !important;
}

div[id='Grid_ListProducts_D'].k-grid {
    background-color: #FBFBFB !important;
}

/*******************List view simple****************************/
#Grid_ListProducts_S .k-icon {
    display: none !important;
}

#Grid_ListProducts_S td.k-hierarchy-cell {
    display: none !important;
}

#Grid_ListProducts_S {
    border: none;
    margin-top: 1px;
    padding-top: 0;
}

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: white !important;
}

#Grid_ListProducts_S .k-loading-image {
    background-image: none;
}

.k-grid table.ProductListView tr td {
    vertical-align: top;
    padding-top: 10px;
    height: 100%;
    width: 99%;
}

.ProductNameBlockList {
    margin-left: 160px;
    width: 40vw;
    height: 30px;
    padding-bottom: 10px;
    /*border-bottom:solid 1px #CCC;*/
    position: relative;
}

.ListProduct {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: transparent;
    font-family: RobCL_Bold;
    font-weight: normal;
}

    .ListProduct img {
        max-width: 142px;
        width: 100%;
        margin: auto;
        max-height: 100%;
        display: block;
    }

.List_Price {
    position: absolute;
    top: 57px;
    left: 0px;
    display: inline-block;
}

.List_PriceRange {
    text-align: left;
    margin-top: 60px;
    font-family: SlateL;
    font-size: 12px;
    margin-left: 160px;
    position: absolute;
}

.List_TradePrice {
    font-size: 20px !important;
    margin: 20px auto 0;
    text-align: center;
    /* width: 60%; */
}

    .List_TradePrice span {
        text-align: left;
        /* margin: 0 auto; */
        font-family: RobotoM;
        font-weight: normal;
    }

.SLViewContent {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 20px !important;
    color: #888;
    font-family: SlateL;
}

/*.SLViewContent .row
{
    height:27px;
}*/

.SLViewProductName {
    font-family: Slate;
    font-size: 18px;
    font-weight: normal;
    color: #535353;
    margin-bottom: 40px;
}

    .SLViewProductName:hover {
        color: #1976D2;
        text-decoration: underline;
        cursor: pointer;
    }

.SLViewProductPrice {
    height: 20px;
    color: #333;
    font-size: 16px;
    font-family: RobotoL;
    font-weight: normal;
}

.SLViewProductPriceRange {
    height: 12px;
    line-height: 12px;
    color: #999;
    font-size: 14px;
    top: 4px;
    font-family: RobotoL;
    font-weight: normal;
    text-align: left;
}

.SLViewManufacturerName {
    height: 20px;
    font-size: 12px;
    font-family: SlateL;
    color: #666;
    font-weight: normal;
}

.SLViewProductPriceSmall {
    height: 20px;
    color: #333;
    font-size: 10px;
    font-family: RobotoL;
    font-weight: normal;
}

.SLViewPrice {
    font-family: SlateL;
    font-size: 1.2em;
    font-weight: 400;
    color: #333;
    margin-top: 10px;
    float: left;
    min-width: 60px;
    margin-left: 0px;
    height: 33px;
    position: relative;
}

.SLViewID {
    font-size: 12px;
    color: #808080;
    font-family: SlateL;
    margin-bottom: 20px;
    clear: both;
    font-weight: 100;
}

.SLViewPrice:before {
    content: 'Unit Price Range';
    position: absolute;
    left: 0;
    top: -18px;
    color: #808080;
    display: block;
    font-size: 12px;
    font-family: SlateL;
}

.SLImageBlock {
    height: 100%;
}

.SLViewProductBlock {
    padding-top: 15px;
    border-bottom: solid 1px #f2f2f2;
}

    .SLViewProductBlock:hover {
        box-shadow: 0 0 15px rgba(0,0,0,0.1);
    }

    .SLViewProductBlock .col-md-9 {
        padding-right: 15px !important;
        box-sizing: border-box;
    }

    .SLViewProductBlock .col-md-3 {
        padding-left: 15px !important;
        box-sizing: border-box;
    }

.btnSLViewBuyingOptions {
    width: 100%;
    height: 30px;
    float: none;
    font-family: SLateL;
    font-size: 12px;
    font-weight: normal;
    box-sizing: border-box !important;
    text-align: left;
}

    .btnSLViewBuyingOptions > span {
        color: #1976D2;
        position: relative;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        line-height: 35px;
    }

    .btnSLViewBuyingOptions:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.spanAdditionalOrderInfo:hover {
    color: #1976d2;
    text-decoration: underline;
}

.SpecialDealSpantext {
    color: red;
    margin-left: 10px;
}

.NoSpecialDealSpantext {
    color: black;
    margin-left: 10px;
}

.List_TradePriceRed {
    color: red;
    font-family: SlateL;
    font-size: 18px !important;
    float: right;
    margin-left: 20px;
}


.ProductListView {
    height: 100%;
}

.ListViewAddToCartButton {
    position: absolute;
    top: 121%;
    left: 74%;
}

.OrderingGrid_List {
    width: 99%;
    max-width: 1366px;
    margin: auto;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 5px;
    display: none;
}

#searchViewFilter {
    position: relative;
}

/**********column view****************/
.OrderingGrid_Column {
    width: 40%;
    max-width: 700px;
    margin: 0px;
    cursor: pointer;
    padding: 0px;
    display: none;
    border: none !important;
}

    .OrderingGrid_Column td[role='gridcell'] {
        padding: 0px;
    }

.ColumnProductSelected {
    padding-left: 10px;
    height: auto;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
    background-color: #E6F2FA !important;
    border: 1px solid transparent !important;
    color: #1976d2 !important;
    border-radius: .15em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 25px;
}

.ColumnProductBlocked .ColumnProductName {
    color: #DDD;
}

.ColumnProductSelected .ColumnProductName,
.ColumnProductBlocked:hover .ColumnProductName {
    color: #AAA;
}

.ColumnProduct {
    padding-left: 10px;
    height: auto;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
    border: solid 1px transparent;
    background-color: white;
    border-bottom: solid 1px #f2f2f2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 25px;
    color: #808080;
    position: relative;
    cursor: pointer;
}

.UserListProduct {
    padding: 0 10px;
    height: auto;
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 25px;
    color: #808080;
}

.UserListProductSelected {
    background-color: #E6F2FA;
    color: #1976d2;
}

.UserListProductHover {
    min-height: 35px;
}

    .UserListProductHover:hover ._Color1976d2 {
        color: #808080 !important;
    }

    .UserListProductHover:hover {
        background-color: #cce6ff !important;
        /*border: 1px solid transparent !important;*/
        color: #1976d2 !important;
        cursor: pointer;
    }

.ColumnProduct:hover {
    /*background-color: #FBFBFB !important;
    border: 1px solid #FBFBFB !important;*/
    color: #1976d2 !important;
    background-color: #cce6ff !important;
}

.ColumnProductImageContainer {
    max-width: 100px;
    padding: 0px;
    margin: 0px;
}

.ColumnProductDetailMiniChartContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100% !important;
    padding-top: 75px;
    height: 60px !important;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
}

.ColumnProductDetailMiniChart {
    width: 100%;
}

.ColumnProductDetailImageContainer {
    width: 100%;
    padding: 0px;
    margin: 0px;
    min-height: 320px;
}

    .ColumnProductDetailImageContainer img {
        max-width: 300px;
        margin-left: 25%;
        min-height: 100px;
    }

.ColumnProduct img {
    width: auto;
    height: auto;
    max-height:158px; /*2 row heights*/
    /*mix-blend-mode: multiply;*/
}

.ColumnProductImageContainer img {
    mix-blend-mode: multiply;
}

.ColumnProductName {
    font-family: SLateL;
    font-weight: normal;
    font-size: 16px;
    word-spacing: 0.1px;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 15px;
    letter-spacing: 0.4px;
    color: #666;
    text-overflow: ellipsis;
    min-height: 48px;
    max-height: 48px;
    height: 48px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}


.ColumnProductNamePackProduct {
    padding-left:40px;
}


.PackProductIcon {
    padding-left: 10px;
    display: flex;
    position: absolute;
    top: 27px;
    left: 2px;
}

.PackProductIcon:before {
    content: "";
    width: 20px;
    height: 20px;
    border: solid 1px #AAA;
    position: absolute;
    left: 6px;
    top: -4px;
    border-radius: 10px;
    background-color:white;
}


#RegretsProducts > div.k-grid-content.k-auto-scrollable > div.k-virtual-scrollable-wrap > table > tbody > tr > td {
    padding: 0;
}

#RegretsProducts .ColumnProductName {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333;
    /*font-family:RobCL;*/
}

#RegretsProducts .ColumnProduct {
    border: 1px solid transparent;
}

.RegretInfo {
    font-family: RobCL;
    font-size: 11px;
    color: #333;
    padding-left: 15px;
    padding-right: 0px;
    line-height: 15px;
    display: none;
}

.ColumnProductName .WSNameItemsInCart {
    right: 15px;
    box-sizing: border-box;
    line-height: 5px;
}

.ColumnProductPrice {
    width: 100%;
    font-family: SlateL;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 10px;
}


.ColumnProductCodes {
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .ColumnProductCodes .ProductDetailCodeItem {
        font-family: SlateL;
        font-size: 10px;
        padding: 0px;
        margin: 0px;
    }

    .ColumnProductCodes .ProductDetailBulletFull {
        font-family: SlateL;
        font-size: 9px;
        color: #AAA;
        margin: 0px;
        margin-left: 5px;
        margin-right: 5px;
    }

#Grid_ColumnProducts {
    width: 100% !important;
    height: calc(100vh - 135px);
    height: calc((var(--vh, 1vh) * 100) - 200px);
    border-bottom: 1px solid #f2f2f2 !important;
    margin-top: 1.5em;
}

#Grid_ColumnProducts_content {
    box-sizing: border-box !important;
    padding: 0;
}

#OptionFilter_content {
    box-sizing: border-box !important;
    padding: 0;
}

#Grid_ColumnProducts .k-loading-image {
    background-image: none;
}

.ProductColumnInfo {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: left;
    font-family: SlateL;
    font-size: 14px;
    margin-left: 0px;
    width: 98%;
    margin-left: 10px;
    white-space: pre-wrap;
}


    .ProductColumnInfo ul {
        padding-top: 10px;
        margin: 0px;
        line-height: 30px;
    }

    .ProductColumnInfo li {
        margin-left: 5% !important;
        list-style-type: disc;
    }

.Column_TradePrice {
    font-size: 22px !important;
}

.pnlColumnViewSuppliersAddPanel {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: solid 1px #CCC;
}

.pnlColumnViewSuppliersAddPanelHeading {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .pnlColumnViewSuppliersAddPanelHeading > div {
        width: 33%;
        border-right: solid 1px #CCC;
        height: 30px;
        padding-top: 20px;
        padding-bottom: 10px;
        padding-left: 10px;
        margin-bottom: 10px;
    }

        .pnlColumnViewSuppliersAddPanelHeading > div:last-child {
            border-right: none;
        }

.ColumnViewSuppliersLimitedHeading {
    position: absolute;
    color: red;
    top: -5px;
    height: 20px;
    left: 0px;
    border-right: none !important;
}

.pnlColumnShippingType .jsDropDown {
    top: -20px;
    margin-right: 10px;
    border-bottom: none;
}

.pnlColumnShippingType .jsDropDownOptions {
    width: 20%;
    background-color: #FAFAFA;
    border: solid 1px #CCC;
    border-top: solid 1px #FAFAFA;
    position: absolute;
    top: 56px;
    z-index: 1;
    display: none;
    z-index: 2;
}


.pnlColumnShippingType .seljsDropDownClicked {
    background-color: #FAFAFA;
    border: solid 1px #CCC;
    height: 56px;
    width: 100%;
    color: #1976d2;
}

.btnColumnAdditionalOrderInfo {
    cursor: pointer;
}

.ColumnWPAdditionalInfo {
    width: 100%;
    display: none;
    vertical-align: top !important;
}


    .ColumnWPAdditionalInfo .WPAdditionalInfoTable {
        width: 100% !important;
        margin-top: -6px !important;
        margin-bottom: 10px;
    }

    .ColumnWPAdditionalInfo .divAdditionalInfo {
        width: auto;
    }

    .ColumnWPAdditionalInfo .btnAdditionalInfoClear {
        width: 39% !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .ColumnWPAdditionalInfo .btnAdditionalInfoSave {
        width: 60% !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .ColumnWPAdditionalInfo .btnAdditionalInfoClear span {
        margin-left: 15% !important;
    }

    .ColumnWPAdditionalInfo .btnAdditionalInfoSave span {
        margin-left: 28% !important;
    }

form[id*='frmShippingType_'] label.k-radio-label {
    width: 90%;
    padding-bottom: 10px;
}

/************************/

.TabPlaceHolder {
    height: 100%;
}

#Grid_ListProducts .k-loading-image {
    background-image: none;
    /*background-image: url('../../../Images/Loader.gif');
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

div[id='Grid_ListProducts'] th.k-header > a.k-link {
    width: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}

div[id='Grid_ListProducts'] th.k-header {
    width: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    display: none;
}


/*Hide the expand arrow on grid lines*/
div[id='Grid_ListProducts'] td.k-hierarchy-cell {
    display: none !important;
}

div[id='Grid_ListProducts'] .k-hierarchy-col {
    display: none !important;
}
/**/
/*For the selected grid row background color*/
.k-grid table tr.k-state-selected {
    background-color: inherit;
    border-bottom: solid 1px inherit;
    color: black;
}

/*the row seperator lines*/
.k-grid .k-hierarchy-cell + td {
    border-top: none;
    border: solid 1px inherit;
    background-color: inherit;
}

div[id='Grid_ListProducts'].k-grid .k-hierarchy-cell + td:hover {
    background-color: #DDDDDD;
    border-bottom: solid 1px inherit;
}

/*intermediate view product comparison and pricing comparison*/
.k-content.k-state-active {
    height: 100%;
    margin-top: 0px !important;
    border-color: #EEE !important;
}

.k-grid tbody tr td {
    border: none;
}

.k-grid table {
    border-collapse: collapse !important;
}

#TabProductsHeader {
    border: 1px solid #f2f2f2;
    /* padding: 15px; */
    height: 40px;
    line-height: 40px;
    box-sizing: border-box !important;
}

.TabProductsHeaderRow {
    border: solid 1px transparent;
    border-bottom: solid 1px #f7f7f7;
    height: 85px;
    transition: 0.2s;
}

    .TabProductsHeaderRow td {
        white-space: pre-wrap;
    }

#TabProductsHeader td {
    white-space: nowrap;
}

.k-grid table.TabProductsHeaderContentTable {
    border: solid 1px #F2F2F2;
}

    .k-grid table.TabProductsHeaderContentTable tr:not(:first-child) td {
        border-top: solid 1px #F2F2F2;
        white-space: nowrap;
    }

div[id='Grid_ListProducts'].k-grid-header th:first-child.k-header, .k-grid tfoot td:first-child, .k-filter-row > th:first-child {
    border-top: none;
    border-bottom: none;
    background-color: inherit;
}

/*specify the row and alternate row background-color of grid*/
div[id='Grid_GridProducts'].k-grid .k-alt {
    background-color: inherit !important;
}

div[id='Grid_GridProducts'].k-grid {
    background-color: inherit !important;
}

/*important grid background color*/
.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
    background-color: inherit !important;
}

    /*vertical crosshairs for tab grids*/
    .k-grid tr.k-state-selected:hover td.AltProductItem.AlignRight.crosshair.highlight {
        background-color: #E0E9F1 !important;
    }

    .k-grid tr.k-state-selected:hover td.AltProductItemPrice {
        background-color: #E0E9F1 !important;
    }


.k-grid tr.k-state-selected:hover tr#AltProductsHeader td.highlight.crosshair {
    background-color: #E0E9F1 !important;
}

.k-state-selected {
    box-shadow: none !important;
}
/*.k-grid tr td
{
    border:none !important;
}*/

.ProductSupplierInfoImageListView {
    width: 140px;
    height: auto;
    float: left;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}


.ListViewCartText {
    float: right;
    font-family: SlateL;
    font-size: 12px;
    color: green;
}

.ListProductCartIcon span {
    font-family: SlateL;
    font-size: 13px;
    padding-left: 20px;
    color: black;
}

.ListView_Infos {
    text-align: left;
    margin-top: 90px;
    font-family: SlateL;
    font-size: 14px;
    margin-left: 178px;
    position: absolute;
}

    .ListView_Infos ul {
        padding-left: 0px !important;
        margin: 0px;
        line-height: 20px;
    }

    .ListView_Infos li {
        list-style-type: disc;
    }

.ListProductMoreDetailsButton {
    top: 98px;
    position: absolute;
    cursor: pointer;
    left: 32.6vw;
    width: 166px;
    border: solid 1px #e5e0e0;
    /*padding-left: 27px;*/
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: RobCL;
    height: 14px;
}

    .ListProductMoreDetailsButton div {
        text-align: center;
        margin-top: -2px;
        color: #1976d2;
        font-family: SlateL;
    }

.LESSTextContainer {
    text-align: center;
    margin-top: -2px;
    background-color: white;
    color: #1976d2;
    font-family: SlateL;
}

/************Product Item**********************/
.ClassRemoveList {
    position: absolute;
    top: 0px;
    left: 0px;
}

.divCreateNewList {
    background-color: #DDDDDD;
    border: solid 1px red;
}

.ProductImage {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: absolute;
    max-width: 200px;
    max-height: 200px;
}



.ListProductBoxRight {
    margin-left: 0px;
    margin-right: 30px;
}

.ListProductBoxRight {
    margin-left: 0px;
    margin-right: 30px;
}

.ListProductSupplierName {
    font-size: 10px;
    color: #959595;
}

.ListProductName {
    font-size: 18px;
    color: #232305;
    padding-bottom: 10px;
    border-bottom: solid 1px #DDDDDD;
}

.ListProductDetail {
    font-family: 'Nirmala UI';
    margin-left: 200px;
    position: absolute;
    top: 0px;
    height: 100%;
}

.ListProductDetailsLink {
    position: absolute;
    bottom: 0px !important;
    bottom: 0;
    font-family: 'Nirmala UI';
    font-size: 12px;
    color: #E21836;
    cursor: pointer;
}

.ListProductDetailPriceContainer {
    left: 0px;
    float: left;
    position: absolute;
    width: 100%;
    display: inline-block;
}

.ListProductDetailPrice strike {
    position: relative;
    left: 20px;
    color: black !important;
    font-family: 'Nirmala UI' !important;
    font-size: 21px !important;
    margin-top: 7px !important;
}

.ListProductDetailPrice {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0px;
    color: black !important;
    font-family: 'Nirmala UI' !important;
    font-size: 21px !important;
    margin-top: 7px !important;
    white-space: nowrap;
}

.ListProductDetailSaving {
    margin-top: 4px;
    margin-left: 50px;
    font-family: 'Nirmala UI';
    font-size: 12px;
}

.ProductInfoLabel {
    position: relative;
    top: 10px;
    border: solid 1px gray;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}

.ListProductWS {
    font-size: 11px;
    position: relative;
    margin-top: -20px;
    right: 0px;
    float: right;
}


.ProductDetailCodeItem {
    float: left;
    font-family: 'Nirmala UI';
    font-size: 9px;
    margin-right: 30px;
}

.ProductDetailBullet {
    float: left;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 20px;
    margin-top: -2px;
}

.ProductDetailProductCodes {
    font-family: BL;
    font-size: 10px;
    color: gray;
    padding-bottom: 10px;
}

.divListQuantityDisplay {
    width: 260px;
    height: 45px;
    right: 0;
    position: absolute;
    border: solid 1px red;
    z-index: 199;
}



.ListProductQuantityBlockAddSmall {
    background-color: #E21836;
    width: 117px;
    height: 35px;
    position: absolute;
    top: 4px;
    right: 0;
}

.ProductTabContainer {
    position: absolute;
    border: solid 1px #F3F3F3;
    height: 10px;
    width: 100%;
    left: 0;
    bottom: -15px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background-color: #F3F3F3;
    display: none;
    z-index: 999;
}
/**********************************************/
/*********************Status Bar*************************/
#divLayoutOptionsDesktop {
    position: absolute;
    margin-top: -13px;
    right: 150px;
}

#ddSort, #ddLayout {
    float: right;
    top: -19px;
    right: 0px;
    z-index: 1000;
}

#ddFilterVisible {
    float: left;
    top: -19px;
    right: 0px;
    z-index: 1000;
}

.divLayoutOptionsMobile {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.divLayoutOptions {
    position: absolute;
    right: 100px;
    cursor: pointer;
    margin-top: -10px;
    margin-right: 90px;
    z-index: 502;
}

.divDesktopLayoutOption {
    float: left;
    margin-right: 20px;
    cursor: pointer;
}

#divSortToolbar {
    margin-top: 0px;
    height: 55px;
    width: 1122px;
}

.divResultCount {
    margin-top: 0px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: SlateL;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    position: absolute;
    min-width: 200px;
    z-index: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.divSortToolbarExpanded {
    width: 100%;
}

.divSortToolbarCollapsed {
    width: 100%;
}



#divLayoutOptions {
    display: none;
    position: absolute;
    z-index: 501;
    background-color: white;
    width: 140px;
    height: 130px;
    border: solid 1px gray;
    box-shadow: gray 3px 3px;
    padding: 5px;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


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

#divContainer {
    margin: auto;
    width: 100%;
    max-width: 1366px;
    height: 100%;
    position: relative;
}

#PageContainer {
    width: 100%;
    height: 100%;
}

#Sidebar {
    width: 240px;
    height: 100%;
    position: relative;
    left: 0px;
    top: 0px;
    background-color: white;
}

.divAttributes {
    width: 240px;
    height: auto;
    position: absolute;
    vertical-align: top;
    border: solid 1px #CCC;
}

#PageContent {
    text-justify: distribute;
    height: 100%;
    position: relative;
    top: 0px;
    margin-top: 5px;
    margin-bottom: 0px;
    /*z-index: 400;*/
    display: table;
    width: 100%;
}

#mainViewContainer {
    padding: 0;
}

/**********************************************/
/******************Attributes******************/
.spinnerAttributes {
    position: absolute;
    top: 100px;
    left: 100px;
}

#TabMenuAttributesOpen {
    position: relative;
}

#divListContainer {
    width: 90%;
    height: 0px;
    margin-left: 18px;
    margin-top: 0px;
}

#divListsDropDown {
    border: solid 1px Gray;
    width: 180px;
    height: 400px;
    display: none;
    position: absolute;
    background-color: white;
    z-index: 2;
    top: 20px;
}

.GenericFilterBoxPanel {
    display: flex;
    flex-wrap: wrap;
}

#AttributesMenu {
    color: white;
    text-align: center;
    margin-top: 0px;
    margin-left: 0px;
    position: absolute;
    background-color: #154D92;
    width: 18px;
    height: 18px;
    z-index: 10;
    cursor: pointer;
}


.k-panelbar[id*='PanelBarAttr'] > .k-item > .k-link {
    font-family: SlateL;
    height: auto !important;
    line-height: 17px;
    margin-top: 5px;
    margin-left: 0px;
    padding-left: 8px;
    text-transform: capitalize;
    color: #808080 !important;
    border: none !important;
    font-size: 13px;
    /*font-weight: normal;*/
}

.PSComparisonsLeftPane .k-panelbar[id*='PanelBarAttr'] > .k-item > .k-link,
.GenericsLeftPane .k-panelbar[id*='PanelBarAttr'] > .k-item > .k-link,
.TheraputicsLeftPane .k-panelbar[id*='PanelBarAttr'] > .k-item > .k-link {
    padding: 15px 10px !important;
    font-family: SlateL !important;
    font-weight: bold !important;
    font-size: 12px !important;
    color: #666 !important;
    border-top: solid 1px #f2f2f2 !important;
    border-left: solid 1px #f2f2f2 !important;
    border-right: solid 1px #f2f2f2 !important;
    margin-top: 0px !important;
    box-sizing: border-box;
    line-height: 17px;
    text-transform: uppercase;
}

.PSComparisonsLeftPane ul[data-filtername='PriceRange'],
.GenericsLeftPane ul[data-filtername='PriceRange'],
.TheraputicsLeftPane ul[data-filtername='PriceRange'] {
    border-bottom: 1px solid #f2f2f2 !important;
}

.k-panelbar[id*='PanelBarAttr'] > .k-item > .k-link:hover {
    color: #1976d2 !important;
}

#wndGridAddToCart .k-panelbar[id*='PanelBarAttr'] > .k-item > .k-link {
    padding-left: 10px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-family: SLateL !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #666 !important;
    border-top: solid 1px #EEE !important;
    border-right: solid 0.5px #EEE !important;
    border-left: solid 0.5px #EEE !important;
    margin-top: 0px !important;
    background-color: white !important;
}

    #wndGridAddToCart .k-panelbar[id*='PanelBarAttr'] > .k-item > .k-link.k-state-hover {
        padding-left: 10px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        font-family: SlateL !important;
        font-weight: bold !important;
        font-size: 14px !important;
        color: #1976D2 !important;
        border-top: solid 1px #EEE !important;
        border-right: solid 0.5px #EEE !important;
        border-left: solid 0.5px #EEE !important;
        margin-top: 0px !important;
        background-color: white !important;
    }

.k-link.k-header.k-state-selected, .PanelBarAttributes.k-widget.k-reset.k-header.k-panelbar {
    -webkit-box-shadow: none;
    box-shadow: none !important;
}

#wndGridAddToCart .k-content[id*="tabstripATC"] {
    width: 100%;
    border: none;
    padding-bottom: 0;
    position: relative;
    max-height: calc(100% - 53px);
    min-height: calc(100% - 53px);
}

.scrollerBarInner {
    right: 15px !important;
}

.scrollerInner {
    right: 12px !important;
}

.scrollerOuter {
    right: -12px !important;
}

.scrollerBarOuter {
    right: -15px !important;
}

#wndGridAddToCart .k-tabstrip-items .k-item.k-state-active {
    font-size: 13px;
    font-weight: normal;
    color: black !important;
    /*margin-top: -2px;*/
    padding-bottom: 5px;
    border: 1px solid #f2f2f2;
    border-bottom: 2px solid white;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /*padding: 5px 20px;*/
    background: white;
}

#wndGridAddToCart .k-content.k-state-active {
    margin-top: 0 !important;
    border-top: 1px solid #f2f2f2;
    padding: 0;
}

#tabstripATC-3, #tabstripATC-4, #tabstripATC-5 {
    padding-top: 0 !important;
}

    #tabstripATC-5 > div {
        height: 100%;
    }

tabstripATC-5 > div > div {
    height: 100%;
}

#wndGridAddToCart li.k-item.k-state-default:hover {
    background-color: none;
    color: #428BCA;
}

#wndGridAddToCart .k-tabstrip-items.k-reset {
    margin-top: 10px;
    background-color: #EEE;
}

#wndGridAddToCart .k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link {
    color: #bfbfbf;
    padding: 5px 33px;
}

#wndGridAddToCart div .k-window-titlebar .k-header {
    display: none !important;
    padding: 0 !important;
    height: 1px;
}

/************************************Special Order ATC Tab************************************/

.SelectedOrderTypeItem {
    color: #1976d2 !important;
    border: 1px solid #1976D2 !important;
    background-color: #E6F2FF !important;
}

#SpecialOrderSelectBlock {
    height: auto;
    max-height: 80%;
    min-height: 80%;
    width: 100%;
    position: relative;
    box-sizing: border-box !important;
}

.ConsignmentFormContainer {
    display: none;
    padding: 0px 0px 20px 0px;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    height: 75%;
    min-height: 355px;
    box-sizing: border-box !important;
}

    .ConsignmentFormContainer .ATCSuppliersPriceTotal {
        top: 17px;
    }

    .ConsignmentFormContainer .ATCElementBtn {
        height: 40px;
    }

#SpecialOrderTypes {
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box !important;
    position: relative;
}

.SpecialOrderDropDownItem {
    box-sizing: border-box !important;
    background: white;
    padding: 0px;
    height: 20px;
    line-height: 100%;
    width: 100%;
    margin: 0 auto;
    float: none;
    padding: 5px 0;
    font-size: 11px;
    font-family: Slate;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    color: #a6a6a6;
    border-radius: .20em;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

#OrderType1 {
    border-left: 1px solid transparent;
}

#OrderType4 {
    border-right: 1px solid transparent;
}

.SpecialOrderDropDownItem:hover {
    color: #64b1ee;
    cursor: pointer;
    border: 1px solid transparent !important;
    background-color: #e6f2fa !important;
}

.ATCConsignmentContent {
    background-color: orange;
    height: auto;
    width: 100%;
}

.ATCConsignInput {
    border: 1px solid #f2f2f2;
    border-radius: .25em;
    height: 39px;
    color: #808080;
    width: auto !important;
    background-color: yellow;
    display: block;
    font-size: 13px;
    box-sizing: border-box !important;
    padding: 0 40px 0 25px;
    max-width: 100% !important;
    min-width: 230px;
}

.SpecialOrderHeader {
    font-size: 22px;
    font-weight: normal;
    display: block;
    width: 100%;
    font-family: RobCLR;
    margin-bottom: 0px;
}

#ExtraPatientSpecHeader {
    margin-top: 25px;
    float: left;
}

.SpecialOrderContentFormLeft {
    width: 100%;
    height: 60px;
    padding: 10px 0 0;
    box-sizing: border-box !important;
}

.SpecialOrderContentFormRight {
    width: 100%;
    min-height: 70%;
    height: auto;
    box-sizing: border-box !important;
}

.SpecialOrderButtonBox {
    height: 20%;
    width: 95%;
    position: absolute;
    box-sizing: border-box !important;
    bottom: 0px;
    display: block;
}

    .SpecialOrderButtonBox .ATCModalSuppliersButtonPanel .ATCAccRow .ATCContainer {
        width: 100%;
        height: 100%;
    }

    .SpecialOrderButtonBox .ATCQTYOnlyContainer {
        width: 100%;
    }

    .SpecialOrderButtonBox .QTYcontent {
        width: 23%;
        padding-bottom: 23%;
        margin-top: 8px !important;
    }

    .SpecialOrderButtonBox .ATCPriceTotalBlock {
        position: relative;
        top: 0;
        right: 0;
        text-align: left;
        width: 60%;
    }

    .SpecialOrderButtonBox .ATCElementBtn {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }

    .SpecialOrderButtonBox .ATCModalSuppliersButtonPanel {
        height: auto;
        border: none;
        padding: 0;
        box-sizing: border-box !important;
        margin-top: 0px;
    }

    .SpecialOrderButtonBox .ATCSuppliersPricePanel {
        min-height: 85px;
        padding: 15px 0;
        min-height: 85px;
        max-height: 85px;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .SpecialOrderButtonBox .ATCModalATCButton {
        margin: 7px 0 0;
    }

.SpecialOrderContentFormRight .divAdditionalInfo {
    background-color: transparent;
    border-bottom: none;
    border-left: none;
    border-right: none;
    position: relative;
    margin-bottom: 0px;
    margin-left: 0px;
    clear: both;
    height: inherit;
    height: -webkit-fill-available;
    padding: 0px;
    /* padding-bottom: 50px; */
    width: 100%;
    min-height: 100%;
}

    .SpecialOrderContentFormRight .divAdditionalInfo form {
        border: none;
        border-radius: .25em;
    }

.SpecialOrderContentFormRight .TextAddInfo.k-textbox {
    height: 40px !important;
    line-height: 40px !important;
    width: 97% !important;
    box-sizing: border-box !important;
    padding: 10px 0;
    margin: 20px 20px 0px 0px !important;
    border: 1px solid #f2f2f2 !important;
    display: inline-block;
    font-family: RobCL;
    font-size: 11px !important;
    position: relative;
    border-radius: 0;
    z-index: 100;
    background: white;
}

.CostCentreDropDown {
    padding: 0 !important;
}

.SpecialOrderContentFormRight select.k-textbox {
    min-height: 40px;
    max-height: 220px;
    padding-top: 0 !important;
    overflow-y: scroll;
    padding-left: 0 !important;
}

.SpecialOrderContentFormRight input[id*='notetosupplier_con_frmConsignmentStock_']:after {
    margin-top: -100px !important;
    line-height: 10px !important;
}

.SpecialOrderContentFormRight .TextAddInfo.k-textbox:hover {
    border: 1px solid #1976d2 !important;
}

.SpecialOrderContentFormRight .TextAddInfo.k-textbox:focus {
    border: 1px solid #1976d2 !important;
}

.SpecialOrderContentFormRight select {
    max-height: 120px !important;
    padding-top: 0 !important;
}

.SpecialOrderContentFormRight .TextAddInfoLabel {
    width: auto !important;
    position: absolute;
    z-index: 1;
    font-family: SlateL !important;
    font-size: 14px !important;
    font-weight: bold !important;
    display: none;
    padding-left: 5px;
    padding-top: 2px;
    color: #bfbfbf !important;
}

.SpecialOrderContentFormRight .btnAdditionalInfoClear {
    height: 40px !important;
    margin-top: 15% !important;
    margin-left: 48% !important;
    margin-bottom: 20px !important;
    border: solid 1px #f2f2f2 !important;
    width: 25% !important;
    border-radius: .25em !important;
    box-shadow: none !important;
    text-align: center;
    padding-left: 0 !important;
    background-color: white !important;
    bottom: 0%;
    right: 0%;
    position: relative;
    box-sizing: border-box !important;
}

    .SpecialOrderContentFormRight .btnAdditionalInfoClear:hover {
        background-color: #E6F2FA !important;
        border-color: #1976d2 !important;
    }

        .SpecialOrderContentFormRight .btnAdditionalInfoClear:hover span {
            color: #1976d2 !important;
        }

    .SpecialOrderContentFormRight .btnAdditionalInfoClear span, .SpecialOrderContentFormRight .btnAdditionalInfoSave span {
        margin-top: 5px;
        margin-left: -20px;
    }

.SpecialOrderContentFormRight .btnAdditionalInfoSave {
    height: 40px !important;
    margin-left: 2% !important;
    margin-top: 15% !important;
    margin-bottom: 20px !important;
    border: solid 1px #f2f2f2 !important;
    width: 25% !important;
    border-radius: .25em !important;
    box-shadow: none !important;
    background-color: #EBEBEB !important;
    bottom: 0%;
    right: 0%;
    position: relative;
    /*color: #808080 !important;*/
    display: block;
    box-sizing: border-box !important;
    text-align: center;
}

    .SpecialOrderContentFormRight .btnAdditionalInfoSave:hover {
        border: solid 1px #84BD24 !important;
        background-color: #E0F3BF !important;
    }

        .SpecialOrderContentFormRight .btnAdditionalInfoSave:hover span {
            color: #84BD24 !important;
        }

.SpecialOrderContentFormRight .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    position: absolute;
    width: 98%;
    text-align: left;
    left: 5px;
    margin-top: -10px;
    background-color: transparent;
    border: none;
    color: red;
    border-top: solid 1px red;
    border-radius: 0px;
    font-family: SlateL;
    font-size: 11px;
}

.SpecialOrderContentFormRight select {
    color: #B4B4B4;
    text-indent: 10px;
}

.SpecialOrderContentFormRight #manualorderreasons {
    width: 100%;
    height: 40px;
    box-sizing: border-box !important;
    font-family: SlateL;
    font-size: 14px;
    color: #B4B4B4;
    border: 1px solid #F2F2F2;
    border-radius: .25em;
    left: 0;
    margin-top: 10px;
    text-indent: 0 !important;
}

#AddPatientCheckBoxLabel {
    font-family: RobCL;
    font-size: 11px;
    color: #999;
    margin-left: 10px;
    margin-top: 34px;
    height: 11px;
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    font-weight: normal;
}

.AddPatientCheckbox {
    width: 14px !important;
    height: 14px !important;
    margin-top: 33px !important;
    display: inline-block;
    border: 1px solid #808080 !important;
    float: left;
    background: white !important;
}

.SpecialOrderContentFormRight .patientSpecificModal {
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    /*margin-right: 1% !important;*/
    margin-top: 0 !important;
}


.ConsignmentFormContainer .consignmentModalLeft {
    width: 49%;
    margin-right: 1%;
    margin-top: 0 !important;
    float: left !important;
    display: inline-block;
    height: 100% !important;
    box-sizing: border-box;
    padding: 0 !important;
}

.ConsignmentFormContainer .consignmentModalRight {
    width: 49%;
    margin-left: 1%;
    margin-top: 0 !important;
    float: right !important;
    display: inline-block;
    height: 100% !important;
    box-sizing: border-box;
    padding: 0 !important;
}

.ModalBackBtn {
    height: 25px;
    max-height: 25px;
    width: 25px;
    margin-right: 15px;
    margin-left: 0;
    position: relative;
}

/*********************************Special Order ATC Tab End************************************/

/************************************Graph Date Range Start************************************/

.GraphArrowDown {
    position: absolute;
    right: 30px;
    top: 7px;
    width: 8px;
    height: 4px;
    z-index: 2;
    display: none;
}

.GraphArrowUp {
    display: none;
    position: absolute;
    right: 40px;
    top: 7px;
    width: 8px;
    height: 4px;
    z-index: 2;
}

.GraphArrowRightDown {
    position: absolute;
    right: 10px;
    top: 87px;
    width: 8px;
    height: 4px;
    z-index: 2;
    display: none;
}

.GraphArrowRightUp {
    position: absolute;
    right: 0px;
    top: 78px;
    width: 8px;
    height: 4px;
    z-index: 2
}


.TimePeriodContainer {
    position: relative;
    right: 0;
    top: 0;
    height: 100%;
    max-height: 100px;
    /* margin-bottom: -10px; */
    width: 100%;
    max-width: 120px;
    float: right;
}

    .TimePeriodContainer .OrderTypeDownArrow {
        top: 6px;
        left: 82%;
        pointer-events: none;
    }

.GraphTimePeriodDropDown {
    position: relative;
    height: 20px;
    width: 100% !important;
    right: 0;
    top: 0;
    padding: 0;
    background-color: white;
    box-sizing: border-box !important;
    text-align: left;
    text-indent: 10px;
    border: none;
    font-family: RobCL;
    font-size: 12px;
    margin-top: 0;
    margin-right: 0px;
    float: right;
    color: transparent;
    z-index: 1;
}

    .GraphTimePeriodDropDown:focus {
        border: none;
        outline: none;
    }

/*.GraphTimePeriodDropDown:hover {
    border: 1px solid #cce5ff;
}*/

.GraphTimePeriodOptionsBlock {
    display: none;
    border: 1px solid #cce5ff;
    position: absolute;
    top: 0px;
    background-color: white;
    font-family: RobCL;
    padding: 0px 0px;
    height: auto;
    min-width: 100px;
    z-index: 3;
    list-style-type: none;
    /*border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em;*/
}

.GraphTimePeriodItem {
    max-height: 20px;
    height: 15px;
    padding: 7px 0 17px;
    cursor: pointer;
    text-align: left;
    text-indent: 20px;
    position: relative;
    line-height: 100%;
    font-size: 13px !important;
}

.ulContent .GraphTimePeriodItem {
    padding: 8px 0 17px;
    list-style: none;
}

.GraphTimePeriodItem:hover {
    background-color: #E6F2FA;
    color: #1976d2;
}

.SwitchDurationView {
    height: 20px;
    position: relative;
    width: 70px;
    right: 0;
    top: 0;
    background-color: white;
    border: none;
    box-sizing: border-box !important;
    float: right;
    padding: 0px;
    color: transparent;
    font-family: RobCL;
    font-size: 12px;
    z-index: 1;
    cursor: pointer;
}

.PricingComparisonPanes .SwitchDurationView {
    top: -20px;
}

.PricingComparisonPanes .TimePeriodContainer {
    top: -20px;
}

/*.SwitchDurationView:hover {
    border: 1px solid #cce5ff;
}*/

.SwitchDurationView:focus {
    outline: none;
}

/*#SwitchToDaily {
    display: none;
}*/

button[id^="SwitchToMonth_"] {
    display: none;
}

/************************************Graph Date Range End*************************************/

.k-panelbar[id*='PanelBarAttr'] {
    /*width: 240px;*/
    border: none;
}

    .k-panelbar[id*='PanelBarAttr']:last-of-type:not(.k-panelbar[id*='PanelBarAttr_generic']) {
        border-bottom: 1px solid #F2F2F2 !important;
    }

    .k-panelbar[id*='PanelBarAttr'] label.k-checkbox-label:hover {
        /*text-decoration: underline;*/
        color: #1976D2 !important;
    }

    .k-panelbar[id*='PanelBarAttr'] label.k-checkbox-label {
        height: auto !important;
        line-height: 14px !important;
        padding-left: 20px !important;
        font-family: SlateL !important;
        font-weight: normal;
        font-size: 12px;
        color: #808080 !important;
        padding-top: 3px;
        padding-bottom: 5px;
    }

#CheckoutFilters .k-panelbar[id*='PanelBarAttr'] label.k-checkbox-label {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.k-panelbar[id*='PanelBarAttr'] label.k-checkbox-label::before {
    box-shadow: none !important;
    margin-left: 0px;
    margin-top: 4px;
    border-radius: 0px !important;
    width: 12px !important;
    height: 12px;
    box-sizing: border-box;
}

/*move the checkmark and checkbox*/
/*Checkbox background color and tick color*/
.k-panelbar[id*='PanelBarAttr'] label.k-checkbox-label::after {
    margin-top: 3px;
    line-height: 9px;
}

#Grid_ListProducts_D .k-tabstrip-items .k-state-default .k-link {
    font-family: SlateL !important;
    font-weight: 600 !important;
}

#Grid_ListProducts_D #gridviewcollID .k-tabstrip .k-content.k-state-active {
    border: 1px solid #FBFBFB;
    margin-top: 0 !important;
    height: auto;
    min-height: 610px
}

.spanSelectedAttribute {
    word-wrap: break-word;
    color: #AAAAAA;
    font-weight: normal;
    font-size: 13px;
}

/*Attribute headings*/
.k-icon.k-i-arrow-n:before {
    display: none !important;
}

.k-icon.k-icon.k-i-arrow-s:before {
    display: none !important;
}


.k-icon.k-i-arrow-n.k-panelbar-collapse {
    /*background-image: url("/Images/Ordering/Minus24.gif");*/
    content: url("../../../../Images/DropDown/arrowdown.png") !important;
    transform: rotate(180deg);
    background-position-x: right;
    background-position-y: top;
}

.k-icon.k-i-arrow-s.k-panelbar-expand, .k-icon.k-i-arrow-n.k-i-arrow-60-down.k-panelbar-expand, .k-icon.k-i-arrow-60-down.k-panelbar-expand {
    /*background-image: url("/Images/Ordering/Plus24.gif") !important;*/
    content: url("../../../../Images/Icons/orderco_plus.svg") !important;
    background-position-x: right;
    background-position-y: top;
}

#viewOrders .k-icon.k-i-arrow-s.k-panelbar-expand, .k-icon.k-i-arrow-n.k-i-arrow-60-down.k-panelbar-expand, .k-icon.k-i-arrow-60-down.k-panelbar-expand, #viewOrders .k-link.k-header.k-state-hover > .k-icon.k-i-arrow-n.k-panelbar-collapse, .k-icon.k-i-arrow-60-up.k-i-arrow-s.k-panelbar-collapse, .k-icon.k-i-arrow-60-up.k-panelbar-collapse {
    width: 10px;
    height: 10px;
    right: unset;
    top: 26px;
    left: 10px;
}

#ULFiltersCol .k-icon.k-i-arrow-s.k-panelbar-expand, #ULFiltersCol .k-icon.k-i-arrow-n.k-i-arrow-60-down.k-panelbar-expand, .k-icon.k-i-arrow-60-down.k-panelbar-expand, #viewOrders .k-link.k-header.k-state-hover > .k-icon.k-i-arrow-n.k-panelbar-collapse, .k-icon.k-i-arrow-60-up.k-i-arrow-s.k-panelbar-collapse, #ULFiltersCol .k-icon.k-i-arrow-60-up.k-panelbar-collapse {
    display: block;
    right: unset;
    left: 10px;
    top: 26px;
    width: 10px;
    height: 10px;
}

.k-icon:before, .k-i-arrow-60-down:before, .k-i-arrow-60-up:before {
    content: '' !important;
    background-color: transparent !important;
    background: none !important;
}

.k-link.k-header.k-state-hover > .k-icon.k-i-arrow-n.k-panelbar-collapse, .k-icon.k-i-arrow-60-up.k-i-arrow-s.k-panelbar-collapse, .k-icon.k-i-arrow-60-up.k-panelbar-collapse {
    content: url("../../../../Images/Icons/orderco_minus.svg") !important;
    background-position-x: right;
    background-position-y: top;
}

.k-link.k-header.k-state-focused.k-state-selected.k-state-hover > .k-icon.k-i-arrow-s.k-panelbar-expand {
    content: url("../../../../Images/Icons/orderco_plus.svg") !important;
    background-position-x: right;
    background-position-y: top;
}

.k-link.k-header.k-state-focused.k-state-selected.k-state-hover > .k-icon.k-i-arrow-s.k-panelbar-collapse {
    content: url("../../../../Images/Icons/orderco_minus.svg") !important;
    background-position-x: right;
    background-position-y: top;
}

k-link.k-header.k-state-focused.k-state-selected.k-state-hover > .k-icon.k-i-arrow-n.k-panelbar-expand {
    content: url("../../../../Images/Icons/orderco_plus.svg") !important;
    background-position-x: right;
    background-position-y: top;
}

.k-link.k-header.k-state-focused.k-state-selected.k-state-hover > .k-icon.k-i-arrow-n.k-panelbar-collapse {
    content: url("../../../../Images/Icons/orderco_minus.svg") !important;
    transform: rotate(180deg);
    background-position-x: right;
    background-position-y: top;
}

.k-link.k-header.k-state-hover > .k-icon.k-i-arrow-s.k-panelbar-expand {
    content: url("../../../../Images/Icons/orderco_plus.svg") !important;
    background-position-x: right;
    background-position-y: top;
}

.InfoBlockContainer.ModalInfoBlock {
    padding-left: 10px;
    padding-right: 12px;
}

.MultiSiteHeaderIcon .glyphicon,
.InfoBlockHeaderIcon .glyphicon,
.k-grouping-row .glyphicon {
    top: 0;
}

.MultiSiteHeaderIcon .glyphicon-plus,
.InfoBlockHeaderIcon .glyphicon-plus,
.k-grouping-row .glyphicon-plus {
    font-family: unset;
    width: 12px;
    height: 12px;
}

.MultiSiteHeaderIcon .glyphicon-minus,
.InfoBlockHeaderIcon .glyphicon-minus,
.k-grouping-row .glyphicon-minus {
    font-family: unset;
    width: 12px;
    height: 12px;
}

.MultiSiteHeaderIcon .glyphicon-plus:before,
.InfoBlockHeaderIcon .glyphicon-plus:before,
.k-grouping-row .glyphicon-plus:before {
    content: url("../../../../Images/Icons/orderco_plus.svg") !important;
}

.MultiSiteHeaderIcon .glyphicon-minus:before,
.InfoBlockHeaderIcon .glyphicon-minus:before,
.k-grouping-row .glyphicon-minus:before {
    content: url("../../../../Images/Icons/orderco_minus.svg") !important;
}

/*Applies to all panelbars*/
.k-panelbar .k-state-focused.k-state-selected {
    box-shadow: none !important;
    background-color: inherit !important;
    border: none !important;
    border-bottom: solid 1px #DDDDDD !important;
}

.k-panelbar .k-state-focused.k-state-focused {
    box-shadow: none !important;
    background-color: inherit !important;
    border: none !important;
    border-bottom: solid 1px #DDDDDD !important;
}



/*************Generic Styles*******************/
/**********************************************/

.spanStyle {
    height: 25px;
    margin-right: 30px;
    margin-left: 10px;
    text-align: right;
}

    .spanStyle:hover {
        text-decoration: underline;
    }

.FontColorBlack::selection {
    color: Black;
}

.AlignCenter {
    text-align: center;
}

.AlignRight {
    text-align: right;
}

.AlignLeft {
    text-align: Left;
}

.NoWrap {
    text-wrap: none;
    word-break: keep-all;
}

.FloatLeftSlideImage {
    height: 50px;
    width: 54px;
    opacity: 0;
    z-index: 1;
    border: solid 2px #f2f2f2;
    background-color: #AAA;
    border-radius: 25px;
    cursor: pointer;
    color: white;
    font-size: 3em;
    line-height: 48px;
    text-align: center;
}

.FloatRightSlideImage {
    height: 50px;
    width: 54px;
    opacity: 0;
    z-index: 1;
    border: solid 2px #f2f2f2;
    background-color: #AAA;
    border-radius: 25px;
    cursor: pointer;
    color: white;
    font-size: 3em;
    line-height: 48px;
    text-align: center;
}

.FloatSlideImage_ImageOnly {
    margin-top:58px;
}

.ScrollContainer {
    position: relative;
}

.BorderBottomGray {
    border: none !important;
    border-bottom: solid #DDDDDD 1px !important;
}


.BorderLeftRight {
    border-left: solid 1px #DDDDDD !important;
    border-right: solid 1px #DDDDDD !important;
}

.BackgroundLightGrey {
    background-color: #F9F9F9;
}

/********************************************************/
/*******Shopping Cart************************************/
#ShoppingCartBusy {
    display: none;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

.ShoppingCartBusySpan {
    font-family: SlateL;
    font-size: 24px;
    color: black;
    position: absolute;
    font-weight: bold;
    margin-left: 38%;
    margin-top: 40%;
}

.ImgAddToCart {
    top: -5px;
    left: -40px;
    position: absolute;
}

span.btnAddingText {
    position: relative;
    text-align: center;
    top: 46px;
    /*left: 20px;*/
}

div.spinnerButton {
    position: absolute;
    top: -5px;
    left: -30px;
    text-align: left;
}

.GenericsPanes .AltProductsSubContentAddToCartButton div.spinnerButton, .ProductTabs .AltProductsSubContentAddToCartButton div.spinnerButton {
    position: absolute;
    top: -5px;
    left: -10px;
    text-align: left;
}

.GenericsPanes .AltProductsSubContentAddToCartButton .ImgAddToCart, .ProductTabs .AltProductsSubContentAddToCartButton .ImgAddToCart {
    top: -3px;
    left: -25px;
    position: absolute;
}

.divCartItemCount {
    border: solid 1px red;
    background-color: red;
    position: relative;
    height: 15px;
    width: 100px;
    font-family: RobCL;
    font-size: 10px;
    margin-top: 7px;
    margin-left: -1px;
    display: none;
}

/*div.AltProductQuantitySpacer div.divCartItemCountVisible
{
    border:solid 1px red;
    background-color:red;
    position:relative;
    height:15px;
    width:100px;
    font-family:RobCL;
    font-size:10px;
    color:white;
    z-index:1000;
    margin-top:0px;
    left:1px;
    text-align:center;
}

div.Int_PriceBox div.divCartItemCountVisible
{
    border:solid 1px red;
    background-color:red;
    position:relative;
    height:15px;
    width:100px;
    font-family:RobCL;
    font-size:10px;
    color:white;
    z-index:1000;
    text-align:center;
    margin-top:5px;
    left:1px;
}

div[id*='divCartItemGroupCount_'].divCartItemCountVisible
{
    border:solid 1px red;
    background-color:red;
    position:absolute;
    height:15px;
    width:100px;
    font-family:RobCL;
    font-size:10px;
    color:white;
    z-index:1000;
    right:0px;
    top:0px;
    text-align:center;
    margin-top:32px;
}

div[id*='Control_Product_'] div.divCartItemCountVisible, div[id*='Control_ProductTheraputics_'] div.divCartItemCountVisible
{
    border:solid 1px red;
    background-color:red;
    position:absolute;
    height:15px;
    width:100px;
    font-family:RobCL;
    font-size:10px;
    color:white;
    z-index:1000;
    right:3px;
    top:0px;
    text-align:center;
    margin-top:32px;
}*/

.divCartItemCountVisible {
    border: solid 1px red;
    background-color: red;
    position: relative;
    height: 15px;
    width: 100px;
    font-family: RobCL;
    font-size: 10px;
    color: white;
    z-index: 1000;
    float: right;
    margin-top: 0px;
    text-align: center;
}




.divCartItemCount span {
    margin-top: 8px;
    color: white;
    font-family: RobCL;
    font-size: 10px;
}

.divCartItemCountVisible span {
    color: white;
    font-family: RobCL;
    font-size: 10px;
}


/*master address stop cart drop down*/

/*.MATC_divDDOptionsItem:not(:last-child) {
    border-bottom: solid 1px #DDD;
}*/


.MATC_divDDOptionsItem {
    color: black;
    padding-top: 0;
    line-height: 17px;
    font-size: 12px;
    font-family: Slate;
    padding-left: 11px;
    height: 40px;
    border: 1px solid transparent;
    line-height: 40px;
    position: relative;
}

.LayoutFilter .MATC_divDDOptionsItem {
    color: black;
    padding-top: 0px;
    font-size: 12px;
    font-family: SLateL;
    padding-left: 11px;
    height: 30px;
    line-height: 30px;
}

.MATC_divDDOptionsItemSelected {
    color: #1976d2;
    background-color: #e6f2ff;
    /* padding-top: 6px; */
    font-size: 12px;
    font-weight: normal;
    font-family: Slate;
    padding-left: 11px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    /* border-bottom: solid 1px #DDD; */
}

    .MATC_divDDOptionsItemSelected:hover {
        line-height: 40px;
        color: #1976d2;
        background-color: #f5f5f5;
        /* padding-top: 6px; */
        font-size: 12px;
        font-family: Slate;
        padding-left: 11px;
        height: 40px;
        border-radius: 0;
        /* border-bottom: solid 1px #DDD; */
    }

.MATC_divDDOptionsItem:hover {
    background-color: #cce6ff !important;
    border: 1px solid #cce6ff !important;
    color: #1976d2 !important;
    /*padding-top: 6px;*/
    font-size: 12px;
    padding-left: 11px;
    border-radius: 0;
}

    .MATC_divDDOptionsItem:hover .FavDivText {
        color: #1976d2 !important;
    }

.LayoutFilter .MATC_divDDOptionsItemSelected {
    background-color: #EBEBEB !important;
    border: 1px solid #1976d2 !important;
    color: #1976d2 !important;
    padding-top: 6px;
    font-size: 12px;
    font-family: SlateL;
    padding-left: 11px;
    height: 30px;
    border-radius: 0;
}

    .LayoutFilter .MATC_divDDOptionsItemSelected:hover {
        color: #1976d2;
        background-color: #f5f5f5;
        padding-top: 6px;
        font-size: 12px;
        font-family: SlateM;
        padding-left: 11px;
        height: 30px;
        border-radius: 0;
        font-weight: normal;
    }

.LayoutFilter .MATC_divDDOptionsItem:hover {
    color: #1976d2;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    padding-top: 0px;
    font-size: 12px;
    padding-left: 11px;
    border-radius: 0;
    font-weight: normal;
}

.SortFilter .MATC_divDDOptionsItemSelected {
    background-color: #E6F2FF !important;
    border: 1px solid transparent !important;
    color: #1976d2 !important;
    padding-top: 0px;
    font-size: 12px;
    font-weight: normal;
    font-family: SlateM;
    padding-left: 11px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* border-bottom: solid 1px #DDD; */
}

#Content_ItemsView .MATC_divDDOptionsItem {
    color: #333;
    padding-top: 0;
    line-height: 40px;
    font-size: 12px;
    font-family: SLateM;
    padding-left: 11px;
    height: 40px;
    border: 1px solid transparent;
    position: relative;
    font-weight: normal;
    color: #666;
    width: 100%;
}

#Content_ItemsView .MATC_divDDOptionsItemSelected {
    background-color: #E6F2FF !important;
    border: 1px solid transparent !important;
    color: #1976d2 !important;
    padding-top: 0px;
    font-size: 12px;
    font-weight: normal;
    font-family: RobCL_Bold;
    padding-left: 11px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    /* border-bottom: solid 1px #DDD; */
}

.SortFilter .MATC_divDDOptionsItem {
    color: #969696;
    padding-top: 0px;
    line-height: 40px;
    font-size: 12px;
    font-family: Slate;
    font-weight: normal;
    padding-left: 11px;
    height: 40px;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .SortFilter .MATC_divDDOptionsItem:hover {
        color: #1976d2;
        background-color: #f5f5f5;
        border: 1px solid #f5f5f5;
        padding-top: 0;
        font-size: 12px;
        padding-left: 11px;
        border-radius: 0;
        font-weight: normal;
        /*width: 100%;*/
    }

/**/

#ShoppingCartContainer {
    background-color: white;
    max-width: 1366px;
    z-index: 999;
    width: 100%;
    margin-left: 0px;
    overflow-y: hidden;
    box-shadow: 0px 5px 5px 3px rgba(128, 128, 128, 0.1);
}

    #ShoppingCartContainer > .row {
        margin-left: 0;
        margin-right: 0;
    }

    #ShoppingCartContainer td .row {
        line-height: 1.6em;
    }

#ShoppingCartContainer_content {
    margin-top: 7px !important;
}

    #ShoppingCartContainer_content > .row {
        margin-right: 0;
        margin-left: 0;
    }

.ShoppingCartPullDown {
    display: none;
    top: 66px;
    position: absolute;
    max-width: 1366px !important;
    margin: 0 auto !important;
    width: 100% !important;
    height: 100%;
    box-sizing: border-box;
}

#divcoContent {
    /*width: 1371px;*/
    min-height: calc(100vh - 500px);
    min-height: calc((var(--vh, 1vh) * 100) - 500px);
    margin: 0 !important;
    padding: 0 12px !important;
}

.throb {
    color: #1976d2;
}

.ShoppingCartPullDownHeader {
    width: 600px;
    height: 71px;
    border-bottom: solid 1px #DDDDDD;
}

#ShoppingCartContent {
    width: 600px;
    height: 84.2%;
    position: absolute;
    z-index: 3003;
    background-color: white;
    overflow-y: auto;
}

.ShoppingCartPullDownFooter {
    width: 600px;
    height: 70px;
    border-top: solid 1px #DDDDDD;
    position: absolute;
    bottom: 10px;
}

.CartHeadingLeft {
    float: left;
    cursor: pointer;
    font-family: SlateL;
    font-size: 14px;
    text-align: left;
    height: 30px;
    line-height: 18px;
    color: #1976d2;
    background-color: white;
    margin-top: 10px;
    border: 1px solid #f2f2f2;
    border-radius: .50em;
    padding: 6px 15px;
}

    .CartHeadingLeft:hover {
        color: #1976d2;
        cursor: pointer;
        border: 1px solid #1976d2;
    }

.CartHeadingRight {
    float: right;
    cursor: pointer;
    font-family: SlateL;
    font-size: 14px;
    text-align: right;
    height: 30px;
    line-height: 18px;
    margin-top: 10px;
    margin-right: 25px;
    border: 1px solid #f2f2f2;
    border-radius: .50em;
    padding: 6px 15px;
    color: #1976d2;
    background-color: white;
}

    .CartHeadingRight:hover {
        color: #1976d2;
        cursor: pointer;
        border: 1px solid #1976d2;
        /*text-decoration: underline;*/
    }


.CartProductItemCount {
    position: absolute;
    top: 50px;
    font-family: SlateM;
    font-weight: normal;
    margin-left: 3px;
    font-size: 13px;
}

.CartProductItemCountBottom {
    position: absolute;
    bottom: 40px;
    font-family: SlateM;
    font-weight: normal;
    margin-left: 3px;
    font-size: 13px;
}

.CartProductItemTotalCountBottom {
    position: absolute;
    bottom: 40px;
    font-family: SlateM;
    font-weight: normal;
    margin-left: 40%;
    font-size: 13px;
}

.CartSubTotalText {
    font-family: SlateM;
    font-weight: normal;
    font-size: 16px;
    float: left;
    margin-top: 10px;
    margin-left: 70%;
}

.CartSubTotalValue {
    font-family: SlateM;
    font-weight: normal;
    text-align: right;
    font-size: 16px;
    padding-right: 40px;
    float: right;
    margin-top: 10px;
}

#CartInfoRow {
    max-height: 50px !important;
    margin: 0;
    padding: 0 12px;
}

.CartInfoRowUtils {
    display: flex;
    align-items: center;
}

.ShoppingCartKebabMenuContainer {
    z-index: 455;
    margin-left: auto;
}

#CartInfoRow #divAttributesControl {
    display: none;
}

.CartButton {
    float: left;
    cursor: pointer;
    font-family: SlateL;
    font-size: 14px;
    text-align: left;
    height: 30px;
    line-height: 18px;
    color: #1976d2;
    margin-top: 5px;
    background-color: white;
    border: 1px solid #f2f2f2;
    border-radius: .50em;
    padding: 6px 15px;
}

    .CartButton:hover {
        color: #1976d2;
        cursor: pointer;
        border: 1px solid #1976d2;
    }

.CartCheckoutButton {
    float: right;
    cursor: pointer;
    font-family: SlateL;
    font-size: 14px;
    text-align: right;
    height: 30px;
    line-height: 18px;
    margin-top: 5px;
    margin-right: 25px;
    border: 1px solid #1976d2;
    border-radius: .50em;
    padding: 6px 15px;
    color: white;
    background-color: #1976d2;
}

    .CartCheckoutButton:hover {
        color: white;
        cursor: pointer;
        border: 1px solid #1976d2;
        -webkit-box-shadow: 1px 1px 5px 2px rgba(102,179,255,1);
        -moz-box-shadow: 1px 1px 5px 2px rgba(102,179,255,1);
        box-shadow: 1px 1px 5px 2px rgba(102,179,255,1);
    }





.ShoppingCartThumbnail {
    width: 100px !important;
    height: 100px !important;
}


.CartItem td:not(.CartProductQuantity) {
    padding-right: 10px; /*!important*/
    padding-bottom: 2px; /*!important*/
}

#CartItems {
    width: 100%;
}

.CartItem {
    padding: 50px !important;
    border-bottom: solid 1px #f2f2f2;
    height: 145px;
    /*border-bottom:solid 1px #DDDDDD;
    width:100%;
    height:200px;*/
}

.CartImageContainer {
    padding: 0px;
    margin: 0px;
    width: 110px;
}

.CartImageContainerMultiple {
    padding: 0px;
    margin: 0px;
    width: 100px;
    vertical-align: top !important;
}

.CartContainer {
    /*width:100%;*/
    vertical-align: top;
    padding-left: 10px;
}

.CartContainerTable {
    width: 100%;
}

.CartProductWSName {
    font-family: SlateL;
    font-size: 12px;
    color: #808080;
    width: 35% !important;
    height: 82px;
    vertical-align: top;
    padding-top: 10px;
}

    .CartProductWSName div {
        color: red;
    }

.CartProductWSQty {
    width: auto;
    max-width: 60px;
    text-align: left;
    font-family: SlateM;
    font-size: 15px;
    font-weight: normal;
    color: black;
    vertical-align: top;
    padding-top: 30px;
}

.CartProductQuantity {
    font-family: RobCL;
    font-size: 12px;
    color: #AAAAAA;
    vertical-align: top;
    width: 120px;
    padding-top: 20px;
}

    .CartProductQuantity .ATCElementQO {
        max-height: 40px;
    }

.CartProductPrice {
    font-family: SlateM;
    font-weight: normal;
    font-size: 15px;
    color: black;
    text-align: right;
    vertical-align: top;
    padding-top: 30px;
    width: 95px;
}

.CartProductSaveForLater {
    cursor: pointer;
    font-family: SlateL;
    font-size: 11px;
    color: #888;
    padding-left: 10px;
}

.CartProductRemove {
    cursor: pointer;
    font-family: SlateL;
    font-size: 11px;
    color: #808080;
    width: 20px;
}

    .CartProductRemove:hover, .CartProductSaveForLater:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.CartProductRemoveSpacer {
    border-left: solid 1px #888;
    width: 1px;
    height: 10px !important;
    position: absolute;
    margin-top: 2px;
}

/*.CartProductQuantityMultiple
{
    position:absolute;
    right:100px;
    margin-top:10px;
    padding-top:0px;
    font-family:RobCL;
    color:#AAAAAA;
    float:right;
}*/



._NumericUpDownCartProductItem {
    padding-top: 20px;
    float: left;
}

    ._NumericUpDownCartProductItem span.spanMinusStnd {
        top: -5px;
        left: 10px;
    }

    ._NumericUpDownCartProductItem span.spanPlusStnd {
        top: -7px;
        left: 5px;
    }

.ProductCartAccountItem {
    border-top: solid 1px #DDDDDD;
    width: 453px;
    width: calc(100% + 10px);
    margin-top: 0px;
    position: relative;
}



.FullReportImage {
    margin-top: 50px;
}

/**********************************************/

/*div[id*='Control_'] div.AccCheckDoneVisible
{
    text-align:center;
    position:absolute;
    width:60px;
    height:30px;
    border:solid 1px red;
    background-color:red;
    color:white;
    font-family:RobCL;
    font-size:10px;
    line-height:13px;
    top:0px;
}*/

div.AccCheckDoneVisible span {
    color: white !important;
}

.AccCheckDone {
    text-align: center;
    margin-top: 5px;
    padding-top: 5px;
    position: absolute;
    right: 0px;
    width: 60px;
    height: 30px;
    border: solid 1px red;
    background-color: red;
    color: white;
    font-family: RobCL;
    font-size: 10px;
    display: none;
    line-height: 13px;
}


.AccCheckDoneVisible {
    text-align: center;
    margin-top: 5px;
    padding-top: 5px;
    position: absolute;
    right: 0px;
    width: 60px;
    height: 30px;
    border: solid 1px red;
    background-color: red;
    color: white;
    font-family: RobCL;
    font-size: 10px;
    line-height: 13px;
}


div.GridProductContainerDetail div[id*='AccCheckDone'].AccCheckDoneVisible {
    right: 32px;
}

div[id*='PanelBarGenerics'] .divQuantityDisplayVisible {
    margin-left: 80px !important;
}

div[id*='PanelBarPackSizeComparison'] .divQuantityDisplayVisible {
    margin-left: 0px !important;
}

/******************************************************************************************************************************************************/
/**************************Shopping cart Final checkout************/

#divCheckoutFinalContent {
    width: 100%;
    height: auto;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

.divCartSelectionFinal {
    text-align: right;
    font-family: RobCL;
    font-size: 14px;
    right: 12px;
    cursor: pointer;
    margin-left: 0px;
    margin-top: 0px;
    float: right;
}

    .divCartSelectionFinal:last-child {
        margin-left: 0px;
        margin-left: -55px;
        margin-right: 30px;
    }

    .divCartSelectionFinal:hover {
        color: #1976d2;
        text-decoration: underline;
    }

/******************************************************************************************************************************************************/
/**************************Shopping cart checkout************/
#divShoppingCartCheckoutEdit {
    margin: auto;
    width: 99%;
    max-width: 1366px;
    height: 100%;
    position: relative;
    margin-bottom: 50px;
    min-height: 84.5vh;
    height: calc(var(--vh, 1vh) * 84.5);
}



.divCheckoutNotificationsHeading {
    font-family: RobCL;
    font-size: 17px;
    color: #FFF;
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
}

    .divCheckoutNotificationsHeading span {
        z-index: 2;
        position: relative;
        padding: 12px 0px;
        display: inline-block;
    }

    .divCheckoutNotificationsHeading .redBall {
        display: inline-block;
        width: auto;
        height: 16px;
        margin: 0 15px;
        line-height: 18px;
    }

.redBall:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    /*box-shadow: 0 0 0 10px #1976d2, 0 0 0 11px rgba(255,255,255,0.1);*/
    background-color: #1976d2;
    z-index: -1;
}

.moreDetails {
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 20px;
}

.CheckoutNotificationsHeading {
    padding: 5px;
    font-family: SLateL;
    font-size: 14px;
    color: #E00000;
    cursor: pointer;
}

.COErrorListLink:hover {
    /*color: #1976d2;*/
    cursor: default;
}

.CheckoutNotifications {
    height: auto;
    width: 100%;
    max-width: 1366px;
    padding: 0px;
    font-family: RobCL;
    font-size: 13px;
    display: none;
    background-color: #EEE;
    padding: 20px;
    color: #000;
    overflow-y: auto;
    max-height: calc(100vh - 116px);
    max-height: calc((var(--vh, 1vh) * 100) - 116px);
    position: absolute;
    z-index: 999;
}

    .CheckoutNotifications ul li {
        display: block;
        padding: 5px;
    }

    .CheckoutNotifications div {
        padding: 5px;
    }

#btnToggleNotifications {
    width: auto;
    position: relative;
    float: right;
    color: black;
    z-index: 999;
    top: -5px;
    right: 5px;
    cursor: pointer;
    font-family: SlateL;
    font-size: 30px;
}

.coHeader {
    width: 100%;
    height: 70px;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

#divErrorMessagesLine {
    display: none;
    border-top: solid 1px #CCCCCC;
    width: 100%;
    height: 1px;
    margin-bottom: 5px;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
}

#divErrorMessages {
    display: none;
}

.cartErrors {
    position: relative;
    /*top: 67px !important;*/
    /* min-height: 50px; */
    width: 100%;
    z-index: 495;
    left: -8px;
    display: none;
    transform: translateX(8px);
}


.coErrorMessages {
    background-color: #1976d2;
    margin-bottom: 0;
    width: 100%;
    height: auto;
    /*min-height: 50px;*/
    max-width: 1366px;
    margin-right: auto;
    /*padding: 12px 0px;*/
    color: #FFF;
    top: 0 !important;
}


.coContent {
    width: 98%;
    height: 100%;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 20px !important;
}

.coContentLeft {
    min-width: 245px;
    width: 245px;
    height: 100%;
    float: left;
}

.coContentLeftDisable {
    min-width: 245px;
    width: 245px;
    height: 100%;
    position: absolute;
    z-index: 100;
    opacity: 0.3;
    background-color: #DDD;
}


.coContentRight {
    padding-left: 12px;
    height: 100%;
    margin-left: 250px;
    max-width: 1105px;
}

.coCartHeading {
    color: #185674;
    font-family: RobCL_Bold;
    font-weight: normal;
    font-size: 16px;
    position: absolute;
    top: 30px;
    left: 25%;
}

.CheckoutOrdersHeader {
    margin-top: 2px;
    display: inline-block;
    float: right;
    margin-right: 50px;
}

.coBtnContinueShopping {
    font-family: RobCL_Bold;
    color: #185674;
    font-weight: normal;
    font-size: 12px;
    margin-top: 8px;
    margin-right: 20px;
    text-decoration: underline;
    cursor: pointer;
}

.coBtnCreate {
    font-family: RobCL;
    font-size: 14px;
    border: solid 1px #185674;
    background-color: white;
    color: #185674;
    border-radius: 2px;
    height: 33px;
    width: 180px;
    text-align: center;
    padding-top: 8px;
    cursor: pointer;
    margin-top: 0px;
    margin-right: 0px;
    box-shadow: #AAAAAA 3px 3px;
    float: right;
    margin-right: 5px;
}

.divTC {
    text-align: center;
    font-family: RobCL;
    font-size: 13px;
    /* padding-bottom: 10px; */
    padding-right: 20px;
    /* padding-top: 10px; */
    line-height: 35px;
}

    .divTC a {
        cursor: pointer;
        text-decoration: none;
        color: #185674;
    }

        .divTC a:hover {
            font-family: RobCL_Bold;
            font-weight: normal;
            background-color: transparent;
        }

.divCoSortOptions {
    float: right;
    margin-top: -50px;
}

.ShoppingCartSavedCount {
    font-family: RobCL;
    font-size: 14px;
    margin-top: 50px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-bottom: 20px;
    color: #bfbfbf;
}

.FilterCount {
    width: auto !important;
    float: right;
    margin-left: 5px;
    text-align: right;
}

#Grid_ShoppingCartCheckout_Items .k-loading-image {
    background-image: none;
}

#Grid_ShoppingCartCheckout_ItemsSaved .k-loading-image {
    background-image: none;
}

#Grid_ShoppingCartCheckout_Orders .k-loading-image {
    background-image: none;
}

.k-panelbar[id*='PanelBarAttr'] .k-radio:checked + .k-radio-label:after {
    border-radius: 50% !important;
}

.k-panelbar[id*='PanelBarAttr'] .k-radio:checked + .k-radio-label:after {
    content: "";
    width: 7px !important;
    height: 7px !important;
    position: absolute;
    top: 0px;
    left: 0px;
}

.k-panelbar[id*='PanelBarAttr'] .k-radio:checked + .k-radio-label:before {
    content: "";
    width: 11px !important;
    height: 11px !important;
    position: absolute;
    top: -3px;
    left: -3px;
}

.k-panelbar[id*='PanelBarAttr'] .k-radio + .k-radio-label:after {
    content: "";
    width: 7px !important;
    height: 7px !important;
    position: absolute;
    top: 0px;
    left: 0px;
}

.k-panelbar[id*='PanelBarAttr'] .k-radio + .k-radio-label:before {
    content: "";
    width: 11px !important;
    height: 11px !important;
    position: absolute;
    top: -3px;
    left: -3px;
}

.k-radio-label {
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 5px;
    margin-left: 10px;
    color: #555555;
    height: 16px;
    font-weight: normal;
    font-family: "Segoe UI";
}

    .k-radio-label:hover {
        text-transform: uppercase;
        font-size: 11px;
        margin-left: 10px;
        color: #AAAAAA;
        height: 16px;
        font-weight: normal;
        font-family: "Segoe UI" !important;
    }

.coActiveItemsContainer {
    min-height: 188px;
}

.CartImagesToggle {
    color: #999;
    font-family: SlateL;
    font-size: 11px;
    line-height: 100%;
    position: absolute;
    text-transform: uppercase;
    z-index: 1;
    top: 4px;
    font-weight: normal;
    right: 60px;
}

.divCoImgToggle .MATC_Slider {
    top: 0px !important;
    right: 10px;
}

.coProductHeading {
    padding-top: 5px;
    padding-left: 10px;
    height: 20px;
}

.coProductHeadingItem {
    float: left;
    font-family: RobCL;
    font-size: 12px;
    color: #AAAAAA;
}

.HeadingItem {
    width: 53%;
}

.HeadingUnitPrice {
    width: 13%;
}

.HeadingQty {
    width: 15%;
}

.HeadingTotal {
    width: 13%;
}

/*.CheckoutOrdersGrandTotal
{
    height:50px;
}*/

.CheckoutOrdersSecure {
    width: 39%;
    height: auto;
    position: absolute;
    font-family: RobCL_Bold;
    font-size: 20px;
    font-weight: normal;
    margin-top: 20px;
    margin-left: 20px;
}

.imgSecureLock {
    float: left;
}

.CheckoutOrdersSecureTextMain {
    margin-left: 50px;
}

.CheckoutOrdersSecureText {
    font-family: RobCL;
    font-size: 14px;
    position: absolute;
    padding-left: 50px;
}

.CheckoutOrdersTotals table {
    text-align: right;
    float: right;
    margin: 0px;
}

/*.CheckoutOrdersTotals table td
{
    text-align:right;
    padding:0px;
    line-height:25px;
    padding-right:15px;
    font-family:RobCL;
    font-size:16px;
}*/



.CheckoutTotalValueItem {
    font-family: RobCL;
    font-size: 16px;
    float: right;
    width: 50%;
    padding-right: 110px;
}

.CheckoutTotalHeadingItem {
    font-family: RobCL_Bold;
    font-size: 16px;
    font-weight: normal;
    width: 79%;
    text-align: right;
}

.CheckoutTotalFooterText {
    font-family: RobCL;
    font-size: 12px;
    float: left;
    bottom: 5px;
    padding-top: 10px;
}

.CheckoutTotalItem {
    display: inline-block;
    width: 100%;
    margin-right: 20px;
}


.CheckoutOrdersFooter {
    position: absolute;
    top: 40px;
    right: 290px;
}


.CheckoutCartTotal {
    bottom: 0px;
    z-index: 3001;
    background-color: white;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
    margin-left: 0px;
    border-top: solid 1px #f2f2f2;
}

.coBtnContinueShoppingBottom {
    display: none;
}

/*********************************************************************/
/*********************Checkout Cart Order Item*/

/*Hide the expand arrow on grid lines*/
div[id='Grid_ShoppingCartCheckout_Orders'] td.k-hierarchy-cell {
    display: none !important;
}

div[id='Grid_ShoppingCartCheckout_Orders'] .k-hierarchy-col {
    display: none !important;
}

div#Content_OrdersView .k-grid .k-hierarchy-cell + td {
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
}

/*.k-master-row.k-state-selected
{
    background-color:white !important;
}
.k-master-row
{
    background-color:white !important;
}
.k-master-row.k-alt
{
    background-color:white !important;
}*/

/**************************************/
/********checkout order****************/
#Grid_ShoppingCartCheckout_Orders {
    border: none !important;
    border-bottom: solid 1px #CCC !important;
}

.coOrder {
    height: auto;
    font-family: RobCL;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.coOrderHeaderColonSpacer {
    margin-right: 10px;
}

.coOrderHeaderItemValue {
    width: 80%;
    clear: right;
    color: #888 !important;
    white-space: nowrap;
    float: left;
}

.divTopSpacer {
    height: 10px;
}

.coOrderHeaderItem {
    font-family: RobCL;
    font-size: 11px;
    color: #888;
    margin-left: 10px;
    width: auto;
    max-width: 200px;
    float: left;
}

    .coOrderHeaderItem div {
        color: #555;
        max-width: 40px;
    }


.coOrderHeaderTotalItemValue {
    float: right;
    width: auto;
    clear: right;
    color: #888 !important;
    font-size: 14px;
}

.coOrderHeaderTotalItem {
    font-family: RobCL;
    font-size: 11px;
    color: #555;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    text-align: left;
}

    .coOrderHeaderTotalItem:first-child {
        padding-top: 10px;
        font-family: RobCL;
        font-size: 11px;
        color: #555;
        margin-left: 10px;
        margin-right: 10px;
        width: auto;
        text-align: left;
    }

.coOrderHeaderSubTotalItem {
    font-family: RobCL;
    font-size: 11px;
    color: #555;
    margin-top: 60px;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    text-align: left;
}

.coOrderHeaderTotalColonSpacer {
    float: right;
    right: 11vw;
}

.divCheckoutOrderHeaderLeft {
    float: left;
    width: 133px;
    min-width: 133px;
    height: 190px;
    border: solid 1px #CCC;
}

.divCheckoutOrderHeaderMiddle {
    float: left;
    width: 65%;
    min-width: 30px;
    height: 45px;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    margin-right: 0px;
}


.divCheckoutOrderHeaderRight {
    float: right;
    border: solid 1px #CCC;
    width: 250px;
    margin-right: 1px;
    height: 45px;
    text-align: center;
}

.CheckoutCartOrder_Details {
    border-bottom: solid 1px #CCC;
    height: 145px;
    padding-left: 5px;
    padding-top: 0px;
}

.CheckoutCartOrder_Totals {
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    margin-top: 24px;
    height: 144px;
    margin-left: -1px;
    white-space: nowrap;
}

.MobileShowItems {
    display: none;
    font-family: RobCL;
    font-size: 9px;
    position: absolute;
    left: 20px;
    margin-top: 8px;
    cursor: pointer;
}

.CheckoutOrderHeaderExpandText {
    font-size: 12px;
    text-align: center;
    border-top: solid 1px #CCC;
    cursor: pointer;
    padding-top: 0px;
    background-color: #EFEFEF;
    height: 27px;
}

    .CheckoutOrderHeaderExpandText span {
        position: absolute;
        width: 130px;
        left: 5px;
        padding-top: 4px;
    }

.CheckoutOrderHeaderWSImage {
    margin-top: 10px;
    text-align: center;
    height: 80%;
}

.CheckoutCartOrder_WSName {
    min-width: 100%;
    width: 50%;
    height: 45px;
    background-color: #EEEEEE;
}

    .CheckoutCartOrder_WSName span {
        margin-top: 12px;
        margin-left: 20px;
        font-size: 14px;
        color: #777;
        position: absolute;
    }

.CheckoutCartOrder_Delete {
    float: right;
}

    .CheckoutCartOrder_Delete a {
        font-size: 12px;
        float: right;
        margin-top: 26px;
        margin-right: 5px;
        text-decoration: none;
    }

        .CheckoutCartOrder_Delete a:hover {
            color: red;
            background-color: transparent;
        }


.divCheckoutOrderHeaderRight label {
    float: right;
}

.divCheckoutOrderHeaderRight > span {
    position: absolute;
    top: 10px;
}

/*.divOrderSelectBox
{
    border:solid 17px green;
    width:50px;
    height:46px;
    top:0px;
    right:0px;
    margin-right:0px;
    float:right;
    background-color:white;
    cursor:pointer;
}



.divOrderSelectBox label.k-checkbox-label {
    height: auto !important;
    margin-right: 13px;
    margin-top:16px;
}


/*move the checkmark and checkbox*/
/*Checkbox background color and tick color*/
/*div.divOrderSelectBox label.k-checkbox-label::after {
    margin-top: 0px;
    line-height: 9px;
}*/


.divCheckoutOrderHeaderRight span {
    font-family: RobCL;
    font-size: 12px;
    position: relative;
}


/*****/
.CheckoutCartOrder_OrderCount {
    font-family: RobCL;
    font-size: 13px;
    min-width: 30px;
    float: right;
}



.divFeeContainer {
    padding-top: 10px;
    width: 35%;
    height: 130px;
    margin-right: 0px;
    float: right;
    background-color: #F5F5F5;
}

.CheckoutCartOrder_OrderValue {
    font-family: RobCL;
    font-size: 13px;
    padding-right: 5px;
    text-align: right;
    float: right;
}

.k-checkbox:checked + .k-checkbox-label:after {
    margin-top: 0px;
}

.k-checkbox:checked + .k-checkbox-label:before {
    content: "\e118";
    font-size: 34px;
    font-weight: normal;
    text-indent: -1px;
    box-sizing: border-box;
    line-height: 15px;
}

.AttributeItem .k-checkbox:checked + .k-checkbox-label:before, .PanelBarULAttributes .k-checkbox:checked + .k-checkbox-label:before {
    content: "\e118";
    font-size: 13px;
    font-weight: normal;
    text-indent: -1px;
    box-sizing: border-box;
    line-height: 12px;
}

.k-checkbox-label:before {
    border: solid 1px #AEAEAE !important;
}

div.CheckputOrderChkExpress label.k-checkbox-label {
    font-family: RobCL;
    font-size: 12px;
}

.CheckoutOrderChkExpress {
    font-family: RobCL;
    font-size: 13px;
    width: auto;
}


.CheckoutCartOrder_ExpressDelValue {
    font-family: RobCL;
    font-size: 13px;
    text-align: right;
    float: right;
    margin-right: 18px;
    margin-top: -20px;
}

.CheckoutCartOrder_DelValue {
    font-family: RobCL;
    font-size: 13px;
    text-align: right;
    float: right;
    margin-right: 18px;
    margin-top: -20px;
}


.CheckoutCartOrder_LimitChargeValue {
    font-family: RobCL;
    font-size: 13px;
    margin-right: 0px;
    width: 100px;
    text-align: right;
    float: right;
    padding-right: 20px;
}

.coProductDeliveryFee {
    font-family: RobCL;
    font-size: 13px;
    padding-left: 12px;
    width: auto;
    float: left;
}

.LinkDisabled {
    color: gray !important;
    pointer-events: none;
}

.UndoDelete {
    cursor: pointer;
    font-weight: normal;
    color: #1976d2;
    font-family: SlateL;
}

    .UndoDelete:hover {
        background-color: transparent !important;
        color: #b30000;
    }

tr.k-detail-row.k-alt {
    background-color: white;
}

.k-alt.k-master-row {
    background-color: white;
}


.coOrderItems {
    margin-left: 134px;
}

.coOrderSingleItems {
    font-family: RobCL;
    font-size: 12px;
}

.coOrderDeleted {
    font-family: SLateL;
    font-size: 12px;
    border: solid 1px #F2F2F2;
    color: #808080;
    padding: 5px;
}

.coOrderSingleItems a:hover {
    font-family: SlateL;
    font-size: 12px;
    color: #1976d2;
    background-color: white;
}

tr[id*='Detail_'] .coOrderItems:first-child {
    border-top: solid 1px #CCC;
    margin-top: -1px;
}

/*tr[id*='Detail_'] .coOrderItems:last-child
{
    border-bottom:none;
}*/


tr[id*='Detail_'] .coOrderItems {
    margin-right: 2px;
    border-bottom: solid 1px #CCC;
}

.coHeaderDetailsColonSpacer {
    width: 100px;
}

.coItemContainer {
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
}

.coSingleItemContainer {
    /*border-top: solid 1px #f2f2f2;*/
    position: relative;
    padding-top: 5px;
    padding-bottom: 0px;
    transition: all 300ms ease !important;
}

.coPadding {
    padding-bottom: 40px;
}

.coOrderSingleItems:hover .cartItemActionBar {
    opacity: 1;
}

.coSingleItemContainerSelected {
    border: solid 1px #3379B5 !important;
    box-shadow: inset 0 0 0 1px #3379B5 !important;
    transition: all 300ms ease !important;
}

#Grid_ShoppingCartCheckout_Items {
    border-right: none !important;
}

.coButtons {
    position: relative;
    right: -91%;
    bottom: 0px;
    min-width: 180px;
}

.coProductbtnDeleteOrders {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    font-size: 32px;
    font-weight: normal;
    font-family: SlateM;
    padding: 14px 8px 0 0;
    color: #DD7E74;
    transform: rotate(45deg);
    display: none;
}

    .coProductbtnDeleteOrders:after {
        content: "+";
    }

.cartItemActionBar, .cartItemActionBar .col-sm-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

.coProductbtnSaveForLaterOrders {
    /*margin-left: 8%;*/
    cursor: pointer;
    padding-top: 20px;
    float: left;
}

    .coProductbtnDeleteOrders:hover, .coProductbtnSaveForLaterOrders:hover {
        color: #1976d2;
    }

div[id*='divcoWishList_'] {
    position: absolute;
    top: -160px;
    right: 0px;
}

.coWidth100 {
    width: 100%;
}

.coProductbntSeperator {
    width: 1px;
    height: 10px;
    border: none;
    background-color: #AAAAAA;
    float: left;
    margin-top: 25px;
    margin-left: 2%;
    margin-right: 2%;
}

/**********************Checkout Confirmation******************************************/
.coConfSingleItemContainer {
    border-bottom: solid 1px #DDD;
    height: auto;
}


.coConfProductUnitPrice {
    font-family: SlateL;
    font-size: 16px;
    width: 150px;
    float: left;
}

.coConfProductQty {
    width: 50px;
    font-family: SlateL;
    font-size: 16px;
    float: left;
}

.coConfProductTotalPrice {
    font-family: SlateL;
    font-size: 16px;
    float: right;
}


/**********************************************************/
/*override the styles for the delivery type kendo dropdown*/
.k-dropdown-wrap.k-state-default, .k-dropdown-wrap.k-state-focused {
    border: none !important;
    box-shadow: none !important;
    font-size: 12px !important;
}

.k-dropdown-wrap.k-state-focused {
    border: none !important;
}

.k-dropdown-wrap.k-state-default.k-state-hover {
    background-color: white !important;
    border: none !important;
}

    .k-dropdown-wrap.k-state-default.k-state-hover.k-state-focused {
        border: none !important;
        box-shadow: none !important;
    }

    .k-dropdown-wrap.k-state-default.k-state-hover span {
        color: #185674 !important;
    }

.k-widget.k-dropdown.k-header {
    margin-left: -8px !important;
    margin-top: -3px;
    width: 120px !important;
}

.RuleSetForm .k-widget.k-dropdown.k-header {
    margin-left: 0 !important;
    margin-top: 15px;
    width: 100% !important;
}

/*temp Code*/
.SerialDropDownIcon {
    position: absolute !important;
    margin: 0 !important;
    font-size: 12px !important;
    float: none !important;
    font-weight: 600 !important;
    right: 0px !important;
    margin-top: -38px !important;
    width: 25px !important;
    color: #999 !important;
    line-height: 40px;
    text-align: center;
    border-left: 1px solid #f2f2f2;
    border-radius: .15em;
}

    .SerialDropDownIcon:hover {
        color: #1976D2 !important;
        background: #b3ecff;
    }

.k-widget.k-dropdown.k-header.serialDropDownInput {
    width: 100% !important;
    margin: 20px 0 0 !important;
    border: 1px solid transparent !important;
    box-sizing: border-box !important;
}

    .k-widget.k-dropdown.k-header.serialDropDownInput .k-dropdown-wrap.k-state-default {
        width: 100%;
        height: inherit;
        max-width: 100% !important;
        margin-top: -11px;
        border: 1px solid #f2f2f2 !important;
        box-sizing: border-box !important;
        line-height: 100%;
        padding: 0 !important;
    }

        .k-widget.k-dropdown.k-header.serialDropDownInput .k-dropdown-wrap.k-state-default .k-input {
            line-height: 100% !important;
            height: 40px;
            padding: 14px 0;
            padding-left: 0px !important;
            text-indent: 10px;
            color: #999;
            box-sizing: border-box !important;
        }

div[id*='serialNo_con_frmConsignmentStock_'] {
    border: 1px solid #f2f2f2;
}

    div[id*='serialNo_con_frmConsignmentStock_'] .k-animation-container {
        /*background: red;*/
        box-sizing: border-box !important;
    }

.value-selected {
    /*background: lightblue !important;*/
    color: #999;
    box-sizing: border-box !important;
    font-size: 11px;
    font-family: RobCL;
}

div[id*='serialNo_con_frmConsignmentStock_'] .k-list > .k-state-focused.k-state-selected {
    background: #f2f2f2;
    line-height: 20px;
    padding: 10px;
    height: 40px;
    color: #1976D2;
    box-sizing: border-box !important;
}

div[id*='serialNo_con_frmConsignmentStock_'] .k-list > .k-state-default {
    line-height: 20px !important;
    padding: 10px !important;
    height: 40px !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
}

div[id*='serialNo_con_frmConsignmentStock_'] .k-state-default {
    height: 40px !important;
    line-height: 20px !important;
    margin-top: 20px !important;
    box-sizing: border-box !important;
    position: relative;
}

ul[id*='serialNo_con_frmConsignmentStock_'] .k-popup.k-list.k-item {
    height: 40px !important;
    line-height: 20px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

ul[id*='serialNo_con_frmConsignmentStock_'] li {
    height: 40px !important;
    line-height: 20px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

div[id*='serialNo_con_frmConsignmentStock_'] .dropdown-header {
    background: #f7f7f7;
    height: 40px !important;
    line-height: 20px;
    padding: 10px;
    color: #333;
    font-weight: normal;
    box-sizing: border-box !important;
}

div[id*='serialNo_con_frmConsignmentStock_'] .dropdown-footer {
    height: 40px !important;
    line-height: 20px !important;
    padding: 10px !important;
    text-align: right;
    background-color: #f7f7f7;
    color: #333;
    box-sizing: border-box !important;
}

.k-dropdown-wrap.k-state-focused.k-state-active.k-state-default.k-state-border-down {
    background-color: white !important;
}

.k-icon.k-i-arrow-s {
    content: "";
}

/********/
#Content_OrdersView {
    margin-bottom: 50px;
}

/********************************************************************/
/**********Checkout Cart Item****************************************/
div#Grid_ShoppingCartCheckout_Items tr td {
    background-color: transparent;
}

div#Grid_ShoppingCartCheckout_ItemsSaved tr td {
    background-color: white;
}

div#Grid_ShoppingCartCheckout_Items, div#Grid_ShoppingCartCheckout_ItemsSaved {
    border: none;
}

.coProductImageContainer {
    margin: 5px 10px 10px 0;
    display: flex;
    justify-content: center;
}

    .coProductImageContainer .ImgActive {
        max-height: 58px;
        max-width: 58px;
        cursor: default;
    }

.coProductInfo {
    min-width: 250px;
    display: inline-block;
}

.coProductBlock {
    padding-left: 10px;
    padding-bottom: 10px;
    display: inline-block;
    width: 70%;
    height: 100%;
    min-height: 180px;
    /*position:relative;*/
}

.coProductPriceBlock {
    width: 100%;
    text-align: left;
    height: 50px;
    position: relative;
}

.coProductTotalPrice {
    float: right;
    margin-top: 10px;
    font-family: RobCL;
    font-size: 20px;
    text-align: right;
    position: relative;
}

    .coProductTotalPrice:before {
        content: 'Total';
        position: absolute;
        left: 0;
        top: -18px;
        color: #999999;
        display: block;
        font-size: 12px;
        font-family: SlateL;
    }

div#Grid_ShoppingCartCheckout_Items.k-grid td .coProductMNFName {
    line-height: 15px;
}

.coProductMNFName {
    font-family: RobCL;
    font-size: 9px;
    min-height: 15px;
}



.coProductUnitPrice:not(.CartProductPriceMultiPackItem.coProductUnitPrice) {
    font-family: RobCL;
    font-size: 20px;
    margin-top: 10px;
    float: left;
    min-width: 60px;
    margin-left: 0px;
    height: 33px;
    position: relative;
}

    .coProductUnitPrice:not(.CartProductPriceMultiPackItem.coProductUnitPrice):before {
        content: 'Unit Price';
        position: absolute;
        left: 0;
        top: -18px;
        color: #999999;
        display: block;
        font-size: 12px;
        font-family: SlateL;
    }


.coProductQty {
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}

#Content_ItemsView {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

    #Content_ItemsView .coProductQty span.spanMinus {
        margin-left: 17px;
    }

    #Content_ItemsView .coProductQty span.spanPlus {
        margin-left: 3px;
    }

.coProductQty div.divPriceQtyIncDec:hover > span.spanMinus {
    color: white !important;
}

.coProductQty div.divPriceQtyIncDec:hover > span.spanPlus {
    color: white !important;
}

.coOrderItemButtons {
    border: solid 1px red;
}


.coProductName:hover {
    cursor: pointer;
    color: #1976d2;
    text-decoration: underline;
}

.coProductName {
    line-height: 18px;
    font-family: SlateL;
    font-size: 14px;
    margin-bottom: 0;
    padding-top: 15px;
    transition: color 1000ms ease;
}

.coProductNameNoHover {
    line-height: 18px;
    font-family: RobCL;
    font-size: 14px;
    margin-bottom: 0;
    padding-top: 15px;
    transition: color 1000ms ease;
    cursor: default;
}

.coSupplier {
    font-size: 12px;
    color: #999999;
    font-family: SLateL;
    margin-bottom: 10px;
    clear: both;
}

.coPatientSpecificLabel {
    font-size: 12px;
    color: #999999;
    font-family: SlateL;
    margin-top: -10px;
    margin-bottom: 10px;
    clear: both;
}

.coProductDetailName {
    float: left;
    font-family: Slate;
    font-size: 10px;
    color: #333;
    width: 100%;
    font-weight: normal;
    position: relative;
    box-sizing: border-box !important;
}

input[type="button"].coProductDetailButton {
    margin: 10px 0;
    width: 100px;
    font-weight: normal !important;
    font-family: Slate;
    border: 1px solid transparent;
    margin: 15px 0 5px;
    width: 90%;
    height: 30px;
    border-radius: .25em;
    font-size: 12px;
    box-sizing: border-box !important;
}

.coProductDetailValueInput {
    width: 100% !important;
    padding: 0px !important;
    padding-left: 5px !important;
    margin-bottom: 5px;
    font-family: SlateL;
    font-size: 11px;
    box-sizing: border-box !important;
    position: relative;
    max-width: 100%;
    border-radius: .15em;
}

.coProductDetailValue {
    font-family: SlateL;
    font-size: 11px;
    color: #999;
    width: 40%;
    min-width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box !important;
}

.removeMoreInfoField {
    cursor: pointer;
    margin-left: 5px;
}

.removeMoreInfoField:hover {
    color: red;
}

    .coProductDetailValue .DownArrowBreadCrumbs {
        position: absolute;
        margin-top: 1px;
        margin-left: 4px;
    }

.coProductDetailValueDropDown {
    font-family: RobCL;
    font-size: 10px;
    color: #BBBBBB;
    width: 100%;
    border: none;
    height: 20px;
    margin-bottom: 10px;
}


.coProductbtnDelete {
    cursor: pointer;
    font-family: RobCL_Bold;
    font-size: 12px;
    font-weight: normal;
    float: left;
}

.divMinAmountNeeded {
    float: right;
    margin-left: 10px;
    color: red;
}



.confirmOrder {
    margin-top: 10px;
    height: 10vh;
    height: calc(var(--vh, 1vh) * 10);
    min-height: 100px;
    width: 100%;
    position: relative;
    border-top: solid 2px #AAAAAA;
}

.confirmOrderTotalText {
    width: 50%;
    float: left;
    text-align: right;
}

.confirmOrderTotalValue {
    width: 44%;
    float: right;
    text-align: right;
    padding-right: 20px;
}

.OrderTotals {
    float: right;
    height: 100%;
    width: 30%;
    margin-top: 10px;
    /*width:auto;
    float:right;
    text-align:right;*/
}

.divCheckoutConfirmProductContainer {
    margin-top: 10px;
    float: left;
    width: 60%;
    height: auto;
}

.CheckoutConfirmOrderItems {
    padding-left: 20px;
}


.CheckoutConfirmProductDetail {
    border-top: solid 1px #CCCCCC;
    width: 100%;
}

.CheckoutConfirmProductImage {
    margin-top: 0px;
}

.CheckoutConfirmProductDetailBlock {
    text-align: left;
    vertical-align: top;
    width: 100%;
}

.coProductCheckoutConfirmUnitPrice {
    margin-top: 10px;
    float: left;
}

.coProductCheckoutConfirmTotalPrice {
    float: right;
    margin-top: 10px;
}

.coProductCheckoutConfirmQty {
    margin-top: 10px;
    float: left;
    margin-left: 100px;
}

.coProductCheckoutConfirmPriceBlock {
    width: 43%;
    height: 50px;
    float: right;
    margin-right: -10px;
}



/**********************************************/
/****************Shipping and Handling*********/
.ShippingandHandlingText {
    font-family: RobCL;
    font-size: 13px;
    cursor: pointer;
    margin-left: 10px;
    cursor: pointer;
}

.ShippingandHandlingOptions {
    display: none;
    position: absolute;
    width: 337px;
    height: 100px;
    border: solid 1px #AAAAAA;
    background-color: white;
    right: 3px;
    text-align: left;
    z-index: 300;
}

.ShippingAttributeItem {
    padding-left: 10px;
    left: 0px;
    text-align: left !important;
}


.coProductOrderLimitDifference {
    color: red;
}



div.ShippingandHandlingOptions .k-radio:checked + .k-radio-label:after {
    content: "";
    width: 7px !important;
    height: 7px !important;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.ShippingandHandlingOptions .k-radio + .k-radio-label:before {
    content: "";
    width: 11px !important;
    height: 11px !important;
    position: absolute;
    top: -3px;
    left: -3px;
}

.DownArrowDelFee {
    float: right;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid black;
    margin-left: 4px;
    margin-top: 7px;
    margin-right: 4px;
}

/*************************************/
/***************Place Order***********/



.coBtnPlaceOrder {
    font-family: RobCL;
    font-size: 10px;
    border: solid 1px #185674;
    background-color: #185674;
    color: white;
    border-radius: 5px;
    height: 20px;
    width: 100px;
    text-align: center;
    padding-top: 8px;
    cursor: pointer;
    margin-top: 0px;
    margin-right: 0px;
    float: right;
}


/***********Orders Confirmation*****************/
.coConfirmationOrder {
    height: auto;
    width: 100%;
    font-family: RobCL;
    clear: left;
    padding-top: 20px;
    min-width: 300px;
}

.divCheckoutConfirmationOrderHeaderMiddle {
    float: left;
    width: 57%;
    height: 45px;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
}

.divCheckoutConfirmationOrderHeaderRight {
    float: left;
    border: solid 1px #CCC;
    width: 30%;
    min-width: 120px;
    height: 45px;
    text-align: center;
}

.CheckoutConfirmationCartOrder_Details {
    border-bottom: solid 1px #CCC;
    height: 140px;
    padding-left: 5px;
    padding-top: 0px;
}

.divCheckoutConfirmationOrderHeaderLeft {
    float: left;
    width: 12%;
    height: 185px;
    border: solid 1px #CCC;
}


.coOrderConfirmHeaderTotalItem:first-child {
    padding-top: 20px;
    font-family: RobCL;
    font-size: 12px;
    color: #555;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    text-align: left;
}

.coOrderConfirmHeaderTotalItem {
    margin-top: 5px;
    font-family: RobCL;
    font-size: 12px;
    color: #555;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    text-align: left;
    vertical-align: bottom;
}

.coOrderConfirmHeaderSubTotalItem {
    font-family: RobCL;
    font-size: 12px;
    color: #555;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    text-align: left;
}

.coOrderConfirmHeaderTotalItemValue {
    font-family: RobCL;
    float: right;
    width: auto;
    clear: right;
    color: #888 !important;
    font-size: 12px;
}

.coOrderConfirmHeaderColonSpacer {
    position: absolute;
    margin-left: -200px;
}

.CheckoutConfirmOrderHeaderExpandText {
    font-size: 12px;
    text-align: center;
    border-top: solid 1px #CCC;
    margin-top: 1px;
    padding-top: 10px;
    background-color: #EFEFEF;
}

.coConfirmOrderItems {
    height: 250px;
    clear: left;
}


.coConfirmationItemContainer {
    margin-top: 1px;
    margin-right: .30vw;
    height: 250px;
}

.coProductBlockConfirmation {
    width: auto;
    margin-right: 0.35%;
    padding-left: 120px;
    margin-left: 12.1%;
    height: 250px;
    border-bottom: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
}

.coProductImageConfirmationContainer {
    width: 100px;
    min-height: 120px;
    float: left;
    margin-top: 10px;
    margin-left: 13%;
}

.coProductConfirmationUnitPrice {
    float: left;
}

.coProductConfirmationTotalPrice {
    float: right;
    margin-right: 10%;
    font-family: SlateL;
    font-size: 14px !important;
}

.coProductConfirmationQty {
    float: left;
    margin-left: 100px;
    font-family: SlateL;
}

.coProductConfirmQty {
    float: left;
    margin-left: 55px;
    margin-right: 20px;
    font-family: SlateL;
}

.coProductConfirmSkretch {
    float: right;
    margin-left: 80px;
}


.divOrderConfirmationSendOrderText {
    float: left;
    margin-left: 8vw;
    margin-top: 1vh;
    font-family: SlateL;
}

.CheckoutConfirmationCartOrder_Totals {
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    margin-top: 24px;
    height: 151px;
    margin-left: -1px;
    white-space: nowrap;
    padding-top: 10px;
}

.divOrderSelectBox {
    float: right;
    cursor: pointer;
}

div.divOrderSelectBox .k-checkbox-label {
    margin-left: 0px;
    margin-top: 0px;
    border: solid 19px green;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 8px;
    height: 8px;
}


/*move the checkmark and checkbox*/
/*Checkbox background color and tick color*/
div.divOrderSelectBox label.k-checkbox-label::after {
    margin-top: 0px;
    line-height: 9px;
}

div.divOrderSelectBox label.k-checkbox-label::before {
    margin-top: 0px;
    line-height: 9px;
}

div.divOrderSelectBox label.k-checkbox-label:checked {
    margin-top: 0px;
    line-height: 9px;
    width: 14px;
    height: 14px;
}

.ConfirmationTotal {
    border-top: solid 1px #CCCCCC;
    text-align: right;
    font-family: RobCL;
    font-size: 24px;
    margin-top: 120px;
    height: 250px;
}

.ConfirmTotalTable {
    float: right;
}

.ConfirmationOrderButton {
    text-align: right;
    font-family: RobCL;
    font-size: 24px;
    margin-top: 200px;
    height: 50px;
}

#touchSurface {
    background: black;
    color: white;
    padding: 100px 20px;
    text-align: center;
    font-style: italic;
    font-size: 12px;
    position: absolute;
    top: 0px;
}

.QuicklinkImageBlockSupplier {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 240px;
    right: -70px;
    z-index: 2;
}

.QuicklinkImageBlockActiveIngredient {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 340px;
    right: -70px;
    z-index: 0;
}

.QuicklinkImageBlockCategories {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 100px;
    right: 0px;
}

/**Advertising Scroller Banner***/
/*#AdvertisingScroller
{
    height:auto;
    max-height:884px;
    margin-left:auto;
    margin-right:auto;
}*/

#AdvertisingScroller {
    height: 730px;
    /*height: 40vw;*/
    max-height: 730px;
    margin-left: auto;
    margin-right: auto;
    /*background-color:lightgray;*/
}

#index_b_hero {
    height: 730px !important;
}

#AdvScroller1_1,
#AdvScroller1_2,
#AdvScroller1_3
{
    min-width: 424px !important;
    max-width: 424px !important;
    height:319px;
    padding-left:0px;
    padding-right:0px;
}

#AdvScroller1_2 {
    margin-left: 46px;
    margin-right: 46px;
}
/*Scroll Indicators Desktop*/
.ScollIndicator {
    width: auto;
    height: 30px;
    margin-top: -30px;
    margin-bottom: 4%;
    /* margin-left: 35%; */
    display: flex;
    position: relative;
    justify-content: center;
}

.ScrollerCircle {
    width: 25px;
    height: 25px;
    border: solid 2px #1976d2;
    background-color: white;
    border-radius: 15px;
    opacity: 0.8;
    margin: 10px;
}

.ScrollerCircleSolid {
    width: 25px;
    height: 25px;
    border: solid 2px white;
    background-color: #1976d2;
    border-radius: 15px;
    opacity: 0.8;
    margin: 10px;
}
/*Scroll Indicator End*/

.tableSecondaryScroller {
    margin-top: 0px;
}

.AdvertisingLink {
    cursor: pointer;
}

.AdvertisingScroller1 {
    padding-top: 50px;
    overflow:hidden;
}

.AdvertisingScroller2 {
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}

.divAdvertising {
    padding-top: 66px;
    width: 100%;
    display: none;
    margin-left: auto;
    margin-right: auto;
    color: #AAA;
}


.SingleSubItem.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.SearchAd {
    /*height: calc(100% - 15px);*/
    width: calc(vh - 15px);
    max-width:50%;
    object-fit: cover;
    position: absolute;
    object-position: left;
}

.SearchAdvert {
    width: 25vw;
    height: 45vh;
    position: absolute;
    top: 0px;
    vertical-align: top;
    text-align: left;
    right: 20px;
    float: left;
    padding-left: 10px;
}

.SpecialRequestAdvert {
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.Adv_MainScroller {
    border: solid 1px #f2f2f2;
    border-top: none;
    min-height: 300px;
    margin-bottom: 15px;
    box-sizing: border-box !important;
    /* max-height: 491px; */
}

.Adv_ProductScoller {
    border: solid 1px #f2f2f2; /*#DEDEDE*/
    height: 320px;
    margin-bottom: 15px;
    cursor: pointer;
    position: relative;
    overflow:hidden;
}

    .Adv_ProductScoller .loader {
        margin: 0;
        position: absolute;
        top: 40%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.Adv_StaticSplitTwo, .Adv_StaticSplitThree {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 150px;
    margin-bottom: 15px;
}

    .Adv_StaticSplitTwo div {
        border: solid 1px #f2f2f2; /*#DEDEDE*/
        height: 100%;
        min-height: 100%;
        padding: 0;
        cursor: pointer;
        overflow: hidden;
    }

    .Adv_StaticSplitThree div {
        border: solid 1px #f2f2f2; /*#DEDEDE*/
        height: 100%;
        min-height: 100%;
        padding: 0;
        cursor: pointer;
    }

        .Adv_StaticSplitTwo div img, .Adv_StaticSplitThree div img {
            width: 100%;
        }

.PageLoader {
    width: 80px;
    height: 80px;
    position: fixed;
    margin-top: 10%;
    margin-left: 33%;
    margin-right: auto;
    z-index: 1;
}

.LoaderText {
    width: 150px;
    height: 80px;
    position: fixed;
    margin-top: 15%;
    margin-left: 32.5%;
    margin-right: auto;
    z-index: 1;
}


.ScrollerInfoBar {
    width: 100%;
    margin-top: 1px;
    border-bottom: solid 1px #CCCCCC;
    height: 60px;
    z-index: 401;
}

.AdvertisingInfoPanelItem {
    float: left;
    min-height: 50px;
    width: 24.8%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-family: SlateL;
    font-size: 14px;
    height: 100%;
}

    .AdvertisingInfoPanelItem div {
        padding-top: 5px;
    }

    .AdvertisingInfoPanelItem:not(:first-child) {
        border-left: solid 1px #CCC;
    }

    .AdvertisingInfoPanelItem div:first-child {
        font-family: SlateM;
        font-weight: normal;
    }

    .AdvertisingInfoPanelItem div:last-child {
        cursor: pointer;
    }

    .AdvertisingInfoPanelItem:not(:last-child) div:last-child:hover {
        color: #1976d2;
        text-decoration: underline;
    }


.ScrollerFooterImg {
    margin-top: -100px;
    float: left;
    position: relative;
    bottom: 0px;
}

/***Checkout Confirmation*****/
.COConfLeft {
    margin-top: 5px;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}

.COConfRight {
    width: 20%;
    min-height: 70vh;
    top: 62px;
    right: 110px;
    float: right;
    margin-top: 129px;
}

.COConfirmTable {
    width: 100%;
    padding: 0px;
    margin: 0px;
}


.COConfirmTableHeadingTR td {
    font-family: SlateM;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
    border-top: solid 1px #f2f2f2;
    background-color: #FBFBFB;
    height: 30px;
}

.COConfirmHeaderPlus {
    font-family: RobCL;
    font-size: 20px;
    padding: 0px;
    padding-right: 0px !important;
    cursor: pointer;
    height: auto;
    min-width: 20px;
}

    .COConfirmHeaderPlus span {
        position: absolute;
        margin-top: -21px;
    }

.COConfirmHeader {
    height: 65px;
    font-family: SlateL;
    font-size: 14px;
    box-sizing: border-box;
}

    .COConfirmHeader:hover {
        background-color: #cce6ff;
    }

    .COConfirmHeader td {
        padding-left: 5px;
        padding-right: 5px;
        border-top: solid 1px #f2f2f2;
        position: relative;
    }

        .COConfirmHeader td .MATC_Slider {
            top: 25px;
            right: 30px;
        }

.COConfirmContent {
    height: auto;
    border: solid 1px #DDD;
    display: none;
}

.COConfWSAcc {
    font-family: SlateL;
    font-size: 12px;
    color: #808080;
}

.CheckoutPlus:hover {
    cursor: pointer;
}
/*.COConfStep1
{
    min-height:100px;
    border:solid 1px #CCC;
    font-family:RobCL;
    font-size:12px;
    padding:5px;
}
.COConfStep1 span
{
    font-weight:bold;
}
.Step1StaticContent
{
    height:auto;
    min-height:50px;
    border:solid 1px #DDD;
    margin:5px;
    padding:5px;
    position:relative;
}
.CoConfStep1DropDown
{
    border-left:solid 1px #DDD;
    border-right:solid 1px #DDD;
    border-bottom:solid 1px #DDD;
    height:100px;
    display:none;
    font-family:RobCL;
    font-size:12px;
    padding:5px;
    background-color:#EEE;
}


.COConfStep2
{
    min-height:100px;
    border:solid 1px #CCC;
    font-family:RobCL;
    font-size:12px;
    padding:5px;
    margin-top:10px;
}
.COConfStep2 span
{
    font-weight:bold;
}
.Step2StaticContent
{
    height:auto;
    border:solid 1px #DDD;
    margin:5px;
    position:relative;
}

.CoConfStep2DropDown
{
    height:auto;
    display:none;
    font-family:RobCL;
    font-size:12px;
    padding-left:5px;
    padding-right:5px;
}*/

.COConfStep {
    min-height: 100px;
    border: solid 1px #CCC;
    font-family: RobCL;
    font-size: 12px;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}

    .COConfStep span {
        font-weight: normal;
        font-family: RobCL_Bold;
    }

.StepStaticContent {
    height: auto;
    margin: 5px;
    padding: 5px;
    position: relative;
}

.CoConfStepDropDown {
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
    height: 100px;
    display: none;
    font-family: RobCL;
    font-size: 12px;
    padding: 5px;
    background-color: #EEE;
}


.btnContinueShoppingCoCFinal {
    margin-left: 4%;
}

.COConfSummary {
    border: solid 1px #CCC;
    min-height: 300px;
    font-family: RobCL;
    font-size: 12px;
    width: 100%;
    min-width: 200px;
    margin-top: 25px;
}

.COConfSummaryItem div {
    padding: 5px;
    font-weight: normal;
}

.COConfSummaryItem {
    width: 100%;
    background-color: #DDD;
}

.COConfSummaryItem_WSName {
    width: auto;
    float: left;
}

.COConfSummaryItem_Total {
    width: auto;
    float: right;
    text-align: right;
    margin-right: 10px;
    font-size: 16px;
}

.COConfSummaryItem_AccNo {
    clear: both;
}

/*acc item*/
.COConfSummaryAccItem_WSName {
    width: auto;
    float: left;
}

.COConfSummaryAccItem_Total {
    width: auto;
    margin-right: 5px;
    text-align: right;
    font-size: 16px;
}

.COConfSummaryAccItem {
    border-top: solid 1px #DDD;
    clear: both;
    height: 30px;
    background-color: #EEE;
}

    .COConfSummaryAccItem .COConfSummaryItem_Total {
        position: absolute;
        right: 0px;
        font-size: 12px;
    }

/*******/

.COConfSummaryTotalLeft {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    font-family: RobCL_Bold;
    font-size: 14px;
    font-weight: normal;
    background-color: #EAEEF1;
}

.COConfSummaryTotalRight {
    float: right;
}

.COConfSummaryGrandTotalLeft {
    padding: 15px;
    text-align: left;
    font-family: RobCL_bold;
    font-size: 22px;
    font-weight: normal;
    background-color: #EAEEF1;
}

.COConfSummaryGrandTotalRight {
    float: right;
}

.COConfSummaryTotalSave {
    font-family: RobCL;
    font-size: 14px;
    font-weight: normal;
    color: white;
    background-color: red;
    height: 30px;
    text-align: center;
    padding-top: 10px;
}



.tablePayment tr td {
    margin-top: 0px;
    padding-bottom: 20px !important;
}

.COConfSummaryTotalText {
    text-align: center;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    font-family: RobCL;
    font-size: 12px;
    background-color: #EAEEF1;
}

.COConfSummaryTotalTextSmall {
    text-align: center;
    border: solid 1px #EAEEF1;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: RobCL;
    font-size: 10px;
    background-color: #EAEEF1;
}

.CoConfSummaryPaymentLogo {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

    .CoConfSummaryPaymentLogo img {
        margin-top: 10px;
        height: 30px;
    }

.TableWSFreeShippingInfoHeading {
    font-family: RobCL;
    font-size: 14px;
    color: red;
    padding-left: 10px;
    padding-top: 10px;
}

.TableWSFreeShippingInfo {
    border: solid 1px #FFA500;
    width: 100%;
    margin-bottom: 10px;
}

    .TableWSFreeShippingInfo ul li {
        font-family: RobCL;
        font-size: 12px;
        padding: 5px;
    }

.CoOrderDetailItemTotal {
    font-weight: normal;
}

.COSupplierColumn {
    cursor: pointer;
}

.COToggleContainer {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-family: SlateL;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    color: #333;
}

.COExpandIconContainer {
    width: 14px;
    margin-right: 5px;
    margin-bottom: 2px;
}

.COExpandableRow,
.COExpandableRow > td {
    padding: 0;
}

.COExpandableRowAnimationContainer {
    display: none;
}

.COExpandableRowTable {
    width: 100%;
    margin: 0;
    font-family: SlateL;
    font-size: 13px;
    color: #333333;
}

    .COExpandableRowTable th {
        font-family: SlateM;
        font-size: 12px;
        color: #808080;
        font-weight: normal;
        padding-left: 5px;
        padding-right: 5px;
        border-top: solid 1px #f2f2f2;
        background-color: #FBFBFB;
        height: 30px;
        text-transform: uppercase;
    }

    .COExpandableRowTable tbody tr {
        height: 65px;
    }

    .COExpandableRowTable td {
        padding-left: 5px;
        padding-right: 5px;
    }

.CoOrderDetailItemWSName {
    min-width: 200px;
}

.CoOrderDetailItemPaymentType {
    text-align: left;
    font-weight: normal;
    width: 130px !important;
}

.CoOrderDetailItemShippingCost {
    text-align: left;
    min-width: 200px;
    font-weight: normal;
}

.CoOrderDetailItemShippingAddress {
    min-width: 55px;
    font-weight: normal;
}

.COSupplierColumn {
    width: 50%;
}

.COSupplierThinColumn {
    width: 35%;
}

.COQuantityColumn {
    width: 90px;
    text-align: center;
}

.COTotalColumn {
    text-align: left;
}

.COPaymentColumn, .CODeliveryColumn {
    min-width: 100px;
}

.COPONumberColumn {
    min-width: 140px;
    text-align: center;
}

.COSendColumn {
    width: 10%;
    text-align: center;
}

.COPONumberTextField {
    font-size: 1em;
    width: 140px;
}

.COProductImageColumn {
    width: 6%;
}

.COProductNameColumn {
    width: 44%;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.COProductNameThinColumn {
    width: 29%;
}

.COProductQuantityColumn {
    width: 90px;
    text-align: center;
}

.COProductTotalColumn {
    text-align: left;
    min-width: 200px;
}

.COProductSendColumn {
    position: relative;
    width: 10%;
}

/********kendo dropdown********/

.CoOrderDetailItemShippingCost span.k-dropdown-wrap.k-state-default, .CoOrderDetailItemPaymentType span.k-dropdown-wrap.k-state-default {
    border: solid 2px transparent !important;
    /*box-sizing: border-box;*/
    margin-left: -10px;
    z-index: 1000;
}

.COConfirmHeader:hover .CoOrderDetailItemShippingCost span.k-dropdown-wrap.k-state-default,
.COConfirmHeader:hover .CoOrderDetailItemPaymentType span.k-dropdown-wrap.k-state-default {
    background-color: #FBFBFB;
}

.CoOrderDetailItemShippingCost span.k-dropdown-wrap.k-state-default.k-state-hover, .CoOrderDetailItemPaymentType span.k-dropdown-wrap.k-state-default.k-state-hover {
    border: 2px solid #C6DA9C !important;
    background-color: #F4FFDC !important;
}

/*.CoOrderDetailItemShippingCost span.k-dropdown-wrap.k-state-default.k-state-hover:hover*/

.CoOrderDetailItemShippingCost span:hover .k-i-arrow-60-down, .CoOrderDetailItemPaymentType span:hover .k-i-arrow-60-down {
    background-color: #F4FFDC !important;
    mix-blend-mode: multiply;
}

.CoOrderDetailItemShippingCost span:hover .k-icon, .CoOrderDetailItemPaymentType span:hover .k-icon {
    background-color: #F4FFDC !important;
    mix-blend-mode: multiply;
}

.CoOrderDetailItemShippingCost .k-dropdown-wrap.k-state-border-down, .CoOrderDetailItemPaymentType .k-dropdown-wrap.k-state-border-down {
    padding-bottom: 0;
}

.CoOrderDetailItemShippingCost .k-icon, .CoOrderDetailItemPaymentType .k-icon {
    margin-top: 15px;
}

/*.CoOrderDetailItemShippingCost .k-icon:hover {
    background-color: #F4FFDC;
}*/

.CoOrderDetailItemShippingCost .k-dropdown-wrap, .CoOrderDetailItemPaymentType .k-dropdown-wrap {
    padding: 0 !important;
    border-radius: 0;
}

.CoOrderDetailItemShippingCost:hover .k-select, .CoOrderDetailItemPaymentType:hover .k-select {
    border: none;
}

span.k-dropdown-wrap.k-state-default {
    border: solid 1px #BBB !important;
    max-width: 150px !important;
}

    span.k-dropdown-wrap.k-state-default.k-state-hover {
        border: solid 1px #BBB !important;
    }

    span.k-dropdown-wrap.k-state-default.k-state-focused.k-state-hover {
        border: solid 1px #BBB !important;
    }

.k-widget.k-combobox.k-header.CoConfSelect.k-combobox-clearable {
    width: auto;
}

.CoConfSelect {
    max-width: 120px;
    /*z-index: 10009;*/
}

.k-input.CoConfSelect.CoConfSelect_ShippingCost {
    min-width: 150px !important;
    box-shadow: none !important;
}

.CoConfSelect_PaymentType {
    min-width: 170px;
    background-color: transparent;
    min-height: 43px;
    text-transform: uppercase;
    border: 2px solid transparent;
    margin-left: -5px;
}

.CoConfSelect_ShippingCost {
    min-width: 170px;
    background-color: transparent;
    min-height: 43px;
    text-transform: uppercase;
    border: 2px solid transparent;
    margin-left: -5px;
}

    .CoConfSelect_ShippingCost:hover, .CoConfSelect_PaymentType:hover {
        border: 2px solid #C6DA9C !important;
        background-color: #F4FFDC !important;
    }

    .CoConfSelect_ShippingCost:focus, .CoConfSelect_PaymentType:focus {
        outline: none;
    }

.CoOrderDetailItemPaymentType .CoConfSelect {
    min-height: 43px;
    box-shadow: none !important;
    background-color: transparent;
}

/*.k-icon.k-i-close
  {
    display: none !important;
  }*/

/**********************/

.btnConfirmPay {
    border: solid 1px #1976d2;
    background-color: #1976d2;
    color: white;
    font-family: RobCL;
    font-size: 20px;
    margin: 0px;
    height: 40px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

    .btnConfirmPay:hover {
        border: solid 1px #84BD24;
        background-color: #84BD24;
        color: white;
        font-family: RobCL;
        font-size: 20px;
        margin: 0px;
        height: 40px;
        text-align: center;
        padding-top: 5px;
        cursor: pointer;
    }

.Step1Button, .Step2Button {
    font-family: RobCL;
    font-size: 12px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
}

.PaymentMethodItem {
    max-width: 100%;
    height: 40px;
    position: relative;
    padding-top: 10px;
}


    .PaymentMethodItem:not(:last-child) {
        border-bottom: solid 1px #DDD;
    }

    .PaymentMethodItem span {
        font-family: RobCL;
        font-size: 18px;
        position: absolute;
        top: 12px;
        margin-left: 10px;
    }

.PPCredit {
    right: 10px;
    font-size: 14px !important;
}

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

.PaymentMethodImage {
    margin-top: 0px;
}


.PaymentMethodItem .k-radio-label {
    text-transform: uppercase;
    font-size: 11px;
    margin-top: -10px;
    margin-left: 0px;
    color: #555555;
    height: 16px !important;
    font-weight: normal;
    font-family: RobCL;
}


    .PaymentMethodItem .k-radio-label.k-state-focused {
        color: white !important;
        background-color: white !important;
    }

    .PaymentMethodItem .k-radio-label:hover {
        text-decoration: underline;
    }

/*Order checkbox*/
div.COConfOrderHeader .k-checkbox-label {
    margin-left: 0px;
    margin-top: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 17px;
    height: 17px;
}

div.COConfOrderHeader input + label::after {
    border: solid 1px #1976d2 !important;
    border-radius: 3px !important;
    outline: solid 1px transparent;
}
/*move the checkmark and checkbox*/
/*Checkbox background color and tick color*/
div.COConfOrderHeader label.k-checkbox-label::after {
    line-height: 12px;
    font-size: 15px;
    margin-top: 0px;
}


.COConfOrderHeaderCheckbox {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
}

/*Shipping Address checkbox*/
.COConfShippingAddressCheckbox {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
}

    .COConfShippingAddressCheckbox span {
        margin-left: 10px;
        font-family: RobCL;
        font-size: 14px;
        position: absolute;
        margin-top: 3px;
    }

div.COConfShippingAddressCheckbox .k-checkbox-label {
    margin-left: 0px;
    margin-top: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 17px;
    height: 17px;
    float: left;
}

div.COConfShippingAddressCheckbox input + label::after {
    border: solid 1px #1976d2 !important;
    border-radius: 3px !important;
    outline: solid 1px transparent;
}
/*move the checkmark and checkbox*/
/*Checkbox background color and tick color*/
div.COConfShippingAddressCheckbox label.k-checkbox-label::after {
    line-height: 12px;
    font-size: 15px;
    margin-top: 0px;
}

label.AttributeItem_Label {
    font-family: SlateL;
    font-size: 12px;
    line-height: 20px;
    color: #808080;
    font-weight: normal;
}

    label.AttributeItem_Label:hover {
        cursor: pointer;
        color: #1976D2;
        text-decoration: underline;
    }

.COConfOrderHeader {
    border: solid 1px #DDD;
    min-height: 100px;
    margin-bottom: 8px;
    position: relative;
    padding: 5px;
    background-color: #FAFAFA;
}

.COConfHeaderTotal {
    position: absolute;
    right: 15px;
    top: 15px;
}

.COConfOrderHeaderContent {
    display: inline-block;
    margin-top: 10px;
    font-family: RobCL_Bold;
    font-size: 12px;
    font-weight: normal;
}

.btnCOConfOrderHeaderItems {
    cursor: pointer;
    text-align: right;
    margin-right: 10px;
}

    .btnCOConfOrderHeaderItems img {
        height: 10px;
        cursor: pointer;
    }

.COConfOrderItems {
    height: auto;
    display: none;
}

.coConfOrderSingleItems {
    margin-bottom: 10px;
    background-color: white;
    border: solid 1px #EEE;
}

.coConfProductBlock {
    padding-left: 10px;
    padding-bottom: 10px;
    display: inline-block;
    width: 70%;
    height: auto;
    min-height: 100px;
    position: relative;
}

.coConfProductPriceBlock {
    top: 40px;
    right: -60px;
    width: 100%;
    max-width: 58%;
    text-align: left;
    height: 50px;
}

.CheckoutCartConfirmationQty {
    font-family: RobCL;
    font-size: 16px;
    margin-top: 10px;
    float: left;
}

.coConfProductImageContainer {
    width: auto;
    min-height: 120px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    border: none;
}

.coConfImagePackShot {
    height: 120px;
    max-height: 120px;
}

.coConfProductName {
    line-height: 18px;
    font-family: RobCL;
    font-size: 14px;
    margin-bottom: 20px;
    padding-top: 15px;
}


/*.btnContinueShopping
{
    width:400px;
    border:solid 1px #CCC;
    background-color:#CCC;
    color:white;
    font-family:RobCL;
    font-size:20px;
    height:35px;
    text-align:center;
    padding-top:5px;
    cursor:pointer;
}
.btnContinueShopping:hover
{
    width:400px;
    border:solid 1px #84BD24;
    background-color:#84BD24;
    color:white;
    font-family:RobCL;
    font-size:20px;
    height:35px;
    text-align:center;
    padding-top:5px;
    cursor:pointer;
}*/

.highlight {
    background-color: #C7E5FF !important;
    color: black;
}

.shippingAddressItem {
    width: auto;
}

    .shippingAddressItem input {
        width: 50px;
    }

.shippingAddressItemLabel {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}

.shippingAddressItemEdit:hover {
    color: #1976d2;
    cursor: pointer;
}

.btnUseAddress, .btnNewAddress, .btnUpdateAddress, .btnCardDetailsDone {
    float: left;
    border: solid 1px #1976d2;
    width: 120px;
    height: 25px;
    background-color: #1976d2;
    color: white;
    font-family: RobCL;
    font-size: 12px;
    text-align: center;
    padding-top: 5px;
    margin-left: 10px;
    margin-top: 20px;
    cursor: pointer;
}

.EditShippingAddressItem {
    width: 45vw;
    height: 30px;
    border: 1px solid rgba(25, 118, 210, .3);
    border-radius: 5px;
}

.k-window-content {
    font-family: SlateL;
    font-size: 12px;
}

.CardDetails {
    width: 100%;
    height: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 5px;
}

.CardDetailItem {
    height: 50px;
    padding-left: 0px;
    border-bottom: solid 1px #DDD;
    vertical-align: top;
    margin-bottom: 20px;
}

.CardDetailItemInput {
    position: absolute;
    margin-top: -50px;
    border: none;
    padding-left: 0px;
    box-sizing: border-box;
}

.FloatRight {
    float: right;
}


.arrows {
    width: 60px;
    height: 72px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 20px;
}

    .arrows path {
        stroke: #2994D1;
        fill: transparent;
        stroke-width: 1px;
    }

/*override all styles*/
div#divcoContent .k-grid tr td {
    border: none !important;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
}

div#divcoContent .MainFooterContainer {
    position: absolute;
    bottom: -1144px;
    width: 100%;
    margin-top: 15px;
}

/****************Post Checkout******************/

.CheckoutConfirmationWindow {
    padding-top: 15px;
}

    .CheckoutConfirmationWindow .ATCElementBtn div[id*='MATCSelectedText_'] {
        margin-top: 0 !important;
        line-height: inherit;
        line-height: 45px;
        height: 45px;
    }

.CheckoutOrdersConfirm {
    padding: 15px;
    border: 1px solid #ebebeb;
    background-color: #f7f7f7;
    color: #333;
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: left;
    position: relative;
    /*width: 82.2%;*/
}

.CheckoutContactUs {
    padding: 15px;
    border: 1px solid #ebebeb;
    background-color: #f7f7f7;
    color: #333;
    text-align: left;
    position: relative;
}

.CheckoutAdvertisingBlock {
    margin-top: 15px;
    border: 1px solid #ebebeb;
    background-color: #f7f7f7;
    color: #333;
    text-align: left;
    position: relative;
    padding: 15px;
}

.CheckoutConfirmHeader {
    color: #333;
    font-family: SlateM;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 15px;
}

.CheckoutOrderLine {
    font-size: 13px;
    white-space:pre-wrap;
}

.CheckoutConfirmButtons .SpecialInstructionsLinkText {
    margin-top: 15px;
    background-color: white;
}

.PrintLinkText {
    color: #1976d2;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.LinkHeader {
    text-decoration: underline;
    cursor: pointer;
}

/***************Post Checkout End****************/



/****************stock chart********************/
.k-selection-bg {
    background-color: #AAA !important;
    opacity: 0.2;
}

/*********User lists view**********/
.ListsSettings {
    display: flex;
    height: 100%;
    background-color: #fcfcfc !important;
    /*background: linear-gradient(#FCFCFC, #FFF);*/
}

    .ListsSettings > .row {
        margin-top: 10px;
        text-transform: uppercase;
    }

.ListsSettingsRadio {
    width: 20px !important;
    height: 20px !important;
    margin-top: 0px !important;
    opacity: 0;
}

    .ListsSettingsRadio ~ .ListsSettingsRadioLabel {
        display: block;
        background-color: #AAAAAA;
        width: 16px;
        height: 16px;
        position: absolute;
        border-radius: 20px;
        background-color: #FFF;
        border: 1px solid #CCC;
        top: 2px;
        left: 2px;
        cursor: pointer;
    }

        .ListsSettingsRadio ~ .ListsSettingsRadioLabel:hover {
            border: 1px solid #aeaeae;
        }

        .ListsSettingsRadio ~ .ListsSettingsRadioLabel:after {
            display: block;
            background-color: #AAAAAA;
            width: 12px;
            height: 12px;
            position: absolute;
            border-radius: 20px;
            background-color: #428bca;
            border: 1px solid #CCC;
            top: 2px;
            left: 2px;
            cursor: pointer;
            content: '';
            opacity: 0;
        }

    .ListsSettingsRadio:checked ~ .ListsSettingsRadioLabel:after {
        opacity: 1;
    }

.ListsSettingsNumberInput {
    width: 100px;
    margin-bottom: 0px;
    margin-top: -7px;
}

.ListSettingsSuppliers {
    width: 120px !important;
    flex: 1;
    display: -webkit-flex;
    display: flex;
}

.ulContent {
    width: 100%;
    height: 100%;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 66px;
}

    .ulContent div[id*='tabstrip'].k-content {
        overflow: visible !important;
    }

#tabstripUserLists {
    height: auto;
}

    #tabstripUserLists ul.k-tabstrip-items {
        white-space: nowrap;
    }

.ulContent div[id*='tabstripUserLists'].k-content, div[id*='tabstripUserLists'].k-state-active {
    border-top: 1px solid transparent;
}

div[id*='tabstripUserLists'].k-content, div[id*='tabstripUserLists'].k-state-active {
    border-color: transparent !important;
    margin-top: 0px !important;
}

div.ulContent li.k-state-default {
    height: 40px;
    cursor: pointer;
    text-align: center;
    background-color: #EEE;
}

div.ulContent #divULAttributesControl li.k-item {
    cursor: pointer;
    width: 100% !important;
    border-radius: 0px;
}

div.ulContent li.k-item {
    cursor: pointer;
    width: 300px !important;
    border-radius: 0px;
}

div.ulContent a.k-link {
    font-family: SlateL;
    font-size: 14px !important;
    cursor: pointer;
    color: black !important;
    margin-top: 3px;
}

    div.ulContent a.k-link:hover {
        background-color: inherit;
    }



div.ulContent li.k-item.k-state-default.k-state-hover {
    background-color: #EEE;
    height: 40px;
    cursor: pointer;
}


div.ulContent ul li {
    font-family: RobCL;
    font-size: 14px;
    color: black;
    width: auto;
}

.TabstripULContent {
    font-family: SlateL;
    font-size: 14px;
    padding: 0px;
    /*display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;*/
    position: relative;
    display: block;
}

.ulContent .MainLogo img {
    margin-top: -10px;
    margin-left: -10px;
    max-height: 70px;
    cursor: pointer;
}

.ulContent .MATC_HeaderContainer {
    /*top: 13px;*/
    margin-right: 15px !important;
}

#ListsSortField .MATC_ImgAddToCartDownArrow {
    margin-top: 15px;
    float: right;
    margin-right: 18px;
    z-index: 455;
}

.HistoryContent .MATC_ImgAddToCartDownArrow {
    margin-top: 15px;
    float: right;
    /*margin-right: -10px;*/
    z-index: 455;
}


#RegretsSortField {
    display: none;
}

.SelectedTabUnderline_userlists {
    width: 10%;
    height: 2px;
    border: solid 1px #1976d2;
    background-color: #1976d2;
}


.ListTitleCount {
    font-family: SlateL;
    color: #AAA;
    font-size: 13px;
    white-space: nowrap;
}

/*paging current page style*/
.UserListsGrid .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    margin-top: 14px;
}

#UserListsProducts .k-loading-image {
    background-image: none;
}

#UserListsProducts > .k-grid-content.k-auto-scrollable {
    overflow-x: hidden;
}

#UserListsGrid td:hover {
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

#UserListsGrid .divCreateList td:hover {
    box-shadow: none !important;
}

#UserListsProducts td {
    padding: 0px;
    position: relative;
    overflow: visible;
    width: 100%;
    display: block;
    border-radius: 0.25em;
    height: 172px;
}

#UserListsProducts .k-grid tbody tr {
    cursor: move;
}

#UserListsProducts .divCreateList td {
    padding-top: 5px;
}

#btnDeleteButton {
    position: absolute;
    transform: rotate(45deg);
    font-size: 20px;
    right: 2px;
}

.ULProductRow {
    /*border-bottom: solid 1px #AAA;*/
    height: 100%;
    width: 100%;
    padding-top: 30px;
    position: relative !important;
}

    .ULProductRow .ATCElementBtn {
        max-width: 250px;
        width: 250px;
        line-height: 85%;
        height: 45px;
    }

.ULProductRowSmaller, .ULProductRowRemoved {
    height: auto;
    min-height: 31px !important;
    width: 98%;
    padding-top: 10px;
    margin: 11px 1%;
    font-family: RobCL;
    font-size: 15px;
    background-color: #F2F2F2;
    border: 1px solid #d9d9d9;
    border-radius: .25em;
    display: none;
    text-align: left;
    text-indent: 25px;
}

.ULProductImage {
    width: 142px;
    float: left;
    margin-right: 1%;
    margin-top: 0px;
    margin-left: 50px;
    position: relative;
}

.ULProductInfo {
    height: auto;
    min-height: 200px;
    position: absolute;
    width: 100%;
    top: 0;
}

.spnULProductName {
    font-family: RobCL;
    font-size: 13px;
}

.selULPrice {
    position: absolute;
    margin-top: 30px;
}

.spnULFoundinList {
    font-family: SlateL;
    font-size: 12px;
    color: #1976d2;
    position: absolute;
    margin-left: 16px;
    margin-top: 54px;
    white-space: pre-wrap;
    width: 100%;
    pointer-events: none !important;
}

.ULAttributesControl {
    /*width: 100%;*/
    position: relative;
    box-sizing: border-box;
    max-height: 100%;
}

/*.k-input.selULPrice{
    border:solid 1px red !important;
    width:300px !important;
}

span.k-dropdown-wrap
{
    border:solid 1px green !important;
    width:300px !important;
}*/


.selULPrice span.k-dropdown-wrap {
    max-width: 280px !important;
    width: 280px !important;
}

.selULPrice {
    width: 280px !important;
    /*min-width:200px !important;*/
}

.spnULPriceRange {
    font-family: SlateL;
    font-size: 12px;
    color: red;
}

.RedAsterisk {
    color: red !important;
    font-size: 20px;
}

.UserListsGrid {
    width: 100%;
    float: right;
    opacity: 1;
    transition: opacity 300ms ease;
}

#UserListsProducts {
    border: 0px;
    height: calc(100vh - 140px);
    height: calc((var(--vh, 1vh) * 100) - 140px);
}

.AddToCartButtonContainer {
    top: 63px;
    right: 0px;
    position: absolute;
    width: 353px;
}

.AddToCartButtonContainerQtyOnly {
    /*top: 29px;*/
    /*margin-top: -17.7%;
    margin-right: 356%;*/
    right: 0px;
    position: absolute;
    width: 49%;
}

.AddToCartButtonContainerEditList {
    top: 29px;
    margin-top: 6px;
    margin-right: 44px;
    right: -2px;
    position: absolute;
}

.ColumnProductDetailContainer .AddToCartButtonContainerEditListNonRegret {
    text-align: center;
}

.AddToCartButtonContainerEditListNonRegret, .AddToCartButtonContainerEditListWithRegret {
    top: 15px;
    right: 72px;
    height: 40px;
    position: absolute;
    border: 1px solid transparent;
    border-radius: .25em;
    box-sizing: border-box !important;
    background-color: #FFF;
}

    .AddToCartButtonContainerEditListNonRegret:hover {
        border: 1px solid #64b1ee !important;
    }

        .AddToCartButtonContainerEditListNonRegret:hover .MATC_AddToCartButtonWithOptionDropDown, .MATC_AddToCartButtonWithOptionDropDown:hover {
            border: 1px solid #64b1ee !important;
        }

    .AddToCartButtonContainerEditListWithRegret:hover {
        border: 1px solid #CCC !important;
    }

.AddToCartButtonContainerEditList .MATC_AddToCartButtonWithOption span {
    margin-left: 77px !important;
    font-family: RobCL;
}

.AddToCartButtonContainerEditList .MATC_AddToCartButton {
    right: 55px;
    top: 7px;
}

.AddToCartButtonContainerEditListNonRegret .MATC_AddToCartButtonWithOption span {
    margin-left: 0;
    position: relative;
    margin-top: -2px;
    font-family: SlateM;
    font-size: 12px;
    position: relative;
    font-weight: normal;
    text-align: center;
    line-height: 36px;
    width: 100%;
    height: 100%;
    padding: 0;
    color: #666 !important;
}

#ColViewAddToList .AddToCartButtonContainerEditListNonRegret .MATC_AddToCartButtonWithOption span {
    line-height: 20px;
    margin-top: 0;
}

#ColViewAddToList .AddToCartButtonContainerEditListNonRegret:hover .MATC_AddToCartButtonWithOption span {
    color: #1976D2 !important;
}

.AddToCartButtonContainerEditListNonRegret .MATC_AddToCartButton {
    right: 55px;
    top: 4px;
}


.AddToCartButtonContainerEditListWithRegret .MATC_AddToCartButtonWithOption span {
    margin-left: 42%;
    font-family: SLateL;
    font-size: 14px;
}

.AddToCartButtonContainerEditListWithRegret .MATC_AddToCartButton {
    right: 55px;
    top: 5px;
}


.icnULMove {
    position: absolute;
    display: none !important;
    margin-top: 50px;
    margin-left: 5px;
    width: 50px;
    height: 50px;
    opacity: 0.1;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf-8,\
    <svg width='50' height='50' xmlns='http://www.w3.org/2000/svg'>\
    <g>\
        <title>Move Product</title>\
        <line id='svg_1' y2='15.632056' x2='42.889389' y1='15.632056' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_2' y2='18.792327' x2='42.889389' y1='18.792327' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_6' y2='22.065464' x2='42.889389' y1='22.065464' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_7' y2='25.225734' x2='42.889389' y1='25.225734' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_8' y2='28.837471' x2='42.889389' y1='28.837471' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_9' y2='31.997742' x2='42.889389' y1='31.997742' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <path id='svg_13' d='m24.830702,5.812645l-4.853279,7.279903l9.819411,0' stroke-width='0.1' stroke='#000' fill='#000000' />\
        <path transform='rotate(180 24.887125015258786,38.346466064453125) ' stroke-linejoin='undefined' stroke-linecap='undefined' id='svg_17' d='m24.8307,34.70655l-4.85328,7.2799l9.81941,0' stroke-width='0.1' stroke='#000' fill='#000000' />\
    </g>\
</svg>");
    z-index: 1;
}



.ULActionButtonsContainer {
    margin-top: -14px;
    margin-right: -70px;
    width: 315px;
    height: 35px;
    float: right;
    /*display:flex;*/
}


.ULActionButton {
    border: solid 1px #AAA;
    width: 205px;
    height: 25px;
    font-family: RobCL;
    font-size: 12px;
    padding-top: 5px;
    color: #1976d2;
    text-align: center;
    cursor: pointer;
}

    .ULActionButton:not(:first-child) {
        margin-top: 4px;
    }

.StandardFont {
    font-family: RobCL;
    font-size: 12px;
}

.StandardFontLight {
    font-family: RobCL;
    font-size: 12px;
}


    .StandardFontLight span {
        font-family: RobCL;
    }

.Pointer {
    cursor: pointer;
}

.divPriceVisibleLine {
    width: 45%;
    margin-top: 40px;
    position: relative;
}

.WPSummaryHeading {
    font-family: RobCL;
    font-size: 14px;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 10px;
}

.WPSummaryHeadingExpanded {
    font-family: RobCL;
    font-size: 14px;
    margin-top: 10px;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #FAFAFA;
    cursor: pointer;
    padding-left: 10px;
}

.WPSummaryHeading span {
    font-family: RobCL;
    color: #1976d2;
    font-size: 12px;
    float: right;
    padding-right: 12px;
    cursor: pointer;
}

.WPSummaryItem {
    font-family: RobCL;
    font-size: 12px;
    width: 100%;
    clear: right;
    padding-left: 10px;
}

.divAdditionalInfoVisibleLine {
    width: 95%;
    height: 30px;
    top: 15px;
    left: 0px;
    margin-top: 5px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    position: relative;
    font-family: RobCL;
    font-size: 16px;
}

.spnChangeDeal {
    font-size: 12px;
    color: #D60606;
    margin-left: 100px;
    cursor: pointer;
    position: absolute;
}

.spnExpandAddInfo {
    font-size: 12px;
    color: #1976d2;
    cursor: pointer;
    float: right;
    display: none;
}

.divAdditionalInfoVisibleLine:hover > .spnExpandAddInfo {
    display: block;
}

.spnULWSName {
    margin-top: 30px !important;
}

.spnULUnitPrice {
    font-size: 16px;
    margin-left: 50px;
    width: auto;
}

.spnULAsterisks {
    color: red;
    font-size: 24px;
}



.ULCheckbox {
    border: solid 1px red;
    position: absolute;
    top: 0px;
    right: -70px;
    height: 35px;
    display: none;
}

.CheaperDealTootltip {
    border: solid 2px red;
    background-color: white;
    width: 200px;
    height: 50px;
    display: none;
    position: absolute;
    margin-top: 30px;
    margin-left: 170px;
    border-radius: 5px;
    border-top-left-radius: 0px;
    z-index: 1;
}

.CheaperDealTootltipPointer {
    position: absolute;
    transform: scale(0.7);
    margin-top: -49px;
    margin-left: -12px;
}

.spnCheaperDealText {
    font-family: SlateL;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 10px;
    color: red;
}

.CheaperDealTextspan {
    left: 17%;
    top: 20px;
    position: absolute;
    color: black;
    font-size: 11px;
    margin-left: 10px;
}

    .CheaperDealTextspan span {
        font-family: SlateL;
        font-size: 13px;
    }

/****user list change supplier****/
.ULSuppliers {
    margin-left: 247px;
    width: 500px;
    display: none;
    vertical-align: top !important;
}


.ULSuppliersTable input {
    color: red;
    width: auto;
    margin-left: 20px;
}



.ULSuppliersTableSub tr td {
    font-family: RobCL;
    font-size: 12px !important;
    width: 200px;
    padding-left: 10px;
}


    .ULSuppliersTableSub tr td:last-child {
        text-align: right;
    }

.ULSuppliersTable {
    font-family: SlateL;
    font-size: 12px;
    color: black;
    width: auto;
    padding-top: 0px !important;
}

    .ULSuppliersTable tr td {
        font-family: SlateL;
        font-size: 12px;
        border: none !important;
        padding-bottom: 10px !important;
        border-bottom: solid 1px #DDD !important;
    }

.divULSuppliersContainer {
    margin: 20px;
    border: solid 1px white;
}
/***********/

/*****Regrets / General web product additional information******/
.RenderMore {
    left: 222px;
    top: -155px;
    position: relative;
    font-family: RobCL;
    font-size: 11px;
    color: #666;
}

.ULErrorMessage {
    left: 222px;
    top: 69px;
    position: absolute;
    font-family: SlateL;
    font-size: 14px;
    color: #ff0000;
    text-transform: uppercase;
}

.WPAdditionalInfoTableGeneral {
    border-radius: 10px;
}

    .WPAdditionalInfoTableGeneral tr {
        border-radius: 0.25em;
        display: block;
        box-sizing: border-box;
        margin: 0;
        width: 98%;
    }

    .WPAdditionalInfoTableGeneral .btnULAddInfo {
        position: absolute;
        top: 5px;
        right: 10px;
        font-family: RobCL;
        font-size: 12px;
        cursor: pointer;
        color: #1976d2;
        border: none !important;
        height: 30px;
        width: 50px !important;
        text-align: right;
        display: none !important;
    }

.WPTableSubOptionsRowGeneral {
    border-top: solid 1px #AAA;
    width: 100%;
}

.divULAddInfoHeadingGeneral {
    padding-left: 10px;
    font-family: RobCL;
    font-size: 12px;
    border-radius: 10px;
    padding-top: 5px;
    /*font-weight:bold;*/
}

.ULAddInfoHeadingGeneral {
    font-family: RobCL;
    font-size: 12px;
    cursor: pointer;
    height: 30px !important;
    position: relative;
}
/*****web product additional information******/

.WPAdditionalInfo {
    width: 500px;
    display: none;
    vertical-align: top !important;
}

.ULAddInfoHeading {
    font-family: RobCL;
    font-size: 13px;
    cursor: pointer;
    height: 30px;
    position: relative;
    width: 90%;
}

.divULAddInfoHeading {
    padding-left: 10px;
    height: 100%;
    padding-top: 20px;
    width: 98.4%;
}

    .divULAddInfoHeading:hover {
        float: left;
        width: 98%;
        border-left: solid 3px #1976d2;
        color: #1976d2;
        /*border-right: solid 1px #ebebeb;*/
        background-color: #cce6ff;
        padding-left: 7px;
    }

        .divULAddInfoHeading:hover + .btnULAddInfo {
            display: block !important;
        }

.WPTableSubOptionsRowClicked .btnULAddInfo {
    display: block !important;
}

.additionalCartOptions table tbody .WPTableSubOptionsRow {
    background-color: #FFF;
}

    .additionalCartOptions table tbody .WPTableSubOptionsRow:hover {
        background-color: #F5F5F5 !important;
    }

.additionalCartOptions table tbody tr td .btnULAddInfo {
    top: 10px !important;
}

.additionalCartOptions table tbody tr:nth-child(2n+3) {
    border-top: solid 1px #F5F5F5;
}

.additionalCartOptions table tbody tr > td {
    padding: 0 !important;
}

.additionalCartOptions table tbody tr td .divULAddInfoHeading {
    padding: 10px 10px 10px 10px !important;
    box-sizing: border-box;
    width: 100%;
    font-family: RobCL;
}

    .additionalCartOptions table tbody tr td .divULAddInfoHeading:hover {
        padding: 10px 10px 10px 7px !important;
    }

.WPTableSubOptionsRowClicked .divULAddInfoHeading:hover {
    border-left: solid 3px #1976d2;
    padding-left: 10px;
    background-color: #FAFAFA;
}

.Int_AltProducts .WPTableSubOptionsRowClicked .divULAddInfoHeading {
    border-left: none;
    padding-left: 0px;
    background-color: #FAFAFA;
}

.additionalCartOptions #costcentre option {
    height: 38px;
}

div[typeof='button'], .btnAdditionalInfoSave, .btnAdditionalInfoClear {
    text-align: center !important;
    padding-left: 0 !important;
    cursor: pointer !important;
}

.Int_AltProducts .WPTableSubOptionsRowClicked .divULAddInfoHeading:hover {
    border-left: none;
    padding-left: 0px;
    background-color: #FAFAFA;
}

select.k-textbox {
    cursor: pointer;
}

    select.k-textbox option:hover {
        color: #1976d2;
    }

.WPAdditionalInfoTable .WPTableSubOptionsRowClicked .divULAddInfoHeading {
    padding-left: 0px;
    margin-left: -1px;
}

.WPAdditionalInfoTable .WPTableSubOptionsRowClicked {
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    color: #1976d2;
}


.btnULAddInfo {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: RobCL;
    font-size: 12px;
    cursor: pointer;
    color: #1976d2;
    border: none !important;
    height: 30px;
    width: 30px !important;
    text-align: right;
    /*display: none !important;*/
}

.SummaryChangeBtn span {
    position: absolute;
    right: 35px;
}


.btnULAddInfo span {
    font-size: 12px;
}

.btnULAddInfo:hover {
    color: #AAA;
    cursor: pointer;
    border-left: solid 3px #1976d2;
}


.WPTableSubOptions {
    margin-left: 20px !important;
}

.AdditonalSubContent {
    display: none;
}

    .AdditonalSubContent div[id*="frmPatientSpecific"] {
        padding-left: 0 !important;
    }

.ULProductInfo .divAdditionalInfoVisibleLine {
    width: 70%;
}

.divAdditionalInfoVisibleLine:hover {
    cursor: pointer;
}

.ULProductInfo .ProductAdditionalInfo {
    width: 47%;
    margin-left: 240px;
    padding-left: 6px;
}

.ULProductInfo .List_TradePrice {
    margin-top: 16px;
    position: relative;
}

.PriceFont {
    font-family: Tahoma;
    cursor: pointer;
}

/*.WPAdditionalInfoTable
{
    font-family:SlateL;
    font-size:12px;
    color:black;
    padding-top:0px !important;
    margin-top:30px !important;
    width:100%;
}*/

.Int_AltProducts .WPAdditionalInfoTable {
    font-family: SlateL;
    font-size: 12px;
    color: black;
    margin: 0px;
    padding: 0px;
    padding-top: 0px !important;
    margin-top: 5px !important;
    width: 77% !important;
}

.WPAdditionalInfoTable {
    font-family: SlateL;
    font-size: 12px;
    color: black;
    margin: 0px;
    padding: 0px;
    padding-top: 0px !important;
    margin-top: 5px !important;
    width: 94% !important;
}

    .WPAdditionalInfoTable .WPTableSubOptionsRow {
        border-top: solid 1px #EBEBEB;
    }

.WPTableSubOptionsRow:nth-last-child(-n+2) {
    border-bottom: solid 1px white;
}

.WPTableSubOptionsRow:hover:nth-last-child(-n+2) {
    border-bottom: solid 1px #CCC;
}


/*.WPAdditionalInfoTable .WPTableSubOptionsRow:first-child
{
    border-top:solid 1px #CCC;
}*/


.WPAdditionalInfoTable .WPTableSubOptionsRow td {
    height: 58px;
    font-family: RobCL;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
}

    .WPAdditionalInfoTable .WPTableSubOptionsRow td:hover {
        height: 58px;
        font-family: RobCL;
        font-size: 14px;
        padding: 0px;
        margin: 0px;
    }

.WPAdditionalInfoTable .WPTableSubOptionsRowClicked td {
    background-color: #FAFAFA;
    padding: 0px;
    padding-left: 10px;
    height: 58px;
    font-family: SlateL;
    font-size: 16px;
}

.WPAdditionalInfoTable .WPTableSubOptionsRow td.btnULAddInfo {
    padding-left: 10px;
    height: 58px;
    font-family: RobCL;
    font-size: 12px;
}


.WPAdditionalInfoTable .WPTableSubOptionsRow:last-child td {
    border-bottom: none !important;
}

.WPSelectAdditionalOptions {
    color: #1976d2;
    font-family: RobCL_Bold;
    font-size: 12px;
    font-weight: normal;
}

.WPAdditionalInfoSubContentRow {
    font-family: SlateL;
    font-size: 12px;
    border: none !important;
    padding-left: 20px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: solid 1px #DDD !important;
}

    .WPAdditionalInfoSubContentRow:last-child {
        border: none !important;
    }

.divULAdditionalOptionsContainer {
    margin: 20px;
    border: solid 1px white;
}

.divAdditionalInfo form {
    border: solid 1px #f2f2f2;
    border-radius: .25em;
}

.Int_AltProducts .divAdditionalInfo {
    background-color: #FAFAFA;
    border-bottom: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    position: relative;
    margin-bottom: 20px;
    height: 100%;
    padding: 10px;
    padding-bottom: 70px;
    margin-top: -5px;
    margin-left: -8px;
    width: 98%;
}

.divAdditionalInfo {
    background-color: #F5F5F5;
    border-bottom: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    position: relative;
    margin-bottom: 20px;
    margin-left: 0px;
    height: 100%;
    padding: 10px;
    /*padding-bottom: 70px;*/
    width: 95.5%;
}

    .divAdditionalInfo input {
        width: 200px;
        /*margin: 0px !important;*/
        font-family: SlateL; /*NEWLY ADDED*/
    }

    .divAdditionalInfo div {
        font-family: SlateL;
        font-size: 12px;
        font-weight: normal;
        padding-left: 0px;
        margin-top: 5px;
        position: relative;
        cursor: default;
        z-index: 1001;
        box-sizing: border-box;
    }

.TextAddInfo {
    box-sizing: border-box !important;
    /*padding-top: 12px !important;*/
    height: 65px !important;
    width: 100% !important;
    border: none !important;
    background-color: white !important;
    box-shadow: none !important;
    font-size: 14px !important;
    border-radius: .25em !important;
    border-bottom: solid 1px #f2f2f2 !important;
}

    .TextAddInfo[required] + label {
        color: #c3c3c3;
        font-family: RobCL;
        font-weight: normal;
        font-size: 11px;
        position: absolute;
        margin-top: -25px;
        margin-left: 10px;
        z-index: 1000;
    }

    .TextAddInfo + label {
        color: #c3c3c3;
        font-family: RobCL;
        font-weight: normal;
        font-size: 11px;
        position: absolute;
        margin-top: -25px;
        margin-left: 10px;
        z-index: 1000;
    }

.higherTextAddInfo {
    margin-top: 20px !important;
    border: 1px solid #f2f2f2 !important;
    font-size: 12px !important;
    color: #333 !important;
    padding-left: 10px !important;
}

#LoanStockNTS {
    margin-top: -20px;
    position: relative;
    top: -50px;
}

.largerTextBox[required]:valid + label {
    /*margin-top: -120px !important;*/
    margin-left: 10px;
    /*bottom: 157px !important;*/
    top: -100px !important;
    bottom: 102px !important;
}

#LoanStockNTS[required] + label {
    margin-top: -95px !important;
}

.higherTextAddInfo[required] + label {
    margin-top: -135px;
    margin-left: 10px;
}

.TextAddInfo[required]:invalid + label {
    display: block;
}

.TextAddInfo[required]:valid + label {
    margin-top: -52px;
}

.higherTextAddInfo[required]:valid + label {
    left: 0px !important;
    bottom: 137px;
}

.SpecialOrderContentFormRight .higherTextAddInfo.textarea:focus {
    border: 1px solid #1976d2 !important;
}

.SpecialOrderContentFormRight .higherTextAddInfo.textarea:focus {
    border: 1px solid #1976d2 !important;
}

.TextAddInfo[required] + label:after {
    content: " (Required)";
    color: #cc0000;
}

.k-icon.k-i-warning {
    display: none;
}


.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    position: absolute;
    width: 93%;
    text-align: left;
    left: 11px;
    margin-top: -20px;
    background-color: white;
    border: none;
    color: red;
    border-top: solid 2px red;
    border-radius: 0px;
    font-family: SlateL;
    font-size: 10px;
    z-index: 300;
}


::-webkit-input-placeholder { /* WebKit browsers */
    color: #AAA;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #AAA;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #AAA;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #AAA;
}

.TextAddInfoLabel {
    width: auto !important;
    position: absolute;
    z-index: 1;
    font-family: SlateL !important;
    font-size: 12px !important;
    /*font-weight: bold !important;*/
    display: none;
    margin-left: 15px;
}

/*.ConsignmentFormContainer ::placeholder {
    color: #e60000;
    opacity: 0.6;
}*/

.ulContent .TextAddInfo {
    height: 55px !important;
}

.SelInfoLabel {
    position: absolute;
    margin-top: -10px !important;
    margin-left: -7px !important;
}

.AddInfoSelect {
    width: 100% !important;
    height: 65px !important;
}

#ModalInfoColLeft, #ModalInfoColRight {
    padding-left: 0 !important;
}

.SpecialOrderContentFormRight .AddInfoSelect select {
    border: solid 1px #f2f2f2;
    width: 100%;
    position: relative;
    height: 40px;
    box-shadow: none;
    left: 0;
}

.SpecialOrderContentFormRight .AddInfoSelect:hover select {
    border: 1px solid #1976D2;
}

.AddInfoSelect select {
    border: solid 1px #CCC;
    width: 93.3%;
    position: absolute;
    left: 10px;
    margin-top: -11px;
    height: 65px;
    box-shadow: none;
}

/*.AddInfoSelect select.k-valid
{
   color:#AAA !important;
   padding-left:10px !important;
}*/

#manualorderreasons {
    color: #AAA !important;
    font-family: SlateL;
    font-size: 14px;
    padding-left: 9px !important;
}


.k-calendar-container.k-popup.k-group.k-reset.k-state-border-up {
    margin-top: -20px;
    margin-left: -300px;
}

div[id^="proceduredate_frmPatientSpecific_"] {
    margin-top: 15px !important;
    margin-left: 0 !important;
}

.k-calendar-container.k-popup.k-group.k-reset a.k-link {
    color: black !important;
}

span.k-picker-wrap input {
    border: none !important;
}

/*span.k-picker-wrap.k-state-default*/

.TextAddInfo span.k-select {
    border-radius: 0px;
    height: 44px;
}

.TextAddInfo.InputDatePicker.k-input.k-valid {
    border: none !important;
}

.TransactDateCalendar {
    width: 100% !important;
    height: 100% !important;
    min-height: 200px;
    min-width: 200px;
    margin-top: -50px !important;
    box-sizing: border-box !important;
    padding-top: 0 !important;
    position: absolute !important;
    float: right !important;
    z-index: 12500 !important;
    background-color: white !important;
}

    .TransactDateCalendar .k-footer {
        display: none !important;
    }

.calendarWrap div {
    max-width: 17em;
}

.ProcedureDateCalendar {
    z-index: 12500 !important;
}

.InputDatePicker {
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    z-index: 12500 !important;
}

.SpecialOrderContentFormRight .InputDatePicker .k-header {
    margin-top: 10px !important;
    height: 30px;
    width: 100%;
    background-color: #fefefe;
}

.SpecialOrderContentFormRight .InputDatePicker .k-link {
    text-align: center;
    padding: 0;
}

.SpecialOrderContentFormRight .InputDatePicker th {
    text-align: center !important;
    padding: 0;
}

.calendarWrap, .transCalendarWrap {
    width: 100% !important;
    height: 100% !important;
    max-width: 360px;
    max-height: 200px;
    min-height: 200px;
    margin-top: 0px !important;
    box-sizing: border-box !important;
}

.calendarWrap .InputDatePicker, .calendarWrap {
    left: 0;
    position: absolute !important;
    display: inline-table;
    float: right !important;
}

.div[id*='ConsignCalendarWrap_'] {
    position: absolute;
}

.SpecialOrderContentFormRight .InputDatePicker span {
    height: 100% !important;
    position: relative;
    border-color: #f2f2f2;
    box-sizing: border-box;
}

.k-popup.k-calendar-container {
    background-color: white;
}

.SpecialOrderContentFormRight .InputDatePicker span input {
    margin-top: 0 !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    position: relative;
    height: 100% !important;
}

.SpecialOrderContentFormRight .InputDatePicker .k-picker-wrap.k-state-default {
    height: 40px !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
}

.InputDatePicker {
    display: none;
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    position: absolute !important;
    right: 0px !important;
}

select#manualorderoptions.selManualOrderOptions.k-valid {
    padding-left: 14px !important;
}


div[id*='divSpecialOrder_'].divAdditionalInfo .btnAdditionalInfoClear {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

div[id*='divSpecialOrder_'].divAdditionalInfo .btnAdditionalInfoSave {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

div[id*='divSpecialOrder_'] {
    margin-bottom: 10px;
}

.selManualOrderOptions {
}

    /*.selManualOrderOptions
{
     min-width:250px !important;
}

.k-input.selManualOrderOptions
{
    min-width:220px !important;
}*/



    .selManualOrderOptions .k-dropdown-wrap.k-state-default {
        min-width: 195px !important;
    }

.k-list-scroller {
    min-width: 190px;
}

.k-list-container.k-popup.k-group.k-reset {
    width: 190px !important;
}

.Int_AltProducts .btnAdditionalInfoClear {
    height: 60px !important;
    margin-left: -1px !important;
    margin-top: -1px !important;
    margin-bottom: 20px !important;
    border: solid 1px #CCC;
    width: 33% !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    background-color: #AAA !important;
    border: solid 1px #AAA !important;
}


.btnAdditionalInfoClear {
    height: 50px !important;
    margin-left: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    border: solid 1px #EBEBEB !important;
    width: 48% !important;
    border-radius: .25em !important;
    box-shadow: none !important;
    background-color: white !important;
    /* border: solid 1px #AAA !important;*/
}

    .btnAdditionalInfoClear:hover {
        background-color: #E6F2FA !important;
        border-color: #1976d2 !important;
    }

.btnAdditionalInfoSave {
    height: 50px !important;
    margin-left: 2% !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    border: solid 1px #CCC;
    width: 49% !important;
    border-radius: .25em !important;
    box-shadow: none !important;
    background-color: #E0F3BF !important;
    border: solid 1px #84BD24 !important;
}

    .btnAdditionalInfoSave:hover {
        background-color: #84BD24 !important;
    }

        .btnAdditionalInfoSave:hover :first-child {
            color: white !important;
        }

    .btnAdditionalInfoSave span {
        position: absolute;
        margin-top: 9px;
        margin-left: -10px;
        font-family: SlateL;
        font-size: 16px;
        color: #84BD24;
    }

.btnAdditionalInfoClear span {
    position: absolute;
    margin-top: 9px;
    margin-left: -10px;
    font-family: SlateL;
    font-size: 16px;
    color: #1976d2;
}

.Int_AltProducts .btnAdditionalInfoSave span {
    position: absolute;
    margin-top: 15px;
    margin-left: 80px;
    font-family: RobCL;
    font-size: 14px;
    color: white;
}

.Int_AltProducts .btnAdditionalInfoClear span {
    position: absolute;
    margin-top: 15px;
    margin-left: 30px;
    font-family: RobCL;
    font-size: 14px;
    color: white;
}


.ULHeadingSummary {
    color: #AAA;
}

/******/
.BoldSign {
    font-family: RobCL_Bold;
    color: black;
    font-weight: normal;
    font-size: 16px;
    top: 0px;
    margin-left: -15px;
    position: absolute;
}

.ULDefaultSupplierbg {
    background-color: #DAE9FF !important;
}

.k-grid tr.k-state-selected:hover td.ULDefaultSupplierbg {
    background-color: #DAE9FF !important;
}

/****user lists panel bar****/
.AttributeItemUL {
    padding-left: 10px;
}

.AttributeItemULDouble {
    padding-left: 10px;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    border-bottom: double 4px #EEE !important;
}

    .AttributeItemULDouble:first-child {
        border-top: double 4px #EEE !important;
    }

.ULAttributesListSummary {
    font-family: SlateL;
    font-size: 10px;
    padding-right: 20px;
}

.k-item.k-first.k-last.k-state-highlight {
    width: 100% !important;
}

.AttributeItemUL_Label {
    font-family: SlateL;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #333333;
    margin-left: 35px;
}

/******/




.k-panelbar[id*='PanelBarUL'] > .k-item > .k-link:hover {
    height: auto !important;
    line-height: 17px;
    margin-top: 5px;
    text-transform: uppercase !important;
    color: #808080 !important;
    border: none !important;
    font-size: 16px !important;
}

.k-panelbar[id*='PanelBarUL'] > .k-item > .k-link {
    font-family: RobCL_Bold !important;
    height: auto !important;
    line-height: 17px;
    margin-top: 5px;
    margin-left: 0px;
    padding-left: 8px;
    text-transform: uppercase !important;
    color: #808080 !important;
    border: none !important;
    font-size: 16px !important;
    font-weight: normal;
}

.k-panelbar[id*='PanelBarUL'] {
    width: 100%;
    border: none;
    overflow-x: hidden;
}

/*li[id*='PanelBarULAttr']*/

#tabstripUserLists-1 {
    height: 100%;
    position: absolute;
}

.ulContent #tabstripUserLists-1 {
    height: auto;
    position: relative;
    height: 30px !important;
    border: solid;
    padding: 7px 0;
}

#OrderHistoryFilter .ULAttributesControll:last-of-type {
    border-bottom: 1px solid #F2F2F2 !important;
}

.ULAttributesControll:last-of-type {
    border-bottom: 1px solid #F2F2F2 !important;
}

.k-panelbar[id*='PanelBarUL'] .k-content, .k-panelbar[id*='PanelBarUL'] .k-panel {
    border-bottom: none;
    /*padding-left: 10px;
    padding-right: 10px;*/
}

.k-panelbar[id*='PanelBarUL'] label.k-checkbox-label:hover {
    /*text-decoration: underline;*/
    color: #1976D2;
}

.k-panelbar[id*='PanelBarUL'] label.k-checkbox-label {
    height: auto !important;
    box-sizing: border-box;
    line-height: 22px;
    padding-left: 25px;
    font-family: SlateL;
    font-weight: normal;
    font-size: 12px;
    color: #808080;
}

    .k-panelbar[id*='PanelBarUL'] label.k-checkbox-label::before {
        box-shadow: none !important;
        margin-left: 0px;
        margin-top: 4px;
        border-radius: 0px !important;
        width: 12px !important;
        height: 12px;
    }

    /*move the checkmark and checkbox*/
    /*Checkbox background color and tick color*/
    .k-panelbar[id*='PanelBarUL'] label.k-checkbox-label::after {
        margin-top: 3px;
        line-height: 9px;
    }

/**************************/

/*////////////////////////////////////////////////////////*/
/********Gerard 2017/07/03 Product List Mini Charts*******/
.ProductFullview_Mini_DayChart_Pipe {
    /*width:12px;*/
    /*width:100%;*/
    height: 90px;
    background-color: #aada09;
    /*margin-left:2px;*/
    margin-top: -60px;
}

.ProductFullview_Mini_DayChart_Day {
    color: #aada09;
    font-size: 9px;
}

.ProductFullview_Mini_DayChart_Value {
    background-color: #f9f9f9;
}

.ColChartInnerDiv {
    padding-left: 4px;
    min-width: 5px;
}

    .ColChartInnerDiv:last-child {
        padding-right: 5px;
    }

.ColChart {
    /*margin-top: 70px;*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    /*max-width:200px;*/
}

.LineChartGraph {
    height: 100px !important;
}

/*////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////*/
/********Gerard 2017/07/05 Menu Contact Us*******/
.ContactUsLeftSide {
    float: left;
    font-family: SlateL;
    box-sizing: border-box;
    font-size: 1.1em;
}

    .ContactUsLeftSide p {
        margin: 0 !important;
        padding: 0 !important;
    }

#ContactUsMapID {
    width: 100%;
}

.ContactUsRow {
    padding-top: 40px;
}

.ContactUsLeftHeaders {
    width: 25%;
    height: 35px;
    line-height: 35px;
    padding-top: 0px;
    /*color: #000000 !important;*/
    font-weight: normal;
    font-size: 1.1em !important;
    font-family: RobCLR;
    color: #333;
}

.ContactUsRighttHeaders {
    width: 75%;
    padding-top: 0px;
    color: #333 !important;
    height: 35px;
    line-height: 35px;
}

.ContactUsRighttHeadersSmallPadding {
    padding-top: 5px;
}

.ContactUsTextbox {
    width: 49%;
    /* padding: 0.5px; */
    height: 35px;
    font-size: 13px;
    font-family: SlateL;
    text-transform: capitalize;
    border-radius: .15em;
    transition: 0.3s;
}

.ContactUsOpHours {
    float: left;
    padding-left: 0;
    width: 50%;
    text-align: center;
}

.ContactUsSaturday {
    margin-top: -20px;
    padding-left: 25%;
}

.ContactUsOpDays {
    float: left;
    width: 30%;
}

.ContactUsOpHoursBottom {
    float: left;
    /* padding-left: 50px; */
    width: 50%;
    text-align: center;
}
/*////////////////////////////////////////////////////////*/
/********Tshepo 2017/07/05 Menu Account Orders & List*******/

.AccountOrderlistContainer {
    text-transform: uppercase;
    margin: auto;
    height: 400px;
    font-family: SlateL;
    font-size: 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
}

.col1, .col2, .col3 {
    width: 100%;
}

.AccountOrderlistContainerItem {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 30px;
    cursor: pointer;
}

.AccountOrderlistContainer ul li a:hover {
    text-decoration: none;
    color: #1976d2;
    background-color: inherit;
}

.AccountOrderlistContainer hr {
    border: solid 1px lightgrey;
    width: 100%;
}


/*////////////////////////////////////////////////////////*/

/*************************Gerard  See more images on products****************************/
.ThumbNailDownMoreImages p {
    font-family: SlateL;
    font-size: 2.5vw;
    border: solid 1px grey;
    opacity: 0.5;
    cursor: pointer;
    position: absolute;
    width: 70px;
    bottom: -108px;
    left: 1px;
}

.ThumbNailLeftArrow {
    opacity: 0.5;
    cursor: pointer;
    position: absolute;
    top: 180px;
    padding-left: 1%;
}

.ThumbNailRightArrow {
    opacity: 0.5;
    cursor: pointer;
    position: absolute;
    top: 180px;
    padding-left: 3%;
}

.ThumbNailMiddle {
    width: 79%;
    /*border:solid 1px grey;*/
    height: 480px;
    float: left;
    /*position: relative;*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
}

.ThumbNailLeft {
    width: 10%;
    border: solid 1px #efefef;
    height: 480px;
    float: left;
    background-color: #efefef;
    cursor: pointer;
}

.ThumbNailRight {
    width: 10%;
    border: solid 1px #efefef;
    height: 480px;
    float: left;
    background-color: #efefef;
    cursor: pointer;
}

.ThumbNailPopupContainer {
    width: 100%;
    display: flexbox;
}

.ThumbNailMiddleImages {
    height: 60% !important;
    float: left;
    width: 33% !important;
    min-width: 33%;
    margin-top: 10%;
    /*position:absolute;*/
}

.DoubleRowDiv {
    margin-top: 10px !important;
}

.SearchInputFieldMainDiv {
    text-align: center;
}

.MenuSuppliersSearchBar {
    max-width: 800px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

#AlphabetScroll {
    margin: 0 auto;
    display: flex;
    overflow: auto;
    text-align: center;
    padding: 0 15px;
    max-width: 800px;
}

.DisableAlphabetScroll {
    pointer-events: none;
}

    .DisableAlphabetScroll > div {
        color: #CCCCCC;
        font-weight: normal;
    }

.SearchBarWrapper {
    height: 45px;
    width: 100%;
    position: relative;
}

.inpMenuSuppliersSearch {
    width: 100% !important;
    max-width: 100% !important;
    height: 40px;
    border: 1px solid #d8d8d8;
    border-radius: .25em;
    text-indent: 30px;
}


.ImgSearchMenuSuppliers {
    position: absolute;
    width: 15px;
    left: 15px;
    top: 13px;
}

.SearchMenuSuppliersText {
    position: absolute;
    margin-top: -27px;
    /*margin-left: 8%;*/
    margin-left: 82%;
    color: #1976d2;
    font-size: 11px;
}

.ProductPricingCompareDetailProductName {
    font-family: RobCL;
    font-size: 24px;
    color: #232323;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/***************************************************************************************/

/****************************************Gerard Pricing Compare*************************/
.PriceCompDownArrow {
    width: 25px;
    height: 25px;
    padding-bottom: 4px;
    padding-left: 10px;
}

.ProductPricingProductName {
    font-family: RobCL;
    font-size: 24px;
    color: #232323;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.PricingCompareTopDynamicDiv {
    margin-top: -23px;
}

.jsDropDownPricingCompareTextValue {
    font-family: RobCL;
    font-size: 12px;
    padding-top: 12px;
    padding-left: 1px;
    padding-right: 5px;
    height: 19px;
    color: #1976d2;
}

/*.jsDropDownPricingCompareTextValue:hover {
        border-bottom: 2px solid #1976d2;
    }*/

.seljsPricingDropDown {
    height: 56px;
    width: 100%;
}

    .seljsPricingDropDown:hover {
        height: 56px;
        width: 100%;
        border: none !important;
    }

#lblSubCat, #lblCat {
    color: #1976d2;
    padding-left: 4px;
}

.AltProductsPricingAddToCartButton {
    width: 140px;
    height: 37px;
    border: solid 1px #CCCCCC;
    background-color: #CCCCCC;
    position: absolute;
    margin-top: -20px;
    right: 13px;
    display: none;
}

    .AltProductsPricingAddToCartButton span {
        color: black;
        width: 100%;
        height: 100%;
        position: absolute;
        font-family: SlateL;
        font-size: 13px;
        text-align: center;
        margin-top: 12px;
    }
/*.WSProductRow:hover .AltProductsPricingAddToCartButton  {
    width: 140px;
    height: 37px;
    border: solid 1px #1976d2;
    background-color: #1976d2;
    position: absolute;
    margin-top: -20px;
    right: 13px;
    display: none;

}*/
/*.WSProductRow:hover .AltProductsPricingAddToCartButton span {
    color: white !important;
}*/
/*.WSProductRow:hover .MATC_AddToCartButtonWithOption {
    background-color: #1976d2 !important;
}*/
/*.WSProductRow:hover .MATC_AddToCartButtonWithOption span {
    color: white !important;
}*/

.AltPricingProductsSubContentAddToCartButton {
    position: absolute;
    right: 35px;
    margin-top: -20px;
    display: none;
    background-color: #CCCCCC !important;
}
/*.WSProductRow:hover .AltPricingProductsSubContentAddToCartButton {
    position: absolute;
    right: 35px;
    margin-top: -20px;
    display: none;
    background-color: #1976d2;
}*/

.jsHorizontalDropDown {
    display: flex;
    margin-top: 0px;
    height: 58px;
    min-width: 100px;
    margin-bottom: 0px;
    position: relative;
    width: auto;
}

    .jsHorizontalDropDown:hover .jsHorizontalDropDownTitle {
        display: none;
    }

    .jsHorizontalDropDown:hover {
        /*border: solid 1px #CCCCCC;*/
        cursor: pointer;
    }
/****************************************Tshepo  show bar style *************************/
.showBarInfo {
    position: absolute;
    background-color: white;
    border: 3px solid gray;
    border-radius: 5px;
    width: 120px;
    height: 20px;
    padding-left: 5px;
    display: none;
    left: 40%;
}

.PricingCompareTopDynamicDiv {
    margin-top: -23px;
}

/***************************************************************************************/

/******************************Gerard 2017/07/17 Bread Crumbs**************************/
.ProductBreadCrumbs {
    width: 100%;
    display: flex;
    height: 40px;
    padding-bottom: 20px;
}

.jsDropDown .ProductBreadCrumbs {
    border: none !important;
    height: 10px;
}

.ProductBreadCrumbs .jsDropDown {
    border: none !important;
}

.divBreadCrumbsDropdown {
    width: auto;
}

.BreadCrumbsRightArrow {
    width: 25px;
    height: 25px;
    padding-bottom: 4px;
    padding-left: 10px;
    float: right;
}

.txtRightArrow {
    float: right;
    font-size: 13px;
    color: #1976d2;
    padding-left: 12px;
}

.divBreadCrumbsDropdown:last-child .txtRightArrow {
    display: none;
}


.divBreadCrumbsDropdown:hover .jsDropDown {
    background-color: white !important;
}

.Full_ProductProductName .DownArrowBreadCrumbs {
    width: 10px;
    height: 7px;
    padding-bottom: 3px;
    padding-left: 3px;
    margin-top: 8px;
}

.Full_ProductProductName .DownArrowListView {
    width: 13px;
    height: 6px;
}

.DownArrowBreadCrumbs {
    width: 8px;
    height: 4px;
    padding-bottom: 3px;
    padding-left: 3px;
    margin-top: 7px;
}

.DownArrowListView {
    width: 8px;
    height: 4px;
    padding-bottom: 2px;
    padding-left: 6px;
    margin-top: 6px;
}

.DownArrowGridView {
    width: 7px;
    height: 6px;
    padding-bottom: 2px;
    padding-left: 0px;
    margin-top: 1px;
}

.jsDropDownTextValue .DownArrowBreadCrumbs {
    width: 10px;
    height: 9px;
    float: right;
    padding-top: 3px;
    padding-right: 10px;
}

.ViewAllProductsBy {
    margin-left: 11px;
    float: left;
    /*padding-top: 3px;*/
    font-family: SlateL;
    display: none;
}

    .ViewAllProductsBy span {
        color: #1976d2;
    }

    .ViewAllProductsBy:hover {
        cursor: pointer;
    }



/****************************************Tshepo  My_Account_Menu style *************************/
.CreateListButton {
    border: 2px solid lightblue;
    background-color: white;
    border-radius: 6px;
    margin-left: 50px;
    margin: auto;
    width: 440px;
}

.deleteImageIconClass {
    width: 20px;
    height: auto;
}

#tbListName {
    border: 1px solid lightblue;
    border-radius: 5px;
}

#lblEdit_2147483647, .spanStyle {
    font-weight: normal;
    font-size: 14px;
}

.EditListInputControl {
    border: 1px solid lightblue;
    border-radius: 5px;
    margin-left: -110px;
}

.updatePreviousListButton {
    margin-left: 10px;
}
/*******************************************END***************************************/

/************************************Gerard Product Name sort*************************/
.ArrowDown {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: none;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    float: right;
    margin-right: 9px;
    cursor: pointer;
}

.ArrowUp {
    border: solid black;
    border-width: 0 2px 2px 0;
    margin-top: 4px;
    display: none;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    float: right;
    margin-right: 9px;
    cursor: pointer;
}


.TabArrowItem:hover {
    /*border-left: solid 1px #DDDDDD !important;
        border-right: solid 1px #DDDDDD !important;*/
    background-color: #F5F5F5;
}
/*.TabArrowItem:hover .ArrowDown {
     display: inline-block;
}
.TabArrowItem:hover .ArrowUp {
     display: inline-block;
}*/

.GenericThumbnail {
    height: 60px;
    padding: 5px;
    mix-blend-mode: multiply;
}


/*********************Generics Patial View***************************************/

#GenericsFilterPane, #GenericsContentPane, .GenericsRightPane, .GenericsLeftPane {
    box-sizing: border-box !important;
}


div.GenericsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    min-width: 100%;
    width: 100%;
    display: block;
}

.GenericsLeftPane .MATC_AddToCartButton {
    display: none;
}

.GenericClearAll, .TheraputicClearAll, .GenericClearAll {
    font-family: SlateL;
    font-size: 12px;
    cursor: pointer;
    display: none;
}

/*.GenericsLeftPane, .TheraputicsLeftPane
{
    width:18.5%;
    height:auto;
    margin-right:10px;
    position:absolute;
}*/

.GenericProductRow td {
    padding: 0px;
    margin: 0px;
    height: 30px;
}

    .GenericProductRow td:hover {
        background-color: #C7E5FF;
    }

.GenericsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    height: 51.7vh;
    height: calc(var(--vh, 1vh) * 51.7);
}

#GenericsRightPane .TabProductsHeaderRowSpacer {
    border-bottom-width: 0px !important;
}

.ResizedRightPane {
    width: 100% !important;
    /*left: -290px !important;*/
    top: 30px !important;
    position: absolute !important;
    background-color: pink !important;
    height: 100% !important;
}

/*******************************************END***************************************/

/*********************Theraputics Patial View***************************************/



div.TheraputicsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    min-width: 0;
    width: 0;
    /*display: block !important;*/
}

.TheraputicsLeftPane .MATC_AddToCartButton {
    display: none;
}

.TheraputicsClearAll {
    font-family: SlateL;
    font-size: 12px;
    cursor: pointer;
    display: none;
}

.TheraputicsLeftPane {
    width: 100%;
    height: auto;
    margin-right: 0;
    display: inline-block;
    float: left;
}

.TheraputicsGenericProductRow td {
    padding: 0px;
    margin: 0px;
    height: 30px;
}

.TheraputicsProductRow td:hover {
    background-color: #C7E5FF;
}

.TheraputicsProductSupplierInfoImage {
    height: auto;
    padding-left: 10px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    overflow: hidden;
    float: left;
    background-color: white;
}

.TheraputicsLeftPane .MATC_AddToCartButtonWithHTMLOptionDropDown {
    border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    height: 51.7vh;
    height: calc(var(--vh, 1vh) * 51.7);
}

.ShowOptionFilterDisplay {
    display: block !important;
    margin-left: 0 !important;
}

.TheraputicsLeftPane .MATC_AddToCartButtonWithOption {
    margin-left: 0;
    border: 1px solid #f2f2f2 !important;
    box-sizing: border-box;
    width: 100% !important;
    margin-bottom: 15px;
}

#TheraputicsRightPane .TabProductsHeaderRowSpacer {
    border-bottom-width: 0px !important;
}

/*******************************************END***************************************/

/**********************************Gerard Supplier Dropdown**************************/
.SupplierDropDown {
    border: solid 1px lightgray;
    height: auto;
    width: 39%;
    margin-top: -101px;
    margin-left: 159px;
    z-index: 1;
    background-color: #FAFAFA;
    position: absolute;
}

.SupplierDropDown4Col {
    margin-left: -145px !important;
    width: 152% !important;
}

.SupplierDropDown5Col {
    /*margin-left: -152px !important;*/
    margin-left: -174px !important;
    width: 188% !important;
}

.SupplierDropDown5ColOffset {
    width: 197% !important;
    margin-left: -196px !important;
}

.SupplierDropDown6Col {
    margin-left: -102px !important;
}

.width192 {
    width: 192% !important;
}

.width125 {
    width: 125% !important;
}

.width152 {
    width: 152% !important;
}

.width192 {
    width: 192% !important;
}

.SupplierDropdownLastItem {
    margin-left: -95px !important;
}

.SupplierDropDownHide {
    display: none;
}

.SupplierDropDownShow {
    display: block;
}

.SupplierDropDownInnerDiv {
    background-color: white;
    /*border: solid 1px lightgray;*/
    width: 95%;
    height: auto;
    position: relative;
    margin-top: 0%;
    margin-left: 2%;
    margin-bottom: 2%;
}

    .SupplierDropDownInnerDiv .SupplierInfoDiv:first-child {
        border-top: solid 1px lightgray;
    }

.SupplierDropDownUpperDiv {
    width: 95%;
    margin-left: 9px;
    margin-top: 11px;
    color: #1976d2;
}

.SupplierInfoDiv {
    height: 52px;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: solid 1px lightgray;
    border-left: solid 1px lightgray;
    border-right: solid 1px lightgray;
    font-family: RobCL;
}

.SupplierWholesaleName {
    padding-top: 22px;
    padding-left: 7px;
}

.SupplierWholesaleRandValue {
    padding-top: 22px;
    padding-left: 18px;
}

.SupplierWholesaleQTY {
    padding-top: 22px;
    padding-left: 0px;
}

.SupplierWholesaleRandPerc {
    /*padding-top:22px;*/
    padding-left: 7px;
    padding-right: 10px;
}

.LeftAlignInnerSupplierInfo {
    width: 61%;
    height: 30px;
    float: left;
    padding-top: 18px;
}

.RightAlignInnerSupplierInfo {
    width: 39%;
    height: 30px;
    float: right;
    padding-top: 18px;
}

.SupplierInfoDiv:hover {
    border-left: solid 3px #1976d2;
    background-color: #C2D7F1;
    color: #1976d2;
    margin-left: -2px;
}

.SupplierInfoDivSelected {
    border-left: solid 3px #1976d2;
    background-color: #D8E1E8;
    color: #1976d2;
    margin-left: -2px;
}

.SupplierDropDownUpperDiv :last-child {
    cursor: pointer;
}

.ULProductInfo .SupplierDropDown {
    margin-top: -55px;
    margin-left: 203px;
}
/*******************************************END*************************************/

/*******************************Gerard Horizontal Dropdown Styling*****************/
.jsHorizontalDropDownTextValue {
    font-family: RobCL;
    font-size: 13px;
    padding-top: 30px;
    color: #333;
    /*padding-left:10px;*/
    height: 34px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.divDropdown {
    width: auto;
    min-width: 81px;
    padding-left: 1px;
}

.jsHorizontalDropDownTitle {
    font-family: SlateL;
    font-size: 11px;
    position: absolute;
    left: 4px;
    top: 16px;
    color: #AAA;
    display: none;
}

.SearchDropdownContainerElement img {
    position: absolute;
    top: 3px;
    left: 8px;
    z-index: 1;
    height: 13px;
}

.SearchDropdownContainerElement {
    /*float: left;*/
    margin-left: 0px;
    margin-top: 10px;
    color: #222222;
    font-size: 13px;
    height: 25px;
    width: 25px;
    position: relative;
}

.SearchDropdown {
    width: 100% !important;
    position: absolute;
    height: 28px;
    border: solid 1px #CCC;
    border-radius: .25em;
    margin-left: 0px;
    margin-top: 3px;
    padding: 0px;
    color: #888888;
    font-size: 13px;
    font-family: RobCL;
    top: 20px;
    padding-left: 3px;
    text-indent: 30px;
}

    .SearchDropdown:focus {
        border: none;
        outline: none;
        border: solid 1px #CCC;
        background-color: white;
    }
/*.HeadingLetterContainer {
    width:100%;
    background-color:#f2f2ff ;
    height:auto;
}
.HeadingLetter {
      font-family:SlateL;
    font-size: 14px;
    margin-left: 9px;
    margin-top: 3px;
    color:black;
    font-weight:bold;
    padding-top: 2px;
}
.LetterContainer {
    width:100%;
    height:auto;
    display:flex
}
.Letter {
    font-family:SlateL;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 8px;
    color: #333333;
}
.LetterCheckbox {
    margin-left: 8px;
    margin-top: 8px;
    transform: scale(1.2);
}
.AlphabetMainContainer {
    overflow:auto;
    border-bottom:solid 2px #1976d2;
        max-height: 300px;
}*/

.jsHorizontalDropDownItem {
    font-family: SlateL;
    font-size: 14px;
    padding: 10px 20px;
    width: auto;
    border: solid 1px transparent;
    color: #808080;
    text-transform: uppercase;
    background-color: #fbfbfb;
}

    .jsHorizontalDropDownItem:hover {
        cursor: pointer;
        background-color: #E6F2FA;
        color: #1976d2;
        border: 1px solid #1976d2;
        border-radius: .50em;
        padding: 9px 19px;
    }

.jsHorizontalDropDownItemSpan {
    /*padding: 0 10%;*/
    text-transform: uppercase;
}

.jsHorizontalDropDownItemMatch {
    color: #E95930;
}

.divjsHorizontalDropDownItemSelected {
    font-family: SlateL;
    font-size: 10px;
    width: auto;
    position: absolute;
    left: 20px;
    margin-top: -30px;
    color: #1976d2;
}

.divjsHorizontalDropDownAfterInitial {
    font-family: SlateL;
    font-size: 10px;
    width: auto;
    position: relative;
    line-height: 1px;
    margin-top: 0px;
    color: #1976d2;
}

.imageOnOff {
    text-decoration: underline;
}

/*.jsDropDownHorizontalOptions:not(:hover)   {
    color:red
}*/
/******************************************END***********************************/
.divGenericDropdown {
    width: 100%;
    border-left: solid 1px #CCC;
}

    .divGenericDropdown:last-child {
        border-right: solid 1px #CCC;
    }

div[id='divGenericAttributes'] div.k-content {
    border-bottom: none !important;
}

div[id='divTheraputicAttributes'] div.k-content {
    border-bottom: none !important;
}

.CoreDropdownsAboveProducts {
    font-family: RobCL;
    font-size: 24px;
    margin-left: 10px;
    display: flex;
    height: 24px;
    float: right;
}

/*********************END***************************************/

/**************************************GERARD CORE PRODUCTS*********************/
.CoreTabText {
    font-family: RobCL;
    font-size: 11px;
    color: black !important;
    text-align: center;
    /*padding-left:10%;*/
    /*border-top:solid 1px #CCC;
    border-left:solid 1px #CCC;*/
    /*min-height:40px;*/
}

.CoreTabContainer {
    cursor: pointer;
    /*padding-bottom: 15px;*/
}

.CoreDropdownContainer {
    padding-top: 10px;
    border: solid 1px #CCC;
    margin-right: 14px;
    height: auto;
    display: none;
}

/*div.CoreProductTabs li.k-state-active.k-item.k-tab-on-top.k-state-default {
    width: 15%;
    /*height: 50px;*
    background-color: white !important;
    margin-right: 0px;
    margin-top: 1px;
    border-radius: 0px;
    z-index: 0;
    border-left: solid 0px #CCC;
    border-top: solid 0px #CCC;
    border-right: solid 0px #CCC;
    border-bottom: solid 1px #CCC;
}*/

div.CoreProductTabs ul:not(.k-panelbar) li.k-item {
    text-align: left !important;
    width: auto;
    min-width: 25%;
    border-radius: 0px;
}

.CoreTabTextActive {
    border-bottom: solid 2px #1976d2;
}

.CoreProductTabs #tabstripFull-1 {
    margin-top: 1px;
    height: 708px;
}

.CoreGridDetailCloseButtonComplete {
    font-family: RobCL;
    font-size: 14px;
    position: absolute;
    top: 66px;
    right: 5px;
    width: 80px;
    margin-right: 0px;
    cursor: pointer;
    z-index: 1;
}

    .CoreGridDetailCloseButtonComplete span {
        margin-top: 50px !important;
        margin-left: -10px !important;
    }

.CoreProductTabs .k-item.k-state-default.k-last {
    border-right: 0px;
}

.CoreProductTabs .PILeft {
    margin-left: -12px;
    border: 0px;
    padding-top: 2px;
}

.CoreProductsContainer {
    margin-top: 3px;
    border: solid 1px #CCC;
    margin-right: 14px;
    height: 306px;
}

.CoreTopWarningContainer {
    border: solid 1px #CCC;
    height: 30px;
    margin-left: -21px;
}
/*.CoreTopWarningContainer span:after {
    content: 'CORE BUNDLE MUST CONTAIN A SELECTION OF 3 TOPS AND 2 PANTS';
    font-family:SlateL;
    align-content:center;
    text-align:center;
    margin-left:45px;
    margin-top:30px

    }*/
/*.CoreTopWarningContainer span {

    }*/
.CoreProductTabs .PIRight {
    width: 35% !important;
    padding-top: 5px;
}

.CoreWarningText {
    color: red;
    font-family: SlateL;
    align-content: center;
    text-align: center;
    margin-left: 45px;
    margin-top: 30px;
}

.CoreWarningOuterContainer {
    margin-top: 6px;
}

.CoreRightMiniCart {
    border: solid 1px #CCC;
    height: auto;
    margin-left: -1px;
    margin-top: 8px;
    margin-right: -1px;
    position: relative;
    min-height: 340px;
}

.AllCoreProducts {
    border: solid 1px #CCC;
    height: 100px;
}

.CoreAboveProduct {
    border: solid 1px #CCC;
    height: 44px;
    width: 100%;
    padding-top: 12px;
}

    .CoreAboveProduct .jsHorizontalDropDown {
        margin-top: 6px;
        height: 34px;
    }

    .CoreAboveProduct .jsHorizontalDropDownTitle {
        display: block;
        top: -1px;
        left: 10px;
    }

    .CoreAboveProduct .divPricingComparisonDropdown:last-child {
        padding-right: 40px;
        min-width: 132px;
    }

    .CoreAboveProduct .jsHorizontalDropDownTextValue {
        padding-top: 11px;
        padding-left: 6px;
        font-size: 14px !important;
    }

    .CoreAboveProduct .seljsDropDownClicked, .CoreAboveProduct .seljsDropDownHorizontal {
        height: 35px;
    }
    /*.CoreAboveProduct .seljsDropDownClicked, .CoreAboveProduct .seljsDropDownHorizontal {
        border-left: solid 1px #CCC;
    }*/
    .CoreAboveProduct .jsDropDownHorizontalOptions {
        margin-top: 0px;
        min-width: 186px;
    }

    .CoreAboveProduct .HrBorderLeft {
        display: block;
    }

.HrBorderLeft {
    height: 65%;
    margin-top: 5px;
    width: 1.4px;
    background-color: #CCC;
    display: none;
}

.jsHorizontalSelected {
    margin-top: 13px;
    height: 35px;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-top: solid 1px #CCC;
}
/********************************************END********************************/
/**************************************GERARD BUDGET DROPDOWN*******************/
.BudgetContainer {
    height: auto;
    padding-bottom: 10px;
}

.BudgetDiv {
    display: flex;
    width: 100%;
    font-size: 12px;
    font-family: SlateL;
    padding-top: 15px;
}

.BudgetLabel {
    float: left;
    width: 40%;
}

.jsDropDownProductOptions {
    width: auto !important;
    background-color: white;
    border: solid 1px #CCC;
    /*border-top: solid 1px #FAFAFA;*/
    position: absolute;
    z-index: 1;
    display: none;
    z-index: 2;
    min-width: 186px;
}

.ColorRed {
    color: red !important;
}

.ColorWhite {
    color: white !important;
}

.ColorBlack {
    color: black !important;
}

.BudgetLeftDiv {
    width: 15%;
}

.BudgetRightDiv {
    width: 10%;
}

.BudgetCenterDiv {
    width: 65%;
}

.BudgetPricing {
    float: right;
    width: 47%;
}

.BorderBottom {
    border-bottom: solid 1px #CCC;
}
/*******************************************END*********************************/

/***********************************GERARD Loan Agreement**********************/
.LoanContainer {
    height: auto;
    padding-bottom: 4px;
}

.jsDropDownLoadAgreementOptions {
    width: auto !important;
    background-color: white;
    border: solid 1px #CCC;
    /*border-top: solid 1px #FAFAFA;*/
    position: absolute;
    z-index: 1;
    display: none;
    z-index: 2;
    right: 39px;
    min-width: 65%;
    max-width: 65%;
    font-size: 12px;
    font-family: SlateL;
    max-height: 382px;
}

.AgreementDiv {
    white-space: pre-wrap;
    padding-left: 10px;
    /*padding-top:10px*/
}

.EmployeeSignatureDiv {
    height: 200px;
    border: solid 1px #CCC;
    width: 99%;
    margin-left: 3px;
}

.SignatureTopDiv {
    width: 100%;
}

.Margin6px {
    margin: 6px;
}

#sketch {
    border: 10px solid gray;
    height: 100%;
}

.SignatureDiv {
    height: 100%;
    padding-top: 20px;
}

.CoreAboveProduct .kbw-signature {
    width: 870px;
    margin-left: -117px;
    height: 180px;
}

.CoreBundleDropdowns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.CoreBundleDropdownsDiv .divPricingComparisonDropdown:last-child, .CoreBundleDropdownsDiv .divPricingComparisonDropdown:nth-last-child(2) {
    display: none;
}

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

.CoreBreadCrumbsDiv .divBreadCrumbsDropdown {
    padding-left: 4px;
    margin-top: -17px;
}

.CoreBreadCrumbsDiv .jsHorizontalDropDownTextValue {
    padding-top: 22px;
}

/*******************************************END********************************/


/*************************************Gerard Image Product Scroller***********/
.ProductScrollerFilter {
    width: 100%;
    height: 20px;
    /*border:solid 1px #CCC;*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 13px;
}

.ProductScroller {
    width: 100%;
    height: 287px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*border : solid 1px #CCC;*/
    overflow: hidden;
    position: relative;
}

.ProductScroller .ProductImageContainer {
    margin: 0 36px;
}

.ProductImageScrollerContainer {
    /* width: 25%; */
    height: 100%;
    min-width: 154px;
    position: relative;
    min-height: 31%;
    max-width: 200px;
}

.ProductImageContainer img {
    height: 42%;
    margin-top: 11px;
    min-height: 130px;
    min-width: 185px;
    max-height: 175px; /*HH*/
}

.ProductImageContainer:hover {
    min-height: 31%;
    height: 31%;
    max-height: 31%;
}

.ProductText {
    text-align: left;
    font-family: RobotoM;
    /* color: #1976d2; */
    color: #666;
    font-size: 13px;
    font-weight: normal;
    font-size: 13px;
    white-space: normal;
    width: 94%;
    height: 34px;
    line-height: 19px;
}

.ProductBundleTextPrice {
    text-align: left;
    font-family: SlateL;
    color: red;
    font-size: 17px;
    padding-top: 22px;
}

.ProductBundleTextPriceNotSpecial {
    text-align: left;
    font-family: SlateL;
    /*color: red;*/
    font-size: 17px;
    padding-top: 22px;
}

.ProductBundleContainerArrow {
    min-width: 4%;
    height: auto;
}

.ProductContainerCenter {
    min-width: 40%; /*Updated from 90% - HH*/
    width: 100%;
    height: 280px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
}

.ProductWholeSalerName {
    font-family: RobotoM;
    font-size: 10px;
    color: #1976D2;
    letter-spacing: 0px;
    text-align: left;
    line-height: 9px;
}

.ProductContainerCenter .ProductNewTab {
    padding: 0 !important;
    cursor:pointer;
}

.ProductContainerCenter .ProductNewTab:link, .ProductContainerCenter .ProductNewTab:visited, .ProductContainerCenter .ProductNewTab:active {
    text-decoration: none;
    border: 0px solid;
}

.CheckoutCartAddToCartItemsButton {
    text-align: center;
}

.CheckoutCartAddToCartItemsButton .QTYinnerContainer {
    min-width: 108px !important;
}

.CheckoutCartItemOuterDiv {
    position: absolute;
    width: 26%;
    margin: 0px;
    padding: 0px;
    left: 36%;
}

.LeftRightArrowProductBundle {
    font-size: 46px;
    padding-top: 9%;
    cursor: pointer;
    color: #CCC;
    height: 204px;
}

.ProductOrderContainer {
    width: 90%;
    height: auto;
    display: flex;
    padding-top: 8px;
    display: none;
}

.ProductInnerContainer {
    float: left;
    width: 43%;
    border: solid 1px #CCC;
    height: 40px !important;
    cursor: pointer;
    background-color: red !important;
}

.ProductInnerContainerSpan {
    text-align: center !important;
    padding-top: 3px;
}

.ProductOrderContainer .ProductInnerContainer:last-child {
    background-color: #aada09;
}
/*Size Dropdown*/
.SizeDropdownContainer {
    width: 36%;
    /*margin-left: -2px;*/
    float: left;
    /*border: solid 1px #CCC;*/
    height: auto;
    position: absolute;
    background-color: #FAFAFA;
    top: 14%;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-top: 2px;
    display: none;
}

.SizeDropdownInner {
    width: 77%;
    padding: 4px;
    border: solid 1px #CCC;
    height: 20px;
    background-color: #fbfbfb;
    text-align: center;
    font-family: RobCL;
    margin-top: 1px;
    margin-left: 0.1px;
}
/*QTY Dropdown*/
.QtyDropdownContainer {
    width: 37%;
    margin-left: 39.3%;
    float: left;
    border: solid 1px #CCC;
    height: auto;
    position: absolute;
    background-color: #FAFAFA;
    top: 157%;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-top: 3px;
    display: none;
}

.QtyPantsDropdownContainer {
    width: 37%;
    margin-left: 39.3%;
    float: left;
    border: solid 1px #CCC;
    height: auto;
    position: absolute;
    background-color: #FAFAFA;
    top: 157%;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-top: 3px;
    display: none;
}
/*.SizeDropdownContainer {
    width: 37%;
    margin-left: 39.3%;
    float: left;
    border: solid 1px #CCC;
    height: auto;
    position: absolute;
    background-color: #FAFAFA;
    top: 157%;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-top: 3px;
    display: none;
}*/

.QtyDropdownInner {
    width: 77%;
    padding: 4px;
    border: solid 1px #CCC;
    height: 20px;
    background-color: #fbfbfb;
    text-align: center;
    font-family: RobCL;
    margin-top: 1px;
}

.SizeQtyContainer {
    border: solid 1px #CCC;
    height: auto;
    width: 80%;
    margin-top: -144px;
    position: absolute;
}
/*Size and Qty styling*/
.SizeDropdownInner:hover, .QtyDropdownInner:hover {
    background-color: white;
    border: solid 1px #1976d2;
}

.ProductsInCartBundleContainer {
    display: flex;
    border-bottom: solid 1px #CCC;
    height: 51px;
    width: 100%;
}

.ProductsInCartBundleTradePriceContainer {
    display: flex;
    border-bottom: solid 1px #CCC;
    height: 51px;
    width: 100%;
}

.ProductsInCartBundleSortByContainer {
    display: flex;
    border-bottom: solid 1px #CCC;
    height: 51px;
    width: 100%;
}

.BundleProductName {
    font-family: RobCL;
    width: 90%;
    padding-top: 10px;
    padding-left: 13px;
}

.BundleSize {
    font-family: RobCL;
    width: 10%;
    padding-top: 10px;
    text-align: center;
}

.BundleQTy {
    font-family: RobCL;
    width: 10%;
    padding-top: 10px;
}

.ProductBundleInnerContainer {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.BundleProductName span {
    font-family: SlateL !important;
    padding-left: 1px;
}

.BundleProductSubcart {
    font-family: SlateL;
    font-size: 10px;
    color: Gray;
}

.ProductBundleImage {
    float: right;
    padding-right: 10px;
    padding-top: 12px;
}

.BundleCloseImg {
    width: 8%;
}

.TotalBundlePrice {
    font-family: SlateL !important;
    font-weight: normal;
    font-size: 19px;
}

.ProductFilterContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.TopAttrubuteContainer {
    width: auto;
    margin-left: 15px;
    padding-top: 5px;
    font-family: SlateL;
}

    .TopAttrubuteContainer:hover {
        border-bottom: solid 1px #306EBE;
        color: #306EBE;
        cursor: pointer;
    }

.TopAttrubuteContaineractive {
    border-bottom: solid 1px #306EBE;
    color: #306EBE;
}

.TopRightAttrubuteContainer {
    width: auto;
    padding-top: 5px;
    padding-left: 10px; /*HH*/
    font-family: SlateL;
    float: right;
    padding-right: 10px; /*updated from 5px - HH*/
    color: #808080;
}

.ProductFilterLeftInner {
    width: 90%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
}

.ProductFilterRightInner {
    width: 10%;
}

.width100 {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.CoreProductTabs .k-content.k-state-active {
    /*border: solid 1px white !important;*/
    border-top: solid 1px #CCC !important;
}

.CoreProductTabs .SizeDropdownContainer {
    width: 36%;
    /* margin-left: -2px; */
    float: left;
    border: solid 1px #CCC;
    height: auto;
    position: absolute;
    background-color: #FAFAFA;
    top: 17%;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-top: 2px;
    display: none;
}

.CoreAboveProduct .jsDropDownSelMask {
    padding-top: 0px !important;
    font-size: 14px !important;
}

.CoreAboveProduct .jsHorizontalDropDownTitle {
    font-size: 9px;
}

.CoreAboveProduct .jsDropDownValue {
    font-size: 14px !important;
}

.BundleButtonStyle {
    width: 100%;
    background-color: #1976D2;
    border: solid 1px #1976D2;
    color: white;
}

.BundleButtonStyleDisabled {
    width: 100%;
    background-color: #a5a5a5;
    border: solid 1px #a5a5a5;
    color: white;
}

.BundleButtonStylespan {
    color: white;
    position: relative;
}

.ProductBundleAddButton {
    bottom: 0%;
    position: absolute;
    width: 100%;
}

.ProductBundleSoldBy {
    padding-bottom: 39px;
}

.BundleButtonError {
    background-color: #C62C2C;
    border: solid 1px #C62C2C;
    color: white;
}

/*All Producsts Scroller*/
.AllProductsBundle {
    width: 98%;
    border: solid 1px #CCC;
    height: auto;
    position: absolute;
    bottom: 3%;
    left: 0.4%;
}

    .AllProductsBundle .ProductImageContainer {
        min-width: 181.4px !important;
    }

.CoreProductsContainer .ProductImageContainer {
    min-width: 158px;
}

.ColourContainer {
    width: 28%;
    border: solid 1px #CCC;
    position: absolute;
    left: 19%;
    top: 100%;
    z-index: 100;
    background-color: #FAFAFA;
    padding-bottom: 4px;
    padding-top: 4px;
    display: none;
}

.ContainerClothingDropDown {
    width: 28%;
    border: solid 1px #CCC;
    position: absolute;
    left: 2%;
    top: 100%;
    z-index: 100;
    background-color: #FAFAFA;
    padding-bottom: 4px;
    padding-top: 4px;
    display: none;
}

.ProductDropdownImage {
    width: 8px;
    height: 6px;
    padding-bottom: 3px;
    padding-left: 1px;
    margin-top: 1px;
}

.ColourInnerContainer {
    width: 95%;
    height: 30px;
    border: solid 1px #CCC;
    border-radius: 3px;
    background-color: white;
    text-align: center;
    /* padding-left: 1px; */
    margin-left: 4px;
    margin-top: 1px;
}

    .ColourInnerContainer:hover {
        border: solid 1px #054F86;
        cursor: pointer;
    }

.InnerContainerClothing {
    width: 95%;
    height: 30px;
    border: solid 1px #CCC;
    background-color: white;
    border-radius: 3px;
    text-align: center;
    /* padding-left: 1px; */
    margin-left: 4px;
    margin-top: 1px;
}

    .InnerContainerClothing:hover {
        border: solid 1px #054F86;
        cursor: pointer;
    }

.AllProductsBundle .ColourContainer {
    left: 12%;
}
/*******************************************END******************************/



/********************************Gerard Capex*******************************/
.Full_Capex {
    font-family: RobCL;
    font-size: 24px;
    margin-left: 10px;
    display: flex;
    /*min-height:60px;*/
    height: 24px;
}

.CapexTabs .jsDropDownTitle {
    left: 9px;
}

.CapexTabs .jsDropDown > .jsDropDownTitle {
    display: block;
}

.CapexTabs .seljsDropDown:hover .jsDropDownOptionsHeadingChange {
    display: none;
}

.CapexTabs .jsDropDown:hover {
    background-color: white;
}

.backgroundcolorwhite {
    background-color: white;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.FixedHold {
    border: solid 1px #1976D2;
    width: 84px;
    height: 30px;
    color: black;
    background-color: white;
    margin-top: 24px;
    margin-left: 5px;
    font-size: 15px;
    text-align: center;
    font-family: RobCL;
    border-radius: 4px;
}

.MoveAble {
    border: solid 1px #1976D2;
    width: 100px;
    height: 30px;
    color: black;
    background-color: white;
    margin-top: 24px;
    margin-left: 17px;
    font-size: 13px;
    text-align: center;
    font-family: RobCL;
    border-radius: 4px;
}

.FixedHoldspan {
    margin-top: 6px;
}

.MoveHoldspan {
    margin-top: 8px;
}

.seljsLease {
    height: 56px;
    width: 100%;
    margin-left: 0px;
    margin-right: 10px;
}

.FixedHold:hover, .MoveAble:hover {
    color: white;
    background-color: #1976D2;
}

.InputAddInformation {
    margin-top: 25px;
    margin-left: 7px;
    border: none;
    width: 100%;
}

    .InputAddInformation:focus {
        border: none;
        outline: none;
    }

.pnlAdditionalInfoCapex {
    display: none;
}

    .pnlAdditionalInfoCapex .seljsDropDown:hover {
        border-left: 1px solid white;
    }

    .pnlAdditionalInfoCapex .jsDropDownTitle:hover {
        border-left: 1px solid white;
    }

    .pnlAdditionalInfoCapex .jsDropDown:hover {
        border-left: 1px solid white;
    }

.CapexOuterContainer {
    width: 100%;
    height: auto;
    position: relative;
}

.CapexProductContainer {
    width: 100%;
    height: 132px;
    border: solid 1px #CCC;
    margin-top: 6px;
}

.CapexProductInnerContainer {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.CapexProductImgContainer {
    width: 20%;
}

    .CapexProductImgContainer img {
        height: auto;
        width: auto;
        margin-top: 20px;
        margin-left: 49px;
        max-width: 53%;
        max-height: 112px;
    }

.CapexProductName {
    font-family: RobCL;
    font-size: 18px;
    padding-top: 7px;
    width: 100%;
    position: relative;
}

.DownArrowCapexListView {
    margin-top: 1px;
    width: 7px;
    height: 5px;
    content: url('../../../Images/DropDown/Dropdownicon.png');
    background-repeat: no-repeat;
}

.CapexProductName .DownArrowListView:hover {
    margin-top: 1px;
    width: 7px;
    height: 5px;
    content: url('../../../Images/DropDown/DropdowniconRO.png');
    background-repeat: no-repeat;
}

.UpArrowListView {
    margin-top: 1px;
    width: 7px;
    height: 5px;
    content: url('../../../Images/DropDown/DropdowniconUp.png');
    background-repeat: no-repeat;
}

.ProductInsideDiv {
    position: relative;
    width: 100%;
}

.CapexProductNumber {
    font-family: SlateL;
    font-size: 16px;
    position: absolute;
    font-weight: normal;
}

.CapexPartNumberText {
    /*padding-top: 46px;*/
    color: #CCC;
    font-size: 13px;
}

.ExtraInfoBox {
    width: 14%;
    position: relative;
    /*text-align: center;*/
}

.ExtraInfoBoxContainer {
    display: flex;
    width: 100%;
    position: relative;
    padding-top: 37px;
}

.CapexProductNumber img {
    margin-top: 0px;
}

.ProductInFoBoxQTY {
    margin-left: 5px;
    padding-right: 3px;
    padding-left: 4px;
    width: 8%;
    height: 48px;
    border: solid 1px #CCC;
    text-align: center;
}

.ProductInFoBoxWarranty {
    margin-left: 46px;
    padding-right: 8px;
    padding-left: 10px;
    width: 10%;
    height: 48px;
    border: solid 1px #CCC;
}

.ExtraInfoBox .DownArrowListView {
    width: 7px;
    height: 5px;
}

.ProductNameDropDownDiv {
    width: 37%;
    background-color: #FAFAFA;
    height: auto;
    position: absolute;
    z-index: 2;
    border: solid 1px #CCC;
    font-family: RobCL;
    font-size: 16px;
    padding-left: 10px;
    padding-top: 10px;
    display: none;
    padding-bottom: 10px;
}

.ProductNameDropDownInnerDiv {
    width: 97%;
    background-color: white;
    height: auto;
    border: solid 1px #CCC;
    margin-top: 7px;
}

.CapexProductName:hover {
    cursor: pointer;
}

.InnerProductContainer {
    width: 100%;
    display: flex;
    border-bottom: solid 1px #CCC;
    height: 66px;
    min-height: 65px;
    border-left: solid 1px #CCC;
}

.InnerProductContainerImg {
    width: 14%;
    /*height: auto;*/
    padding: 9px;
    padding-bottom: 5px;
}

.InnerProductContainerProductName {
    padding-left: 10px;
    padding-top: 23px;
    width: 46%;
}

.InnerProductContainerTradePrice {
    /* padding-left: 50px; */
    padding-top: 23px;
    font-family: SlateM;
    font-weight: normal;
    /* float: right; */
    width: 30%;
}

.InnerProductContainer:hover {
    cursor: pointer;
    border-left: solid 3px #1976d2;
    margin-left: -2px;
}

.ProductQTYDropDownDiv {
    width: 7.6%;
    background-color: #FAFAFA;
    height: auto;
    position: absolute;
    z-index: 2;
    border: solid 1px #CCC;
    font-family: RobCL;
    font-size: 16px;
    padding-left: 10px;
    padding-top: 10px;
    display: none;
    padding-bottom: 5px;
    left: 14.5%;
    top: 101%;
}

.ProductQtyDropDownInnerDiv {
    width: 100%;
    background-color: white;
    height: auto;
    border: solid 1px #CCC;
    margin-top: -6px;
    margin-left: -6px;
}

.InnerQtyContainer {
    width: 100%;
    /*display: flex;*/
    border-bottom: solid 1px #CCC;
    height: 31px;
    /*border-left: solid 1px #CCC;*/
    text-align: center;
}

.ProductInFoBoxQTY:hover {
    cursor: pointer;
}

.InnerQtyContainer:hover {
    border-left: solid 3px #1976d2;
    cursor: pointer;
    margin-left: -3px;
}

.CapexQtyTextbox:read-only {
    outline: none;
}

.CapexQtyTextbox:focus {
    border: none;
    outline: none;
}

.CapexQtyTextbox {
    width: 39%;
    height: 10px;
    text-align: center;
    margin-left: 6px;
    margin-top: 1px;
    border: none;
}

.ProductWarrantyDropDownDiv {
    width: 19.6%;
    background-color: #FAFAFA;
    height: auto;
    position: absolute;
    z-index: 2;
    border: solid 1px #CCC;
    font-family: SlateL;
    font-size: 16px;
    padding-left: 10px;
    padding-top: 10px;
    display: none;
    padding-bottom: 5px;
    left: 27.3%;
    top: 101%;
}

.InnerQtyLeftContainer {
    width: 40%;
    float: left;
    margin-top: 4px;
    padding-left: 10px;
}

.InnerQtyRightContainer {
    width: 50%;
    float: left;
    margin-top: 4px;
}

.WarrantyMonthlyList {
    float: right;
    padding-right: 7px;
}

.DownSmallArrow {
    width: 100px;
    height: 40px;
    background-image: url('../../../Images/DropDown/Dropdownicon.png');
    background-repeat: no-repeat;
    background-position: right top;
    margin-left: 40px;
    margin-top: 22px;
}

.Signaturebtn {
    color: white;
    font-family: SlateL;
    width: 63px;
    font-weight: normal;
    font-size: 12px;
    margin-right: 3px;
    background-color: #0072C5;
}

.SignaturebtnDiv {
    position: relative;
    top: -22%;
    float: right;
}

.Signaturebtn:last-child {
    margin-right: 9px;
}

.LoanAgreement_UL {
    list-style-type: disc;
    padding-left: 16px;
    padding-right: 3px;
}

.AllProductsBundle .ProductOrderContainer .ProductInnerContainer:last-child {
    background-color: #FFFFFF;
    color: black !important;
}

.AllProductsBundle .ProductOrderContainer .ColorWhite {
    color: black !important;
}

.btnalwayshide {
    display: none;
}

.ImageScrollerbtn {
    font-family: SLATERL;
    width: 18%;
    font-weight: normal;
    font-size: 12px;
    margin-right: 3px;
    background-color: #AADA09;
    border-color: #AADA09;
    color: white;
    height: 26px;
}

.AllProductsBundle .ProductInnerContainer {
    width: 33%;
}

/************************************END***********************************/

/*******************************GERARD Main Menu Scroller**************************************/

.MainMenuScroller .ProductImageContainer {
    min-width: 186px; /*Updated from 186px. HH*/
}

.MainMenuScroller .ProductFilterRightInner {
    width: 10%;
    color: black !important;
    float: right;
}

.MainMenuScroller .TopRightAttrubuteContainer {
    color: black !important;
}

.MainMenuScroller .ProductImageContainer:hover {
    cursor: pointer;
}

.MainMenuScroller .List_TradePrice {
    color: black;
}

.MainMenuScroller .SizeDropdownContainer {
    width: 94%;
    top: auto !important;
}

.MainMenuScroller .ProductImageContainer img {
    height: 56%;
    min-height: 185px;
}

.MainMenuScroller .GridViewAddToCartButton {
    position: initial;
    display: block;
}

.MainMenuScroller .ProductContainerCenter {
    height: 336px;
}

.MainMenuScroller .ProductScroller {
    height: 100%; /*Updated from 100%. HH*/
}

.MainMenuScroller .MATC_AddToCartButtonWithOptionNoButton {
    margin-left: 115px;
    width: 56px !important;
    height: 24px;
}

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

.MainMenuScroller .MATC_spanMinus {
    top: -20px;
    left: 10px;
}

.MainMenuScroller .MATC_divPriceQtyIncDec {
    width: 34px;
    height: 24px;
}

.MainMenuScroller .MATC_spanPlus {
    top: -19px;
    left: 5px;
}

.MainMenuScroller .ProductQuantity {
    height: 15px;
}

.MainMenuScroller .MATC_AddToCartButtonWithOptionNoButton span {
    position: relative;
    top: 4px;
    left: 4px;
}

.MainMenuScroller .SizeDropdownContainer {
    display: none;
}

.MainMenuScroller .ProductImageContainer:hover .SizeDropdownContainer {
    display: block;
}

.MainMenuScroller .MATC_Hidden {
    display: block;
}

.MainMenuScroller .spinnerButton {
    height: 10px;
    width: 10px;
}

.MainMenuScroller .btnAddingText {
    top: 2px !important;
    left: 3px !important;
    position: relative;
}

.AllProductsBundle .SizeDropdownContainer {
    width: 28% !important;
}

.AllProductsBundle .QtyPantsDropdownContainer {
    width: 28% !important;
    margin-left: 30.3% !important;
    padding-left: 2px !important;
}

.AllProductsBundle .QtyDropdownContainer {
    width: 28% !important;
    margin-left: 30.3% !important;
    padding-left: 2px !important;
}
/**************************************END****************************************************/


/*****************************GERARD Grid view Supplier**************************************/
.GridProductContainer .SupplierDropDown {
    border: solid 1px lightgray;
    height: auto;
    width: 152%;
    margin-top: 295px;
    margin-left: auto;
    z-index: 1;
    background-color: #FAFAFA;
    position: absolute;
    /*display:block !important;*/
}

/*******************************************************************************************/
/***Main Categories**/
.MainCategoriesItem {
    font-family: SlateL;
    font-size: 14px;
    width: 100%;
    padding-top: 0px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

    .MainCategoriesItem h2 {
        font-size: 16px;
        font-weight: normal;
        text-transform: uppercase;
        font-family: RobCLR;
        margin-top: 20px;
        margin-bottom: 10px;
    }

.MainCategoriesItemHeading {
    font-family: RobCLR;
    margin: 15px 0;
    font-weight: normal;
    color: black;
    font-size: 18px;
}

/**overwite styles for catogories dropdown(flyout)***/
.divContentFlyout {
    border: solid 1px #f2f2f2;
    background-color: #FBFBFB;
    position: absolute;
    top: -1px !important;
    z-index: 1000;
    left: 204px !important;
    width: 1161px !important;
}

.divAllCategoriesFlyoutMenu .SelectedDDOption {
    font-family: SlateL;
    font-size: 14px;
}

.divAllCategoriesFlyoutMenu .divDDMenuOptionsTopLine {
    position: absolute;
    width: 98%;
    height: 1px;
    bottom: 0px;
    top: -9px;
    left: 0px;
    z-index: 1000;
    border: none;
    border-top: solid 1px #FAFAFA;
    display: none !important;
}

.divAllCategoriesFlyoutMenu div[id*='DDOptions_'] {
    display: none;
    position: absolute;
    top: 55px;
    margin-left: -1px;
    z-index: 501;
    background-color: white;
    width: 205px;
    height: auto;
    border: solid 1px #e6e6e6;
    padding: 5px;
    z-index: 554;
}

.divAllCategoriesFlyoutMenu .divDDMenuOptions {
    font-family: SlateL !important;
    font-size: 16px;
    margin-top: -1px;
    cursor: pointer;
    margin-right: 0px;
    width: 205px; /*198px*/
    height: 57px;
    background-color: #FBFBFB; /*transparent*/
    position: relative;
    margin-left: 0px;
    border: solid 1px transparent;
    border-bottom: solid 1px #f2f2f2;
}

    .divAllCategoriesFlyoutMenu .divDDMenuOptions span {
        /*position:absolute;*/
        top: 16px;
        left: 32%;
    }

.divAllCategoriesFlyoutMenu .divDDOptionsItemCount {
    float: right;
    margin-right: 25px;
}

.divAllCategoriesFlyoutMenu .divDDOptionsItem {
    width: 98%;
    height: 30px;
    color: #808080;
    margin-top: 0px;
    padding-top: 12px;
    margin-left: 10px;
    font-size: 14px;
    font-family: SlateL;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
}

div .HorizontalDivider {
    height: 1px;
    background-color: #e6e6e6;
    width: 90%;
    margin: 5px auto;
}


.divAllCategoriesFlyoutMenu .divDDOptionsItem:hover, .menuHover {
    font-weight: 400 !important;
    margin-top: 0px !important;
    font-size: 14px !important;
    padding-left: 9px !important;
    margin-left: 0px !important;
    font-size: 14px !important;
    font-family: SlaterL !important;
    z-index: 3001 !important;
    text-align: left !important;
    background-color: #ebf2ff !important;
    border: 1px solid #ebf2ff !important;
    color: #346EB9 !important;
    padding-bottom: 5px !important;
    padding-top: 4px !important;
    width: 100% !important;
    /*border-radius: .25em !important;*/
}


/*******/

/**************************************************************Gerard Shopping Cart*****************************************/
.DownArrowShoppingCart {
    width: 8px;
    height: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
}

.ShoppingCartDropdownOuterDiv {
    min-width: 270px;
    width: auto;
    height: auto;
    border: solid 1px #CCC;
    /*margin-left: 121px;*/
    position: absolute;
    background-color: #FAFAFA;
    display: none;
    z-index: 200;
    padding-right: 5px;
}

.ShoppingCartDropdownInnerDiv {
    min-width: 260px;
    width: auto;
    height: auto;
    background-color: #FFFFFF;
    margin-top: 26px;
    margin-left: 4px;
    padding-bottom: -1px;
    margin-bottom: 5px;
    border: solid 1px #CCC;
}

.ShoppingCartDropdownUpper {
    width: 95%;
    margin-left: 9px;
    margin-top: 3px;
    color: #1976d2;
    font-size: 11px;
}

    .ShoppingCartDropdownUpper :nth-child(2) {
        padding-right: 0px;
        margin-top: -7.5%;
    }

.ShoppingCartDropdownContainer {
    width: 100%;
    height: 30px;
    border-bottom: solid 1px #CCC;
    cursor: pointer;
    padding-right: 1.5px;
    line-height: 30px;
    padding-left: 5px;
    box-sizing: border-box !important;
}

    .ShoppingCartDropdownContainer:hover {
        color: #1976d2;
    }

    .ShoppingCartDropdownContainer :first-child {
        padding-left: 10px;
        padding-top: 5px;
    }

.ShoppingCartDropdownInnerDiv .ShoppingCartDropdownContainer:last-child {
    border-bottom: none;
}

.ShoppingCartDropdownContainerSelected {
    border-left: solid 3px #1976d2;
    background-color: #D8E1E8;
    color: #1976d2;
    margin-left: -3px;
    padding-right: 1px;
    width: calc(100% + 3px);
}

.ShoppingCartDropdownContainer :hover {
    border-left: solid 3px #1976d2;
    background-color: #C2D7F1;
    color: #1976d2;
    margin-left: -3px;
    height: 25px;
}

.PositionRelative {
    position: relative;
}

.BtnOuterDiv {
    position: absolute;
    left: 99.7%;
    width: 209px;
    /*margin-top: -160px;*/
}

    .BtnOuterDiv .GridProductCreateNewList {
        padding-right: 5px;
    }

    .BtnOuterDiv .MATC_AddToCartButtonWithOptionDropDown {
        opacity: initial;
        border-right: 1px solid #AAA;
        border-left: 1px solid #AAA;
        border-bottom: 1px solid #AAA;
        border-top: 1px solid #AAA;
        border-radius: .25em 0 .25em .25em;
        margin-left: -109px;
    }

        .BtnOuterDiv .MATC_AddToCartButtonWithOptionDropDown:after {
            display: block;
            content: '';
            width: 97px;
            height: 2px;
            background: #FFF;
            position: absolute;
            top: -1px;
            right: 0px;
            z-index: 500;
        }

    .BtnOuterDiv:hover .MATC_AddToCartButtonWithOptionDropDown {
        border-right: 1px solid #CCC !important;
        border-left: 1px solid #CCC !important;
        border-bottom: 1px solid #CCC !important;
        border-top: 1px solid #CCC !important;
    }

    .BtnOuterDiv .MATC_AddToCartButtonWithHTMLOption:active {
        border: 1px solid #CCC;
    }

.ulContent .FavDivText {
    margin-top: 0px;
}

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

.FavDivText {
    margin-top: 0px;
    margin-left: 20px;
    font-size: 12px;
    font-family: Slate;
    font-weight: normal;
    color: #999;
    text-overflow: ellipsis;
    max-width: 150px;
    width: auto;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.RegretsMenuProductInfoContent .FavDivText {
    height: 30px;
    line-height: 30px;
    margin-left: 0 !important;
    padding-left: 15px;
}

#UserListsGrid td:hover .RegretsMenuProductInfoContent {
    z-index: 9497;
}

.RegretsMenuProductInfoContent .FavDivText:hover {
    background-color: #e6f2ff;
}

.FavDivText:hover {
    color: #1976d2;
    /*width: 100%;*/
    max-width: none;
    cursor: pointer;
}

.BtnOuterDiv .FavDivText {
    margin-top: 3px;
    color: #808080;
}

.BtnOuterDiv .MATC_divDDOptionsItemSelected:hover {
    padding-left: 11px;
}

.BtnOuterDiv .MATC_AddToCartButtonWithOption {
    height: 36px;
    /*margin-left: 3px;*/
}

    .BtnOuterDiv .MATC_AddToCartButtonWithOption span {
        top: 4px;
    }

.BtnOuterDiv .MATC_ImgAddToCartDownArrow {
    margin-top: 11px;
}
/********************************************************************End***************************************************/


/*********************************************************GERARD NEW CHECKBOX STYLE*********************************************/
.SelectedWishListBox {
    height: 10px;
    width: 10px;
    border: #bfbfbf 1px solid;
    border-radius: .15em;
    margin-top: 15px;
    position: absolute;
    box-sizing: border-box !important;
}

.ColumnProductDetailContainer .SelectedWishListBoxInner {
    height: 8px;
    width: 8px;
    border: #1976d2;
    background-color: #1976d2;
    margin-top: 0px;
    position: relative;
    left: 0px;
    border-radius: .10em;
}

.SelectedWishListBoxInner {
    height: 8px;
    width: 8px;
    border: #1976d2;
    background-color: #1976d2;
    margin-top: 0px;
    position: relative;
    left: 0px;
    border-radius: .10em;
}

.ULProductRow .SelectedWishListBoxInner {
    height: 8px;
    width: 8px;
    border: #1976d2;
    background-color: #1976d2;
    margin-top: 0px;
    position: relative;
    left: 0px;
    border-radius: .10em;
}


/*********************************************************************END*************************************************/


/*********List View*/
.AddToCartButtonMainContainer {
    width: 60%;
    right: 0px;
    position: absolute;
}

.ListViewSingleAccountAddBlock {
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    float: none;
}

    .ListViewSingleAccountAddBlock .AddToCartParentQO {
        height: 40px;
    }

    .ListViewSingleAccountAddBlock .ATCContainer {
        box-sizing: border-box;
    }

    .ListViewSingleAccountAddBlock .AddToCartListViewButtonMainContainer {
        position: relative;
        width: 100%;
        height: 100%;
        right: 0;
    }

    .ListViewSingleAccountAddBlock .AddToCartChildQO {
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .ListViewSingleAccountAddBlock .QTYcontent {
        max-height: 40px;
        min-height: 40px;
        max-width: 40px;
        width: 100%;
        padding: 0 !important;
        float: left;
    }

    .ListViewSingleAccountAddBlock .QTYinnerContainer {
        width: 100%;
        margin-bottom: 15px;
        height: 100% !important;
    }

    .ListViewSingleAccountAddBlock .ATCElementBtn {
        margin-left: 0;
        width: 100%;
        /*margin-top: 15px;*/
        box-sizing: border-box;
    }

.AddToCartListViewButtonMainContainer .ATCB_loader {
    margin-top: 7px !important;
    margin-left: 46px !important;
}

.AddToCartListViewButtonMainContainer .btnAddingText {
    top: 26px;
    left: 34px;
}
/*********List View end*/
/*User List   (this will only apply to to the User List view) */
.UserListsGrid .k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: white;
}

#UserListsProducts > div.k-grid-header {
    border-bottom-style: none;
    border-bottom-width: 0;
}

/*DownArrow Hover*/
.TabProductsHeaderItem i {
    display: inline-block;
    opacity: 0;
    position: relative;
    margin-right: -15px;
    top: 15px;
}

.TabProductsHeaderItem:hover i {
    opacity: 1;
}
/*Class Needs to be empty, do not remove*/
.CoMoveColMd6 {
}

.MoveBack {
    color: #1976d2;
    padding-left: 1%;
    margin-top: 1%;
    /* text-decoration: underline; */
    cursor: pointer;
    background-color: white !important;
    border: 1px solid #4c84cd !important;
}
/*Login*/
.TokenExpired {
    color: red;
    font-size: 14px;
    font-family: SlateL;
    padding-left: 7%;
    padding-top: 18%;
}

.HideResetPassword {
    display: none;
}

.PasswordDontMatch {
    color: red !important;
    font-size: 13px;
    font-family: SlateL;
    padding-left: 6%;
    margin-bottom: -1.4%;
    margin-top: -3%;
}

.SubmitComplete {
    color: red !important;
    font-size: 13px;
    font-family: SlateL;
    padding-left: 6%;
    padding-top: 9%;
    margin-bottom: 18.6%;
}

.ShowPassword {
    left: 93%;
    top: -26px !important;
    font-size: 13px;
}
/***********************************************Herman Terms and Conditions container*****************************************/

.TermsAndConditionsContainer {
    width: 100vw;
    max-width: 100%;
    height: 40px;
    align-self: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #f2f2f2;
    overflow-x: hidden;
}

.TermsAndConditionsContent {
    font-family: SlateL;
    font-size: 13px;
    font-size-adjust: inherit;
    color: #0d0d0d;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    /*padding-top: 13px;*/
    width: 100%;
}

.TermsAndConditionsPopup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-color: #AAA;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.TermsAndConditionsModalContentHeader {
    padding: 15px;
    font-family: SlateL;
    font-size: 22px;
    /*background-color: #f2f2f2;*/
    color: black;
    text-align: center;
    border-radius: 10px;
}

.TermsAndConditionsModalContent {
    font-family: SlateL;
    font-size: 12px;
    position: fixed;
    /*left: 50px;*/
    /*right: 50px;*/
    background-color: #fefefe;
    margin: 4% 5%;
    padding: 30px;
    border: 1px solid #888;
    border-radius: 10px;
    width: 90%;
    height: 85%;
    overflow: auto !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animateBottom;
    -webkit-animation-duration: 0.5s;
    animation-name: animateBottom;
    animation-duration: 0.5s;
}

/* Add Animation */
@-webkit-keyframes animateBottom {
    from {
        bottom: -300px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}

@keyframes animateBottom {
    from {
        bottom: -300px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}

.TermsAndConditionsModalContent::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space */
    background: transparent; /* optional: make scrollbar invisible */
    display: none;
    -ms-overflow-style: none; /*IE 10+ & Edge*/
    overflow: -moz-scrollbars-none;
}
/* optional: show position indicator in red */
.TermsAndConditionsModalContent::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.TermsAndConditionsModalContent .close {
    color: #000;
    font-size: 28px !important;
    font-weight: normal;
    position: absolute !important;
    top: 5px !important;
    right: 10px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.TermsAndConditionsModalButton {
    background-color: #1976d2;
    color: white;
    font-size: 14px !important;
    border: none;
    border-radius: 7px;
    text-transform: uppercase;
    font-weight: normal;
    cursor: pointer;
    height: 40px;
    width: 200px;
    position: sticky;
    left: 100%;
    margin: 10px;
}

/*****************************************************Herman T's & C's END****************************************************/

/*******************************************************Gerard Regrets*******************************************************/
#RegretsProducts {
    border-top: 1px solid transparent;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    max-height: 86vh;
    max-height: calc(var(--vh, 1vh) * 86);
}

.RegretsMenu {
    /*border: solid 1px red;*/
    width: 60%;
    margin-left: 15%;
    margin-top: -7%;
    font-size: 12px;
    font-family: RobCL;
}

.RegretsMorebtn {
    margin-left: 5%;
}

    .RegretsMorebtn:hover {
        text-decoration: underline;
        color: #2B76D0;
        cursor: pointer;
    }

.ListsMoreInfo {
    right: 225px;
    top: 48px;
    font-family: SlateM;
    font-size: 12px;
    position: absolute;
    font-weight: normal;
    text-align: center;
    line-height: 40px;
    z-index: 400;
    /*background-color: #FFF;*/
    padding: 0;
    width: auto;
    padding: 0px 20px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 0.25em;
    box-sizing: border-box;
    color: #666 !important;
}

.k-grid-content .ListsMoreInfo:hover {
    border: 1px solid #64b1ee !important;
}

#ColViewSpecialInstructions .ListsMoreInfo {
    position: relative !important;
    display: block;
    padding: 0;
    top: 0 !important;
    right: 0 !important;
    width: 100%;
    line-height: 20px !important;
    height: 20px;
    text-align: right;
    padding-right: 20px;
    white-space: nowrap;
}

    #ColViewSpecialInstructions .ListsMoreInfo:hover {
        color: #1976D2 !important;
    }

#ColViewSpecialInstructions .MATC_AddToCartButton {
    right: -5px;
    top: 0;
    z-index: 499;
    height: 20px;
}

#ColViewSpecialInstructions .MATC_ImgAddToCartDownArrow {
    width: 6px;
    margin-top: 7px;
}

#ColViewAddToList .AddToCartButtonContainerEditListNonRegret {
    top: 0px !important;
    right: 0px !important;
    height: 20px;
    margin-top: 0px !important;
    margin-right: 10px;
    position: relative;
    max-width: 100% !important;
}

    #ColViewAddToList .AddToCartButtonContainerEditListNonRegret:hover {
        border: 1px solid transparent !important;
        color: #1976D2;
    }

    #ColViewAddToList .AddToCartButtonContainerEditListNonRegret .MATC_Visible {
        width: 100% !important;
        max-width: 100% !important;
    }

#ColViewAddToList .MATC_AddToCartButtonWithOption {
    height: 20px;
    line-height: 0;
    text-align: left;
}

#ColViewAddToList .FavDivText {
    text-align: left;
    line-height: 40px;
}

#ColViewAddToList .AddToCartButtonContainerEditListNonRegret .MATC_AddToCartButton {
    right: 7px !important;
}

#ColViewAddToList .bubblePopout {
    margin-left: -118% !important;
}

.ListsMoreInfo:hover {
    /*border: 1px solid #64b1ee !important;*/
    color: #1976D2;
    cursor: pointer;
}

td[role='gridcell'] .ListsMoreInfo, td[role='gridcell'] .AddToCartButtonContainerEditListNonRegret {
    opacity: 0;
}

td[role='gridcell']:hover .ListsMoreInfo, td[role='gridcell']:hover .AddToCartButtonContainerEditListNonRegret {
    opacity: 1;
}

.RegretsMenu .DownArrowListView {
    width: 8px;
    height: 4px;
    padding-bottom: 2px;
    padding-left: 1px;
    margin-top: 1px;
}

.ListsMoreInfo .DownArrowListView {
    width: 8px;
    height: 4px;
    position: absolute;
    right: 18px;
    margin-top: 9px;
}

.ListsMenuMoreContent {
    border: solid 1px #EFEFEF;
    background-color: #FAFAFA;
    margin-top: 25px;
    margin-left: -20px;
    padding-left: 10px;
    width: 100%;
    display: none;
}

.ListsMenuMoreContentInner {
    border-bottom: solid 1px #EFEFEF;
    padding-top: 5px;
    padding-left: 10px;
    height: 25px;
}

    .ListsMenuMoreContentInner:last-child {
        border-bottom: solid 1px transparent;
    }

.RegretsMenuProductInfoContent {
    height: auto;
    display: none;
    border-radius: 0 0.25em 0.25em 0.25em;
    width: 207px;
    right: 224px;
    border: 1px solid #EBEBEB;
    position: absolute;
    background-color: #FFF;
    z-index: -1;
    top: 62px;
    padding: 0px;
    overflow-y: hidden;
}

.ColumnProductDetailContainer .RegretsMenuProductInfoContent {
    top: 27px;
    right: 0;
    z-index: 99999;
}

.PIRight div[id*="TopRightInfoBlock_"] {
    box-sizing: border-box;
    padding: 0 15px !important;
}

.PIRight .ProductInfoContainer {
    float: none;
    padding: 0 !important;
    box-sizing: border-box;
}

.PIRight .RightATCInfoBlock {
    box-sizing: border-box;
}

.PIRight .ATCSuppliersPricePanel {
    float: none;
    padding: 0 0 15px;
    min-height: 100%;
    max-height: 215px !important;
    /*margin: 0 15px 0 17px;*/
}

.PIRight .ATCRightBlock {
    float: none;
    padding: 0;
}

    .PIRight .ATCRightBlock div[class*='col-md-'] {
        box-sizing: border-box;
    }

.PIRight .single-chart {
    margin-top: 13px;
    width: 60%;
}

.PIRight .pnlProductName {
    font-size: 20px;
    padding-top: 20px;
    border-bottom: solid 1px transparent;
    background-color: transparent;
    margin-bottom: 28px;
    line-height: 36px;
    font-weight: normal;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.PIRight .SwitchDurationView {
    background-color: transparent;
    top: -20px;
}

.PIRight .GraphTimePeriodDropDown {
    background-color: transparent;
}

.PIRight .AddToCartParent {
    width: 100%;
}

.PIRight .pnlAddButton {
    padding: 15px 15px 5px;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
    height: auto;
    min-height: 100%;
}

.PIRight .ATCElementBtn {
    max-height: 40px !important;
    min-height: 40px !important;
    line-height: 40px;
    box-sizing: border-box;
}

    .PIRight .ATCElementBtn div {
        margin-top: 0 !important;
        line-height: 40px;
        box-sizing: border-box !important;
    }

.PIRight .jsDropDownTitle {
    font-size: 12px;
    color: #808080;
}

.PIRight .QTYinnerContainer {
    margin: 0 !important;
}

.PIRight .ATCFullPageSuppliersButtonPanel {
    padding: 0 15px 15px;
}

    .PIRight .ATCFullPageSuppliersButtonPanel .ATCRow {
        height: 45px;
        box-sizing: border-box;
        width: 80%;
    }

.PIRight #FPSpecialInstructionsPanel {
    float: none;
    box-sizing: border-box;
}

.PIRight .SpecialInstructionsBlock {
    margin: 0 0 15px;
    height: 40px;
}

.FPTotalValue {
    position: absolute;
    right: 30px;
    top: 27px;
    font-weight: normal;
    font-size: 18px;
    color: #666;
}

.PIRight .AtcProductGraphContainer {
    margin-bottom: 15px;
}

.OpenFilterOverlay {
    position: relative;
    text-align: left;
    font-family: Slate;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-weight: normal;
    color: #666 !important;
    border: 1px solid #f2f2f2;
}

.PIRight .TimePeriodContainer {
    top: -20px;
}

.PIRight .ATCFullPageATCButton {
    margin: 0 !important;
    bottom: 0;
    /*padding: 0 15px;*/
    box-sizing: border-box;
    min-height: 45px;
}

.PIRight .pnlProductName:after, .PIRight .pnlPrice:after, .PIRight .pnlLimitedTime:after, .PIRight .pnlSuppliers:after, .PIRight .pnlAdditionalInfo:after, .PIRight .pnlFullLists:after {
    border-bottom: 1px solid transparent;
}

td:hover .RegretsMenuProductInfoContent {
    border: 1px solid #64b1ee !important;
}

.ListsMoreInfoClicked:after {
    content: '';
    width: 128px;
    position: absolute;
    display: block;
    height: 4px;
    background-color: #FFF;
    z-index: 999999999999999999999999999999999999;
    margin-left: 0px;
    bottom: 0px;
}

#ColViewSpecialInstructions .ListsMoreInfoClicked:after {
    width: 50px;
}

/*.RegretsMenuProductInfoContent:after {
    display: block;
    content: '';
    width: 80%;
    height: 5%;
    background-color: #FFF;
    position: absolute;
    bottom: 1px;
    right: 10%;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    z-index: -1;
}*/
.WPTableSubOptionsRowGeneral {
    background-color: transparent !important;
    border: none !important;
}

.WPAdditionalInfoTableGeneral tr {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

.WPTableSubOptionsRowGeneral:hover {
    color: #1976d2 !important;
    /*border: 1px solid #1976d2 !important;*/
    border-radius: 0.25em;
    background-color: #EBEBEB !important;
    cursor: pointer;
}

.ListsCheckBoxRight {
    float: right;
    width: 3%;
    height: 100% !important;
    min-height: 211px;
    margin-top: -1%;
    display: none;
}

.ListCheckBox {
    width: 20px !important;
    height: 18px !important;
    margin-left: 7px !important;
    margin-top: 10px !important;
}

.ListCheckBoxMaster {
    width: 20px !important;
    height: 18px !important;
    margin-left: 7px !important;
    margin-top: 10px !important;
}

.DropDownSupplier2 {
    border: solid 1px #d1d1d1;
    width: 330%;
    height: 36px;
    margin-left: -805%;
    margin-top: -6px;
    position: relative;
}

    .DropDownSupplier2:hover {
        border: solid 1px #AAA;
    }

.BtnOuterDiv ._CursorPointer {
    border: solid 1px transparent;
}

    .BtnOuterDiv ._CursorPointer:hover {
        border: solid 1px #1976d2;
    }

.DropDownSupplier {
    border: solid 1px transparent;
    border-bottom: none;
    width: 190%;
    height: 39px;
    margin-left: -427%;
    margin-top: -58.3%;
    position: relative;
    border-radius: .25em;
    font-family: SlateL;
    font-size: 14px;
    background-color: #FFF;
}

.UserListsGrid .ATCElementQO, .coSingleItemContainer .ATCElementQO {
    max-height: 41px !important;
    /*width:33.3333333333333%;*/
}

    .UserListsGrid .ATCElementQO:last-child {
        max-height: 41px;
    }

.UserListsGrid .ATCElementInputQO {
    height: 38px;
}

.UserListsGrid .ATCMainMultiAccountItemName {
    margin-left: -155%;
    margin-top: 10px;
    position: absolute;
    text-align: right;
    width: 140%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

.UserListsGrid .ATCMainMultiAccountItem:first-child {
    margin-top: 0px;
}

.DropDownSupplierClicked {
    border: solid 1px #e6e6e6;
    width: 190%;
    height: 39px;
    margin-left: -427%;
    margin-top: -58.5%;
    position: relative;
    font-family: SlateL;
    font-size: 14px;
    background-color: #FFF;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: .25em !important;
    border-top-right-radius: .25em !important;
}


.ListsQTYContainer * {
    pointer-events: all !important;
}

.DropDownSupplierName {
    width: auto;
    height: 29px;
    text-align: left;
    margin-top: 3%;
    margin-left: 2%;
    max-width: 145px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .DropDownSupplierName:before, .DropDownSupplierPrice:before, .DropDownSupplierSave:before, .DropDownSupplierSavePercent:before, .DropDownSupplierQuantity:before, .DropDownSupplierUnitPrice:before {
        display: block;
        top: -15px;
        left: -3px;
        color: #CCC;
        font-size: 10px;
        position: absolute;
        white-space: nowrap;
    }

    .DropDownSupplierName:before {
        content: 'Supplier Name';
        top: -7px;
        left: 9px;
    }

.DropDownSupplierPrice:before {
    content: 'Trade Price';
    min-width: 40px;
}

.DropDownSupplierSave:before {
    content: 'Save';
}

.DropDownSupplierSavePercent:before {
    content: 'Save %';
}

.DropDownSupplierQuantity:before {
    content: 'Qty';
}

.DropDownSupplierUnitPrice:before {
    content: 'Unit Price';
}

.DropDownSupplierPrice, .DropDownSupplierSave, .DropDownSupplierSavePercent, .DropDownSupplierQuantity, .DropDownSupplierUnitPrice {
    width: auto;
    height: 29px;
    text-align: left;
    margin-top: 1.5%;
    margin-left: 0;
    position: absolute;
}

.DropDownSupplierPrice {
    right: 24px;
}

.DropDownSupplierSave {
    left: 285px;
}

.DropDownSupplierSavePercent {
    left: 242px;
    min-width: 27px;
}

    .DropDownSupplierSavePercent:after, .percAfter:after {
        content: ' %';
    }

.DropDownSupplierQuantity {
    left: 166px;
}

.DropDownSupplierUnitPrice {
    left: 185px;
}

.percAfter {
    width: 38px;
}

.DropDownSupplierArrow {
    height: 29px;
    text-align: left;
    margin-top: 1.5%;
    z-index: 1;
    position: absolute;
    right: 7px;
}

.DropDownSupplierDropdown {
    width: 100%;
    height: auto;
    display: none;
    background-color: white;
    margin-left: -1px;
    position: absolute;
    z-index: 10000;
    margin-top: 3px;
    padding-top: 4px;
    border: 1px solid #1976d2;
}

.DropDownSupplierDropdownInner {
    border: solid 1px #f2f2f2;
    width: 95%;
    background-color: white;
    height: auto;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 1%;
}

.DropDownSupplierTopMenu {
    width: 95%;
    height: auto;
    display: flex;
    margin-left: 2%;
    margin-top: 1%;
}

.DropDownSupplierTopText {
    width: 50%;
    color: #3A7CC4;
}

    .DropDownSupplierTopText:first-child span {
        float: left;
        padding-left: 2%;
    }

    .DropDownSupplierTopText:nth-child(2) span {
        float: right;
        padding-left: 2%;
    }

.DropDownSupplierContentContainer {
    width: 99.3%;
    border: solid 1px #fbfbfb;
    height: 38px;
    border-radius: .25em;
}

.DropDownSupplierSpanFirstChild {
    width: 80%;
    max-width: 145px;
    float: left;
    padding-left: 2%;
    line-height: 38px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.DropDownSupplierSpanMiddleChildren, .DropDownSupplierSpanLastChild {
    width: 49px;
    float: left;
    line-height: 38px;
    padding-right: 2px;
    padding-left: 3px;
    font-size: 14px;
    text-align: right;
}

    .DropDownSupplierSpanMiddleChildren.qty {
        width: 18px;
    }

.modalOverride .DropDownSupplierSpanLastChild {
    float: right;
    position: absolute;
    right: 19px;
}

.modalOverride .DropDownSupplierSave {
    left: 301px;
}

.DropDownSupplierDropdownInner :last-child {
    border-bottom: initial;
}

.SelectedRegretSupplier {
    /*background-color:#E8F5FF;*/
    border-top: solid 1px #1976d2;
    border-bottom: solid 1px #1976d2;
    background-color: #EBEBEB;
    color: #1976d2;
    font-weight: bold;
    border-radius: 0 !important;
    /*margin-left: -1%;*/
}

.DropDownSupplierContentContainer:hover {
    background-color: #EBEBEB !important;
    color: #1976d2 !important;
    border-radius: 0 !important;
}

    .DropDownSupplierContentContainer:hover:last-child {
        border-bottom: solid 1px transparent;
    }

input[type=text].TextAddInfo {
    max-width: 100%;
    cursor: text;
}

/*input[type=text].TextAddInfo:hover {
    animation: flashText 1500ms infinite ease;
    }
    @keyframes flashText {
        0% {color:#000;
        }
        50% {color:#999;
        }
        100% {color:#000;
        }
    }*/
.ulContent .divAdditionalInfo {
    background-color: transparent;
    border-left: none;
    border-right: none;
    border-bottom: none;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ulContent .AdditonalSubContent {
    width: 100%;
}

.ulContent .k-grid tbody .k-button {
    max-width: 59.6%;
}

.ulContent .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    margin-top: 0px;
    width: 91%; /*97%*/
    left: 45px /*11px*/
}

#SelectedButtonContainer {
    background-color: transparent !important;
    font-size: 12px;
    line-height: 10px;
    position: relative;
    padding: 12px !important;
    margin-left: 70px;
    margin-top: 4px;
    height: 35px;
    top: -1px;
    font-family: RobCL;
    white-space: nowrap;
    border: 1px solid transparent;
}

    #SelectedButtonContainer:hover {
        color: #1976d2;
        cursor: pointer;
        border: 1px solid #64B1EE;
        border-radius: .15em;
    }

.divULGridHeader {
    width: 20px;
    height: 30px;
    position: absolute;
    top: -84px;
    right: 13px;
}

.divULGridHeaderLeft {
    width: 20px;
    height: 30px;
    position: absolute;
    top: 9px;
    left: 13px;
}

#addAllContainer .divULGridHeaderLeft {
    width: 100%;
    height: 30px;
    position: relative;
    top: 10px;
    left: 0;
    box-sizing: border-box !important;
    text-align: right;
}

    #addAllContainer .divULGridHeaderLeft p {
        height: 100%;
        width: 100%;
        margin: 0;
    }

.divULGridHeaderFilteredText {
    position: absolute;
    top: 5px;
    left: 10px;
    color: #CCC;
    display: none !important;
}

.divULGridHeaderLeftLink {
    cursor: pointer;
    font-size: 12px;
    font-family: SlateL;
    line-height: 100%;
    margin-top: 5px;
    min-height: 35px;
    border: 1px solid #f2f2f2;
    border-radius: .15em;
    color: #999;
    background-color: white;
    text-transform: uppercase;
}

#addAllListsText {
    margin-top: 5px;
    min-height: 35px;
    padding: 10px 15px;
    border-radius: .15em;
    background-color: #1976D2;
    border: 1px solid #1976D2 !important;
    color: white;
    transition: 0.2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.divULGridHeaderLeftLink:hover {
    background-color: #0f4d8a !important;
    border: 1px solid #0f4d8a;
    color: white;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
    transition: 0.2s;
}

.AddListToCartConfirmationItemHeading {
    padding-top: 10px;
    font-size: 20px;
    font-family: SlateM;
    height: 55px;
    padding-left: 30px;
    font-weight: normal;
    /* border-top: 1px solid #DDD; */
    background: white;
    width: 100%;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    clear: both;
    position: relative;
    /* margin-top: -2px; */
    margin: 0;
}

.addAllListsInCart {
    position: absolute;
    height: 13px;
    margin-top: 15px;
    font-size: 10px;
    line-height: 14px;
    border-radius: 0.25em;
}


.AddListToCartConfirmationContainer {
    font-family: SlateL;
    font-size: 14px;
    line-height: 30px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #EEE;
}

#wndListsAll {
    background: white;
    min-height: 100%;
    box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2);
    padding: 0 !important;
    overflow: hidden;
}
/*#wndListsAll > .k-tabstrip-wrapper{
    height: calc(100% - 20px);
}*/
#UserlistPopupTabs {
    min-height: 100%;
    height: -webkit-fill-available;
}

#wndListsAll .GeneralButtonContainer {
    margin-top: 20px;
    position: relative;
    margin-bottom: 20px;
    right: 0px;
    height: 85px;
    float: none !important;
    box-sizing: border-box;
}

#wndListsAll .k-tabstrip-items {
    padding: 0;
}

.timedSettings {
    height: 100%;
    height: -webkit-fill-available;
}

#divConfirmMessage {
    transform: scale(0.7);
    display: none;
    color: red;
    font-size: 20px;
    position: absolute;
    left: 0;
    padding: 30px;
    border-radius: 4px;
    text-align: center;
    transition: transform 500ms ease;
    z-index: 9999;
    font-family: SlateL;
}

.AddListToCartConfirmationList {
    border-bottom: solid 1px #EEE;
    font-size: 12px;
    margin-top: -10px;
}

.btnULGridAdd {
    float: right;
    width: 100%;
    height: 31px;
    text-align: center;
    line-height: 31px;
    color: white;
    padding: 0;
    cursor: pointer;
    margin: 0;
    border-radius: 0.25em;
    transition: all 300ms ease;
    font-size: 14px;
}

.NoRegretsDeletebtn {
    width: 208px;
    /*border: solid 1px #AAA;*/
    margin-left: -119%;
    margin-top: 37%;
    height: 36px;
}

/*Always show border top*/
.UserListsGrid .k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    border-top: solid 1px #f2f2f2;
}

#RegretsProducts .k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    border-top: solid 1px #f2f2f2;
}

.UserListsGrid table.k-selectable tr {
    border: solid 1px #f2f2f2;
    border-bottom: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

    .UserListsGrid table.k-selectable tr:last-of-type {
        border: solid 1px #f2f2f2;
        border-bottom: solid 1px #f2f2f2;
        border-left: none;
        border-right: 1px solid transparent;
    }

#RegretsProducts table.k-selectable tr {
    border: solid 1px #f2f2f2;
    border-bottom: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

    #RegretsProducts table.k-selectable tr:last-of-type {
        border: solid 1px #f2f2f2;
        border-bottom: solid 1px #f2f2f2;
        border-left: none;
        border-right: 1px solid transparent;
    }


.UserListLogoText {
    text-align: center;
}
/*****************************************************Gerard Regrets End*****************************************************/

/**********************************************************Order History*****************************************************/


/*.GridOrderHistoryOrders .k-link.k-header.k-state-selected.k-state-focused
{
    display:none;
}*/

#viewResults, #viewManufacturers {
    display: none;
}

    #viewManufacturers .k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
        box-sizing: border-box !important;
    }

        #viewOrders .k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
            box-sizing: border-box !important;
        }

#Grid_OrderHistory_ItemsResults .k-loading-image, #Grid_OrderHistory_Orders .k-loading-image, #Grid_OrderHistory_ManufacturerItems .k-loading-image, #RegretsProducts .k-loading-image {
    background-image: none;
}


.divSearchResultItems {
    margin-top: 0px !important;
    background-color: #fbfbfb;
}

    .divSearchResultItems .k-alt {
        background-color: #FFF;
    }

#panelbar {
    height: 150px;
}

ul[id*='PanelBarOrderHistory'] a.k-link.k-header.k-state-selected.k-state-focused {
    width: 53vw;
}

#divHistoryView {
    margin-left: -5px;
    padding: 0px;
}

div#divHistoryView label.k-checkbox-label:hover {
    text-decoration: underline;
}

div#divHistoryView label.k-checkbox-label::before {
    box-shadow: none !important;
    margin-left: 0px;
    margin-top: 2px;
    border-radius: 0px !important;
    width: 12px !important;
    height: 12px;
}

div#divHistoryView .k-checkbox-label {
    font-family: SlateL;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    padding-left: 20px;
    color: #333333;
}

.OrderHistoryContainer {
    max-width: 1366px;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

    .OrderHistoryContainer .SearchContainerElementSearch {
        height: 65px;
    }

    .OrderHistoryContainer .MainLogo {
        height: 65px;
    }

    .OrderHistoryContainer .divCartSelection {
        height: 65px;
    }

    .OrderHistoryContainer .SearchContainerElementSearch {
        width: 71%;
    }

    .OrderHistoryContainer .divMainMenuLinkItem {
        height: 43px;
    }

.btnSearch {
    padding-top: 4px;
}

.HistoryHeading td {
    border: solid 1px red;
}

#OrderHistoryControls {
    padding-top: 66px;
    margin-left: 0px;
    margin-right: 0px;
}

#divOrderHistory {
    margin-left: 0px;
    margin-right: 0px;
}

#FilterOptionSelectedID {
    border-left: 1px solid #f2f2f2 !important;
    border-right: 1px solid #f2f2f2 !important;
    border-top: 1px solid #f2f2f2 !important;
    padding-right: 10px;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.OrderHistoryLeftContainer {
    max-height: calc(100vh - 123px);
    max-height: calc((var(--vh, 1vh) * 100) - 123px);
    margin-top: 0px;
    overflow: hidden !important;
}

.OrderHistoryRightContainer {
    height: auto;
    margin-top: 0%;
    position: relative;
    padding: 0;
    border: 1px solid #f2f2f2;
}

.OrderHistoryContainer .PredictiveSearchItem {
    height: 37px;
}

.OrderHistoryContainer .PredictiveSearchItemSelected {
    height: 37px;
}

.OrderHistoryContainer .btnPredictiveSearchHistoryClear {
    height: 31px;
}

.OrderHistoryContainer .PredictiveProductRightItemButton {
    width: 236px;
}

.overview {
    width: 100% !important;
}

.HistorySearchResultItem {
    margin-top: 20px;
    min-height: 120px;
    height: auto;
    font-family: SlateL;
}


.GridOrderHistoryItems tr:hover {
    background-color: white !important;
}


.GridOrderHistoryItems tr.k-alt {
    background-color: white;
}

#Grid_OrderHistory_ManufacturerItems {
    border: none;
}

    #Grid_OrderHistory_ManufacturerItems tr.k-state-selected td {
        position: relative;
    }

        #Grid_OrderHistory_ManufacturerItems tr.k-state-selected td:after {
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: -1px;
            border-bottom: 1px solid #1976d2;
            z-index: 497;
        }

.btnHistoricOrderClose {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: #1976d2;
    color: white;
    width: 120px;
    height: 30px;
    text-align: center;
    padding-top: 15px;
    cursor: pointer;
}

.HistoryOrderNoDetails {
    font-family: RobCL;
    font-size: 24px;
    margin-top: 20%;
    text-align: center;
}

.RI_ProductName {
    margin-top: 20px;
}

.HSResultItemOrderDetails {
    cursor: pointer;
    color: #1976d2;
}

    .HSResultItemOrderDetails:hover {
        text-decoration: underline;
    }

/*.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-link
{
    color:blue;
}*/


.OrderHistorySearchElement {
    width: 100% !important;
    max-width: 100% !important;
    /*border-radius: .25em;*/
    border-color: #f2f2f2;
}

.btnOrderHistorySearchElement {
    width: 100%;
    background-color: #1976d2;
    text-align: center;
    padding-top: 6px;
    color: white;
    height: 100%;
    border-radius: .25em;
    font-family: SlateL;
}

.ListSearch {
    width: 100% !important;
    max-width: 100% !important;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    box-sizing: border-box !important;
    cursor: text !important;
    font-family: SlateL;
    font-size: 0.8em;
    text-indent: 30px;
    border: 1px solid #a4ccf4;
    min-height: 35px;
    margin-top: 2px;
    border-radius: .15em;
}

    .ListSearch:hover {
        border: 1px solid #64b1ee;
    }

.CartSearch {
    width: 100% !important;
    box-sizing: border-box !important;
    cursor: text !important;
    font-family: SlateL;
    font-size: 0.8em;
    text-indent: 25px;
    border: 1px solid #a4ccf4;
    margin-top: 0px;
    height: 30px;
    width: 80%;
    margin-bottom: 0px;
}

    .CartSearch:hover {
        border: 1px solid #64b1ee;
    }

.ElemContainer {
    width: 100%;
    /*border: solid 1px #f2f2f2;*/
    display: flex;
    font-family: SlateL;
    min-height: 50px;
    font-size: 16px;
    margin-top: 2px;
}

.CartElemContainer {
    position: relative;
    width: 300px;
    font-size: 16px;
}

.LeftElem {
    width: 80%;
}

.RightElem {
    width: 20%;
}

    .RightElem:hover {
        cursor: pointer;
    }

#divOrderHistory .k-widget.k-reset.k-header.k-panelbar {
    border: none;
    position: relative;
}

#divOrderHistory .OrderHistoryRightContainer a.k-link.k-header.k-state-selected.k-state-selected {
    border: 1px solid transparent !important;
}

    #divOrderHistory .OrderHistoryRightContainer a.k-link.k-header.k-state-selected.k-state-selected:hover {
        border-radius: 0;
        color: #1976d2 !important;
        background-color: #cce6ff !important;
    }

tr .k-item {
    border: 1px solid transparent;
}

    tr .k-item:hover {
        border: 1px solid #1976d2;
    }

tr.k-state-selected .k-item:hover {
    border: 1px solid transparent;
}

#divOrderHistory .OrderHistoryRightContainer tr.k-state-selected a.k-link.k-header.k-state-selected.k-state-selected.k-state-hover {
    border-radius: 0;
    position: relative;
    z-index: 999;
}

    #divOrderHistory .OrderHistoryRightContainer tr.k-state-selected a.k-link.k-header.k-state-selected.k-state-selected.k-state-hover:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 100%;
    }

tr.k-state-selected .k-item k-state-hover {
    border: 1px solid #1976d2 !important;
}

#divOrderHistory a.k-link.k-header.k-state-selected.k-state-selected {
    /*border: none !important;*/
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#divOrderHistory .OrdersHeaderRowMargin {
    border: none !important;
}

#divOrderHistory .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    border: 1px solid #f5f5f5;
    box-shadow: none !important;
}

#Grid_OrderHistory_Orders {
    border: none !important;
}



/**********************Order History Manufacturers and Orders panelbar styling******************************/
.DivBorders {
    height: 30px;
    padding:0px;
}

#viewManufacturers a.k-link.k-header.k-state-selected.k-state-selected, #viewOrders a.k-link.k-header.k-state-selected.k-state-selected {
    height: 45px;
    line-height: 45px;
    width: 100%;
    background-color: #FFF !important;
    border: 1px solid #FFF !important;
    box-sizing: border-box;
    font-size: 13px !important;
    padding: 0 !important;
    color: #666;
}

#viewOrders .k-grid table tr.k-state-selected a.k-link.k-header.k-state-selected.k-state-selected, #viewManufacturers .k-grid table tr.k-state-selected a.k-link.k-header.k-state-selected.k-state-selected {
    background-color: #E6F2FA !important;
}


#viewOrders .k-grid table tr.k-state-selected {
    color: #808080;
}

#viewManufacturers .k-item.k-first.k-last, #viewOrders .k-item.k-first.k-last {
    width: initial !important;
    height: 45px;
    border: none;
}

#viewManufacturers tbody tr:last-of-type {
    margin-bottom: 100px;
}

#viewManufacturers .k-icon.k-i-arrow-s.k-panelbar-expand, #viewOrders .k-icon.k-i-arrow-s.k-panelbar-expand {
    /*margin-right: 2%;*/
    /*Align Right*/
    right: 97%;
    margin-top: -0.6%;
}

#viewManufacturers .k-icon.k-i-arrow-n.k-panelbar-collapse, #viewOrders .k-icon.k-i-arrow-n.k-panelbar-collapse {
    /*margin-right: 2%;*/
    /*Align Right*/
    right: 97%;
    margin-top: -0.6%;
}

#viewOrders td#gridviewcollID {
    background-color: white;
}

#viewOrders td, #viewManufacturers td {
    padding: 0 !important;
}

#viewOrders .k-icon:before, #viewManufacturers .k-icon:before {
    background-color: transparent;
}

#viewManufacturers td#gridviewcollID {
    border: none;
    background-color: white;
}

#viewManufacturers td.k-state-selected {
    border: 1px solid #1976d2;
    border-radius: .25em;
}

.ManufacturersRowMargin {
    min-height: 49px;
    height: 100% !important;
    /*margin-left: 1% !important;*/
    padding-top: 0 !important;
    /*height: 49px;*/
    border-bottom: 1px solid #fbfbfb;
    /*margin-right: 1% !important;*/
    font-family: RobCL;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
}

.OrdersRowMargin {
    /*padding-left: 3% !important; */
    margin-top: 1.5% !important;
    margin-bottom: 1.5% !important;
    height: 50px;
    border-bottom: solid 1px #fbfbfb;
    /* margin-right: 1% !important; */
    font-family: RobCL;
    font-size: 13px;
    background-color: white;
    color: #333;
}

    .OrdersRowMargin:last-child {
        border-bottom: none;
    }

    .OrdersRowMargin img {
        max-width: 60px;
        padding-bottom: 10px;
        position: absolute;
        top: -15px;
        pointer-events: none;
    }

.ManufacturersRowMargin:last-child {
    border-bottom: none;
}

.OrdersRowSubHeading {
    /* padding-left: 2.5%; */
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    height: 30px;
    line-height: 16px;
    border-bottom: 1px solid #f2f2f2;
    margin-right: 1% !important;
    font-family: SlateL;
    font-size: 12px;
    color: #808080;
    text-indent: 5px;
}

/*.GridOrderHistoryOrders .row div, .GridOrderHistoryItems .row div {
    font-family: SlateL;
    font-size: 14px;
}*/

.OrdersHeaderRowMargin {
    /* margin-left: 2.5% !important; */
    margin-top: -5px !important;
    padding-top: 0 !important;
    /* padding-bottom: 2.2%; */
    height: 100%;
    border-bottom: solid 1px #e5e3e3;
    /* margin-right: 1% !important; */
    width: 100%;
    box-sizing: border-box;
}

.ManufacturersHearderRowMargin {
    /* height: 16px; */
    border-bottom: solid 1px #fbfbfb;
    padding: 15px !important;
    color: #bfbfbf;
    font-weight: normal;
    font-size: 11px !important;
    font-family: SlateM !important;
    text-align: left;
}

.QTYCol1 {
    margin-left: -3%;
}

.DateTimeCol1 {
    margin-left: -6%;
}

.PriceCol1 {
    margin-left: -2%;
}

.SupplierCol1 {
    margin-left: -4%;
    width: 19.4% !important;
}

.StatusCol1 {
    margin-left: -2%;
}

.StatusColorGreen {
    color: green;
}

.StatusColorOrange {
    color: orange;
}

.StatusColorRed {
    color: red;
}

.ManufacturersRowMargin .row {
    /* margin-left: 1.4% !important; */
    /* text-indent: 3%; */
    height: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 15px;
    padding-bottom: 15px;
    /* min-height: 49px; */
    box-sizing: border-box;
}

.ManufacturersHearderRowMargin .row {
    /*margin-left: 1.4% !important;*/
    text-indent: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#viewManufacturers .k-panelbar .k-content, .k-panelbar .k-item, .k-panelbar .k-panel, #viewOrders .k-panelbar .k-content, .k-panelbar .k-item, .k-panelbar .k-panel {
    border-color: white;
}

#viewManufacturers .k-panelbar .k-content, .k-panelbar .k-panel, #viewOrders .k-panelbar .k-content, .k-panelbar .k-panel {
    border-bottom-width: 0px;
}

.HistoryHeaders {
    margin-top: 0.5%;
    font-size: 11px;
    /* text-indent: 3%; */
    /* border: 1px solid #f7f7f7; */
    /*border-radius: .25em;*/
    width: 100%;
    /*max-width: 1117px;*/
    position: relative;
    height: auto;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
}

    .HistoryHeaders div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
    }

    .HistoryHeaders .UserNameColumn {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .HistoryHeaders .UserNameColumn.hidden,
    .HistoryHeaders .UserNameHeader.hidden,
    .HistoryHeaders .SiteNameColumn.hidden,
    .HistoryHeaders .SiteNameHeader.hidden {
        display: none;
    }

.HistoryHeadersTextFields {
    text-align: left;
    padding:0px;
}

#viewManufacturers .k-widget.k-reset.k-header.k-panelbar:focus, #viewOrders .k-widget.k-reset.k-header.k-panelbar:focus {
    border: solid 0px #1E72C3;
}

#viewManufacturers .k-grid .k-grid-header {
    display: none;
}

.ProductBySupplierBlock {
    display: none;
    box-sizing: border-box !important;
    /* width: 100%; */
    /* max-width: 1094px; */
    /* max-height: 40px; */
    /* height: 40px; */
    /* padding: 10px 50px 10px; */
    /* text-indent: 3%; */
    /* line-height: 20px; */
    position: relative;
    background-color: #fbfbfb;
}


.SupplierHeadersByProduct {
    /* width: 100%; */
    height: 40px;
    color: #bfbfbf;
    font-weight: normal;
    font-size: 11px !important;
    position: relative;
    font-family: SlateM !important;
    /* text-indent: -1%; */
    position: relative;
    box-sizing: border-box !important;
}

.SupplierByProduct {
    box-sizing: border-box !important;
    width: inherit;
    height: auto;
    font-family: SlateL;
    font-size: 14px;
    position: relative;
}

.SupplierProductLine {
    height: 50px;
    padding-top: 17px;
    box-sizing: border-box;
    position: relative;
    background-color: #fbfbfb;
    color: #1976d2;
    font-family: RobCL;
    font-weight: normal;
    padding-left: 0;
    padding-right: 0;
}

/******************************************************End Order History*****************************************************/

#wndTermsConditions.k-window-content.k-content, #wndPrivacyPolicy.k-window-content.k-content, #wndContactUs.k-window-content.k-content {
    font-family: SlateL !important;
    font-size: 12px !important;
    background-color: #fefefe;
    padding: 30px;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    overflow-y: scroll !important;
}

#wndTermsConditions_wnd_title, #wndPrivacyPolicy_wnd_title, #wndContactUs_wnd_title {
    font-family: RobCL_Bold !important;
    font-size: 22px !important;
    background-color: white;
    color: black;
    text-align: center;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis;
    font-weight: normal;
    font-size: 20px;
}

#wndShipAddress {
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2);
}

#wndProductCart {
    box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2);
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
}

    #wndProductCart .loader {
        margin: 0 auto;
        display: block;
        top: 48%;
    }

#UpdateAddressForm {
    box-sizing: border-box !important;
}

.k-widget.k-window {
    padding-top: 0 !important;
    max-height: 85vh;
    max-height: calc(var(--vh, 1vh) * 85);
    max-width: 1300px;
    width: auto;
    height: auto;
    margin: auto;
    border: 0px solid #f2f2f2;
    border-radius: .15em;
    left: 0 !important;
    right: 0 !important;
}

#shippingAddressModal .k-widget.k-window {
    max-height: 600px;
    max-width: 1000px;
    margin: auto;
}

#wndPrivacyPolicy h2, #wndTermsConditions h2 {
    font-size: 18px;
    margin-top: 30px;
    font-family: RobCLR;
    margin-bottom: 8px;
    font-weight: normal;
    text-transform: uppercase;
}

/*Gerard:: History Filter*/
.FilterDatePicker {
    height: 11px;
    font-size: 11px;
    font-family: SlateL;
    width: 50%;
    color: #808080;
    margin-left: 2px;
    margin-right: 2px;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
}

.PriceRangeBoxes {
    font-family: SlateL;
    font-size: 11px;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.FilterDateText::selection {
    background-color: inherit;
}

.FilterDateText {
    font-size: 13px;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

.PriceRangeTextBox::selection {
    background-color: inherit;
}

.k-animation-container ~ .k-animation-container {
    margin-top: 1%;
    margin-left: -5.8%;
}

/*#FilterDateFrom_dateview {
margin-top:1%;
}
#FilterDateTo_dateview {
  margin-top:1%;
  /*left:200px !important;
  width:500px !important;*/

/*margin-right:50%*
}*/
/****/

div[id*='FilterDateFrom'], div[id*='FilterDateTo'] {
    left: 0px !important;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #f2f2f2;
    border-radius: .15em;
    width: auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

    div[id*='FilterDateFrom']:hover, div[id*='FilterDateTo']:hover {
        background-color: #E6F2FF;
        color: #1976D2;
        border-color: #1976D2;
        box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
        font-weight: normal;
        cursor: pointer;
    }

/********************************************GERARD SLIDER*******************************/
.SliderMainContainer {
    width: 93%;
    height: 58px;
}

.SliderDivContainer {
    width: 88%;
    background-color: #1E72C3;
    height: 5px;
    margin-top: 7%;
    margin-bottom: 4%;
    margin-left: 10%;
}

.LeftMoveablePointer {
    float: left;
    height: 19px;
    width: 19px;
    background-color: #0072C5;
    /*position: absolute;*/
    margin-top: -3%;
    margin-left: 0px;
}

.RightMoveablePointer {
    float: right;
    height: 19px;
    width: 19px;
    background-color: #0072C5;
    position: absolute;
    margin-top: -2.6%;
    margin-left: 206px;
}

.SliderCircleBase {
    border-radius: 50%;
}

.LeftText {
    float: left;
}

.RightText {
    float: right;
}

.SliderTextContainer {
    width: 88%;
    margin-top: 1%;
    margin-bottom: 4%;
    margin-left: 10%;
}

.InnerSliderCircle {
    background-color: white;
    top: 22%;
    left: 24%;
    width: 55%;
    height: 55%;
    position: relative;
    border-radius: 50%;
}

.RightMoveablePointer .InnerSliderCircle {
    background-color: white;
    top: 21%;
    left: 24%;
    width: 55%;
    height: 58%;
    border-radius: 50%;
}
/********************************************END SLIDER*********************************/

.MainScrollContainer {
    bottom: 0px;
    position: absolute;
    width: 100%;
    z-index: 999;
}


.MainScrollIndicator {
    width: 124px;
    z-index: 999;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.MainScrollerCircle {
    width: 7px;
    height: 7px;
    border: solid 1px #1976d2;
    background-color: white;
    border-radius: 15px;
    opacity: 0.5;
    margin: 10px;
}

.MainScrollerCircle, MainScrollerCircleSolid :hover {
    cursor: pointer;
}

.MainScrollerCircleSolid {
    width: 7px;
    height: 7px;
    border: solid 1px #1976d2;
    background-color: #1976d2;
    border-radius: 15px;
    opacity: 0.5;
    margin: 10px;
}

/********************************Bootstrap Navbar Layout Issues********************************/

.CheckoutContentBody .COConfLeft {
    margin-top: 0;
    width: 100%;
}

#divULContent li.k-state-active.k-item.k-tab-on-top.k-state-default.k-first {
    background-color: #FBFBFB;
    top: -8px;
    /*margin-bottom: 8px;*/
    display: none;
}

#divULContent .SortFilter .MATC_AddToCartButtonWithOption span {
    margin: 0 auto;
}

#divULContent #RegretsSortField .MATC_AddToCartButtonWithOption span {
    width: 100%;
    margin-right: 0 !important;
    white-space: nowrap;
}

#RegretsSortField .MATC_ImgAddToCartDownArrow {
    margin-right: 10px;
    margin-top: 15px;
}

.OrderHistoryRightContainer .MATC_AddToCartButtonWithOption span {
    padding-top: 0;
    top: 9px;
    /*overwride*/
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 91%;
}

.OrderHistoryRightContainer .MATC_Visible img {
    margin-top: 16px !important;
}

#divULContent .SortFilter .MATC_AddToCartButtonWithOptionDropDown {
    width: 207px;
    height: auto;
    border: solid 1px #e6e6e6;
    background-color: white;
    opacity: 1;
    display: none;
    cursor: pointer;
    position: absolute;
    margin-top: 0px;
    z-index: 10000000;
    padding: 5px;
    box-sizing: border-box !important;
}

#divULContent .SortFilter .MATC_divDDOptionsItemSelected {
    height: auto;
    line-height: 18px;
    padding-top: 0;
    padding: 12px 0px 12px 11px;
}

.CheckoutContentBody div.ulContent a.k-link {
    margin-top: 14px;
}

.CheckoutContentBody .divAllCategoriesFlyoutMenu .divDDMenuOptionsTopLine {
    z-index: 0;
    height: 0px;
    display: none !important;
}

/*Gerard UserList*/

.CheckoutContentBody .divContentFlyout {
    width: 1161.73px !important;
    left: 204px !important;
}

.CheckoutContentBody .divAllCategoriesFlyoutMenu .divDDOptionsItemCount :hover {
    float: right;
    margin-right: 25px;
}

.CheckoutContentBody .divAllCategoriesFlyoutMenu .divDDOptionsItem:hover {
    width: 102% !important;
}

.CheckoutContentBody .MainCategoriesItemInnerDivOuter {
    margin-top: 0% !important;
}

.CheckoutContentBody .inpMenuSuppliersSearch {
    width: 64% !important;
    margin-left: 18.7% !important;
    height: 32px;
}

.CheckoutContentBody .ImgSearchMenuSuppliers {
    margin-top: 49px;
}

.CheckoutContentBody .SearchMenuSuppliersText {
    margin-top: -26px;
}
/*li .k-panelbar>li.k-state-default>.k-link, .k-tabstrip-items .k-state-default .k-link
{
    display: none !important;
}*/

.FullRight span.k-link {
    display: none;
}

/********************************Bootstrap Navbar Layout Issues End******************************/


/***Gerard Indicate Regret*/

.ribbon {
    position: absolute;
    display: none;
    left: -5px;
    /* top: -5px; */
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
    margin-top: -1.3%;
}

    .ribbon span {
        font-size: 10px;
        font-weight: normal;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 100px;
        display: block;
        background: red;
        background: linear-gradient(red, 0%,red 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 19px;
        left: -21px;
    }

        .ribbon span::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid red;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid red;
        }

        .ribbon span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid red;
            border-bottom: 3px solid transparent;
            border-top: 3px solid red;
        }

/*.ItemsInCartFound {
font-size: 10px;
    margin-top: -4%;
}*/
.ItemsInCartFound {
    font-size: 12px;
    margin-top: -24.5%;
    color: white;
    margin-left: 93px;
    width: 50%;
    border: solid 1px #85BE31;
    height: 16px;
    position: relative;
    background: #85BE31;
    font-family: SlateL;
}

.UserListsGrid .ItemsInCartFound {
    margin-top: 4.5%;
    margin-left: -142px;
    width: 61%;
    font-size: 11px;
    border-radius: .25em;
    border: solid 1px #85BE31;
    background-color: #E0F3BF;
    font-weight: 600;
    height: 20px;
}

.ItemsInCartFoundspan {
    font-family: SlateL;
    text-align: center;
    margin-top: -9px;
    padding-right: 3px;
    vertical-align: bottom;
    color: #85BE31;
    height: 20px;
}

.ULProducteditAfterDelete {
    height: auto;
    min-height: 25px !important;
    width: 100%;
    padding-top: 18px;
    padding-left: 5px;
    position: relative;
    z-index: 1;
    display: none;
}


/*Button Styles*/
.GeneralButton {
    border-radius: 4px;
    color: #333;
    border: solid 1px #ccc;
    background-color: #fff;
    vertical-align: middle;
    margin: 20px;
    padding: 5px 14px 4px;
    font-family: inherit;
    line-height: 1.72em;
    text-align: center;
    cursor: pointer;
    float: right;
}

    .GeneralButton:hover {
        background-color: #ededed;
    }

.addCloseButton {
    display: block !important;
    box-sizing: border-box !important;
}

    .addCloseButton div {
        margin-top: 1.7px !important;
    }
/*.addCloseButton:hover {
    animation: pulse infinite 1200ms ease;
    background-color:#900;
    cursor:pointer;
}*/
@keyframes pulse {
    0% {
        background-color: #000;
        box-shadow: 0 0 0 rgba(255,0,0,0.7)
    }

    50% {
        background-color: #600;
        box-shadow: 0 0 25px rgba(255,0,0,0.7)
    }

    100% {
        background-color: #000;
        box-shadow: 0 0 0 rgba(255,0,0,0.7)
    }
}

.ConfirmButton {
    color: #FFF;
    padding: 10px 0;
    background-color: #1976d2;
    transition: all 300ms ease;
    width: 141px;
}

    .ConfirmButton:hover {
        background-color: #104385;
    }

.ATCMain > .ATCInputDisabled:hover,
.ATCMain > .AddTocartDisabled:hover {
    background-color: #CCC !important;
    border-color: #CCC !important;
    pointer-events: none !important;
    box-shadow: none;
    color: white;
}

.SpecialOrderButtonBox .AddTocartelemDisabled {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.SpecialOrderButtonBox .ATCSuppliersPriceTotal {
    top: 19px;
}

.AddTocartelemDisabled {
    background-color: #CCC !important;
    border-color: #CCC !important;
    pointer-events: none !important;
    width: 64%;
    font-family: SlateL;
    color: white;
    font-weight: normal;
    text-align: center;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    border-radius: .15em;
    text-transform: capitalize;
}

    .AddTocartelemDisabled:hover {
        background-color: #CCC !important;
        border-color: #CCC !important;
    }

.ATCContainer > .AddToCartParent > .AddToCartChild > .ATCMain > .AddTocartelemDisabled {
    pointer-events: none !important;
}

.AddTocartelemDisabled > div {
    pointer-events: none !important;
}

.AddtolistPopup .pnlButtons_ButtonAddToList {
    margin-top: 0px !important;
    right: inherit !important;
}

.AddtolistPopup .MATC_ImgAddToCartDownArrow {
    margin-top: 11px !important;
    margin-left: -50px !important;
    float: inherit !important;
}

.AddtolistPopup .MATC_AddToCartButtonWithOptionDropDown {
    margin-top: -337px !important;
}

.mnuUserItemContent {
    text-align: left;
    border-left: solid 1px #ebebeb;
    border-right: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    position: absolute;
    width: 16.6%;
    max-width: 1354px;
    /* min-height: 200px; */
    height: auto;
    background-color: white;
    top: 55px;
    right: 98px;
    display: none;
    background-color: #FBFBFB;
}

.mnuListItemContent {
    text-align: left;
    border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    position: absolute;
    width: auto;
    min-width: 266px;
    max-width: 266px;
    /* min-height: 200px; */
    height: auto;
    background-color: white;
    top: 55px;
    left: 2px;
    display: none;
    background-color: #FBFBFB;
}

#Menu_22 {
    display: none;
}

.mnuListItemContent p {
    font-size: 13px;
    padding: 5px;
    font-family: RobCL;
    /*border: 1px solid #f2f2f2;*/
    /*color:#b2aeae;*/
}

/*.listItems {
    font-family: SlateL;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    height: 30px;
    line-height: 10px;
    color: #808080;
    box-sizing: border-box;
}*/

.listItemsSpacer {
    border-top: solid 1px #AAA;
}

/*.ListItemName {
    width: 80%;
    float: left;
    margin-top: 1px;
    box-sizing: border-box;
}*/
.ListItemCount {
    float: left;
    margin-left: 5px;
    box-sizing: border-box;
}

    .ListItemCount:before {
        content: '(';
        padding-right: 1px;
    }

    .ListItemCount:after {
        content: ')';
        padding-left: 1px;
    }
/*.listItems:hover {
    background-color: #ebf2ff !important;
    color: #346EB9;
    cursor: pointer;
    box-sizing:border-box;
}*/
/*.listItems:last-child {
border-bottom:none;
}*/

.overlay-back {
    opacity: 0.2;
}

.overlayColor {
    background-color: #f7f4f4;
}

.divContentFlyoutImage {
    /*margin-left: 84%;*/
    /*margin-top: 26%;*/
    position: absolute;
    bottom: -5px;
    right: -150px;
    max-height: 300px !important;
    max-width: 500px;
    width: 100%;
    /*opacity: 0.9;*/
}

/**************************************Login Page - HH*****************************************/

.LoginHeaderContainer {
    padding-top: 60px;
    text-align: center;
    display: block;
    height: 134px;
}

.MainLoginLogo {
    display: inline-block;
    margin-bottom: 32px;
    height: 94px;
    margin-top: -25px;
}

.MainLoginHeaderText {
    font-size: 22px;
    font-family: RobCLR;
    text-transform: uppercase;
    text-align: center;
}

.LoginLabelText {
    color: #333333;
    font-size: 15px;
    margin-top: 12px;
    display: inline-block;
    line-height: 22px;
    font-family: Slate;
}

.RememberMeContainer {
    display: inline-block;
    margin-top: 32px;
    line-height: 1.2;
    vertical-align: middle;
}

.RememberMeCheckBox {
    line-height: 1.2;
    border: 1px solid #c2cfd6;
    border-radius: .25em;
    background-color: transparent;
    color: #c2cfd6;
}

.RememberMeSubScript {
    font-size: 1.4em;
    font-family: SLateL;
    display: block;
    padding-left: 32px;
    opacity: .7;
}

.AccountMessageContainer {
    border-bottom: 1px solid #d9d9d9;
    line-height: 16px;
    text-align: center;
}

.AccountMessage {
    background: #fff;
    position: relative;
    bottom: -11px;
    padding: 0 15px;
    line-height: 16px;
    text-align: center;
    font-family: RobCL;
    font-size: 16px;
    /*font-weight: 0;*/
}

.SecurityWrapper {
    margin: 4% auto;
    position: relative;
    top: 0px;
    bottom: 10px;
    left: -20px;
    right: 0;
    align-content: center;
    width: 100%;
    max-width: 75px;
    height: 44px
}

.GlobalErrorStatus {
    position: absolute;
    top: 600px;
    bottom: 0;
    left: 0;
    right: 0;
    align-content: center;
    width: 100%;
    text-align: center;
    height: 40px;
    display: none;
    color: red;
    font-size: 12px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .SecurityWrapper {
        margin: 4% auto;
        position: absolute;
        top: 576px;
        bottom: -15px;
        left: 0;
        right: 0;
        align-content: center;
        width: 100%;
        max-width: 45px;
        height: 44px;
    }
}

/****************************************Login Page End HH***************************************/

/***************************************FILTER BAR ICONS*****************************************/

.FilterBarViewImage {
    height: 30px;
    padding: 5px;
    right: 0;
    opacity: 0.5;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.selectedFilterView:hover {
    position: relative;
    opacity: 1;
    animation: expandFilterName 0.1s ease-in forwards;
    /*transition: 1s ease-in linear;*/
}

.FilterBarViewImage:after {
    content: "small grid";
}

.selectedFilterView {
    opacity: 1;
    border: 0.5px solid #fc9c9c;
    border-radius: 1.5em;
    max-width: 31px;
    max-height: 31px;
    padding: 0 !important;
    margin: 0 auto;
    background-color: #fecdcd;
    float: right;
    filter: drop-shadow(0px 0px 0px rgba(255, 255, 255,1));
    box-sizing: border-box;
}

@keyframes expandFilterName {
    0% {
        max-width: 31px;
        min-width: 31px;
    }

    100% {
        max-width: 120px;
        min-width: 120px;
    }
}

.btnSearch .HoverIconDiv {
    right: 0;
    left: unset;
}

.HoverIconDiv, .CartIconDiv {
    line-height: 100%;
    padding: 15px;
    width: auto;
    min-width: 50px;
    min-height: 40px;
    box-sizing: border-box;
    border-radius: .15em;
    position: absolute;
    top: 45px;
    left: unset;
    right: 7px;
    background-color: #333;
    border: 1px solid #333;
    white-space: nowrap;
    z-index: 100;
    display: none;
    font-family: RobotoM;
    font-size: 12px;
    text-align: left;
    color: white;
}

    .HoverIconDiv > p,
    .CartIconDiv > p {
        padding-bottom: 2px;
    }

.SelectedFilterBarViewImage {
    height: 30px;
    padding: 5px;
    right: 0;
    opacity: 0.5;
    border: 1px solid #509ad5;
    border-radius: .15em;
    box-sizing: border-box;
    display: none;
}

/****************************************FILTER BAR END******************************************/


/****************************************Gerard  Main Menu Items *******************************/
.MainCategoriesHeaderItem {
    font-size: 18px;
    float: left;
    padding-left: 19px;
    padding-top: 10px;
    height: 31px;
    /* border: solid 1px #CCC; */
    position: relative;
    width: 96%;
    font-family: SlateM;
    font-weight: normal;
    color: #808080;
}

    .MainCategoriesHeaderItem div {
        position: absolute;
    }

.MainCategoriesItemOuterDiv {
    position: absolute;
    padding-top: 47px;
    height: auto;
    width: 96%;
}

.MainCategoriesItemInnerDiv {
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 13px;
    height: 30px;
    text-align: left;
    padding-left: 19px;
    font-family: SlateL;
    color: #808080;
}

.DownArrowmenuItems {
    background-image: url(../../../Images/DropDown/Dropdownicon.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 20px;
    height: 10px;
    position: absolute;
    margin-top: -10px;
    margin-left: 82%;
    transform: rotate(269deg);
}

.MainCategoriesItemInnerDivOuter {
    display: flex;
    margin-left: 1.8%;
    margin-top: 0%;
    /*border:solid 1px #CCC;*/
    height: 20px;
}

    .MainCategoriesItemInnerDivOuter div {
        font-size: 11px;
        color: #999;
        width: auto;
        padding-left: 2px;
    }

    .MainCategoriesItemInnerDivOuter :first-child {
        padding-left: 0px;
    }

.MainCategoriesItemInnerDiv:hover {
    text-decoration: underline;
}
/*************************************************END*******************************************/
.FilterSliderDiv {
    color: red;
    max-width: 150px;
    margin: 25px auto 0px;
    position: relative;
    padding-bottom: 20px;
}

    .FilterSliderDiv div {
        width: 100%;
        margin-top: 5%;
        /*padding-top:10px;*/
    }

    .FilterSliderDiv .ui-slider-horizontal .ui-slider-range {
        margin-top: -1px !important;
        height: 2px !important;
        background: #64b1ee;
    }

    .FilterSliderDiv .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: solid 1px #414045 !important;
        background: none !important;
        background-color: #414045 !important;
    }

    .FilterSliderDiv .ui-slider .ui-slider-handle {
        cursor: pointer !important;
        margin-top: -1px !important;
        background-color: #3095e8 !important;
        border: 1px solid rgb(100, 177, 238) !important;
        color: #3095e8 !important;
    }

/***Shopping Cart additional info*/
.coContentRight .DownArrowBreadCrumbs {
    margin-top: 1px !important;
}

.DownArrowBreadCrumbs:hover {
    cursor: pointer;
}

.cartadditional {
    margin-top: 1px;
    margin-left: -3%;
    display: none;
}

    .cartadditional:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.ProductInfoContent {
    height: auto;
    display: none;
    margin-left: -3%;
}

.coContent .btnAdditionalInfoClear {
    width: 34% !important;
    cursor: pointer;
}

    .coContent .btnAdditionalInfoClear span {
        margin-left: 52px;
        margin-top: 18px;
    }

.coContent .btnAdditionalInfoSave span {
    margin-top: 18px;
    margin-left: 114px;
}

.COMoreInfo {
    display: none;
    background-color: #FCFCFC;
    /*height: auto;
    height: -webkit-fill-available !important;
    height: -moz-fill-available;
    height: -ms-fill-available;
    height: -o-fill-available;*/
    box-shadow: 0 0 0 10px #FCFCFC, 0 0 0 11px #F0F0F0;
    margin-top: 15px;
    box-sizing: border-box !important;
}

    .COMoreInfo .col-sm-6, .COMoreInfo .col-sm-5, .COMoreInfo .col-sm-7 {
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
    }

.CheckoutTotalItem .CheckoutTotalValueItem {
    width: 20%;
    padding-right: 1%;
}

#ConsignBlockCart hr {
    margin: 10px 0;
}

.cartAddInfoHeader {
    font-family: SlateM;
    font-size: 11px;
    line-height: 22px;
    height: 22px;
    font-weight: normal;
    margin-top: 10px;
}

.cartItemActionBar {
    position: absolute !important;
    bottom: 10px;
    opacity: 0;
    transition: all 200ms ease !important;
    color: #CCC;
    font-size: 12px;
    font-weight: bold;
    font-family: SLateL !important;
    z-index: 0 !important;
}

    .cartItemActionBar:before {
        content: '';
        display: block;
        width: 54%;
        height: 1px;
        background: linear-gradient(90deg,#FFF, #EEE, #FFF);
        position: absolute;
        top: 10px;
        left: 0;
    }
/*Final checkout*/
#divCheckoutFinalContent .DownArrowBreadCrumbs {
    width: 10px;
    height: 8px;
    padding-bottom: 3px;
    padding-left: 3px;
    margin-top: 2px;
}

.ProductInfoContentInner {
    margin-top: 2%;
    margin-left: 3%;
}

    .ProductInfoContentInner .WPAdditionalInfoTableGeneral {
        width: 58%;
    }

.ProductcoProductDetailName {
    float: left;
    font-family: RobCL;
    font-size: 10px;
    color: #555;
    width: 100%;
}

    .ProductcoProductDetailName .coProductDetailName {
        width: 100%;
    }

    .ProductcoProductDetailName:hover {
        cursor: pointer;
    }

    .ProductcoProductDetailName .btnAdditionalInfoClear, .RenderMore .btnAdditionalInfoSave {
        display: none;
    }

    .ProductcoProductDetailName input[type=text].TextAddInfo {
        pointer-events: none;
        background-color: #f4f4f4 !important;
    }

    .ProductcoProductDetailName br {
        display: none !important;
    }

    .ProductcoProductDetailName .divAdditionalInfo {
        padding-bottom: 12px !important;
    }

/*End*/


/*Multi Product */
.HistoryRightContainer {
    display: none;
    position: relative;
    overflow: auto;
    border: solid 1px #f2f2f2;
    min-height: 390px;
    max-height: 390px;
    width: 467px;
}

.HistoryDetailsRightContainer {
    width: 95%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.HistoryGraphDivContainer {
    /*border:solid 1px #CCC;*/
    width: 100%;
    /*height:30px;*/
    max-height: 580px;
    overflow: visible;
    transition: opacity 300ms ease;
}

.hideOtherHistory {
    opacity: 0;
    max-height: 1px;
    overflow: hidden;
}

.HistoryGraphDivContainer .k-chart .k-right-handle {
    right: -6px !important;
}

.HistoryGraphDivContainer .k-chart, .k-stockchart {
    margin-left: -.5%;
}

.HistoryGraphDivlinkContainer {
    width: auto;
    height: 15px;
    margin: 15px auto 5px;
    color: #1976d2;
    font-family: SlateM;
    font-weight: normal;
}

    .HistoryGraphDivlinkContainer:hover {
        text-decoration: underline;
        cursor: pointer;
    }

#HistoryGraphContainer {
    margin-left: 0px;
    overflow: hidden;
}

    #HistoryGraphContainer text {
        font-family: SlateL !important;
        font-size: 12px !important;
    }

.ATCWindowSectionLeft .k-chart, .k-stockchart {
    height: 423px;
}

.HistoryLineHeadingRow {
    font-weight: bold;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    border-bottom: solid 1px #f2f2f2;
    font-family: SlateL;
}

.HistoryLineRow {
    padding-left: 10px;
    font-family: SlateL;
}
/*.HistoryLineitem {
border-bottom: solid 1px #CCC;
    height: 35px;
    width: 100%;
    margin-top: 0%;
}
    .HistoryLineitem div {
    font-family: SlateL;
    padding-top: 2.5%;
    font-size: 14px;
    }
        .HistoryLineitem div:first-child {
        margin-left:2%;
        width:40%;
    }

    .HistoryLineitem:hover {
    background-color:#98B2D4;
    color:white;
    cursor:pointer;
    }
    .HistoryLineitem:first-child div:last-child {
        margin-left:-1% !important;
    }
        .HistoryLineitem div:last-child {
        float:left;
    }*/

.HistoryLink {
    width: 100% !important;
    border-right: solid 1px #f2f2f2;
    text-align: center;
}

    .HistoryLink div {
        padding-left: 4%;
    }


/****************************************Cart Modal Right Tabs***********************************/
.Consignment, .SpecialInstructions {
    display: none;
    /*margin-left: -1%;
    margin-top: -8%;*/
}

    .Consignment .WPAdditionalInfoTableGeneral, .SpecialInstructions .WPAdditionalInfoTableGeneral {
        width: 100%;
    }

    .Consignment .WPAdditionalInfoTable tbody tr:nth-child(7) {
        display: none;
    }

    .Consignment .btnAdditionalInfoClear, .RenderMore .btnAdditionalInfoSave {
        display: none;
    }

    .Consignment .divAdditionalInfo, .SpecialInstructions .divAdditionalInfo {
        padding-bottom: 7px !important;
    }

        .Consignment .divAdditionalInfo input[type="text"], .SpecialInstructions .divAdditionalInfo select, .SpecialInstructions .divAdditionalInfo input[type="text"] {
            background-color: #FAFAFA;
            pointer-events: none;
        }

        .Consignment .divAdditionalInfo br, .SpecialInstructions .divAdditionalInfo br {
            display: none;
        }

    .SpecialInstructions .btnAdditionalInfoClear, .RenderMore .btnAdditionalInfoSave, .RenderMore .btnAdditionalInfoClear {
        display: none !important;
    }
    /*Do not Merge the below as it will cause issues on the consignment section*/
    .SpecialInstructions .WPAdditionalInfoTable tbody tr:nth-child(1) {
        display: none;
    }

    .SpecialInstructions .WPAdditionalInfoTable tbody tr:nth-child(3) {
        display: none;
    }

    .SpecialInstructions .WPAdditionalInfoTable tbody tr:nth-child(5) {
        display: none;
    }

    .Consignment .btnULAddInfo {
        display: none;
    }

/**************************************** END **********************************************/

.RowHeaderLabel {
    text-transform: uppercase;
    font-size: 11px;
    font-family: SlateM;
    padding: 7% 30px 0;
    color: #bfbfbf;
    font-weight: normal;
}

.RowHeaderInputfield {
    border: 0;
    /* text-align: center; */
    font-size: 12px;
    padding: 5px 30px;
    width: 72% !important;
    max-width: 72%;
}

.CartModalRowHeaderInput {
    padding-bottom: 4%;
}

.RowHeaderInputfield:focus {
    border: none;
    outline: none;
}
/*Dont want to use generic class as this might change i dont need to replace 20+ classes*/
.CartRowPadding {
    padding-top: 0;
}

    .CartRowPadding:last-child {
        /*padding-top:0px;*/
        padding-bottom: 0;
    }

.btnSaveAdditionalDetails {
    width: 100%;
    /*border: solid 1px #CCC;*/
    height: 38px;
    margin-top: 7%;
    background-color: #1976d2;
    /*margin-left: 3%;*/
    margin-bottom: 10px;
    border-radius: .25em;
}

    .btnSaveAdditionalDetails .text-center {
        padding-top: 6.5%;
        color: white;
        font-size: 13px;
        font-weight: normal;
    }

    .btnSaveAdditionalDetails :hover {
        cursor: pointer;
    }

/*.Consignment ._BorderBottomCCC:last-child {
    border-bottom:none;
}*/

#modalClearBtn {
    background-color: white !important;
    border: 1px solid #c2cfd6 !important;
    border-radius: .25em;
    color: #1976d2;
    font-family: SlateL; /*RobCL*/
}

    #modalClearBtn .text-center {
        padding-top: 6.5%;
        color: #1976d2;
        font-size: 13px;
        font-weight: normal;
    }

    #modalClearBtn:hover {
        border: 1px solid rgba(25, 118, 210, .7) !important; /*#1976d2*/
    }

.BorderBottomCCCShow {
    padding-top: 0;
    border-bottom: solid 1px #ebebeb !important;
}

.VerticalDivider {
    background: #e0e0e0;
    width: 1px;
    content: "";
    display: block;
    padding: 10px 0;
}

.cartDatePicker {
    /*display:none !important;*/
    width: 0% !important;
    height: 0px;
}

    .cartDatePicker .k-picker-wrap .k-select, .cartDatePicker .k-picker-wrap.k-state-default {
        display: none !important;
    }

.CartModalSelectBox {
    border: solid 1px #CCC;
    height: auto;
}

    .CartModalSelectBox div {
        padding-left: 5%;
        padding-top: 3%;
        padding-bottom: 3%;
        border-bottom: solid 1px #CCC;
        font-family: SlateL;
        font-size: 14px;
    }

        .CartModalSelectBox div:last-child {
            border-bottom: none;
        }

        .CartModalSelectBox div:hover {
            color: white;
            background-color: #1976d2;
            cursor: pointer;
        }

.ProductLineImageContainer {
    height: 25px;
    width: 25px;
    position: absolute;
}

.ModalColumnHeader {
    color: #bfbfbf;
    font-weight: normal;
    font-size: 9px;
    font-family: SlateM;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%;
    background-color: #FEFEFE;
    text-indent: 0px;
}

.FormularyProductSectionHeader {
    color: #bfbfbf;
    font-weight: normal;
    font-size: 9px;
    font-family: SlateM;
    background-color: #FEFEFE;
    text-indent: 0px;
    padding: 10px 0px 10px 0px;
    border-bottom: solid 1px #f2f2f2;
    width:100%;
    height:35px;
}

.FormularyProductSection {
    color: #333;
    font-family: SlateL;
    font-size: 14px;
    width: 100%;
    text-indent: 0px;
    padding: 0px 0px 0px 0px;
    border: solid 1px #f2f2f2;
    border-bottom: none;
    margin-top: -4px;
    margin-bottom: 20px;
    /* padding-left: 9px;
    margin-right: 8px;
    border-left: solid 2px #CCC;
    border-right: solid 2px #CCC;
    border-bottom: solid 2px #CCC;*/
    padding-bottom: 0px;
    background-color: white;
}

.FormulariesHeading {
    text-transform: uppercase;
    font-family: RobCLR;
    font-size: 15px;
    color: #333;
    margin-top: 10px;
    margin-left: 1%;
    width: 98.1%;
    /*  border-bottom:solid 2px #CCC;
   border-left:solid 2px #CCC;
    border-right:solid 2px #CCC;
    padding-top: 15px;
    padding-bottom: 15px;*/
}

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

.FormularyProductSectionRow {
    border-bottom: solid 1px #f2f2f2;
    height: 44px;
    line-height: 44px;
}

.FormularyProductSectionRowSelected {
    border-bottom: solid 1px #f2f2f2;
    height: 44px;
    line-height: 44px;
    background-color: #E6F2FA;
}

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

.RedRank {
    color: red;
    font-weight:bold;
}

/*.FormularyProductSectionRow:not(.Blocked):hover .RedRank,
.FormularyProductSectionRow:not(.Blocked):hover .GreenRank{
    color:white;
}*/

.FormularyProductSectionRow:not(.Blocked):hover
{
    background-color:#cce6ff 
}

.FormularyLogo
{
    width:150px;
    margin-right:10px;
}

.TopModalColumnBorder {
    border-top: 1px solid #f2f2f2;
}

.SelectedATCTab {
    background-color: #e6f2ff;
    box-sizing: border-box;
}


/****************Gerard Area Graph***********************/
.AreaGraphContainer {
    width: 100%;
    height: 102px;
    border: solid 1px #CCC;
    position: relative;
}

.AreaIndicator {
    width: 7px;
    height: 7px;
    border: solid 1px #1976d2;
    bottom: 0%;
    position: absolute;
    border-radius: 13px;
    background-color: #1976d2;
}

.AreaIndicatorColumn {
    border: solid 1px #CCC;
    float: left;
    height: 100%;
}

.AreaIndicatorLine {
    height: 1px;
    background-color: #1976d2;
    bottom: 3.45%;
    position: absolute;
    width: 100%;
}

.AtcProductGraphContainer {
    height: 120px !important;
    min-height: 120px;
    max-height: 120px;
    margin-bottom: 25px;
    margin-top: 15px;
}

    .AtcProductGraphContainer svg {
        /*margin-top:50px;*/ /* - Pushes Graph over RightATCInfoBlock  */
        position: absolute;
    }

.FullRight .AtcProductGraphContainer svg {
    left: 0 !important;
}

.ATCGrapResetBtn {
    padding-right: 8px;
    float: right;
}

    .ATCGrapResetBtn:hover {
        text-decoration: underline;
        cursor: pointer;
    }

/***********************END******************************/

.PriceSpanHover:hover {
    cursor: pointer;
}

.DownArrowListView:hover {
    cursor: pointer;
}

/**********************Slider***************************/

.FilterSliderDiv .ui-slider .ui-slider-handle:focus {
    outline: none;
}

/***********************END*****************************/

/*@media only screen and (min-device-width : 1600px) and (max-device-width : 1600px) and (min-device-height : 900) and (max-device-hight : 900px)*/
@media only screen and (min-device-width : 1600px)and (max-device-width : 1601px) {
    #wndGridAddToCart {
        width: 100%;
        max-width: 1200px;
        height: 100%;
        max-height: 80vh;
        max-height: calc(var(--vh, 1vh) * 80);
    }

    #wndTermsConditions, #wndPrivacyPolicy {
        width: 1200px !important;
        height: 80vh !important;
        height: calc(var(--vh, 1vh) * 80);
    }

    .k-widget.k-window { /*Was the implications of this even tested on other resolutions???*/
        /*max-width: 1200px !important;
        width: 100% !important;
        max-height: 630px !important;
        height: 100% !important;*/
        max-width: 1200px !important;
        width: 100% !important;
        max-height: 80vh !important;
        max-height: calc(var(--vh, 1vh) * 80);
        height: 100% !important;
    }

    #wndGridAddToCart .GenericsRightPane, #wndGridAddToCart .TheraputicsRightPane,
    #wndGridAddToCart .PSComparisonRightPane, #wndGridAddToCart .ProductPriceCompareRightPane {
        width: 75% !important;
        right: 0px;
        position: absolute;
    }

    #wndGridAddToCart .GenericsLeftPane, #wndGridAddToCart .TheraputicsLeftPane,
    #wndGridAddToCart .PSComparisonsLeftPane {
        float: left;
    }

    #ShoppingCartContent {
        height: 81.2%;
    }

    .ColumnProductDetailContainer .ProductSupplierATC {
        margin-top: 20px;
        width: 40%;
        position: fixed;
        right: 115px;
        bottom: 5px;
    }

    .ProductSuppliersContent #ATCGenericsContent {
        max-width: 635px;
        max-height: 480px;
        min-height: 390px;
    }

    .tabstripATCGenericsContent, .tabstripATCTheraputicsContent, .tabstripATCHistoryContent {
        min-height: 390px;
        max-width: 98%;
        border: solid 1px #f2f2f2;
        max-height: 461px;
        overflow-y: auto;
        /* margin-left: 5px !important; */
        margin-top: -1px;
        width: 100%;
        padding: 0 !important;
        margin: auto;
    }
}

#UserlistPopupTabs {
    position: relative;
    width: 100%;
    /*border: solid 1px #CCC;*/
}

#UserListProductTab {
    border-color: transparent !important;
    background: linear-gradient(#FCFCFC, #FFF);
    width: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin-left: 0px;
}

    #UserListProductTab > .scroll-wrapper {
        height: 100%;
    }

div[id*='UserListSettingTab_'] > .scroll-wrapper {
    height: 100%;
}

div[id*='UserListSettingTab_'] {
    border-color: transparent !important;
    background: linear-gradient(#FCFCFC, #FFF);
    overflow: hidden;
    width: 100%;
    padding: 0px 0px 0 0 !important;
    position: relative;
    height: 100%;
}

#wndListsAll div[id*='UserListSettingTab_'] {
    /*width:calc(100% - 10px);*/
    position: relative;
}

#OrderHistoryTabs ul {
    background-color: white !important;
    width: 80%;
}

.AddListToCartConfirmationContainer .DropDownSupplierName, .AddListToCartConfirmationContainer .DropDownSupplierPrice {
    margin-top: 1.5% !important;
}

.AddListToCartConfirmationContainer .DownArrowListView {
    margin-top: 0 !important;
    width: 13px;
    height: 6px;
}

span[aria-owns='ListSettings_ddSuppliers_listbox'] {
    position: absolute;
    left: 8px;
    top: -2px;
}

#OrderHistoryTabs .k-panelbar[id*='PanelBarAttr'] > .k-item > .k-link {
    padding-left: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-family: SlateL !important;
    font-weight: normal !important;
    font-size: 15px !important;
    color: #808080 !important;
    border-top: solid 1px #f2f2f2 !important;
    border-right: solid 0.5px #f2f2f2 !important;
    margin-top: 0px !important;
}

#OrderHistoryTabs .k-content[id*="tabstripATC"] {
    margin-left: -12px;
    width: 100%;
    border: none;
}

#OrderHistoryTabs .k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active, #OrderHistoryTabs .k-state-active {
    border: solid 1px #f2f2f2;
    text-align: center;
    /*width: 200px;*/
}

#OrderHistoryTabs li.k-item.k-state-default {
    text-align: center;
    width: 169px;
    font-family: SlateL;
    font-size: 16px;
    /*font-weight:400;*/
    height: 50px;
    color: black;
}

    #OrderHistoryTabs li.k-item.k-state-default:hover {
        background-color: white;
    }

#OrderHistoryTabs .k-tabstrip-items .k-state-default .k-link {
    margin-top: -10%;
    margin-left: -10px;
    /*color:black;*/
}

.btnCartSearchElement {
    background-color: none;
    text-align: center;
    color: white;
    border-radius: 0.25em;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 44px;
    float: left;
}

    .btnCartSearchElement img {
        /* margin-left: 9px; */
        opacity: 0.6;
        position: relative;
        /* height: 100%; */
        float: left;
        /*left: 20px;
    top: 2px;*/
    }

.UserlistSearchBoxContainer {
    width: 100% !important;
    border: solid 1px #CCC !important;
}

.btnUserListSearchElement {
    background-color: none;
    text-align: center;
    color: white;
    height: 100%;
    border-radius: 0.25em;
    cursor: pointer;
    width: 7%;
    position: absolute;
    left: 0;
}

.OrderHistoryCountContainer .btnUserListSearchElement {
    height: 35px;
    top: -5px;
}

.btnUserListSearchElement img {
    width: 50%;
    margin-top: 10px;
    float: left;
    margin-left: 9px;
    opacity: 0.6;
}

.ulContent .btnUserListSearchElement img {
    width: 45%;
    margin-top: 12px;
    float: left;
    margin-left: 10px;
    opacity: 0.6;
}

/*
    width: 45%;
    margin-top: 7px;
    float: left;
    margin-left: 9px;
    opacity: 0.6;
*/

.btnUserListSearchElement div {
    height: 100%;
    line-height: 31px;
}

.ClearFilterText {
    display: none;
    position: absolute;
    top: 0%;
    left: 89%;
    background-color: transparent;
    border: none;
    border-left: 1px solid #ebebeb;
    color: #808080;
    height: 16px;
}

.ulContent .ClearFilterText {
    top: 4px !important;
    height: 31px !important;
    left: 95%;
    padding-top: 3px;
}

.OrderHistoryHeadersRow {
    background-color: white;
    height: 100%;
    line-height: 30px;
    min-height: 30px;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
}

.ListsPageHeader {
    content: "";
    font-family: SLateL;
    font-weight: normal;
    font-size: 14px;
    z-index: 0;
    line-height: 35px;
    padding-top: 0;
    text-align: left;
    padding-right: 15px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    position: relative !important;
    text-indent: 5px;
}

.ListPageHeaderLoad {
    background-image: url(../../../../Images/DropDown/Dropdownicon.png);
    background-repeat: no-repeat;
    background-position: right;
}

ul[expandtag="Lists"] {
    display: none !important;
}

#ListsComboBox {
    position: absolute;
    width: 210px;
    top: 40px;
    left: 10px;
    max-height: 400px;
    overflow-y: auto !important;
}

    #ListsComboBox:after {
        right: 85%;
    }

    #ListsComboBox .k-checkbox:checked + .k-checkbox-label:before {
        background-color: #428bca;
        border-color: #ccc;
        padding: 0px;
        color: #428bca;
        content: "";
        font-size: 12px;
        line-height: 30px;
        top: 8px;
    }

    #ListsComboBox .k-checkbox + .k-checkbox-label:before {
        background-color: transparent;
        border-color: #ccc;
        padding: 0px;
        color: #428bca;
        content: "";
        font-size: 12px;
        line-height: 30px;
        top: 8px;
    }

    #ListsComboBox .k-checkbox-label {
        font-size: 12px;
        line-height: 30px;
        font-weight: 200;
        max-width: 200px;
        width: 100%;
    }

.ATC_CustomDropdown {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    cursor: pointer;
    width: 100%;
    z-index: 10;
    padding: 12px;
}

.ATC_CustomDropdownList {
    display: none;
    max-height: 300px;
    overflow-y: auto;
    background: #FFF
}

.ATC_DropdownDefault {
    height: 27px;
}

.ATC_CustomDropdown:hover .ATC_CustomDropdownList {
    display: block;
    border: 1px solid #64B1EE;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.ATC_CustomItem {
    padding: 9px 12px;
    height: 32px;
}

    .ATC_CustomItem label {
        font-size: 0.9em !important;
        font-weight: normal;
        font-family: Slate;
        padding-left: 19.2px;
        margin-bottom: 0px;
    }

    .ATC_CustomItem .k-checkbox:checked + .k-checkbox-label:before {
        border: 1px solid #64B1EE !important;
        background: #64B1EE;
        content: '';
    }

    .ATC_CustomItem .k-checkbox-label:before {
        width: 12px !important;
        height: 12px !important;
        top: 2px;
    }

    .ATC_CustomItem .k-checkbox-label:before {
        /*border: 1px solid #64B1EE;*/
        /*background: #64B1EE;*/
        content: '';
    }

    .ATC_CustomItem:hover {
        background: #cce6ff !important;
    }


/*.ATC_CustomItem:first-child {
    padding-top: 16px;
}

.ATC_CustomItem:last-child {
    padding-bottom: 10px;
}*/

.OrderHistoryHeaders.HistoryHeadersTextFields
{
    padding-left:5px;
}

.OrderHistoryHeaders {
    color: #808080;
    font-weight: normal;
    font-size: 10px;
    font-family: SlateM;
    white-space: nowrap;
    padding-left: 17px;
}
/*.OrderHistoryCountContainer {
        width: 101.5%;
    height:30px;
    background-color:#FBFBFB;
}*/

.OrderHistoryCountContainer {
    width: 100%;
}

    .OrderHistoryCountContainer .ClearFilterTextOverride {
        left: 92.5% !important;
        top: 2.5px !important;
        line-height: 30px !important;
        height: 33px !important;
        position: absolute;
        padding: 0 7px;
    }

        .OrderHistoryCountContainer .ClearFilterTextOverride:hover {
            background-color: #E6F2FF;
            color: #1976D2;
            border: 1px solid #1976D2;
            border-top-right-radius: .15em;
            border-bottom-right-radius: .15em;
        }

    .OrderHistoryCountContainer #SearchBoxElem:focus {
        border: 1px solid #1976D2;
        outline: none;
    }

.OrderHistoryCountText {
    font-size: 13px;
    padding: 5px;
    font-family: SlateL;
    /*color: #b2aeae;*/
}

.CartElemContainer .ClearFilterText {
    top: 4px !important;
    height: 80% !important;
}

.CartElemContainer .ClearFilterTextOverride {
    top: -35px !important;
    line-height: 31px !important;
    height: 35px !important;
    position: relative;
    padding: 0px 7px;
    left: 0% !important;
    box-sizing: border-box;
    border: 1px solid transparent;
    float: right;
}

    .CartElemContainer .ClearFilterTextOverride:hover {
        background-color: #E6F2FF;
        color: #1976D2;
        border: 1px solid #1976D2;
        border-top-right-radius: .15em;
        border-bottom-right-radius: .15em;
    }

.CartSearch:focus {
    border: 1px solid #1976D2;
    outline: none;
}

.stickThis {
    margin-top: -10px;
    background-color: #FFF;
    padding: 5px 0;
    max-height: 50px;
}

.OrderHistoryRightContainer .stickThis {
    margin-top: 0px;
}

.stickThis #addAllListsText p {
    padding-top: 5px;
}

.stuck {
    position: fixed;
    top: 76px;
    background-color: #FFF;
    z-index: 500;
    margin-top: 0px;
}

.ULProductInfo, .ULProductRow .ULProductImage, .ULProductRow .ULProductImage img, .ListsCheckBoxRight {
    pointer-events: none;
}

    .ULProductInfo * {
        pointer-events: all;
    }

.ProductNameHeading, .ProductPriceHeading {
    pointer-events: all !important;
}

    .ProductNameHeading:hover {
        color: #1976D2;
        text-decoration: underline;
        cursor: pointer;
    }

.windowsStyleSelect {
    border: 1px solid #346eb9 !important;
    border-top: 1px double #346eb9 !important;
    background-color: #EBF2FF !important;
    width: calc(100% - 2px);
    position: relative;
}

    .windowsStyleSelect img {
        mix-blend-mode: multiply;
    }
/*.selectedThis:before {
    display:block;
    width:0px;
    height:0px;
    border-bottom:15px #346eb9 solid;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:none;
    content:'';
    top:-2px;
    left:-10px;
    transform:rotate(-45deg);
    position:absolute;
    opacity:0.1;
}*/

.UserListFoundIn {
    margin-bottom: -27px;
    font-family: SlateL;
    font-size: 11.5px;
    color: #1976d2;
    display: flex;
}

    .UserListFoundIn p {
        font-family: SlateL;
        font-size: 11.5px;
        color: #1976d2;
        margin-top: -5px;
    }

.ATC_Items_In_cart_Show_with_Qty {
    border: solid 1px #85BE31;
    text-align: center;
    background-color: #E0F3BF;
    color: #85BE31;
    border-radius: 0.25em;
    font-size: 11px;
    font-weight: normal;
    height: 15px;
    font-family: SlateM;
    margin-top: 2px;
}

    .ATC_Items_In_cart_Show_with_Qty div {
        margin-top: -6px;
    }

.ATC_Delete_Button {
    position: relative;
    right: -8px;
    top: 15px;
    height: 100%;
    font-family: SlateM;
    text-align: center;
    color: #808080 !important;
    font-size: 27px;
    font-weight: normal;
}

    .ATC_Delete_Button div {
        width: 25px;
        height: 25px;
        /*background: #FFF;*/
        border-radius: 25px;
        position: relative;
        color: #CCC;
        margin-top: 28px;
        padding-top: 0;
        line-height: 25px;
        top: -30px;
        font-weight: normal;
        font-family: SlateL;
    }

.ATC_Delete_Button {
    transform: rotate(45deg);
}

    .ATC_Delete_Button:hover {
        cursor: pointer;
    }

        .ATC_Delete_Button:hover div {
            animation: shake 800ms forwards ease;
        }

@keyframes shake {
    0% {
        transform: rotate(0deg);
    }

    30% {
        transform: rotate(15deg);
    }

    45% {
        transform: rotate(-15deg);
    }

    55% {
        transform: rotate(12deg);
    }

    70% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.ATC_Supplier_Dropdown {
    box-sizing: border-box;
    border: solid 1px #e6e6e6;
    width: 100%;
    height: 39px;
    position: relative;
    border-radius: .25em;
    font-family: SlateL;
    font-size: 12px;
    background-color: #FFF;
    margin-left: -7px;
    margin-top: 8px;
}

    .ATC_Supplier_Dropdown .DropDownSupplierPrice {
        margin-left: -4%;
    }

.WPAdditionalInfoTableGeneralSelect.IsListsPage {
    margin-top: 0px;
}

.ATC_Product_Image img {
    height: 73px;
    margin-right: 20px;
    object-fit: contain;
}

#UserlistPopupTabs .k-tabstrip-items.k-reset {
    background-color: #F1F1F1;
    border-bottom: 1px solid #DDD;
}

#UserlistPopupTabs .k-tabstrip-items.k-reset {
    position: relative;
    /* margin-bottom: -2px; */
    /* margin-top: 20px; */
    /* bottom: -1px; */
    z-index: 500;
    height: 40px;
    border-bottom: 1px solid transparent;
    /* margin-left: -10px !important; */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    width: 100%;
    box-sizing: border-box;
}

#UserlistPopupTabs li.k-item.k-state-default.k-first.k-state-active {
    border: solid 1px transparent !important;
    background-color: #FCFCFC !important;
    border-bottom: 2px solid #FCFCFC !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    height: 40px;
}

#UserlistPopupTabs li.k-item.k-state-default.k-last.k-state-active {
    border: solid 1px #f0f0f0;
}

#Product_Settings_Tab .k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active, #Product_Settings_Tab .k-state-active {
    border: solid 1px #f0f0f0;
    text-align: center;
    border-bottom: solid 1px #FCFCFC !important;
}

.k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link {
    color: #999 !important;
    font-size: 13px;
    font-family: Slate !important;
    padding-top: 12px;
    padding-bottom: 8px;
}

#OrderHistoryTabs .k-item.k-state-default.k-last span.k-link {
    padding-top: 4px !important;
}

.k-panelbar > li.k-state-default:hover > .k-link, .k-tabstrip-items .k-state-default:hover .k-link {
    color: #1976d2 !important;
}

.k-tabstrip-items .k-state-hover .k-link {
    color: #808080 !important;
    font-family: SlateL;
    font-size: 13px;
    /*font-weight:600;*/
}

.k-tabstrip-items .k-state-active .k-link {
    color: #1976d2 !important;
    font-family: RobCL;
    font-size: 13px;
    /*font-weight:600;*/
}

.OrdersOverride span.k-link {
    margin-top: 4px !important;
    text-align: left !important;
    display: block;
    padding: 0 0 0 5px !important;
}

#OrderHistoryTabs {
    background-color: #F7F7F7;
    height: 55px;
    position: relative;
    padding-left: 10px;
    display: block !important;
}

.newHistoryTabs {
    height: 45px;
    position: relative;
    display: inline-block;
    width: 150px;
    text-align: center;
    line-height: 45px;
    margin-top: 11px;
    font-weight: normal;
    font-family: SlateM;
    font-size: 13px;
    color: #BFBFBF !important;
}

    .newHistoryTabs:hover {
        color: #1976d2 !important;
        cursor: pointer;
    }

.ordersTabSelected {
    background-color: #FFF;
    color: #1976d2 !important;
}

    .ordersTabSelected:hover {
        cursor: auto;
    }

.TabProductsHeaderRowSelected td {
    color: #346EB9 !important;
    font-weight: bold !important;
}

.TabProductsHeaderContentTable tr.WSProductRow:not(:first-child):hover .ATCElement {
    background-color: #F0F0F0;
}

.TabProductsHeaderContentTable tr.WSProductRowSelected:not(:first-child):hover .ATCElement {
    background-color: #FAFAFA;
}

.k-tabstrip-items .k-state-default.k-state-hover {
    border-color: transparent !important;
}

.HoverPersist {
    border: 1px solid 1px solid #E6E6E6 !important;
}

.WhiteAddToList:after {
    background-color: transparent !important;
    z-index: 9999 !important;
}

li.k-item.k-state-default.k-state-hover {
    /*border-bottom: 1px solid #FFF;*/
    color: #1976d2 !important;
}

div.ProductTabs li.k-item.k-state-default:hover div.TabText {
    /*border-bottom: 1px solid #FFF;*/
    color: #1976d2 !important;
}

#FullDetailsMainImage_undefined {
    margin: 0 auto;
    width: 100%;
}

    #FullDetailsMainImage_undefined img {
        margin: 0 auto;
        margin-top: 80px;
    }

.BorderTopSides, ._DisplayFlex {
    transition: box-shadow 300ms ease;
    position: relative;
    z-index: 40;
    box-shadow: none;
}

.BorderTopSides {
    /*box-shadow:0 0 0 1px #1976d2 !important;*/
    border-radius: .25em;
}

#Product_Tab {
    float: left;
    border-bottom: none;
    border: solid 1px transparent !important;
    background-color: #F1F1F1;
    width: 200px !important;
}

/*Normal tab*/

#Product_Settings_Tab {
    /*float: right;*/
    /* border: solid 1px #f0f0f0 !important; */
    border: solid 1px transparent !important;
    background-color: #F1F1F1;
    height: 40px;
    border-radius: 0 !important;
    box-sizing: border-box;
}

    #Product_Tab:hover, #Product_Settings_Tab:hover {
        color: #1976d2 !important;
        background-color: #E0E0E0 !important;
        border-radius: 0 !important;
    }

    #Product_Settings_Tab .k-state-active {
        color: #1976d2 !important;
        border: solid 1px #f0f0f0 !important;
        background-color: #FCFCFC !important;
        border-radius: 0 !important;
    }

    #Product_Settings_Tab:after {
        content: 'SETTINGS';
        font-family: SlateM;
        font-size: 13px;
        font-weight: normal;
        width: 150px;
        text-align: center;
        padding: 12px 0;
        cursor: pointer;
        display: block;
    }

.prong1, .prong2, .prong3, .prong4, .CentreCircle, .overlayWhite {
    display: none;
}

#Product_Settings_Tab.k-state-active {
    color: #1976d2 !important;
    border: solid 1px transparent !important;
    background-color: #FCFCFC !important;
    border-bottom: 2px solid #FCFCFC !important;
    position: relative;
    z-index: 90000;
    border-radius: 0 !important;
}

.SettingsTooltip {
    display: none;
}

.currentEmail {
    color: #666 !important;
    padding: 0 30px 15px 0px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 15px;
    font-family: SLateL;
}

.errorConfirm {
    position: absolute;
    background-color: #FFF;
    border: 1px solid #A00;
    padding: 10px;
    z-index: 499;
    margin: -30px 0 0 50px;
    border-radius: 3px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

    .errorConfirm:after {
        content: '';
        z-index: 500;
        display: block;
        position: absolute;
        top: -6px;
        left: 30px;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        background-color: #FFF;
        border-left: 1px solid #A00;
        border-top: 1px solid #A00;
    }

.ProfileSettings .CheckoutSaveButton, .NotificationsSettings .CheckoutSaveButton, .NotificationsSettings .CheckoutSaveButton {
    /*max-width:200px;*/
    text-align: center;
    border-radius: .15em;
    color: #FFF;
    /*margin: 20px 0 0 40px;*/
}

.disabled.CheckoutSaveButton {
    pointer-events: none;
    background-color: #CCC;
    cursor: not-allowed;
}

.redBorder {
    border: 1px solid #A00 !important;
}

.wndSettings .k-window-titlebar.k-header {
    display: none;
}

.wndSettings {
    margin: auto !important;
}

.DivDisabled {
    pointer-events: none;
    opacity: 0.3;
}

.CheckoutSaveButton[onclick*='ValidateAddressInput()'] {
    margin: 0 !important;
}

.SettingSubPages .ShipAddressHeader, .SettingSubPages .BillAddressHeader {
    margin-top: -13px;
    padding-left: 7px;
    border-right: 1px solid transparent !important;
}

.SettingSubPages .CheckoutButtonSection {
    padding: 0 !important;
    height: 45px !important;
    margin: 15px 0;
    box-sizing: border-box !important;
    position: relative
    /*bottom: -90px;*/
}
/*.SettingPages:not(.SupplierSettings){
    padding-bottom: 0!important;
}*/

.ATCPricingContent .CustomScroller > .row:last-of-type, .ATCPricingContent .scroll-content > .row:last-of-type {
    border-bottom: 1px solid #f2f2f2;
}

.emailSent {
    position: absolute;
    height: 100px;
    width: 100%;
    text-align: center;
    border: 1px solid #EEE;
    background-color: rgba(255,255,255,0.7);
    top: 28px;
    font-size: 18px;
    font-weight: normal;
    color: #1976d2;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    border-radius: 15px;
    transition: all 300ms ease;
    padding-top: 10px;
}

.OrderingGrid_List .ATCSuppliersNotification {
    margin-top: 5px !important;
}
/*--------------------------------------------------------------------------------
    cog Wheel spinner tab
  --------------------------------------------------------------------------------

#Product_Settings_Tab {
    width:10px;
    height:10px;
    background-color:#FFF;
    position:absolute;
    right:10px;
    top:-4px;
    border-radius:50px;
    border:7px solid #AAA !important;
    z-index:9999;
    transform:scale(0.7);
}
#Product_Settings_Tab.k-state-active {
    margin-top: 0;
    margin-right: 0;
}
#Product_Settings_Tab:hover {
    width:10px;
    height:10px;
    background-color:#FFF;
    position:absolute;
    right:10px;
    border-radius:50px;
    border:7px solid #AAA !important;
    animation:spin 3000ms infinite linear;
    cursor:pointer;
}
#Product_Settings_Tab ~ .SettingsTooltip {
    width: 50px;
    height: 20px;
    background-color: #EAF4FF;
    position: absolute;
    right: 30px;
    top: 16px;
    border-radius: 0.25em;
    border: 1px solid #1976d2 !important;
    color:#1976d2;
    cursor: pointer;
    opacity: 0;
    transition: all 300ms ease;
    line-height: 20px;
    text-align: center;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
#Product_Settings_Tab:hover ~ .SettingsTooltip {
    opacity:1;
}
@keyframes spin {
    0%{transform:scale(0.7) rotate(0deg);}
    100%{transform:scale(0.7) rotate(360deg);}
}
#Product_Settings_Tab .CentreCircle {
    width:10px;
    height:10px;
    background-color:#FFF;
    position:absolute;
    right:10px;
    border-radius:50px;
    z-index:9999;
    left:0;
    top:0;
}
.prong1, .prong2, .prong3, .prong4 {
    display:block;
    content:'';
    position:absolute;
    background-color:#AAA;
    width:6px;
    height:31px;
    top:-10px;
    left:2px;
    z-index:2;
}
 .prong2 {
     transform:rotate(45deg);
 }
 .prong3 {
     transform:rotate(90deg);

 }
 .prong4 {
     transform:rotate(135deg);

 }
.overlayWhite {
    background: linear-gradient(45deg, rgba(255,255,255,0.5), rgba(255,255,255,0));
    width: 31px;
    height: 31px;
    right: 10px;
    top: 1px;
    position: absolute;
    z-index: 9999999;
    border-radius: 31px;
    transform: scaleY(0.6) rotate(180deg);
    pointer-events: none;
}
*/
.errorBox {
    border: 1px solid transparent;
    color: #F00;
    background-color: transparent !important;
}

    .errorBox:hover {
        border: 1px solid transparent;
    }

.QtyDisabled {
    pointer-events: none;
}

    .QtyDisabled .AddToCartButtonContainerQtyOnly, .QtyDisabled.ItemsInCartFound {
        opacity: 0;
    }

.k-window .GenericsPanes, .k-window .TheraputicsPanes, .k-window .PSComparisonPanes {
    overflow: visible;
    max-height: 100%
}

.UrgentLinksNotifications,
.SiteNotifications {
    max-width: 1366px;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #1976d2;
    color: #FFF;
    padding: 0 10px 10px 10px;
    text-align: left;
    height: 45px;
    clear: both;
    z-index: 999;
    max-height: 200px;
    overflow-y: hidden;
    overflow-x: hidden;
    margin-bottom: 5px;
    display: none;
}

.UrgentLinksNotificationsText
{
    line-height:45px;
    margin-left:15px;
}

.UrgentLinksNotificationsButton {
    border: solid 1px #64B1EE;
    text-align: center;
    border-radius: 15px;
    margin: 7px;
    height: 32px;
    line-height: 32px;
    cursor:pointer;
}

.UrgentLinksNotificationsButton:hover
{
    background-color: #64B1EE;
    color:black;
    cursor:pointer;
}

.SiteNotificationsWhiteBox {
    display: block;
    position: fixed;
    z-index: 499;
    height: 20px;
    width: 100%;
    width: calc(100% + 10px);
    max-width: 1366px;
    top: -20px;
    background-color: #FFF;
}
/*.SiteNotificationAfter {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    background-color: #F00;
    width: 18px;
    top: 0;
    opacity: 0.7;
    pointer-events: none;
    mix-blend-mode: overlay;
}
.SpacerForAfter {
    max-width: 1366px;
    position: fixed;
    top: 0;
    z-index:9999999;
    width: 100%;
    pointer-events: none;
    mix-blend-mode: overlay;
}*/
.SiteNotificationsDiv {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    margin-top: 0px;
}

.SiteNotificationsSpan {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    margin: 10px 0 0 0;
    background-color: #EEE;
    padding: 10px 0 5px 0;
    cursor: pointer;
    transition: all 300ms ease;
    color: #333;
    font-family: SlateL;
    font-size: 17px;
    text-align: center;
    max-height: calc(100vh - 20px);
    max-height: calc((var(--vh, 1vh) * 100) - 20px);
    height: 46px;
    line-height: 25px;
}

.OnlyOneNotification {
    position: relative;
    margin-top: -10px;
}

.MoreThanOne {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    margin: 10px 0;
    background-color: #EEE;
    padding: 5px 0;
    cursor: pointer;
    transition: all 300ms ease;
    color: #333;
    font-family: RobCL;
    font-size: 17px;
    text-align: center;
    max-height: calc(100vh - 20px);
    max-height: calc((var(--vh, 1vh) * 100) - 20px);
    text-transform: uppercase;
}

.toUpperCase {
    text-transform: uppercase;
    pointer-events: none;
}

.SiteNotificationsSpan span, .MoreThanOne span {
    display: inline-block;
    width: auto;
    height: 16px;
    margin: 0 0 10px 0;
    line-height: 18px;
    position: relative;
}

    .SiteNotificationsSpan span:before, .MoreThanOne span:before {
        content: '';
        position: absolute;
        left: 50%;
        margin-left: -10px;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        box-shadow: 0 0 0 10px #1976d2, 0 0 0 11px rgba(255,255,255,0.1);
        background-color: #1976d2;
        z-index: -1;
    }

.MoreThanOne b, .SiteNotificationsSpan b {
    position: absolute;
    right: 10px;
    font-size: 20px;
    transform: rotate(0deg);
    top: 16px;
    display: block;
    text-align: center;
    border-top: 8px solid #333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    transition: all 300ms ease;
    pointer-events: none;
}

.MoreThanOne b {
    top: 13px;
}


.MoreThanOne:hover b, .SiteNotificationsSpan b {
    color: #FAA;
}

.expandNotifications .MoreThanOne {
    opacity: 0.3;
}

.MoreThanOne:hover, .SiteNotificationsSpan:hover, .MoreThanOne:hover:after, .SiteNotificationsSpan:hover:after {
    background-color: #FFF;
}

.expandNotifications {
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

.SiteNotificationsH5 {
    font-weight: bold;
    font-size: 12px;
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    margin: 5px 0;
}

.SpacerForBefore {
    width: 100%;
    position: relative;
    height: 0;
    opacity: 0;
    clear: both;
}

.expandNotifications {
    height: auto;
    max-height: 99vh;
    height: calc(var(--vh, 1vh) * 99);
    /*overflow-y:auto;*/
}

.NoNotify:before {
    content: 'You have no new notifications';
    display: block;
    margin: 15px 10px;
}

.NoNotify {
    transition: height 300ms ease;
    border-color: #0A0;
}

    .NoNotify .MoreThanOne {
        display: none;
    }

.OnlyOneNotification .SiteNotificationsSpan, .MoreThanOne {
    background-color: transparent;
    border: 1px solid transparent;
    color: #FFF;
}

    .OnlyOneNotification .SiteNotificationsSpan:hover, .MoreThanOne:hover {
        background-color: transparent;
        color: #BFBFBF;
    }

    .OnlyOneNotification .SiteNotificationsSpan:after, .MoreThanOne:after {
        opacity: 0;
    }

.expandNotifications .OnlyOneNotification .SiteNotificationsSpan {
    background-color: #1976d2;
    /*border: 1px solid #333;*/
    color: #FFF;
}

.expandNotifications .MoreThanOne {
    /*background-color: #909090;
    border: 1px solid #333;*/
    color: #FFF;
}

    .expandNotifications .OnlyOneNotification .SiteNotificationsSpan:after, .expandNotifications .MoreThanOne:after {
        background-color: #909090;
        opacity: 1;
    }

    .expandNotifications .OnlyOneNotification .SiteNotificationsSpan:hover:after, .expandNotifications .MoreThanOne:hover:after {
        background-color: #FFF;
        opacity: 1;
    }

.WindowsStyleButton {
    height: auto;
    width: 90px;
    text-align: center;
    display: block;
    padding: 6px 8px;
    border: 1px solid #F3F3F3;
    box-shadow: 0 0 0 1px #707070;
    border-radius: 3px;
    background: #CCC;
    background: linear-gradient(#F2F2F2 0%, #EBEBEB 50%, #DDDDDD 51%, #CFCFCF 100%);
    font: normal 12px sans-serif;
    color: black;
    text-decoration: none;
    cursor: pointer;
    margin: 15px 0;
    display: none;
}

    .WindowsStyleButton:hover {
        border: 1px solid #ECF7FD;
        box-shadow: 0 0 0 1px #3C7FB1;
        background: #CCC;
        background: linear-gradient(#EAF6FD 0%, #D9F0FC 50%, #BEE6FD 51%, #A7D9F5 100%);
    }

    .WindowsStyleButton:active {
        border: 1px solid #73A7C4;
        border-bottom: 0;
        box-shadow: 0 0 0 1px #2C628B;
        background: #CCC;
        background: linear-gradient( #E5F4FC 0%, #C4E5F6 50%, #98D1EF 51%, #68B3DB 100%);
    }

.blockButtonCancel {
    position: fixed;
    bottom: 17%;
    left: 20.2%;
    width: 11.3%;
    height: 30px;
    color: #AAA;
    background-color: #FFF;
    border: 1px solid #DEDEDE;
}

.blockButton {
    position: relative;
    float: none;
    margin: 20px 0;
    width: 200px;
    height: 45px;
    font-size: 13px;
    color: #FFF;
    background-color: #1976D2;
    border: 1px solid #1976D2;
    border-radius: .15em;
    /* bottom: 10px; */
    right: 0;
}

div[id*='tbATCSettings_'] .loader.ATCBSpinner {
    position: absolute !important;
    top: 35% !important;
    left: 50% !important;
    margin-left: -50px !important;
}

div[id*='tbATCSettings_'] div[id*='UserListSettingTab_'] {
    padding-left: 0 !important;
}

.blockButton:hover, .blockButtonCancel:hover {
    background-color: #64b1ee !important;
    color: #FFF;
    border: 1px solid #1976D2;
}

.ExpandedNotification {
    background-color: #FFF;
    display: none;
    color: #666;
    max-height: 93vh;
    max-height: calc(var(--vh, 1vh) * 93);
    cursor: default;
    text-align: left;
    font-size: 12px;
    font-family: SlateL;
    font-weight: normal;
    position: relative;
}

.turnArrow {
    transform: rotate(180deg) !important;
}

#NotificationOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(242,242,242,0.5);
    z-index: 997;
    display: none;
}

.InputAttention {
    position: relative;
    transition: transform 300ms ease;
    border: 1px solid #F00 !important;
}

/*.InputAttention:after {
    position:absolute;
    display:block;
    content:'Attention!';
    width:60px;
    height:15px;
    line-height:15px;
    text-align:center;
    color:#F00;
    border:1px solid #F00;
    background-color:#FFF;
    font-size:8px;
    top:-12px;
    left:-43px;
    z-index:998;
    border-radius:5px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    pointer-events:none;
}

.InputAttention:before {
    position:absolute;
    display:block;
    content:'';
    width:5px;
    height:5px;
    border-left:1px solid #F00;
    border-top:1px solid #F00;
    transform:rotate(-135deg);
    background-color:#FFF;
    top:1px;
    left:7px;
    z-index:999;
    pointer-events:none;
}*/
.SearchError {
    color: #258 !important;
}

.disabled .ATCElementBtn {
    color: #FFF;
    background-color: #CCC !important;
    border-color: #CCC !important;
    pointer-events: none !important;
}

    .disabled .ATCElementBtn:hover {
        color: #FFF;
        background-color: #CCC !important;
        border-color: #CCC !important;
        pointer-events: none !important;
        box-shadow: none;
    }

    .disabled .ATCElementBtn * {
        pointer-events: none !important;
    }

.disabled.QTYcontent {
    pointer-events: none !important;
    opacity: 0.3 !important;
}

#allListsErrorMessage {
    display: block;
    /*width:calc(100% - 20px);*/
    width: 100%;
    height: auto;
    min-height: 20px;
    font-size: 13px;
    background-color: #1976d2;
    color: #FFF;
    padding: 5px 10px;
    text-align: left;
    margin-bottom: 3px;
}

    #allListsErrorMessage h4 {
        margin: 0 0 0 0;
        width: 100%;
        font-weight: bold;
        font-size: 15px;
        position: relative;
        cursor: pointer;
        padding-top: 4px;
    }

        #allListsErrorMessage h4:hover {
            color: #000;
        }

.QtyDisabled {
    opacity: 0;
}

.toggleErrors {
    display: none;
    width: 0;
    height: 0;
    border-bottom: 6px solid #A00;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    cursor: pointer;
    transition: all 300ms ease;
    position: absolute;
    right: 5px;
    top: 5px;
}

.errorContent div {
    background-color: #6d6d6d;
    border: 1px solid #797979;
    padding: 5px;
    margin-bottom: 5px;
    position: relative;
}


    .errorContent div:hover {
        background-color: #717171;
    }

.errorContent {
    margin-top: 5px;
}

.rotateErrorArrow {
    transform: rotate(180deg);
}

.SortFilter_Order_History .MATC_AddToCartButton {
    top: 7px;
    right: 10px !important;
}

.SortFilter_Manufacturer_History .MATC_AddToCartButton {
    top: 7px;
    right: 10px !important;
}

.SortFilter_Manufacturer_History, .SortFilter_Order_History {
    margin-right: -10px;
    margin-top: 15px;
}

.SettingsMenuList {
    /*margin-top:35px;*/
    padding: 15px 40px 15px 15px;
    font-family: RobCL_Bold;
    text-transform: uppercase;
    font-weight: normal;
    max-height: 700px !important;
    margin-bottom: 0 !important;
}

#wndSettings .SettingsMenuList, div[id*='UserListSettingTab_'] .SettingsMenuList {
    padding-right: 15px;
    height: 100%;
    position: relative;
    min-height: -webkit-fill-available;
}

.SettingsMenuList li {
    display: block;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    color: #333;
    font-size: 14px;
    font-family: RobCL_Bold;
    padding-left: 15px;
    margin: 5px 0;
    width: 100%;
    /*border-radius:0.25em;*/
    border: 1px solid transparent;
    box-sizing: border-box;
    position: relative;
    z-index: 4;
}

    .SettingsMenuList li.activeSetting {
        /*font-weight:bold;*/
        /*border-color:#1976d2; */
        background-color: #E6F2FF !important;
        color: #1976d2 !important;
    }

    .SettingsMenuList li:hover {
        background-color: #cce6ff !important;
        color: #1976d2 !important;
    }

.LoadAllSupplierLists, .LoadAllSupplierListses {
    clear: both;
    width: 99.9%;
    margin-left: auto !important;
    margin-right: auto !important;
    border-color: #EBEBEB !important;
    font-family: SlateL;
}

.SettingPages h3 {
    margin-top: 0px;
    margin-bottom: 15px !important;
    font-size: 15px;
    font-weight: normal;
    font-family: Slate;
    padding-left: 0;
}

.LoadAllSupplierLists table tr td, .LoadAllSupplierListses table tr td {
    padding: 18px 15px 18px 65px !important;
    /*font-weight:bold;*/
    position: relative;
    overflow: visible;
    color: #666;
}

    .LoadAllSupplierLists table tr td:hover, .LoadAllSupplierListses table tr td:hover {
        color: #1976D2;
    }

.LoadAllSupplierLists table tr, .LoadAllSupplierListses table tr {
    background-color: #FDFDFD;
    border-left: 1px solid #FDFDFD;
    border-right: 1px solid #FDFDFD;
    border-top: 1px solid #FDFDFD;
    border-bottom: 1px solid #FDFDFD;
}

    .LoadAllSupplierLists table tr:not(:last-of-type), .LoadAllSupplierListses table tr:not(:last-of-type) {
        border-bottom: 1px solid #EBEBEB;
    }

    .LoadAllSupplierLists table tr:not(:first-of-type), .LoadAllSupplierListses table tr:not(:first-of-type) {
        border-top: 1px solid #EBEBEB;
    }

    #wndProductCart .LoadAllSupplierLists table tr td:first-of-type:before, .LoadAllSupplierListses table tr td:first-of-type:before {
        z-index: 0;
        cursor: -webkit-grab;
        cursor: -moz-grab;
    }

#wndProductCart .LoadAllSupplierLists table tr td:hover, #wndProductCart .LoadAllSupplierListses table tr td:hover {
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

.LoadAllSupplierLists table tr td:first-of-type:before, .LoadAllSupplierListses table tr td:first-of-type:before {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 50px;
    height: 50px;
    opacity: 0.1;
    cursor: pointer;
    content: '';
    display: block;
    background-image: url("data:image/svg+xml;utf-8,\
    <svg width='50' height='50' xmlns='http://www.w3.org/2000/svg'>\
    <g>\
        <title>Move Product</title>\
        <line id='svg_1' y2='15.632056' x2='42.889389' y1='15.632056' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_2' y2='18.792327' x2='42.889389' y1='18.792327' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_6' y2='22.065464' x2='42.889389' y1='22.065464' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_7' y2='25.225734' x2='42.889389' y1='25.225734' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_8' y2='28.837471' x2='42.889389' y1='28.837471' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_9' y2='31.997742' x2='42.889389' y1='31.997742' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <path id='svg_13' d='m24.830702,5.812645l-4.853279,7.279903l9.819411,0' stroke-width='0.1' stroke='#000' fill='#000000' />\
        <path transform='rotate(180 24.887125015258786,38.346466064453125) ' stroke-linejoin='undefined' stroke-linecap='undefined' id='svg_17' d='m24.8307,34.70655l-4.85328,7.2799l9.81941,0' stroke-width='0.1' stroke='#000' fill='#000000' />\
    </g>\
</svg>");
    z-index: 499;
    transform: scale(0.7);
}

.SettingPages {
    display: none;
    background-color: #fcfcfc;
    max-height: 100%;
    height: auto;
    padding: 30px 25px 20px 25px !important;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    float: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}

    .SettingPages:before {
        content: '';
        display: block;
        background: none;
        width: 0px;
        height: 0px;
        top: 0px;
        left: 0px;
        position: relative;
    }

.noPadding {
    padding: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.SettingPages .row {
    padding: 5px 12px 5px 0px;
}

.orderSupplierSelect {
    position: absolute;
    left: 10px;
    top: 20px;
    padding: 0;
    background-color: transparent;
    overflow: hidden;
    height: 19px;
    cursor: pointer;
    width: 32px;
}

    .orderSupplierSelect:after {
        display: block;
        position: absolute;
        right: 5px;
        top: 5px;
        content: '';
        border-top: 6px solid #333;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }

    .orderSupplierSelect div {
        transition: all 300ms ease;
        padding-left: 2px;
        pointer-events: none;
        height: 19px;
    }

.selectNewNumber {
    overflow: visible !important;
    background-color: #FFF !important;
    height: auto !important;
    z-index: 999;
    box-shadow: 3px 3px 18px rgba(0,0,0,0.2);
    width: 45px;
    border: 1px solid #CCC;
    border-radius: 0.25em;
    float: left;
    position: absolute;
}

    .selectNewNumber div {
        transition: all 3ms ease;
        border-top: 1px solid #EEE;
        border-bottom: 1px solid #FFF;
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
        width: 44px;
        height: 27px !important;
        padding: 5px;
        background-color: #FFF !important;
        margin-top: 0 !important;
        pointer-events: all !important;
    }

        .selectNewNumber div:hover {
            border-top: 1px solid #346eb9;
            border-bottom: 1px solid #346eb9;
            border-left: 1px solid #346eb9;
            border-right: 1px solid #346eb9;
            background-color: #ebf2ff !important;
            color: #346eb9;
            /*border-radius:0.25em;*/
        }

.swopSubPages {
    border-bottom: 1px solid #EEE;
    margin-bottom: 40px;
}

    .swopSubPages li {
        width: 25%;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        text-transform: uppercase;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-bottom: 2px solid transparent;
        position: relative;
        margin-bottom: -3px;
        padding-bottom: 5px;
        font-family: RobCL_Bold;
    }

.subpageContainer .ShipAddressContentBlock,
.subpageContainer .BillAddressContentBlock {
    padding: 0;
}

.swopSubPages4 li {
    margin-left: -1px !important;
    margin-right: -1px !important;
}

.swopSubPages li.selectedOption {
    border-bottom: 2px solid #000;
}

.swopSubPages li:hover {
    border-bottom: 2px solid #DDD;
}

.swopSubPages li.selectedOption:hover {
    border-bottom: 2px solid #999;
}

.subpageContainer {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 514px;
}

.SettingSubPages .AddressTextBlock:focus, .SettingSubPages .SettingsAddressTextBlock:focus {
    outline: none;
    /*position:absolute !important;*/
}

.AddressTextBlock[disabled='disabled'], .SettingsAddressTextBlock[disabled='disabled'] {
    color: #999;
    cursor: not-allowed;
}

.SettingSubPages .CheckoutFormLabel {
    width: 95%;
    margin-left: 0px;
    font-size: 11px;
    text-transform: uppercase;
}

body > tr {
    background-color: #ebf2ff;
    border: 1px double #1976d2;
    /*width:773px;*/
    box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}

    body > tr td {
        padding: 18px 15px 18px 65px !important;
    }

        body > tr td:first-of-type:before {
            position: absolute;
            top: 0px;
            right: 5px;
            width: 50px;
            height: 50px;
            opacity: 0.1;
            cursor: pointer;
            content: '';
            display: block;
            background-image: url("data:image/svg+xml;utf-8,\
    <svg width='50' height='50' xmlns='http://www.w3.org/2000/svg'>\
    <g>\
        <title>Move Product</title>\
        <line id='svg_1' y2='15.632056' x2='42.889389' y1='15.632056' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_2' y2='18.792327' x2='42.889389' y1='18.792327' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_6' y2='22.065464' x2='42.889389' y1='22.065464' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_7' y2='25.225734' x2='42.889389' y1='25.225734' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_8' y2='28.837471' x2='42.889389' y1='28.837471' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <line id='svg_9' y2='31.997742' x2='42.889389' y1='31.997742' x1='6.772015' stroke-width='1.5' stroke='#000' fill='none' />\
        <path id='svg_13' d='m24.830702,5.812645l-4.853279,7.279903l9.819411,0' stroke-width='0.1' stroke='#000' fill='#000000' />\
        <path transform='rotate(180 24.887125015258786,38.346466064453125) ' stroke-linejoin='undefined' stroke-linecap='undefined' id='svg_17' d='m24.8307,34.70655l-4.85328,7.2799l9.81941,0' stroke-width='0.1' stroke='#000' fill='#000000' />\
    </g>\
</svg>");
            z-index: 499;
            transform: scale(0.7);
        }

.SupplierMethod {
    height: 50px;
    font-size: 15px;
    padding-left: 40px;
    display: block;
    width: calc(100% - 42px);
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0.25em;
    border: 1px solid #E4E4E4;
    background-color: transparent;
    color: #AAA;
}

.supplierWrapper {
    background-color: #FFF;
    position: relative;
    width: 100%;
}

    .supplierWrapper option:first-of-type {
        color: #BBB;
    }

    .supplierWrapper option {
        color: #000;
    }

    .supplierWrapper:after {
        display: block;
        position: absolute;
        right: 15px;
        top: 25px;
        content: '';
        z-index: 999;
        border-top: 6px solid #333;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }

.SortingDiv {
    background-color: #FFF;
    clear: both;
    border-top: 15px solid #FFF;
    position: relative;
    z-index: 499;
    padding-top: 15px;
}
/*
.SettingPages:hover .SortingDiv {
    border-top: 15px solid #F4F4F4;
}
    .SortingDiv:before {
        display:block;
        content:'';
        position:absolute;
        left:-51px;
        background-color:#FFF;
        height:100%;
        width:51px;
        top:0;
        z-index:2;
    }
    .SortingDiv:after {
        display:block;
        content:'';
        position:absolute;
        right:-51px;
        background-color:#FFF;
        height:100%;
        width:51px;
        top:0;
        z-index:2;
    }*/
.star {
    margin: 5px 0;
    position: absolute;
    display: block;
    color: #CCC;
    width: 0px;
    height: 0px;
    top: 18px;
    right: 70px;
    border-right: 10px solid transparent;
    border-bottom: 7px solid #CCC;
    border-left: 10px solid transparent;
    cursor: pointer;
    filter: drop-shadow(0 0 3px rgba(255,255,0,0));
    -moz-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
}

    .star:before {
        border-bottom: 7px solid #CCC;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        height: 0;
        width: 0;
        top: -4.5px;
        left: -6.5px;
        display: block;
        content: '';
        -webkit-transform: rotate(-35deg);
        -moz-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
        -o-transform: rotate(-35deg);
    }

    .star:after {
        position: absolute;
        display: block;
        color: #CCC;
        top: 0.3px;
        left: -10.5px;
        width: 0px;
        height: 0px;
        border-right: 10px solid transparent;
        border-bottom: 7px solid #CCC;
        border-left: 10px solid transparent;
        -webkit-transform: rotate(-70deg);
        -moz-transform: rotate(-70deg);
        -ms-transform: rotate(-70deg);
        -o-transform: rotate(-70deg);
        content: '';
    }

.starDefault {
    border-bottom: 7px solid #FD0;
    color: #FD0;
    filter: drop-shadow(0 0 3px rgba(255,255,0,1));
}

    .starDefault:before {
        border-bottom: 7px solid #FD0;
    }

    .starDefault:after {
        border-bottom: 7px solid #FD0;
        color: #FD0;
    }

textarea.ContactUsTextbox {
    width: 95% !important;
}

#LayoutFilterID .MATC_Visible .MATC_AddToCartButton {
    pointer-events: none;
}

.SupplierSettings .k-grid tr:hover {
    background-color: #cce6ff;
    /*border:1px double #1976d2;*/
    border-radius: 0.25em;
    color: #1976d2;
}

.settingsMenu {
    padding-left: 15px !important;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid #f2f2f2;
    background-color: #fff;
}

/*************************************************/
.range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - 73px);
    height: 5px;
    border-radius: 5px;
    background: #d7dcdf;
    outline: none;
    padding: 0;
    margin: 5px 0 0 0;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

    .range-slider__range:focus {
        border: none;
    }

    .range-slider__range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #2c3e50;
        cursor: pointer;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }

        .range-slider__range::-webkit-slider-thumb:hover {
            background: #ebf2ff;
            border: 1px solid #1976d2;
        }

    .range-slider__range:active::-webkit-slider-thumb {
        background: #1976d2;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }

    .range-slider__range::-moz-range-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #2c3e50;
        cursor: pointer;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }

        .range-slider__range::-moz-range-thumb:hover {
            background: #ebf2ff;
            border: 1px solid #1976d2;
        }

    .range-slider__range:active::-moz-range-thumb {
        background: #1976d2;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }

::-moz-range-track {
    background: #d7dcdf;
    border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}

.SupplierRuleBox {
    padding: 5px 0px;
    float: left;
    height: 30px;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    text-align: center;
    margin-bottom: 15px;
}

.selectSupplierBox {
    /*padding: 20px 25px;*/
    margin-left: 15px;
    box-sizing: border-box;
    /*border: 1px solid rgba(0,0,0,0.1);*/
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    border-radius: 0.15em;
}

.SupplierRuleInput {
    display: none;
}

    .SupplierRuleInput ~ label {
        color: #000;
        font-weight: 100;
        font-size: 13px;
        position: relative;
        transition: all 300ms ease;
        cursor: pointer;
        text-align: center;
    }

        .SupplierRuleInput ~ label:hover {
            color: #1976d2;
        }

    .SupplierRuleInput:checked ~ label {
        color: #1976d2;
        font-weight: bold;
        font-size: 14px;
        margin-top: -1px;
    }

.rulesDisabled {
    opacity: 0.6;
    pointer-events: none;
}

.slideCheck {
    display: none;
}

    .slideCheck ~ label {
        height: auto !important;
        box-sizing: border-box;
        line-height: 22px;
        padding-left: 48px;
        font-family: SLateL;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 10px;
        color: #333333;
        font-weight: normal;
    }

        .slideCheck ~ label:hover {
            color: #1976d2;
        }

            .slideCheck ~ label:hover:after {
                filter: saturate(1.1);
            }

        .slideCheck ~ label:before {
            box-shadow: none !important;
            margin-left: 28px;
            margin-top: 4px;
            border-radius: 0px !important;
            width: 14px !important;
            height: 14px !important;
            display: block;
            line-height: 14px !important;
            font-size: 14px !important;
            box-sizing: border-box;
            /* content: "\e118"; */
        }

.AddPatientInfoCheckbox ~ label:before {
    margin-left: 0;
}

.slideCheck ~ label:after {
    color: #0067b5;
    font-size: 14px;
    cursor: pointer;
    left: 26px;
    /*content: "\2713";*/
    /*content: "\e118";*/
    position: absolute;
    display: block;
    opacity: 0;
    height: 15px;
    width: 15px;
    top: 6px;
}

.slideCheck:checked ~ label {
    color: #000;
}

    .slideCheck:checked ~ label:hover {
        color: #555;
    }

    .slideCheck:checked ~ label:after {
        opacity: 1;
    }

.slideRight {
    display: none;
}

    .slideRight ~ label {
        position: relative;
        cursor: pointer;
        width: 100%;
    }

        .slideRight ~ label:hover {
            color: #555;
        }

            .slideRight ~ label:hover:after {
                filter: saturate(1.1);
            }

        .slideRight ~ label:before {
            position: absolute;
            content: '';
            top: 0;
            right: 0px;
            display: block;
            height: 17px;
            width: 34px;
            color: #666;
            background-color: #CCC;
            border: 1px solid #999;
            border-radius: 15px;
            box-shadow: inset -2px 2px 5px rgba(0,0,0,0.3);
            cursor: pointer;
        }

        .slideRight ~ label:after {
            position: absolute;
            content: '';
            top: 2px;
            right: 20px;
            display: block;
            height: 15px;
            width: 15px;
            background-color: #DDD;
            border: 1px solid #AAA;
            border-radius: 15px;
            box-shadow: inset 2px -2px 5px rgba(0,0,0,0.1);
            cursor: pointer;
            transition: all 300ms ease;
        }

    .slideRight:checked ~ label:after {
        right: 2px;
        background-color: #FFF;
    }

#SetSupplierRanks {
    /*padding-top:10px;*/
    opacity: 0;
    transition: opacity 300ms ease-in-out;
}

#subpage_AddressSettings .slideCheck ~ label:before {
    margin-left: 0 !important;
}

#subpage_AddressSettings .slideCheck ~ label {
    padding-left: 20px;
}

.rankWidgets {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right: 0;
}

#overridePercentText {
    -webkit-box-sizing: border-box;
    width: 60%;
    height: 20px;
    margin-left: 10%;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 0.25em;
    position: relative;
    margin-top: -5px;
    font-size: 15px;
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box;
    padding-top: 1px;
}

    #overridePercentText:after {
        content: '%';
        position: absolute;
        right: 3px;
        color: #CCC;
        font-size: 15px;
        font-weight: normal;
        top: 1px;
    }

.enablePercent {
    opacity: 0.3;
    pointer-events: none;
    filter: saturate(0);
}

.selectRedirectOption, .selectDefaultOptionFirstChild,
.selectDefaultOption, .selectDefaultOptionFirstChild {
    display: none;
}

.SupplierRow {
    padding: 0 !important;
    border-radius: 10px;
    /*background: linear-gradient(#DDD, #FFF);
    border: 2px solid #EEE;*/
}

.selectRedirectOption ~ label, .selectDefaultOptionFirstChild ~ label,
.selectDefaultOption ~ label, .selectDefaultOptionFirstChild ~ label {
    display: block;
    float: left;
    height: 19px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    line-height: 17px;
    font-weight: normal;
    position: relative;
    padding-left: 25px;
    font-size: 12px;
    color: #333 !important;
    font-family: SlateL;
    text-transform: uppercase;
    font-weight: normal;
    /*text-align:center;
    border-radius:8px;
    border: 2px solid transparent;*/
}

.RedirectRadio .selectDefaultOption ~ label, .selectDefaultOptionFirstChild ~ label {
    line-height: 20px;
}

.RedirectRadio .selectDefaultOption ~ label:hover {
    color: #1976d2 !important;
}

.selectDefaultOption ~ label:before, .selectDefaultOptionFirstChild ~ label:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0px;
    height: 16px;
    width: 16px;
    border-radius: 18px;
    background-color: #FFF;
    border: 1px solid #b3b3b3;
    box-sizing: border-box !important;
}

#RulesetLastOrdered #selwarning {
    display: none;
    position: absolute;
    height: 40px;
    top: -14px;
    left: 210px;
    padding-left: 10px;
    padding-right: 0px;
}

#RulesetLastOrdered #selremove {
    display: none;
    position: absolute;
    height: 40px;
    top: -12px;
    left: 250px;
    padding-left: 10px;
    padding-right: 0px;
}

#RuleSetDelete #selremove {
    display: none;
    position: absolute;
    height: 40px;
    top: -12px;
    left: 240px;
    padding-left: 10px;
    padding-right: 0px;
}

.selectDefaultOption:checked ~ label:after, .selectDefaultOptionFirstChild:checked ~ label:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 9px;
    height: 10px;
    width: 10px;
    border-radius: 8px;
    background-color: #428bca;
}

.ExpandedNotification .selectDefaultOption:checked ~ label:after {
    top: 5px;
    left: 8px;
}

.ExpandedNotification .slideCheck ~ label:before {
    top: 6px;
}

#overridePercentinput {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0 2px;
    margin: 0;
    height: 19px;
    width: 40px;
    line-height: 19px;
    background-color: transparent;
    border: none;
}

.ProductViewContainer {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .ProductViewContainer .ProductViewContainerItem {
        border: solid 1px #f2f2f2;
        min-width: 32.5%;
        height: auto;
        min-height: 100px;
        margin: 0px;
        margin-top: 15px;
        cursor: pointer;
        transition: all 300ms ease;
        color: #666 !important;
        padding: 15px;
        font-family: RobCL;
        font-size: 12px;
    }

        .ProductViewContainer .ProductViewContainerItem:hover {
            color: #1976d2 !important;
        }

    .ProductViewContainer .TableProductDetailsMainHeading {
        display: block;
        width: 100%;
        clear: both;
        border-top: solid 20px transparent !important;
        padding-bottom: 0px;
        font-family: RobCL;
        font-size: 22px;
        padding-left: 15px;
    }

.ProductViewer_ProductName {
    margin-top: 0px;
    margin-left: 10px;
    font-family: SlateL;
    font-size: 14px;
    position: relative;
}

.productviewer_productname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: RobotoL
}

    .productviewer_productname strong {
        margin-top: 20px;
        position: relative;
        display: block;
        margin-bottom: 2px;
        font-weight: normal;
        font-family: RobotoM;
        font-size: 13px;
    }

div.ProductViewer_Image {
    text-align: center;
    overflow: hidden;
}

img.ProductViewer_Image {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain;
    margin: 0 auto;
    position: relative;
    mix-blend-mode: multiply;
}

.productviewer_productnamePrice {
    color: #AAA;
}

/*Data Sliders*/
.FilterSliderDiv .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-radius: 16px;
}

.ui-widget-content {
    border: 1px solid transparent !important;
    background: #ddd !important;
    height: 1px !important;
}

.ui-slider .ui-slider-handle {
    width: 10px !important;
    height: 10px !important;
}

.DetailsRow {
    background-color: #FFF;
}

    .DetailsRow img {
        mix-blend-mode: multiply;
    }

.settingSection {
    /*background-color:#FFF;
    border-top: 1px #DDD solid;
    border-bottom: 1px #DDD solid;
    padding:15px;*/
    margin-top: 0;
    position: relative
}

#subpage_AddressSettings {
    /*margin-left: -30px;*/
    margin-top: -15px;
    box-sizing: border-box !important;
}

div[id*='tbATCPricing_'] {
    height: calc(100% - 10px);
    position: relative;
    width: 100%;
}

.container-fluid.ATCSuppliers {
    padding-right: 40px !important;
}

#wndGridAddToCart .container-fluid.ATCSuppliers {
    transform: none !important;
}

.ATCModalContainer {
    position: relative;
    height: inherit;
}

.ATCModalLeftContainer,
.ATCModalRightContainer {
    overflow-y: auto;
    height: inherit;
}

.noTopPadding {
    padding-top: 0;
    margin-top: 0 !important;
}

.percentages {
    display: flex;
    padding-left: 30px;
}

    .percentages div {
        flex: 1;
        text-align: center;
        height: 0;
        padding-bottom: 33%;
        line-height: 40px;
    }

.percPlus, .percMinus {
    font-size: 30px;
    border-radius: 3px;
    background-color: transparent;
    color: #000;
    font-weight: normal;
    /* box-shadow: inset 0 0 10px 2px #1976d2; */
    cursor: pointer;
    position: relative;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

    .percPlus:hover, .percMinus:hover {
        background: #EEE;
    }

div.percentBox {
    font-size: 18px;
    box-sizing: border-box;
    position: relative;
    height: 1px;
    padding-bottom: 33%;
    line-height: 350%;
    margin-right: 5px;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    text-indent: -5px;
}

#wndListsAll div.percentBox {
    text-indent: -14px;
}

#wndGridAddToCart div.percentBox {
    text-indent: -15px;
}

#wndListsAll .slideCheck ~ label:after, #tabstripATC .slideCheck ~ label:after {
    margin-top: -5px;
}

input.percentBox {
    display: none;
    /* padding: 0 4px 0 0 !important; */
    /* margin: 0 !important; */
    height: 0;
    /* line-height: 100%; */
    /* width: 100%; */
    position: absolute;
    background-color: transparent;
    border: none;
    /* text-align: center; */
    /* box-sizing: border-box !important; */
    /* -webkit-box-sizing: border-box !important; */
}

    input.percentBox:focus {
        outline: none;
    }

div.percentBox:after {
    content: '%';
    position: absolute;
    right: 16px;
    top: -1px;
    height: 0px;
    color: #AAA;
    pointer-events: none;
}

.right2px:after {
    right: 6px !important;
}

.right7px:after {
    right: 11px !important;
}

.fadeIn {
    opacity: 1 !important;
}

.MATC_AddToCartButtonRotate img {
    transform: rotate(180deg) translateY(-10px);
}

.openBorders {
    background-color: #f6faff;
    border-top: 1px solid #1976d2;
    border-bottom: 1px solid #1976d2 !important;
}
/*.k-grid {
    border-radius: 4px;
    border-right: 1px double #EEE !important;
}*/
.listDropDownOverride .MATC_AddToCartButton {
    right: 25px !important;
    height: 5px;
    width: 8px;
    top: 16px;
}

#ColumnProductDetailContainer .listDropDownOverride .MATC_AddToCartButton {
    right: 10px !important;
    height: 5px;
    width: 8px;
    top: 7px;
}

.listDropDownOverride .MATC_AddToCartButton img {
    margin-top: 0 !important;
    margin-right: 0 !important;
}

.listDropDownOverride:after {
    display: block;
    content: '';
    width: 132px;
    height: 6px;
    background: transparent;
    position: absolute;
    bottom: -3px;
    right: 0px;
    z-index: 9999;
}

.showafter:after {
    /*background: #FFF !important;*/
}

.k-panelbar .k-content {
    border: 1px solid #EEE !important;
    border-top: none !important;
    border-bottom: none !important;
}

.RenderMore .AdditonalSubContent {
    width: 99.9% !important;
    margin: 0;
    border: 1px solid #f2f2f2;
    position: relative;
    background-color: #fbfbfb;
}

    .RenderMore .AdditonalSubContent .divAdditionalInfo {
        margin-bottom: 0;
    }

.divCreateList table tbody tr td {
    height: 25px !important;
}

.divAdditionalInfo form {
    padding-left: 0 !important;
}

.divAdditionalInfo select {
    font-family: SlateL;
    color: #B4B4B4;
}

.UserListsGrid .WPAdditionalInfoTableGeneral tr {
    width: 100% !important;
}

.UserListsGrid .divAdditionalInfo {
    padding: 20px 40px !important;
}

.WPTableSubOptionsRowGeneral {
    width: 98% !important;
    display: block !important;
    margin: 1% !important;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
}

    .WPTableSubOptionsRowGeneral:hover {
        background-color: #cce6ff !important;
    }

table.k-selectable tr.WPTableSubOptionsRowGeneral:hover {
    background-color: #cce6ff !important;
}

.CloseAdditonalSubContent {
    background-color: #fbfbfb;
    position: absolute;
    top: 0px;
    right: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #808080;
    border: 1px solid #fbfbfb;
    padding-right: 1px;
    padding-top: 4px;
    cursor: pointer;
    z-index: 1;
    transform: scale(0.7);
    font-family: RobCL;
}

    .CloseAdditonalSubContent:hover {
        border: 1px solid #CCC;
        border-radius: 2em;
    }

.disableMore {
    opacity: 0.3;
    pointer-events: none;
    background-color: #EEE;
}

.ListsQTYContainer {
    pointer-events: none !important;
}

    .ListsQTYContainer * {
        pointer-events: all !important;
    }

.ATCMainMultiAccountItemName {
    pointer-events: none !important;
}

.RenderMore {
    pointer-events: none !important;
}

    .RenderMore div {
        pointer-events: all !important;
    }

.ListNoDataError {
    font-family: RobCL;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    color: #666;
}

.GridProductLine .bubblePopout,
.ATCHeaderContent .bubblePopout,
.pnlProductName .bubblePopout,
.SortFilter_FPPriceHistory .bubblePopout {
    max-height: 400px;
    overflow-y: auto !important;
    overflow-x: hidden;
}

.bubblePopout .ListNoDataError {
    text-indent: 15px;
}

.MATC_ImgAddToCartDownArrow {
    pointer-events: none !important;
    position: relative;
}

.listBlock .MATC_ImgAddToCartDownArrow {
    margin-top: 18px;
}

.k-button, .k-widget {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#ListType_Lists {
    position: relative;
}

.loadingdiv {
    width: 100%;
    height: 2px;
    background-color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
}

    .loadingdiv:after {
        position: absolute;
        top: 0;
        content: '';
        display: block;
        left: 0;
        height: 2px;
        background-color: #1976d2;
        width: 0px;
        animation: loading 1s linear forwards;
    }

@keyframes loading {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

#checkAllLists {
    display: none;
}

    #checkAllLists ~ label {
        padding-bottom: 5px;
        height: auto !important;
        line-height: 20px;
        /*padding-left: 36px;*/
        padding-left: 24px;
        font-family: SlateL;
        font-weight: normal;
        font-size: 12px;
        color: #333333;
        display: inline-block;
        position: relative;
        vertical-align: text-top;
        cursor: pointer;
        border-style: solid;
        border-width: 0;
        margin-left: 0;
        width: 100%;
        /*border-left: 1px solid #F2F2F2;
    border-right: 1px solid #F2F2F3;*/
        box-sizing: border-box;
        margin-bottom: 0 !important;
    }

        #checkAllLists ~ label:hover {
            text-decoration: underline;
        }

        #checkAllLists ~ label:after {
            border-color: #ccc;
            background: #fff;
            border-radius: 3px;
            box-shadow: none !important;
            /* margin-left: 11px; */
            margin-top: 4px;
            border-radius: 0px !important;
            width: 12px !important;
            height: 12px;
            position: absolute;
            top: 0;
            left: 0;
            border-width: 1px;
            border-style: solid;
            font-size: 14px;
            line-height: 14px;
            text-align: center;
            content: '';
            text-decoration: none !important;
        }

    #checkAllLists:checked ~ label:after {
        color: #428bca;
        content: "\e118";
        line-height: 12px;
        font: 12px WebComponentsIcons,monospace;
    }

.ListsSettings {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

    .ListsSettings * {
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .ListsSettings hr {
        margin: 10px 0 25px !important;
    }

    .ListsSettings .k-checkbox-label:before, .ListsSettings .k-radio-label:before {
        margin-left: 0;
        padding-left: 0;
    }

    .ListsSettings .k-checkbox-label, .ListsSettings .k-radio-label {
        padding-top: 0;
        padding-left: 25px;
    }

    .ListsSettings .ImageSettings .k-checkbox-label,
    .ListsSettings .ImageSettings .k-radio-label,
    .ListsSettings .PredictiveSearchSettings .k-checkbox-label,
    .ListsSettings .PredictiveSearchSettings .k-radio-label,
    .ListsSettings .ColumnViewSettings .k-checkbox-label,
    .ListsSettings .ColumnViewSettings .k-radio-label,
    .ListsSettings .CheckoutSettings .k-checkbox-label,
    .ListsSettings .CheckoutSettings .k-radio-label {
        margin-bottom: 5px;
    }

.foundin {
    float: left;
    color: #999;
    margin-right: 5px;
}

    .foundin:after {
        content: ':';
    }

.foundNames {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 230px;
    pointer-events: none !important;
}

.spnULFoundinList * {
    pointer-events: none !important;
}

.ProductDetailProductNameTabGrid {
    pointer-events: none !important;
}

.ListSettingsItem {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 5px;
    font-family: Slate;
    color: #333;
    font-size: 13px;
    height: 40px;
    font-weight: normal;
    line-height: 40px;
}

    .ListSettingsItem:hover {
        background-color: #cce6ff !important;
        color: #1976d2 !important;
    }

.deleteList {
    top: 0;
    position: absolute;
    right: 31px;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    width: 20px;
    fill: red;
    transition: all 300ms ease;
}

.EditList {
    top: 0;
    position: absolute;
    right: 71px;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    width: 20px;
    fill: red;
    transition: all 300ms ease;
}

    .EditList:after {
        content: '|';
        position: absolute;
        right: -12px;
        top: 0;
        display: block;
        color: #DDD;
    }

.trashCan {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' version='1.1' viewBox='0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath d='M89.4,100l26.2,347.9c2.5,32.5,29.6,58.1,60.7,58.1h159.3c31.1,0,58.2-25.6,60.7-58.1L422.6,100H89.4z M190.1,460.8 c0.3,7.1-5.1,12.7-12,12.7s-12.7-5.7-13.1-12.7l-14.6-296.6c-0.5-9.6,5.7-17.4,13.8-17.4s14.9,7.8,15.3,17.4L190.1,460.8z M268.5,460.8c0,7.1-5.7,12.7-12.5,12.7s-12.5-5.7-12.5-12.7l-2-296.6c-0.1-9.6,6.4-17.4,14.5-17.4c8.1,0,14.6,7.8,14.5,17.4 L268.5,460.8z M346.9,460.8c-0.3,7.1-6.2,12.7-13.1,12.7s-12.2-5.7-12-12.7l10.6-296.6c0.3-9.6,7.2-17.4,15.3-17.4 c8.1,0,14.3,7.8,13.8,17.4L346.9,460.8z'/%3e%3cpath d='M445.3,82.8H66.7v0c-1.8-21.1,10.7-38.4,27.9-38.4h322.9C434.6,44.4,447.1,61.8,445.3,82.8L445.3,82.8z' id='XMLID_2_'/%3e%3cpath d='M324.3,58.6H187.7l-0.2-7.8C186.7,26.3,202.1,6,221.9,6h68.3c19.7,0,35.1,20.3,34.4,44.7L324.3,58.6z' id='XMLID_1_'/%3e%3c/g%3e%3c/svg%3e");
}

.deleteList:hover {
    color: #D60606;
    opacity: 1;
    /*animation:shake 800ms forwards ease;*/
    /*text-shadow: 0 0 2px #FFF, 0 0 2px #FFF, 0 0 3px #FFF, 0 0 4px #FFF;*/
}

.EditListSettings {
    height: 30px !important;
}

.ListNameError {
    position: absolute;
    width: 130px;
    left: 16vw;
    color: red
}

.EditList:hover {
    color: #1976d2;
    opacity: 1;
    /*animation:shake 800ms forwards ease;*/
    /*text-shadow: 0 0 2px #FFF, 0 0 2px #FFF, 0 0 3px #FFF, 0 0 4px #FFF;*/
}

.removeSave {
    position: absolute;
    bottom: 0;
    right: -50px;
    margin: 15px;
    width: 450px;
}

.ClearFilterText:hover {
    color: #900;
}

.OptionFilter .MATC_AddToCartButtonWithOption span {
    /*top: 6px;*/
    padding-left: 10px;
    color: #666 !important;
}

#mainViewContainer #OptionFilter .MATC_AddToCartButtonWithOption {
    margin-bottom: 10px;
}

#OptionFilter .MATC_AddToCartButtonWithOption {
    background-color: #FFFFFF !important;
    pointer-events: none;
    width: 100% !important;
    /*max-width: 227px;*/
    border: 1px solid #f2f2f2 !important;
    box-sizing: border-box;
    margin-bottom: 1px;
}

.ViewIconContainer img {
    cursor: pointer;
}

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


.ViewIconContainer .MATC_AddToCartButtonWithOption {
    padding-right: 20px;
    text-align: right;
}

/*CustomScrollerContainer*/
.OptionFilterFixed.ScrollInnerFullHeight {
    height: calc(100vh - 75px) !important;
    height: calc((var(--vh, 1vh) * 100) - 75px) !important;
}

#OptionFilter.OptionsFilterOff, .OptionFilterFixed.OptionsFilterOff {
    height: 44px !important;
    min-height: 1px !important;
    max-height: 44px !important;
}

.ClearFilterTextOverride {
    left: 85% !important;
    height: 90% !important;
    top: 6% !important;
    line-height: 100% !important;
}

.pnlButtons_ButtonAddToList:after {
    display: block;
    content: '';
    height: 10px;
    width: 170px;
    left: 1px;
    bottom: -2px;
    background-color: transparent;
    position: absolute;
    z-index: 499;
}

.divFooterTemplate table {
    width: 100%;
}

    .divFooterTemplate table tr {
        border: none !important;
        height: 35px;
    }

.CustomScroller .k-panelbar-collapse.k-icon, .CustomScroller .k-panelbar-expand.k-icon, .scroll-content .k-panelbar-collapse.k-icon, .scroll-content .k-panelbar-expand.k-icon {
    right: 10px !important;
}

.ColumnViewContainer .ATCWindowProductName {
    font-weight: normal;
}
/*.ColumnProductDetailContainer div[id*='PricingDivContainer'] {
    width: 110%;
    margin-left: -5%;
}*/

.OptionFilter:focus {
    outline: none;
}

.ColumnViewContainer .ATCModalSuppliers {
    height: auto !important;
    min-height: 120px;
    /*Gerard: Overflow is hidden for new column snap function*/
    overflow: hidden !important;
}

.ColumnViewContainer .tabstripATCContent {
    margin-left: 0 !important;
    border: 1px solid transparent;
    min-height: 100% !important;
    height: auto;
    overflow-y: auto !important;
    max-height: initial !important;
}

.ColumnProductDetailContainer .ATCHeaderContent {
    margin: 0;
    /*padding-left: 17px;
    padding-right: 17px;*/
    background-color: white;
}

/*ATC Header*/
.headerText {
    position: relative;
    display: inline-block;
    box-sizing: border-box !important;
}

.PricingComparisonPanes .headerText, Full_ProductTabsProducts .headerText {
    z-index: 498;
}

.daysAgo {
    position: relative;
    z-index: 498;
    line-height: 20px;
    display: inline-block;
    margin-top: 15px;
    width: auto;
    height: 20px;
}

    .daysAgo:before {
        content: '';
        position: absolute;
        left: 50%;
        margin-left: -10px;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        box-shadow: 0 0 0 10px #1976d2, 0 0 0 11px rgba(255,255,255,0.1);
        background-color: #1976d2;
        z-index: -1;
    }

.ProductInfoBtn {
    font-family: RobCL;
    font-size: 11px;
    margin-top: 13%;
    line-height: 11px;
    padding: 10px;
    position: relative;
    border: 1px solid transparent;
    text-align: center;
    border-radius: .25em;
    cursor: pointer;
}

    .ProductInfoBtn:hover {
        border: 1px solid #64b1ee;
    }

.ColumnViewContainer .ATCWindowProductName {
    font-weight: normal;
}

.ColumnProductDetailContainer div[id*='PricingDivContainer'] {
    width: 100% !important;
    margin-left: 13px;
    height: auto !important;
    margin-bottom: 10px;
    border: 1px solid #f2f2f2;
    padding-right: 0 !important;
}

#ColumnViewContent WSNameItemsInCart {
    right: 0;
    margin-top: -10px;
}

.ColumnDetailsContainer .headerText,
.ColumnViewContainer .headerText {
    font-family: SlateL;
    font-size: 12px;
    font-weight: normal;
}

.ColumnViewContainer .contentRow .NumberFormat {
    font-size: 14px !important;
}



.ColumnViewContent {
    height: 100%;
}

#ColumnViewContent .MATC_divDDOptionsItem:hover {
    /*color:red !important;*/
}

#ColumnViewContent .SelectedWishListBox {
    margin-top: 15px;
}

#ColumnViewContent .ATCQTYOnlyContainer {
    width: 100%;
    height: 45px;
}

.ColumnViewContainer {
    padding-left: 0px;
    padding-right: 3px;
    height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
    overflow-y: scroll;
    background-color: white;
    overflow-x: hidden;
    max-width: -webkit-fill-available;
    width: 100% !important;
}

.ForcesFlyout .ColumnViewContainer {
    height: 100% !important;
    max-height: 100% !important;
    overflow-y:visible !important;
}


.ColumnDetailsContainer .circular-chart,
.ColumnViewContainer .circular-chart {
    margin: 5px auto;
    max-width: 100%;
    max-height: 50px;
}

.ColumnViewContainer .scroll-y {
    max-height: calc(100% - 40px);
    transform: translateY(40px) !important;
    /*right: 12px !important;*/
    z-index: 999 !important;
}

.ColumnViewContainer .ATCQTYOnlyContainer, #SupplierATCTopPlaceHolder .ATCQTYOnlyContainer {
    width: 100%;
    height: 45px;
}

.ColumnViewContainer .ATCSuppliersPricePanel .ATCAccRow, #SupplierATCTopPlaceHolder .ATCSuppliersPricePanel .ATCAccRow {
    /* top: 6px; */
    height: 45px;
    /* text-align: center; */
    display: block;
    width: 100%;
    position: relative;
    margin: auto;
}

.ColumnDetailsContainer .ATCRightBlock,
.ColumnViewContainer .ATCRightBlock {
    min-height: 65px;
    padding: 5px;
}

.InfoBlocksContainer .ATCAccRow .ATCContainer,
.ColumnViewContainer .ATCAccRow .ATCContainer,
#SupplierATCTopPlaceHolder .ATCAccRow .ATCContainer,
.ATCPanel .ATCAccRow .ATCContainer {
    height: 100% !important;
    width: 100% !important;
    max-width: 130px !important;
    margin: auto !important;
}

.ColumnViewContainer #HistoryTabHeader {
    display: none;
}


.InfoBlockContainer.container-fluid
{
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.ColumnProductDetailContainer .ATCSuppliersPriceTotal, #SupplierATCTopPlaceHolder .ATCSuppliersPriceTotal {
    font-size: 15px;
    top: 0;
    height: 45px;
    line-height: 45px;
    width: 100%;
    text-align: center;
}

/*.ColumnProductDetailContainer .ATCSuppliersPriceTotalText {
    position: relative;
    top: 0 !important;
}*/

#wndGridAddToCart .k-tabstrip-wrapper div[id*='PricingDivContainer'] > div:nth-of-type(2) {
    margin-top: 0px !important;
}

.k-tabstrip-wrapper div[id*='PricingDivContainer'] > div:nth-of-type(2) {
    margin-top: 36px !important;
}

#Grid_ListProducts_D .k-tabstrip-wrapper div[id*='PricingDivContainer'] > div:nth-of-type(2) {
    margin-top: 0px !important;
}

.ColumnViewContainer .ModalColumnHeader {
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,0.01);
}

div[id*='SlideOutProductInfo_'] {
    position: relative;
    background-color: white;
}

.ColumnProductDetailContainer div[id*='SlideOutProductInfo_'] .ATCSuppliersPricePanel {
    display: none;
}

.FloatOverFromLeft {
    right: 0 !important;
    webkit-transition: right 1s;
    transition: right 1s;
    z-index: 1000000;
}

div[class*='InfoBlockContent_'] .headerRow,
div[id*='SlideOutProductInfo_'] .headerRow {
    padding: 5px 0 5px 5px;
    font-family: RobCL;
    font-size: 10px;
    color: #b3b3b3;
}

div[class*='InfoBlockContent_'] div[id*='TopRightInfoBlock_'],
div[id*='SlideOutProductInfo_'] div[id*='TopRightInfoBlock_'] {
    margin-bottom: 0;
    padding: 0;
}

/*****************************ATC Bottom Right Block*********************************/

.ATCRightBlock {
    border: 1px solid #f2f2f2;
    height: auto;
    min-height: 70px;
    margin: 2px 0 0 2px;
    background-color: #fefefe;
    box-sizing: border-box !important;
    float: none;
    position: relative;
    padding: 15px;
    display: flex;
    align-items: center;
}

    .ATCRightBlock:last-child {
        margin-bottom: 16px;
    }

.headerRow {
    padding: 0 5px;
    font-family: SlateL;
    font-size: 12px;
    color: #999999;
    height: 50%;
    float: none;
    box-sizing: border-box !important;
}

.contentRow {
    height: 50%;
    padding: 0px 5px 0;
    width: 85%;
    font-family: SlateL;
    font-size: 12px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    float: none;
    box-sizing: border-box !important;
}

.verticalDivider {
    width: 1px;
    margin: 10% 0 !important;
    height: 80%;
    max-height: 70px;
    background-color: #f2f2f2;
    right: 0;
    top: 0;
    position: absolute;
    margin: auto 0;
}

.NumberFormat {
    font-family: SlateL !important;
    font-size: 12px !important;
}

.CenterText {
    text-align: center;
}

.ATCRightBlock .single-chart {
    width: 60% !important;
    justify-content: space-around;
}

.ColumnProductDetailContainer .single-chart {
    width: 48% !important;
}

#wndGridAddToCart .MTDContainer {
    margin-top: -28px;
}

#wndGridAddToCart .ATCElementBtn div[class*='MATCSelectedText_'] {
    /*height: 45px;
    line-height: 45px;*/
}

.PricingComparisonPanes .MTDContainer {
    margin-top: -20px;
}

.ColumnViewContainer .MTDContainer {
    margin-top: -28px;
}


.MTDContainer {
    width: 100%;
    height: 49px;
    margin-top: -35px;
    margin-left: 29%;
    max-width: 92px;
}

/*.AddToCartButtonContainer,
.ULProductInfo .AddToCartChild .ATCMain,
.ULProductInfo .BtnOuterDiv,
.ULProductInfo .AddToCartChild,
.AddToCartButtonContainer,
.AddToCartParent,
.ATCContainer,
.ListsQTYContainer, .GridATCContainer {
    pointer-events: none;
}*/

    .ULProductInfo .AddToCartChild .ATCMain *:not(.ListSpacer),
    .ULProductInfo .BtnOuterDiv *:not(.ListSpacer):not(.ListsQTYContainer),
    .ULProductInfo .AddToCartChild *,
    .AddToCartButtonContainer .AddToCartParent .ATCMain *:not(.ListSpacer),
    .GridATCContainer *,
    .ListsQTYContainer *,
    .ATCContainer) * {.
        pointer-events: all !important;
    }

.AddTocartDisabled,
.ATCQuantityDisabled,
.ATCInputDisabled {
    background-color: #CCC !important;
    border-color: #CCC !important;
    pointer-events: none !important;
    color: white;
    cursor: default !important;
}

    .ATCInputDisabled *,
    .ATCQuantityDisabled *,
    .AddTocartDisabled * {
        pointer-events: none !important;
    }

.ListSpacer {
    pointer-events: none !important;
    height: 116px;
    width: 205px;
}

.GenericsRightPane .ATCQTYOnlyContainer.ATCHomeOverride, .TheraputicsRightPane .ATCQTYOnlyContainer.ATCHomeOverride {
    margin-top: 8px !important;
}

.PricingComparisonPanes .ATCQTYOnlyContainer.ATCHomeOverride {
    margin-top: 0px !important;
}

.PricingComparisonPanes .ATCAccRow {
    height: 45px;
    display: block;
    top: -10px;
}

.GenericsRightPane .ATCQTYOnlyContainer.ATCHomeOverride.ATCQTYOnlyContainer, .TheraputicsRightPane .ATCQTYOnlyContainer.ATCHomeOverride.ATCQTYOnlyContainer, .PricingComparisonPanes .ATCQTYOnlyContainer.ATCHomeOverride.ATCQTYOnlyContainer {
    width: 100%;
}

#OrderHistoryFilter ul:last-of-type {
    position: relative;
}

    #OrderHistoryFilter ul:last-of-type:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #EEE !important;
        position: absolute;
        bottom: 0;
        left: 0;
    }

.ListsQTYContainer {
    width: 150px;
    height: 45px;
    left: 46%;
    margin-left: -75px;
    top: 73px;
    z-index: 1;
    position: absolute;
    pointer-events: none !important;
}

    .ListsQTYContainer .AddToCartButtonContainerQtyOnly {
        width: 100% !important;
    }

    .ListsQTYContainer * {
        pointer-events: all !important;
    }

.ULProductInfo .ListsQTYContainer {
    pointer-events: none !important;
}

    .ULProductInfo .ListsQTYContainer * {
        pointer-events: all !important;
    }

#Grid_ListProducts_D .TabProductsTable {
    width: 818px !important;
}

#Grid_ListProducts_D #tabstripATC .TheraputicsRightPane {
    width: 831px !important;
}

#Grid_ListProducts_D #tabstripATC .GenericsRightPane {
    width: 761px !important;
}

#Grid_ListProducts_D #tabstripATC .TheraputicsRightPane .SupplierSubItemRowSelected {
    width: 101.56%;
    margin-left: -6.8px;
    margin-top: -5px;
}

#Grid_ListProducts_D #tabstripATC .GenericsRightPane .SupplierSubItemRowSelected {
    width: 93.9%;
    margin-left: -7px;
    margin-top: -4px;
}

.supplierRowChild {
    padding-left: 0 !important;
    padding-right: 0 !important;
    white-space: nowrap !important;
}

.supplierRowChild[id*='SaveValue'] {
    text-align: right !important;
}

.supplierRowRadio
{
    width:20px;

}

.SupplierSubItemRowSelected .no-gutters {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: calc(100% + 20px);
}

    .SupplierSubItemRowSelected .no-gutters div[class*="col-"] {
        margin-left: unset;
        margin-right: unset;
        padding-left: unset;
        padding-right: unset;
    }

.PricingSection {
    width: 350px;
    position: absolute;
    background-color: #F9F9F9;
    height: auto;
    border: solid 1px #e0e0e0;
    top: 200px;
    right: 12px;
    z-index: 1;
    height: 275px;
    overflow: hidden;
}

#supplierTotalBlock {
    padding-bottom: 20px;
    background-color: #F9F9F9;
    height: auto;
    border: solid 1px #e0e0e0;
    padding-bottom: 20px;
    position: absolute;
    margin-top: 275px;
    top: 200px;
    width: 350px;
    right: 4px;
}

.divsize {
    box-sizing: content-box !important;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    border: none !important;
    height: auto;
    position: relative;
    width: auto;
}

.CustomColLeft {
    /*width:20% !important;*/
    padding-top: 0px;
    padding-left: 10px;
    margin-right: 20px;
    /*margin-top:2.5%;*/
}

    .CustomColLeft .PanelBarCheckoutSuppliers, .PanelBarProductGroup {
        width: 100% !important;
    }

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

.CheckoutBlockGroupHeader {
    font-family: RobCLR;
    font-size: 15px;
    padding: 20px 30px 10px;
    line-height: 15px;
}

.CartPriceHeaders {
    float: left !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: SlateL;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    color: #333;
    max-width:220px;
    overflow:hidden
}

.CartPriceDetail {
    float: right !important;
    font-weight: normal;
    font-family: SlateM;
    font-size: 13px;
}

.CheckoutContinueShopping {
    text-align: center;
    cursor: pointer;
    font-family: SlateM;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    color: #333;
    border: 1px solid #CCC;
    border-radius: .25em;
    font-size: 13px;
    transition: 0.2s;
}

    .CheckoutContinueShopping:hover {
        background-color: #f2f2f2;
        border: 1px solid #BBB;
        box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
        transition: 0.2s;
    }

.CartPriceContainer {
    padding-bottom: 5px;
}

.CartCheckoutButtonContainer {
    display: flex;
    justify-content: space-around;
    height: 115px;
    flex-flow: column;
}

.CartTopBanner {
    width: 350px !important;
    height: 200px !important;
    top: 114px;
    position: fixed;
}

.FirstRow {
    padding-top: 14px;
}

.RedirectTitle {
    height: 40px !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
}

.RedirectRadio {
    width: 200px;
    text-align: left;
    margin-left: 35%;
    height: 50px;
}

#wndRedirect {
    text-align: center;
}

.wndRedirectContent {
    margin-top: 20px;
    margin-bottom:30px;
    font-size: 15px;
}

.RedirectButton {
    background-color: #1976d2;
    border: 1px solid #1976d2;
    border-radius: 2px;
    color: white;
    width: 100px;
    height: 40px;
    display: table;
    font-family: SLateL;
    font-size: 13px;
    transition: 0.2s;
    white-space: nowrap;
    min-width: 10vw;
    margin: 21px 0px;
    transform: translate(180px, 0px);
}

.CheckoutBtn {
    background-color: #1976d2;
    border: 1px solid #1976d2;
    border-radius: .15em;
    color: white;
    width: 100%;
    height: 40px;
    display: table;
    font-family: SLateL;
    font-size: 13px;
    transition: 0.2s;
    /*margin-top: 10px;*/
}

    .CheckoutBtn div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .CheckoutBtn:hover {
        cursor: pointer;
        background-color: #0f4d8a !important;
        border: 1px solid #1976d2;
    }

.CheckoutBtnOther {
    background-color: transparent;
    border: 1px solid #CCC;
    height: 40px;
    line-height: 40px;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 20px 0;
    font-size: 13px;
    box-sizing: border-box;
}


    .CheckoutBtnOther:hover {
        background-color: #f2f2f2;
        cursor: pointer;
        box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
    }

#SubTotalItemCount, #SubTotalItemCount_ReviewItem {
    padding-left: 10px;
    font-size: 10px;
    /*padding-top: 2px;*/
}

.coActiveItemsContainer .k-alt {
    background-color: transparent;
}

#tab_SpecialOrder {
    display: none;
}

#tabstripATC-5.CustomScrollerContainer, #tabstripATC-5.scrollbar-outer {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
}

.higherDropdown {
    position: fixed;
    z-index: 99999999;
    box-sizing: border-box !important;
    border: 1px solid #CCC;
    background-color: #FFF;
    color: #333;
    width: 100px;
    max-height: 300px;
    overflow: hidden;
    box-shadow: 3px 3px 18px rgba(0,0,0,0.2);
}

    .higherDropdown:after {
        right: 3px;
        top: 3px;
        content: '+';
        height: 15px;
        border-radius: 10px;
        color: #000;
        text-align: center;
        line-height: 13px;
        position: absolute;
        cursor: pointer;
        font-weight: normal;
        font-size: 28px;
        transform: rotate(45deg);
    }

    .higherDropdown:hover:after {
        right: 13px;
    }

    .higherDropdown .scroll-wrapper .scroll-content div, .higherDropdown > div[data-value] {
        transition: all 3ms ease;
        border-top: 1px solid #EEE;
        border-bottom: 1px solid #FFF;
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
        width: 86px;
        height: 13px !important;
        padding: 5px;
        background-color: #FFF;
        margin-top: 0 !important;
        pointer-events: all !important;
        cursor: pointer;
    }

        .higherDropdown .scroll-wrapper .scroll-content div:hover {
            background-color: #EBEBEB !important;
            border: 1px solid #EBEBEB;
            color: #1976d2 !important;
        }

    .higherDropdown .scrollbar-outer > .scroll-content.scroll-scrolly_visible {
        left: 0px !important;
        margin-left: 0px !important;
    }
/*Gerard, Full images page*/
.FullImagesPage {
    display: none;
    width: 100%;
    height: 100%;
    max-width: 1366px;
    margin: 0 auto;
    z-index: 9000;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 0;
    left: 0;
    border: solid 1px #f2f2f2;
}

.FullImageCloseButtonContainer {
    position: sticky;
    top: 0px;
    z-index: 5;
}

.FullImagesPage > .row:first-child {
    max-width: 1366px;
    width: 100%;
    position: fixed;
    margin: 0 auto;
    height: 10px;
    z-index: 9;
}

.FullImageCloseButton {
    color: #333;
    font-size: 38px !important;
    transform: rotate(45deg);
    right: 45px;
    top: 10px;
    position: absolute;
    z-index: 9;
    font-family: SLateL;
}

#FullImagePageRowID {
    width: 100%;
}

.FullImageCloseButton:hover {
    cursor: pointer;
}

div[id^="ImagePosition_"] {
margin-bottom:30vh;

}

/***********************************CHECKOUT PAGE STYLES**************************************HH*/
.COConfirmHeader .k-checkbox:checked + .k-checkbox-label:before {
    background-color: white;
    border: 2px solid #C3D897 !important;
    border-radius: 5em;
    color: #C3D897;
    content: "¬" !important;
    transform: rotate(135deg);
    box-sizing: border-box;
}


/* Fix for ShoppingCartCheckoutFinal page's "send checkboxes" on Safari 10.1+ */
@media not all and (min-resolution: .001dpcm) {
    @media {
        .Send-Checkbox::before {
            line-height: 25px !important;
        }
    }
}

.COConfirmHeader .k-checkbox:checked + .k-checkbox-label:active:before {
    border: 2px solid #C3D897 !important;
    box-shadow: none !important;
    outline: none !important;
}

.COConfirmHeader .k-checkbox-label:before {
    /*font: 16px WebComponentsIcons,monospace;*/
    content: "+" !important;
    position: absolute;
    top: -5px;
    left: 0px;
    border: 2px solid #ff9999 !important;
    color: #D17F7F;
    border-radius: 2em;
    width: 30px;
    height: 30px;
    font-size: 28px;
    line-height: 14px;
    text-align: center;
    font-family: SlateL;
    padding-top: 5px;
    padding-right: 2px;
    padding-left: 2px;
    box-sizing: border-box;
    transform: rotate(45deg);
}

.COConfirmHeader .k-checkbox-label:active:before {
    outline: 1px solid transparent !important;
    box-shadow: none !important;
    border: 2px solid #ff9999 !important;
}

.COConfirmHeader input:focus, .COConfirmHeader textarea:focus {
    border-color: #ff9999 !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.OrderConfirmationContentBlock {
    margin-top: 100px;
}

.CheckoutHeaderBlock {
    width: 100%;
    max-width: 1366px;
    background-color: #FAFAFA;
    height: auto;
    min-height: 100px;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #f2f2f2;
    position: absolute;
    margin: 0 auto;
    box-sizing: border-box !important;
    z-index: 1000;
}

.CheckoutHeaderCentre {
    height: 100%;
    margin: 0 auto;
}

.CheckoutHeaderSideBlock {
    font-family: SlateL;
    font-size: 14px;
    color: black;
    bottom: 0px;
    text-align: center;
    margin: auto;
    height: 100%;
    padding-top: 15%;
    white-space: nowrap;
    cursor: pointer;
}

.CheckoutHeaderCenterBlock {
    font-family: SLateM;
    font-size: 14px;
    font-weight: normal;
    color: black;
    bottom: 0px;
    text-align: center;
    margin: auto;
    height: 100%;
    min-height: 100px;
    padding-top: 15%;
    border-bottom: 5px solid #C0D691;
}

.CheckoutFinalBody {
    height: auto;
    padding-top: 100px;
}

.CheckoutFinalLeftBlock {
    /*padding-top: 20px;
    padding-bottom: 20px;*/
    height: auto;
    padding-bottom: 40px;
}

.CheckoutAddressBlock, .CheckoutPaymentBlock {
    border: 1px solid #f2f2f2;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 20px;
}

.CheckoutOrderOptionBlock {
    border: 1px solid #f2f2f2;
    padding: 0;
    margin-top: 20px;
}

#CheckoutOrderSortTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.CheckoutOrderTable {
    height: auto;
    position: relative;
    min-height: 45px;
    padding: 0;
}

    .CheckoutOrderTable::after {
        margin-left: -20px;
        margin-left: -20px;
    }

.CheckoutSectionHeaderContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}

.CheckoutReviewSectionHeaderContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}

.CheckoutSectionHeader {
    font-family: RobCLR;
    font-size: 15px;
    color: #333;
    display: inline-block;
    line-height: 30px;
}

.AddPatientInfoCheckbox ~ label,
.CheckoutKebabCheckbox ~ label {
    font-size: 12px;
    font-family: Slate;
    padding-left: 20px;
    margin-bottom: 0;
}

    .CheckoutKebabCheckbox ~ label:before {
        margin-left: 0;
    }

.CheckoutOuterGroupingHeader {
    font-family: SlateM;
    font-size: 12px;
    color: black;
    margin: 10px 0;
}

#CheckoutPricingTotalSection {
    font-family: Slate;
    font-size: 12px;
    padding: 10px 10px 0 10px;
}

.TotalSectionGroupingHeader {
    font-family: SlateM;
}

.TotalSectionGroupingHeaderName {
    max-width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TotalSectionGroupingHeaderIcon {
    width: 10px;
    margin-right: 5px;
    display: flex;
    align-items: center;
}

.TotalSectionGroupingHeaderTotal {
    margin-left: auto;
}

.TotalSectionInnerGroupingContainer {
    display: none;
}

.TotalSectionInnerGroupingSection {
    font-family: SlateL;
    display: flex;
    justify-content: space-between;
    text-indent: 15px;
}

.AddressHeader {
    font-family: SlateM;
    font-size: 12px;
    font-weight: normal;
    color: #CCC;
    line-height: 30px;
}

.AddressValue {
    font-family: SlateL;
    font-size: 13px;
    text-transform: uppercase;
}

#LogoContainer {
    padding-top: 6%;
    position: relative;
    padding-bottom: 0;
    height: 100%;
    cursor: pointer;
}

.CheckoutAddressPopupModal {
    box-sizing: border-box !important;
    height: 100%;
}

.CheckoutEditButton {
    color: #1976D2;
    background-color: transparent;
    border: none;
    font-family: RobCL_Bold;
    font-size: 12px;
    text-align: right;
    font-weight: normal;
}

    .CheckoutEditButton:hover {
        text-decoration: underline;
    }

.CheckoutCheckboxDescription {
    font-size: 12px;
    font-family: RobCL;
    color: #808080;
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    top: -2px;
    left: 5px;
    font-weight: normal;
}

.ShipAddressHeader {
    font-family: RobCL_Bold;
    font-weight: normal;
    font-size: 18px;
    padding-top: 20px;
    position: relative;
    box-sizing: border-box;
    height: 100%;
}

.ShipAddressContentBlock {
    box-sizing: border-box;
    height: 100%;
    border-right: 1px solid #f2f2f2;
    text-transform: uppercase;
    padding-top: 20px;
}

.BillAddressContentBlock {
    box-sizing: border-box;
    height: 100%;
    text-transform: uppercase;
    padding-top: 20px;
}

.SettingSubPages .ShipAddressContentBlock, .SettingSubPages .BillAddressContentBlock {
    padding-top: 5px;
    border: 1px solid transparent;
}

.BillAddressHeader {
    font-family: RobCL_Bold;
    font-weight: normal;
    font-size: 18px;
    padding-top: 20px;
    position: relative;
    box-sizing: border-box;
    height: 100%;
}

.AddressTextBlock, .SettingsAddressTextBlock {
    height: 40px;
    width: 88% !important;
    border: 1px solid #EBEBEB;
    font-family: SlateL;
    text-indent: 5px;
    font-size: 13px;
    margin-left: 5%;
    margin-bottom: 25px;
    text-transform: uppercase;
    box-sizing: border-box;
}

.SettingSubPages .AddressTextBlock, .SettingSubPages .SettingsAddressTextBlock {
    margin-bottom: 20px;
    width: 95% !important;
    margin-left: 0px;
}

.AddressTextBlockOptional {
    height: 40px;
    width: 88% !important;
    border: 1px solid #EBEBEB;
    font-family: SlateL;
    text-indent: 5px;
    font-size: 13px;
    margin-left: 5%;
    margin-bottom: 25px;
    box-sizing: border-box;
}

.FormSection {
    height: 70%;
    position: relative;
    margin: 0 !important;
    overflow: auto;
}

.SettingPages .FormSection {
    max-height: 60vh;
    max-height: calc(var(--vh, 1vh) * 60);
    float: none;
    border-bottom: 1px solid #f2f2f2;
}

.AddressHeaderSection {
    position: relative;
    width: 100%;
    height: 15%;
    box-sizing: border-box;
    border-bottom: 1px solid #f2f2f2;
}

.SettingSubPages .AddressHeaderSection {
    border: 1px solid transparent;
    position: relative;
    box-sizing: border-box !important;
    float: none;
}

.CheckoutFormLabel {
    font-family: SlateM;
    font-size: 10px;
    font-weight: normal;
    color: #808080;
    line-height: 10px;
    margin-bottom: 5px;
    margin-left: 5%;
    display: block;
}

.CheckoutButtonSection {
    height: 15%;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #FAFAFA;
    border-top: 1px solid #EBEBEB;
    margin: auto;
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
}

.ListsSettings .CheckoutButtonSection {
    background-color: transparent !important;
    border-top: 1px solid transparent !important;
}

.CheckoutCancelButton {
    height: 40px;
    width: 100%;
    background-color: #EBEBEB;
    padding: 0;
    line-height: 40px;
    font-size: 14px;
    font-family: SlateL;
    font-weight: normal !important;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    color: black;
    border-radius: .15em;
}

    .CheckoutCancelButton:hover {
        /*box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);*/
        background-color: #e6e6e6;
    }

.CheckoutSettings .CheckoutSaveButton {
    display: inline-block;
    height: 45px;
    width: 25%;
    background-color: #1976D2;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 14px;
    font-family: Slate;
    font-weight: normal !important;
    font-size: 14px;
    box-sizing: border-box;
    border: 1px solid #1976D2;
    cursor: pointer;
    text-align: center;
    color: white;
    margin-right: 20px;
    margin-top: 30px;
}

.CheckoutSaveButton {
    display: block;
    height: 40px;
    width: 100%;
    background-color: #1976D2;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px;
    font-family: Slate;
    font-size: 14px;
    font-weight: normal !important;
    box-sizing: border-box;
    border-radius: 0.15em;
    border: 1px solid #1976D2;
    cursor: pointer;
}

.SettingsSaveButton {
    margin: 10px 0 0 0;
    max-width: 200px !important;
    display: inline-block;
    right: 0;
    height: 40px;
    width: 100%;
    background-color: #1976D2;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px;
    font-family: Slate;
    font-weight: normal !important;
    font-size: 14px;
    box-sizing: border-box;
    border: 1px solid #1976D2;
    cursor: pointer;
    border-radius: .15em;
    color: white;
    text-align: center;
}

.CheckoutSaveButton:hover {
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
    background-color: #64B1EE;
}

.CheckoutPricingSection {
    background-color: #F9F9F9;
    height: auto;
    border: solid 1px #f2f2f2;
    padding-bottom: 15px;
    top: 20px;
    margin-right: 0px;
    position: relative;
    /* left: 68%; */
    width: 100%;
}

    .CheckoutPricingSection hr {
        border: 1px solid #cccccc;
        margin-left: 15px;
        margin-right: 15px;
    }

.CheckOutTotalContainer > div {
    background-color: #ebebeb;
}

.CheckoutPolicyContainer {
    font-family: SlateL;
    font-size: 14px;
    text-align: center;
}

#CheckoutPricingSection > div.CartPriceContainer > div > div > div > a {
    color: #2B76D0;
}

.CheckoutPolicyContainer a:hover {
    color: #2B76D0;
    cursor: pointer;
    background-color: transparent;
}

.PaymentSelection {
    font-family: SlateL;
    display: inline-block;
    font-size: 13px;
    text-indent: 5px;
    margin-top: 5px;
    line-height: 23px;
}

.WsWholeSalerName
{
    margin-left:10px;

}

.CheckoutReviewItemsBlock {
    height: auto;
    padding-bottom: 10px;
    margin-top: 20px;
    border: 1px solid #f2f2f2;
}

.ReviewItemsHeader {
    font-family: SlateM;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
    border-top: solid 1px #f2f2f2;
    background-color: #FBFBFB;
    height: 30px;
    line-height:30px;
}

.ReviewItemContainer {
    border-top: solid 1px #f2f2f2;
    /*border-bottom: solid 1px #EBEBEB;*/
    max-height: 130px;
    /*max-height:130px;*/
}

    .ReviewItemContainer :hover {
        box-shadow: none !important;
    }

.ReviewMoreInfoContainer {
    display: block;
    margin-top: -2%;
    padding-top: 4px;
}

.ReviewItemRowClass {
    margin-bottom: 10px;
}

    .ReviewItemRowClass:hover .ReviewMoreInfoDivText {
        display: block;
    }
/*MoreFreakingTextClass*/
.ReviewMoreInfoDivText :hover {
    box-shadow: none !important;
    /*display:block;*/
}

.ReviewItemRowClass:hover .ReviewMoreInfoContainer {
    display: block !important;
    box-shadow: none !important;
}

.ReviewItemProductName {
    font-family: Slate;
    font-size: 14px;
    padding-top: 15px;
    color: #333333;
}

.ReviewItemWholesalername {
    font-family: SlateL;
    font-size: 12px;
    color: #666666;
}

.ReviewItemUnitPrice {
    font-family: SlateL;
    color: #333;
    font-size: 16px;
    padding-top: 15px;
}

.ReviewItemTotalPrice {
    padding-top: 15px;
    font-family: SlateL;
    color: #333;
    font-size: 16px;
    text-align: center;
    padding-right: 40px !important;
}

.ReviewHeader:last-child {
    text-align: center;
}

.ReviewQtyContainer {
    width: 40px;
    font-family: SlateL;
    color: #333;
    font-size: 16px;
}

    .ReviewQtyContainer div {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }

.ReviewImageCol {
    padding-top: 15px;
}

    .ReviewImageCol img {
        height: 80px;
        width: auto;
        pointer-events: none;
        padding-left: 16px;
    }

.ReviewHeader {
    padding-left: 13px !important;
}

.ReviewItemExtraInfo {
    display: none;
    margin-top: -2%;
}

.ReviewMoreInfoDivText:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,#FFF, #EEE, #FFF);
    position: absolute;
    top: -2px;
    left: 11%;
}

.ReviewMoreInfoDivText {
    font-family: RobCL;
    font-size: 12px;
    color: #CCC;
    margin-top: 5%;
    cursor: pointer;
    display: none;
    /*pointer-events:none;*/
}

.ExtraReviewItemsContainer {
    display: none;
    border: solid 1px #F0F0F0;
    background-color: #FCFCFC;
    /* box-shadow: 0 0 0 10px #FCFCFC, 0 0 0 11px #F0F0F0; */
    /* position: absolute; */
    min-height: 130px;
    top: 16px;
    width: 109%;
    padding: 10px 10px 10px 10px !important;
}

.ReviewItemsColumnHeaderName {
    float: left;
    font-family: RobCL_Bold;
    font-size: 11px;
    color: #555;
    width: 45%;
    font-weight: normal;
}

.ReviewItemsColumnHeaderValue {
    font-family: RobCL;
    font-size: 11px;
    color: #BBBBBB;
    width: 55%;
    min-width: 50px;
    height: 17px;
    float: left;
    line-height: 7px;
    padding-top: 5px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/****************************************CHECKOUT END******************************************/
div[id*="HistoryGraphDivContainerFull_"] > .HistoryGraphDivContainer:first-of-type {
    margin: 10px 0 20px 0;
}

div[id*="HistoryGraphDivContainerFull_"] .HistoryGraphDivContainer.k-chart {
    margin-top: 70px;
}

.graphButtonClicked {
    text-decoration: underline;
}

#viewOrders .k-grid table tr.k-state-selected td {
    position: relative;
}

    #viewOrders .k-grid table tr.k-state-selected td:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: -1px;
        border-bottom: 1px solid #1976d2;
        z-index: 497;
    }

.ListEditable {
    cursor: text;
    position: relative;
    display: inline-block;
}

    .ListEditable:hover {
        animation: flashText 800ms ease infinite;
    }

        .ListEditable:hover:after {
            content: '';
            background-size: contain;
            background-repeat: no-repeat;
            width: 15px;
            height: 17px;
            position: absolute;
            display: block;
            opacity: 0.5;
            top: 11px;
            right: -45px;
            z-index: 2;
            background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23020202' d='M422.953,176.019c0.549-0.48,1.09-0.975,1.612-1.498l21.772-21.772c12.883-12.883,12.883-33.771,0-46.654 l-40.434-40.434c-12.883-12.883-33.771-12.883-46.653,0l-21.772,21.772c-0.523,0.523-1.018,1.064-1.498,1.613L422.953,176.019z'/%3E%3Cpolygon fill='%23020202' points='114.317,397.684 157.317,440.684 106.658,448.342 56,456 63.658,405.341 71.316,354.683 '/%3E%3Cpolygon fill='%23020202' points='349.143,125.535 118.982,355.694 106.541,343.253 336.701,113.094 324.26,100.653 81.659,343.253 168.747,430.341 411.348,187.74 '/%3E%3C/g%3E%3C/svg%3E");
        }

    .ListEditable input {
        position: absolute;
        left: -4px;
        z-index: 499;
        font-size: 13px;
    }

.listGreenText {
    color: #090;
}

#confirmRejectSubmit {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 140px;
    margin-left: -200px;
    margin-top: -70px;
    background-color: #FAFAFA;
    border: 1px solid #DDD;
    box-shadow: 2px 2px 7px rgba(0,0,0,0.4);
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    z-index: 999999;
}

    #confirmRejectSubmit span {
        width: 100%;
        display: block;
        clear: both;
        margin: 15px 0;
    }

.ConfirmYes, .RejectNo {
    width: 30%;
    height: 40px;
    background-color: #EEE;
    color: #000;
    float: left;
    text-align: center;
    line-height: 40px;
    margin: 0 10%;
    cursor: pointer;
}

    .ConfirmYes:hover, .RejectNo:hover {
        background-color: #DDD;
    }

.confirmOverlay {
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none;
}

#wndSpecialInstructions {
    box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.2);
    display: none;
    overflow: hidden;
    padding: 35px 20px 0;
    border: 1px solid transparent;
    box-sizing: border-box;
}

    #wndSpecialInstructions .btnAdditionalInfoClear {
        height: 45px;
    }

.OptionContainer {
    display: none;
    height: auto !important;
    top: -11px;
    margin-top: 0 !important;
    background: white;
    z-index: 10000 !important;
    padding-left: 15px !important;
    float: right !important;
    position: absolute !important;
    border-radius: .15em;
    border: 1px solid #1976d2;
    box-sizing: border-box !important;
    width: 100.5% !important;
    left: -1px;
}

.CostCentreOption {
    margin-top: 0 !important;
    line-height: 40px;
    height: 40px;
    padding: 13px 0 13px 0;
    padding-left: 0 !important;
    background-color: white;
    box-sizing: border-box !important;
}

#wndConfirmPopup_wnd_title {
    color: #d8d8d8 !important;
    z-index: 99 !important;
    font-family: RobCL !important;
    top: 2px !important;
    border-bottom: 2px solid #EEE;
    text-transform: uppercase;
}

#wndConfirmPopup {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    box-sizing: border-box;
    position: relative;
    padding: 25px;
    font-family: SlateM;
    font-weight: normal;
    color: #333;
}

.wndConfirmPopupButtons {
    bottom: 7px;
    clear: both;
    position: relative;
    width: 100%;
    height: 40px;
}

    .wndConfirmPopupButtons button {
        width: 100%;
        margin-top: 10px;
        height: 40px;
        /* float: left; */
        box-sizing: border-box;
        color: #333;
        border: 1px solid #CCC;
        background-color: white;
        font-family: Slate;
        font-weight: normal;
    }

        .wndConfirmPopupButtons button:hover {
            background-color: #64b1ee !important;
        }

        .wndConfirmPopupButtons button:focus {
            background-color: #DDD;
        }

.showsaved {
    position: absolute;
    bottom: 17px;
    right: 69px;
    color: #090;
    font-size: 15px;
    font-family: RobCL;
    background-color: #FFF;
    width: 150px;
    text-align: center;
}

.showsavedShopping {
    position: absolute;
    bottom: 11px;
    right: 190px;
    color: #090;
    font-size: 15px;
    font-family: RobCL;
    width: 150px;
    text-align: center;
}

.PaymentMethodHeader {
    font-family: RobCL_Bold;
    font-weight: normal;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.PaymentContainer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.PaymentTextLabel {
    font-family: SlateM;
    font-size: 12px;
    font-weight: normal;
    color: black;
    line-height: 10px;
    margin-bottom: 5px;
    display: block;
}

.PaymentTextBlock {
    height: 40px;
    /*width: 85% !important;*/
    border: 1px solid #EBEBEB;
    font-family: SlateL;
    text-indent: 5px;
    font-size: 15px;
    /*margin-left: 5%;*/
    margin-bottom: 25px;
    box-sizing: border-box;
}

#cardYear {
    width: 90% !important;
}

.CardTypeContainer {
    border: solid 1px #EBEBEB;
    width: 100%;
}

.PaymentButtonSection {
    height: 8%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #FAFAFA;
    border-top: 1px solid #EBEBEB;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.PaymentTextBlock_select {
    height: 40px;
    /*width: 85% !important;*/
    border: 1px solid #EBEBEB;
    font-family: SlateL;
    text-indent: 5px;
    font-size: 15px;
    /*margin-left: 5%;*/
    margin-bottom: 25px;
    box-sizing: border-box;
    width: 95%;
}
/*.PaymentTextBlock_select option {

    height:40px;
    }*/
/*
    .CardTypeContainer img {
    width:150px;
    }*/

#wndErrorHandler {
    font-family: SlateL;
    font-size: 14px;
    height: auto;
    width: 100%;
    max-height: 15vh;
    max-height: calc(var(--vh, 1vh) * 15);
    background-color: #F6F7F7;
    border: 1px solid #F6F7F7;
    border-left: 5px solid #ff4d4d;
}

    #wndErrorHandler button {
        width: 49%;
        position: relative;
        margin: 25px auto 0;
        box-sizing: border-box;
        border: 1px solid #ff4d4d;
        text-transform: uppercase;
        background-color: #ff4d4d;
    }

#ErrorCloseButton {
    background-color: #d9d9d9 !important;
    border: 1px solid #d9d9d9 !important;
    color: black;
}

#wndErrorHandler button:hover {
    box-shadow: 1px 2px 5px 1px #808080 !important;
}
/*.hideThisPage{ WTF !!!!
    opacity:0 !important;
    transition:opacity 300ms ease;
}*/
select.opened {
    margin-top: 25px;
    height: auto !important;
}

#costcentre {
    cursor: pointer;
}

    #costcentre option {
        height: 14px;
        padding: 10px 10px 7px 10px;
        width: calc(100% - 35px);
        border: 1px solid transparent;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
    }

        #costcentre option:first-of-type {
            padding: 0 10px 0 0;
            margin-left: -1px;
            border-left: 1px solid transparent;
            border-right: 1px solid transparent;
        }

        #costcentre option:nth-of-type(2) {
            border-top: 1px solid #DDD;
        }

        #costcentre option:last-of-type {
            border-bottom: 1px solid #DDD;
        }

        #costcentre option::selection {
            background: #DADADA;
        }

        #costcentre option:hover {
            cursor: pointer;
            border: 1px solid #1976d2 !important;
        }

        #costcentre option:disabled:hover {
            cursor: default;
            border: 1px solid transparent !important;
        }

.additionalCartOptions {
    display: none;
    height: auto;
    position: relative;
    clear: both;
    min-height: 50px;
    margin-bottom: 25px;
    box-sizing: border-box !important;
}

    .additionalCartOptions * {
        box-sizing: border-box !important;
    }

    .additionalCartOptions .divAdditionalInfo {
        width: 100.1% !important;
    }

#CustomTooltip {
    position: fixed;
    padding: 5px;
    width: auto;
    height: auto;
    border: 1px solid #DDD;
    background-color: #eff4ff;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    display: none;
    z-index: 999999999999999999999;
    border-radius: 0.25em;
    color: #666;
}

.CheckoutFormLabel {
    position: relative;
    width: 85%;
}

    .CheckoutFormLabel .numberUp {
        position: absolute;
        right: 0;
        width: 20px;
        height: 18px;
        top: 15px;
        background-color: #EEE;
        border: 1px solid #DDD;
        cursor: pointer;
        opacity: 0;
    }

    .CheckoutFormLabel .numberDown {
        position: absolute;
        right: 0;
        width: 20px;
        height: 19px;
        top: 34px;
        background-color: #EEE;
        border: 1px solid #DDD;
        cursor: pointer;
        opacity: 0;
    }

        .CheckoutFormLabel .numberUp:hover, .CheckoutFormLabel .numberDown:hover {
            background-color: #D2D2D2;
        }

    .CheckoutFormLabel .numberUp:after {
        content: '';
        position: absolute;
        display: block;
        top: 5px;
        left: 6px;
        filter: drop-shadow(-1px 1px 0 rgba(255,255,255,0.7));
        border-bottom: 8px solid #adadad;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }

    .CheckoutFormLabel .numberDown:after {
        content: '';
        position: absolute;
        display: block;
        top: 5px;
        left: 6px;
        filter: drop-shadow(-1px 0 0 rgba(255,255,255,0.7));
        border-top: 8px solid #adadad;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }

.AddressTextBlock[type='number']::-webkit-outer-spin-button,
.AddressTextBlock[type='number']::-webkit-inner-spin-button,
.SettingsAddressTextBlock[type='number']::-webkit-outer-spin-button,
.SettingsAddressTextBlock[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.listBlock .MATC_AddToCartButtonWithOptionDropDown {
    width: 207px;
}

.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
}

    .custom-menu li {
        padding: 8px 12px;
        cursor: pointer;
    }

        .custom-menu li:hover {
            background-color: #DEF;
        }

.ATC_Supplier_RightSideContainer {
    position: absolute !important;
    bottom: -1px;
    left: -1px !important;
    height: 60px !important;
    z-index: 498 !important;
    overflow: hidden !important;
    border-left: solid 1px #346eb9;
    border-bottom: solid 1px #346eb9;
    border-right: solid 1px #346eb9;
    width: calc(100% + 2px) !important;
}

    .ATC_Supplier_RightSideContainer .ATCSuppliersPricePanel {
        max-width: 100% !important;
    }

    .ATC_Supplier_RightSideContainer .ATCAccRow {
        width: 100% !important;
    }

.posRel {
    position: relative !important;
    max-height: 419px;
}

.ATCCSupplierContent.SupplierSubItemRowSelected.CustomScrollerContainer .scrollerBar {
    right: 6px !important;
}

.ATCCSupplierContent.SupplierSubItemRowSelected.CustomScrollerContainer .scroller {
    right: 3px !important;
}

.AltProductName {
    position: relative;
    display: block;
    font-family: RobCL;
    font-size: 11px;
    height: auto;
    white-space: nowrap;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .AltProductName:before {
        position: absolute;
        /*content: 'Supplier';*/
        top: -21px;
        left: 0;
        display: block;
        font-size: 12px;
        color: #AAA;
        font-family: SlateL;
    }

#wndSpecialInstructions .AltProductName {
    padding-top: 0;
    line-height: 55px;
    height: 55px;
}

.customCloseBtn.addCloseButton.specialInstructionsClose {
    right: 9px;
    top: 0;
}

.TabProductsTable .AltProductName {
    padding-top: 0;
    line-height: 35px;
    height: 35px;
}

.ATCCSupplierContent.SupplierSubItemRowSelected .CustomScroller {
    height: 100% !important;
}

.ATC_Supplier_ColOverride {
    box-sizing: border-box !important;
    padding-left: 2% !important;
}

.Full_ProductTabsProducts .PPComparisonsRightPane .ATC_Supplier_ColOverride {
    top: -80px;
}

div[id*='productTabPricingFull_'] .ATCS_Supplier_WindowRowSelected, div[id*='productTabPricingFull_'] .Supplier_ATC_None_Selected_Row {
    margin-left: 20px;
}

.ATCCSupplierContent.SupplierSubItemRowSelected .ATCSuppliersPricePanel {
    background-color: #EEE;
}

.ATC_Supplier_RightSideContainer .ATCSuppliersPricePanel .ATCQTYOnlyContainer {
    max-width: 150px !important;
    bottom: 39px !important;
    right: 290px !important;
    position: absolute !important;
}

.ATC_Supplier_RightSideContainer .ATCPriceTotalBlock {
    right: 220px !important;
    top: 3px !important;
    width: 60px !important;
    text-align: left !important;
}

.ATC_Supplier_RightSideContainer .ATCAccRowAccName {
    position: absolute !important;
    right: 435px;
    width: 60px !important;
}

.ATC_Supplier_RightSideContainer .ATCUnitPrice {
    right: 435px;
    width: 60px !important;
    text-align: left !important;
}

.ATC_Supplier_RightSideContainer .AltProductName {
    display: block;
}

.ATC_Supplier_RightSideContainer .ATCSuppliersPriceTotalText {
    top: 24px !important;
}

    .ATC_Supplier_RightSideContainer .ATCSuppliersPriceTotalText.totalHeader {
        top: 5px !important;
    }

.ATCSuppliersPricePanel .ATCAccRow {
    width: 100%;
}

.ATC_Supplier_RightSideContainer .ATCButtonContainer {
    width: 185px;
    position: absolute;
    top: 10px;
    right: 22px;
}

.MenuItemImage {
    max-height: 30px;
    max-width: 30px;
    position: relative;
    margin-right: 25px;
}

.MainMenuNewListImage {
    max-height: 30px;
    max-width: 30px;
    position: relative;
    margin-right: 0;
    margin-left: 0px;
    display: inline-block;
    fill: #115598;
    filter: invert(34%) sepia(36%) saturate(4209%) hue-rotate(196deg) brightness(91%) contrast(80%);
    margin-bottom: 5px;
}

.k-checkbox-label:active:before {
    -webkit-box-shadow: 0 0 2px 0 #ff9999;
    box-shadow: 0 0 2px 0 #ff9999;
    border-color: #ff9999;
}

.k-checkbox:focus + .k-checkbox-label:before {
    border-color: #ff9999;
    -webkit-box-shadow: 0 0 2px 0 #ff9999;
    box-shadow: 0 0 2px 0 #ff9999;
}

.CategoryFlyoutBlock {
    height: auto;
    min-height: 170px !important;
    /*padding: 15px;*/
    margin-bottom: 15px;
}

.FlyoutHeaderText {
    font-family: RobCL;
    font-size: 16px;
    color: black;
    margin-bottom: 15px;
    text-align: left;
}

div[id*='productTabSupplierPricingFull_'] {
    padding-bottom: 60px;
}

    div[id*='productTabSupplierPricingFull_'] .ATC_Supplier_RightSideContainer {
        margin-bottom: -60px;
        border-left: solid 1px transparent;
        border-bottom: solid 1px #f2f2f2;
        border-right: solid 1px transparent;
        box-sizing: border-box;
    }

.ATC_Supplier_RightSideContainer .ATCSuppliersPricePanel {
    margin-left: 0 !important;
}

div[id*='productTabSupplierPricingFull_'] .ATC_Supplier_RightSideContainer .ATCSuppliersPricePanel {
    border-right: solid 1px transparent !important;
}

.ATCCSupplierContent .CustomScroller > .row.no-gutters, .ATCCSupplierContent .scroll-content > .row.no-gutters {
    padding-bottom: 60px;
}
/*#CategorySearchSection {
    width: 75% !important;
    padding-left: 40px;
    height: 40px;
    border: 1px solid #f2f2f2;
    margin-left: 15%;
    border-radius: .25em;
}*/
.selectNewNumber .thisNumber, .higherDropdown .thisNumber, .higherDropdown .thisNumber:hover {
    background-color: #E6F2FF !important;
    color: #1976d2 !important;
    border-color: #1976d2 !important;
    cursor: default !important;
}

.wndSettings {
    box-shadow: 0 0 15px rgba(0,0,0,0.4) !important;
    padding-top: 6px !important;
    box-sizing: border-box;
}

#wndSettings, .wndSettings {
    background-color: #FCFCFC !important;
    padding: 0 0 2px 0;
}

#wndSettings .loader.ATCBSpinner
{
    margin-top:35vh;
}

.wndSettings .scrollerInner {
    right: 0px !important;
    margin-top: 7px;
}

.wndSettings .scrollerBarInner {
    right: 3px !important;
    margin-top: 7px;
}

.wndSettings .slideCheck ~ label:after {
    margin-top: -5px;
}

.wndSettings div.percentBox:after {
    transform: translateX(5px);
}

.FilterOffList {
    margin-left: 0 !important;
}

.FilterOff {
    right: 0 !important;
}

.fullHide, .fullHide * {
    opacity: 0 !important;
    display: none !important;
    background-color: transparent !important;
    background: transparent !important;
    border-color: transparent !important;
    color: transparent !important;
}

#Grid_ListProducts_D #tab_Settings {
    display: none;
}

.emptyTemplateText {
    font-family: RobCL;
    font-size: 20px;
    line-height: 310px;
    height: 370px;
    text-align: center;
    margin-top: 3%;
    position: absolute;
    width: 100%;
    margin-bottom: 0%;
}

.ATCPricingContent > .scroll-y {
    max-height: calc(100% - 30px) !important;
    margin-top: 30px !important;
}

.ATCbackLink {
    position: absolute;
    cursor: pointer;
    color: #638ef3;
    font-family: RobCL;
    font-size: 11px;
    padding-left: 60px;
    float: left;
    z-index: 999;
}

.lastOrderForList {
    color: #808080;
    font-size: 12px;
    font-family: RobCL;
    position: absolute;
    right: 101px;
    margin-top: 12px;
    width: 252px;
    text-align: center;
    display: none;
}

    .lastOrderForList .a {
        cursor: pointer;
    }

        .lastOrderForList .a:hover {
            color: #1976d2;
        }

.ListLastHours {
    color: #A00;
    margin: 0 15px;
    font-size: 15px;
}

.notificationsForList {
    width: 100%;
    background-color: #EEE;
    display: none;
}

.ListGraphChart {
    display: none;
    max-width: 895px;
    width: 100%;
    height: 120px;
    float: right;
    margin-top: 50px;
}

/***Userlist */

.UserListFilterContainer {
    z-index: 0;
}

#divULContent .ColumnProductDetailContainer .ModalColumnHeader {
    padding: 5px 0 0;
}

.lastBubblePopout:after {
    position: absolute;
    bottom: -8px;
    right: 19px;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    transform: rotate(225deg);
    border: inherit;
    border-bottom: none;
    border-right: none;
    background-color: inherit;
    border-radius: 0 0 15px 0;
}

.bubblePopout, .lastBubblePopout {
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
    border-radius: 0.25em;
}

    .bubblePopout:after {
        position: absolute;
        top: -6px;
        right: 19px;
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        border: inherit;
        border-bottom: none;
        border-right: none;
        background-color: inherit;
        border-radius: 0 0 15px 0;
    }

.SortFilter .bubblePopout::after {
    left: 80% !important;
}

div[id*='FOHistorySupplierSortField_'] {
    display: block !important;
}

#FPOrderHistorySortContainer {
    max-width: 300px;
    height: 40px;
    right: 10px;
    position: relative;
    margin-left: auto;
    margin-right: 0;
}

.CartSticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
}

.BottomSearchRow {
    bottom: 0;
    position: absolute;
    background-color: red;
    width: 100%;
    height: 10px;
}


/******************Gerard: Column Float Button*/
.FloatCartContainer {
    height: auto;
    background-color: white;
    bottom: 0;
    position: fixed !important;
    z-index: 9999;
}

.FloatTopCartContainer {
    position: fixed !important;
    /*width: 41.7% !important;*/
    z-index: 9999;
    background-color: white;
    /*max-width:800px;*/
}

.FloatFilterOnWidth {
    width: 41.7% !important;
}

.FloatFilterOffWidth {
    width: 50.4% !important;
}

/**********************************/

.SupplierColumnScroll {
    height: 90vh;
    height: calc(var(--vh, 1vh) * 90);
    overflow: auto;
}

#ColViewAddToList .bubblePopout {
    z-index: 99999 !important;
    margin-left: 0 !important;
    top: 27px;
    right: 0px;
    position: absolute;
}

.ColumnProductDetailContainer .bubblePopout:after {
    position: absolute;
    top: -8px;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    border: inherit;
    border-bottom: none;
    border-right: none;
    background-color: inherit;
    border-radius: 0 0 15px 0;
    left: 80% !important;
}

#ColViewSpecialInstructions .bubblePopout {
    margin-top: 0px !important;
    z-index: 99999 !important;
    margin-left: -64% !important;
    overflow-y: hidden !important;
}

    #ColViewSpecialInstructions .bubblePopout:hover {
        border: 1px solid #64b1ee !important;
    }

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

/*Gerard: Order History Type*/

.OrderHistoryType {
    font-size: 20px;
    font-weight: normal;
    padding: 12px;
    color: #333;
    font-family: RobCLR;
}

.OrderHistoryCountContainer .ListSearch {
    max-width: inherit !important;
}

#wndManufacturerModal .OrderHistoryCountContainer .ListSearch {
    max-width: inherit !important;
    margin-top: -1px;
}

.OrderHistoryRightContainer .btnUserListSearchElement {
    width: 10% !important;
}

    .OrderHistoryRightContainer .btnUserListSearchElement img {
        margin-top: 5px;
    }

.ManufacturerStatBar {
    background: #f5f5f5;
    border: solid 1px #EBEBEB;
    height: auto;
    position: absolute;
    bottom: 2px;
    z-index: 300;
    height: 81px;
    padding: 0;
    cursor: default;
}


.MH_DateRangeText, .MH_DateRangeTotal {
    font-size: 20px;
    color: #666;
    padding: 25px;
    font-family: SlateL;
    opacity: 1;
}

.MH_DateRangeTextValue {
    color: #1976d2 !important;
    padding: 25px;
    font-size: 20px;
    font-family: SlateL;
    opacity: 1;
}

.MH_DateRangeTotalValue {
    color: red !important;
    font-family: slateL;
    padding: 25px;
    font-size: 20px;
    opacity: 1;
}

.HistoryHeaderTab {
    position: fixed;
    top: 124px;
    z-index: 9999;
    width: 59%;
    background: white;
}

.FilterDatePicker k-widget k-datepicker k-header k-input k-state-border-down {
    display: none;
}

#dateFromPicker {
    z-index: 99999;
}

#dateToPicker {
    z-index: 99999;
}

.Grid4WidthFilterOn {
    width: 32% !important;
}

.Grid4WidthFilterOff {
    width: 24% !important;
}

.ManuFacturerHeaderText {
    padding: 15px;
    font-size: 22px;
    margin-left: 1.2%;
    font-weight: bold;
    font-family: RobCL_Bold;
}

.ManufacturerContent .input-group-addon {
    background-color: transparent;
    border-left: solid 1px #CCC;
    border-right: solid 1px transparent;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
}

.ManufacturerContent .form-control {
    border-left: transparent;
    width: 100% !important;
    max-width: 100% !important;
}

.ManufacturerContent .OrderHistoryCountContainer {
    margin-top: -4px !important;
    padding-top: initial !important;
}

.ManufacturerPaddingRow {
    left: -1.2%;
}

    .ManufacturerPaddingRow .ManufacturerContent {
        top: -25px;
        padding-bottom: 1%;
    }

.ManufacturerContent .btnUserListSearchElement img {
    width: 40%;
    margin-top: 11px;
}

.ManufacturerModalHeaderSize {
    width: 14%;
    float: left;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    padding-left: 1%;
    text-transform: uppercase;
    padding: 5px;
}

    .ManufacturerModalHeaderSize:nth-child(7) {
        border-right: solid 1px #CCC;
    }

.SupplierListHeaders {
    width: 97.3%;
    margin-left: 0.5% !important;
}

.SupplierListContainer {
    height: auto;
    max-height: 50vh;
    max-height: calc(var(--vh, 1vh) * 50);
    overflow: auto;
    width: 95.85%;
    margin-left: 2.3% !important;
    border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    min-height: 50vh;
    min-height: calc(var(--vh, 1vh) * 50);
}

.SupplierListContent {
    width: 14%;
    float: left;
    padding-left: 1%;
    text-transform: uppercase;
    font-family: SlateL;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 55px;
    padding-top: 18px;
}

    .SupplierListContent:nth-child(1) {
        width: 25%
    }

.ManufacturerModalHeaderSize:nth-child(1) {
    margin-left: 2%;
    border-left: solid 1px #CCC;
    width: 25%;
}

.ManufacturerModalHeaderSize:nth-child(2), .SupplierListContent:nth-child(2) {
    width: 20%
}

.ManufacturerModalHeaderSize:nth-child(3), .SupplierListContent:nth-child(3) {
    width: 10%
}

.ManufacturerModalHeaderSize:nth-child(4), .SupplierListContent:nth-child(4) {
    width: 10%
}

.ManufacturerModalHeaderSize:nth-child(5), .SupplierListContent:nth-child(5) {
    width: 12%
}

.ManufacturerModalHeaderSize:nth-child(6), .SupplierListContent:nth-child(6) {
    width: 10%
}

.ManufacturerModalHeaderSize:nth-child(7), .SupplierListContent:nth-child(7) {
    width: 10%
}

.ContentPadding {
    padding-left: 16px;
    margin-left: 0.5%;
}

.BottomValueBox {
    font-size: 22px;
    padding-top: 25px;
    font-family: SlateL;
    text-align: left;
    padding-right: 13px !important;
    padding-left: 4% !important;
}

.ContentMargin {
    margin-left: 0.5%;
}

.DivRow {
    font-size: 14px;
    /*padding-top: 10px;*/
    height: 55px;
    font-family: RobCL;
    /*border: solid 1px transparent;*/
}

    .DivRow:nth-child(1) {
        padding-top: 0px;
    }

    .DivRow:hover {
        background-color: #E6F2FA !important;
        cursor: pointer;
        color: #1976d2;
    }

.DivRowOrderContent {
    font-size: 13px;
    padding-top: 5px;
    height: 80px;
    font-family: SlateL;
    max-height: 80px;
    min-height: 55px;
    width: 100%;
}

    .DivRowOrderContent:hover {
        background-color: #E6F2FA !important;
        cursor: pointer;
        color: #1976d2;
        /*height:55px;*/
    }


.ManufacturerModalHeaderSize:hover {
    cursor: pointer;
    /*background-color:rgba(0,0,0,0.01);*/
}

.ManufacturerModalHeaderSize::after {
    content: '';
    opacity: 1;
    display: inline-block;
    position: absolute;
    margin-left: 7px;
    top: 11px;
    border-top: 4px solid rgba(0,0,0,0.2);
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.ManufacturerModalHeaderSizeASC::after {
    transform: scaleY(-1);
}


.OrderModalHeaderSize {
    width: 12.5%;
    text-transform: uppercase;
    float: left;
    padding-left: 0.5%;
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    padding: 6px;
    font-family: SlateM;
    font-weight: normal;
    font-size: 10px;
    color: #999;
}

    .OrderModalHeaderSize:nth-child(1) {
        margin-left: 2%;
        border-left: solid 1px #f2f2f2;
        width: 12%;
    }

    .OrderModalHeaderSize:nth-child(2) {
        width: 26.5%;
    }

    .OrderModalHeaderSize:nth-child(3) {
        width: 19.5%;
    }

    .OrderModalHeaderSize:nth-child(4) {
        width: 11%;
        text-align: center;
    }

    .OrderModalHeaderSize:nth-child(5) {
        width: 14.7%;
        text-align: center;
    }

    .OrderModalHeaderSize:nth-child(6) {
        width: 14.3%;
        border-right: solid 1px #f2f2f2;
        text-align: center;
    }

    .OrderModalHeaderSize:nth-child(7) {
        width: 20%;
    }

    .OrderModalHeaderSize:nth-child(8) {
        border-right: solid 1px #f2f2f2;
        width: 10%;
    }

.OrderModalValueSize {
    height: 80px;
    float: left;
    text-transform: uppercase;
    padding-left: 0.5%;
    padding: 5px;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 23px;
}

    .OrderModalValueSize:nth-child(1) {
        width: 12.4%;
        /*margin-left:2%;*/
        border-left: solid 1px transparent;
        padding-top: 4px;
    }

    .OrderModalValueSize:nth-child(2) {
        /*width:27.3%;*/
        width: 27%;
    }

    .OrderModalValueSize:nth-child(3) {
        /*width:20%;*/
        width: 19.2%;
    }

    .OrderModalValueSize:nth-child(4) {
        /*width:10.8%;*/
        /*width:13.8%;*/
        width: 14%;
        text-align: center;
    }

    .OrderModalValueSize:nth-child(5) {
        width: 13%;
        text-align: center;
    }

    .OrderModalValueSize:nth-child(6) {
        /*width:13%;*/
        width: 14%;
        text-align: center;
    }

    .OrderModalValueSize:nth-child(7) {
        width: 20.6%;
    }

    .OrderModalValueSize:nth-child(8) {
        width: 6.3%;
        border-right: solid 1px transparent;
    }

    .OrderModalValueSize:nth-child(9) {
        width: 3.3%;
        border-right: solid 1px transparent;
        text-align: center;
    }

.HistorybackLink {
    position: absolute;
    cursor: pointer;
    color: #638ef3;
    font-family: RobCL;
    font-size: 11px;
    padding-left: 2.4%;
}

    .HistorybackLink:before {
        content: '< ';
    }

/*.OrderModalHeaderSize::after {
        content: '';
    opacity:1;
    display: inline-block;
    position: absolute;
    margin-left: 7px;
    top: 11px;
    border-top: 4px solid rgba(0,0,0,0.2);
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}*/
.OrderModalHeaderSize:last-child::after {
    content: '';
    opacity: 0;
    display: inline-block;
    position: absolute;
    margin-left: 7px;
    top: 11px;
    border-top: 4px solid rgba(0,0,0,0.2);
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.OrderModalHeaderSize:hover {
    cursor: pointer;
}

.OrderModalHeaderSizeASC::after {
    transform: scaleY(-1);
}

.OrderModalHeaderSize:nth-child(1)::after {
    border: transparent;
}

.OrderModalValueSize img {
    margin-top: 0%;
    max-height: 65px;
    max-width: 65px;
    mix-blend-mode: multiply;
}

.OrderAgainButton {
    background-color: #1976d2;
    border: solid 1px #1976d2;
    width: 100%;
    height: 45px;
    position: relative;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0.15em;
    text-align: center;
    display: table;
    max-width: 400px;
    font-size: 1.5vmin;
    margin-top: 5%;
    left: 22%;
}

    .OrderAgainButton div {
        display: table-cell;
        vertical-align: middle;
        font-family: Slate;
    }

    .OrderAgainButton:hover {
        cursor: pointer;
        border: 1px solid #1976D2 !important;
        background-color: #64b1ee !important;
    }

.DisableScroller {
    opacity: 0.5;
    pointer-events: none;
}

.Col10 {
    width: 83.33333333%;
    position: relative !important;
    float: left;
}

.Col12 {
    width: 100% !important;
}

.UserListsFullPage {
    width: 83% !important;
}

.Col_Tablet_UserList.UserListsFullPage {
    width: 100% !important;
}
/*#viewContent {
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}*/
.ColumnDeleteProduct {
    margin-top: 10px;
    font-family: RobCL;
    color: #333;
    font-size: 12px;
    line-height: 15px;
    height: 15px;
    text-align: right;
    padding-right: 5px;
}

.DeleteText:hover {
    color: red;
    cursor: pointer;
}

.DeleteText {
    font-family: RobotoL;
    color: #d7665b;
    font-size: 20px;
    font-weight: normal;
    line-height: 15px;
    transform: rotate(45deg);
    height: 15px;
    right: 15px;
    position: absolute;
    display: none;
    /*text-align: right;*/
    /*padding-right: 5px;*/
}

.UserListProductHover:hover .DeleteText {
    display: block !important;
}

.UndoRegretItem {
    width: 300px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    font-family: RobCL;
    cursor: pointer;
    display: none;
}

    .UndoRegretItem:hover {
        background-color: #cce6ff !important;
    }

    .UndoRegretItem p:nth-of-type(1) {
        color: #1976d2 !important;
        font-size: 11px;
    }

    .UndoRegretItem p:nth-of-type(2) {
        color: #333 !important;
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.UndoRegretTextContainer {
    width: 100%;
    display: flex;
    max-width: 300px !important;
    margin-top: -1%;
    margin-left: 2%;
}

.ChartNoInfo {
    font-family: SlateL;
    font-size: 20px;
    display: table;
    width: 100%;
    height: 100%;
    max-height: 80px;
    box-sizing: border-box !important;
    font-family: RobCL;
    font-size: 20px;
    text-align: center;
    margin-top: 7%;
    margin-bottom: 7%;
}

    .ChartNoInfo div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

#divULContent .AtcProductGraphContainer {
    height: auto !important;
    min-height: 120px;
    max-height: 120px;
    position: relative;
}

#divULContent .filterBox {
    top: 0px !important;
}

#divULContent .OptionFilter .MATC_AddToCartButtonWithOption span {
    /*top:9px;*/
    padding-left: 10px;
}

#divULContent .MATC_AddToCartButtonWithOptionDropDown {
    display: none;
}

#divULContent ul.k-reset.k-tabstrip-items {
    display: none !important
}

#divULContent .MATC_Slider {
    right: 10px;
}

.divReference {
    font-family: SlateL;
    font-size: 24px;
    margin-top: 66px;
    width: 100%;
    height: 50%;
    text-align: center;
}

#tabstripFull-3 .SpinnerContainer, #tabstripFull-4 .SpinnerContainer, #tabstripFull-5 .SpinnerContainer, #tabstripFull-6 .SpinnerContainer, #tabstripFull-7 .SpinnerContainer, #tabstripFull-8 .SpinnerContainer {
    margin-top: 10% !important;
}

.HistoryPlaceholder {
    display: none;
}

#wndGridAddToCart div[class*='HistoryContent'] {
    padding: 0 15px;
}

.SupplierDropDownContainer {
    margin-left: 19.6%;
    margin-top: -6.7%;
    display: block;
}

.SupplierDropDownInner {
    width: 100%;
    max-width: 830px;
    height: auto;
    position: absolute;
    z-index: 450;
    cursor: pointer;
    border: solid 1px #CCC;
    /*margin-top: 6%;
    margin-left: 20%;*/
    display: none;
    background-color: white;
}

    .SupplierDropDownInner .tabstripATCContent {
        min-height: unset;
        max-height: unset;
    }

    .SupplierDropDownInner .k-tabstrip-wrapper div[id*='PricingDivContainer'] > div:nth-of-type(2), .SupplierDropDownInner div[id*='PricingDivContainer'] > div:nth-of-type(2) {
        margin-top: initial !important;
    }

.autoCloseLabel {
    font-family: SlateL;
    padding-top: 2px;
    font-weight: normal;
    font-size: 12px !important;
    color: #333 !important;
    margin-bottom: 20px;
    margin-top: 0 !important;
    text-transform: uppercase;
}

#MTDStartDay {
    height: 35px;
    max-width: 35px;
    width: 100% !important;
    margin-bottom: 0;
    margin-left: 0;
    border-radius: .15em;
    padding: 0;
    text-align: left;
    box-sizing: border-box !important;
    left: 15px;
    position: relative;
    line-height: 35px;
    padding-left: 7px;
    /*display:inline-block;*/
}

#inpCheaperDealThreshold {
    height: 35px;
    max-width: 35px;
    width: 100% !important;
    margin-bottom: 0;
    margin-left: 0;
    border-radius: .15em;
    padding: 0;
    text-align: left;
    box-sizing: border-box !important;
    left: 15px;
    position: relative;
    line-height: 35px;
    padding-left: 7px;
}

#filterExpanded {
    height: 14px;
    width: 14px !important;
    margin-bottom: 0;
    margin-left: 25px;
    border-radius: .15em;
    text-align: left;
    border: solid 1px #CCC;
}

.autoCloseBlock {
    box-sizing: border-box;
    position: relative;
    /*margin-bottom: 5px;*/
}

.OrderHistoryContainer .OptionFilter {
    margin-top: 6px;
    position: unset;
}

.OrderHistoryContainer .filterBox {
    top: 63px;
}

    .OrderHistoryContainer .filterBox .MATC_AddToCartButtonWithOptionDropDown {
        display: none !important;
    }

/*.OrderHistoryContainer  div[id*='Item_ddMainSearchFilterVisible_'].MATC_Visible {
    *top:7px;
}*/

.OrderHistoryContainer .btnUserListSearchElement img {
    width: 40%;
    margin-top: 8px;
}

#OrderHistoryFilter {
    width: 100%;
}

.StatusMaxWidth {
    max-width: 1366px !important;
}

.ReplenishChkBox {
    position: relative;
    /*bottom: 22px;
    right: 308px;*/
    /*z-index: 499;*/
}

    .ReplenishChkBox:after {
        content: "Replenish Stock?";
        display: inline-block;
        margin-left: 15px;
        margin-top: 0px;
        white-space: nowrap;
    }

.ReplenishLabel {
    width: 30% !important;
    float: left !important;
    margin-top: 3% !important;
    font-family: RobCL;
    font-size: 11px;
    font-weight: normal;
    padding-left: 10px;
    color: #999;
}

.ReplenishYes {
    width: 50% !important;
    margin-top: 0% !important;
    border: 1px solid #f2f2f2 !important;
    text-align: center;
    padding-top: 3.4% !important;
    font-size: 11px !important;
    font-weight: 100 !important;
    border-radius: 0.15em !important;
    float: right !important;
    z-index: 0 !important;
    margin-top: 20px !important;
    background-color: #4CAF50;
    border-color: #248f24;
    color: #9ce59c;
}

.ReplenishNo {
    width: 50% !important;
    margin-top: 0% !important;
    border: 1px solid #f2f2f2 !important;
    /*margin-left:10px !important;*/
    /*display:table;*/
    text-align: center;
    padding-top: 3.4% !important;
    font-size: 11px !important;
    font-weight: 100 !important;
    border-radius: 0.15em !important;
    float: left !important;
    z-index: 0 !important;
    margin-top: 20px !important;
    background-color: #ffb3b3;
    border-color: #cc0000;
    color: #cc0000;
}

.ReplenishYes:hover {
    border: 1px solid #248f24 !important;
    cursor: pointer;
}

.ReplenishNo:hover {
    border: 1px solid #cc0000 !important;
    cursor: pointer;
}

#ReplenishTextID {
    text-transform: uppercase;
}

.ReplenishClassText {
    margin-top: 1% !important;
}

.ApprovedClass {
    background-color: #4CAF50 !important;
    height: 40px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 0 !important;
    margin: 20px 20px 0px 0px !important;
    border: 1px solid #f2f2f2 !important;
    display: inline-block;
    font-family: RobCL;
    font-size: 12px !important;
    position: relative;
    border-radius: 0;
    z-index: 1;
}

.DeclinedClass {
    background-color: #ffb3b3 !important;
}

.REORDER .OrderAgainButton {
    left: 5% !important;
}

.ProductCartSearchContainer {
    width: 100%;
    height: 52px;
    background-color: #FFF;
    padding-bottom: 12px;
    margin-left: 1%;
}

#OrderAgainButton .ATCB_loader {
    top: 0.5vmax !important;
    left: 2.5vw !important;
    display: block !important;
}

#OrderAgainButton #AddingTextID {
    margin-top: -7.5%;
    padding-left: 11%;
    /*display: block !important;*/
    margin-left: 5% !important;
    width: 100%;
}

#OrderAgainButton span.btnAddingText {
    top: 14px !important;
    left: 11px !important;
}

.ProductCartSupplierDrop {
    height: 100%;
    /*width: 88%;*/
    width: 65%;
    border: solid 1px #CCC;
    display: none;
    position: absolute;
    background-color: white;
    z-index: 9999;
    margin-left: 5% !important;
    /*max-height:295px;*/
    /*min-height:300px;*/
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
    box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
    overflow: auto;
}

.ProductCartItemContainer {
    /*max-height:250px;*/
    overflow: auto;
}

.ProductCartSupplierDrop:after {
    position: absolute;
    top: -8px;
    left: 36%;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    border: inherit;
    border-bottom: none;
    border-right: none;
    background-color: inherit;
    border-radius: 0 0 15px 0;
}

.ProductCartHeaders {
    width: 100% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    border-top: 1px solid #f7f7f7;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    position: relative;
    z-index: 999;
    color: #bfbfbf;
    padding: 1%;
    background-color: #FEFEFE;
    font-size: 10px;
    font-weight: normal;
    font-family: SlateM;
    text-indent: 10px;
    padding-bottom: 1.2%;
}

    .ProductCartHeaders:hover {
        cursor: pointer;
    }

.ProductCartItemRow {
    font-family: RobCL;
    font-size: 13px;
    border-top: 1px solid #f7f7f7;
    color: #808080;
    background-color: white;
    height: auto;
    min-height: 53px;
    padding: 0;
    line-height: 12px;
    box-sizing: border-box !important;
    width: 100%;
    margin-left: 0;
    text-indent: 10px;
    padding-top: 20px !important;
    cursor: pointer;
}

.ProductCartItemRow_Selected {
    /*font-family: RobCL;
    font-size: 13px;*/
    border-top: 1px solid #f7f7f7;
    color: #1976d2 !important;
    background-color: #E6F2FA !important;
    /*height: auto;
    min-height: 53px;
    padding: 0;
    line-height: 12px;
    box-sizing: border-box !important;
    width: 100%;
    margin-left: 0;
    text-indent: 10px;
    padding-top: 20px !important;*/
    cursor: pointer;
}

    .ProductCartItemRow:hover, .ProductCartItemRow_Selected:hover {
        background-color: #cce6ff !important;
        color: #1976d2 !important;
        cursor: pointer;
    }

.OrderSupplierPlaceHolder:after {
    content: '';
    opacity: 1;
    display: inline-block;
    position: relative;
    margin-left: 7px;
    top: -2px;
    border-top: 5px solid #999999;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.OrderSupplierPlaceHolderOpposite:after {
    content: '';
    opacity: 1;
    display: inline-block;
    position: relative;
    margin-left: 7px;
    top: -2px;
    border-top: 5px solid rgba(0,0,0,0.2);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    transform: rotate(180deg);
}

.ProductCartHeaders .OrderSupplierPlaceHolder:after {
    top: -1px !important;
}

.OrderDeleteRow {
    /*color: red;*/
    position: relative;
    font-family: SlateL;
    font-weight: normal;
    padding-top: 1.8%;
}

    .OrderDeleteRow:hover {
        color: red;
        font-weight: bold;
    }

.RemoveRowItem {
    display: none;
    padding: 6px;
    font-size: 13px;
    font-family: SlateL;
    margin-top: 1%;
    margin-left: 1%;
    margin-right: 1%;
}

    .RemoveRowItem:hover, .RemoveItemsContainer:hover {
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    .RemoveRowItem b {
        font-family: SLateL;
        font-size: 13px;
        color: #808080;
        /*padding: 5px;*/
    }

    .RemoveRowItem span {
        cursor: pointer;
        color: #1976d2;
    }

        .RemoveRowItem span:hover {
            font-weight: bold;
        }

.RemoveItemsContainer {
    padding: 6px;
    font-size: 13px;
    font-family: SlateL;
    margin-top: 1%;
    margin-left: 1%;
    margin-right: 1%;
    cursor: pointer;
    display: none;
    /*width: 93.5%;
    position: absolute;*/
}

.RemoveItemsInnerContainer {
    display: none;
    height: auto;
}

.RemoveItemInnerHeader {
    text-transform: uppercase;
}

.RemovedRowItem {
    padding: 6px;
    font-size: 13px;
    font-family: SlateL;
    margin-top: 1%;
    margin-left: 1%;
    margin-right: 1%;
    height: 30px;
    width: 100%;
}

.RemovedRowItem span {
    cursor: pointer;
    color: #1976d2;
}

.RemovedRowItem span:hover {
    font-family: SlateM;
    font-weight: normal;
}

.ButtonDisabled,
.DisabledAddProductCart {
    background-color: #CCC !important;
    border-color: #CCC !important;
    pointer-events: none !important;
}

.ListHeader {
    font-size: 13px;
    color: #999999;
    float: left;
    font-family: SlateM;
    font-weight: normal;
}

.ListValues {
    font-size: 13px;
    font-weight: normal;
    padding-left: 1%;
    float: left;
    font-family: SlateM;
    max-width: 490px;
}

.TotalOrderItems {
    float: left;
    padding-left: 50px;
    font-size: 13px;
    font-family: SlateM;
    font-weight: normal;
    color: #999999;
    width: 10%;
}

    .TotalOrderItems b {
        padding-left: 4%;
        color: #333;
        font-weight: normal;
        font-family: SlateM;
    }

.ManufacturerContent .ListSearch {
    max-width: 100% !important;
}

.DivRowOrderContent:first-child {
    margin-top: -0.5%;
}

#wndProductCart .sortedInto {
    background-color: rgba(38, 119, 199, 0.11);
}

.OrderModalValueSize .ATCHomeOverride {
    margin-left: 23%;
    margin-top: -4%;
}

.OrderModalValueSize .QTYcontent .sortedInto {
    background-color: #333;
}

.OrderModalValueSize .QTYcontent:nth-child(3) div.sortedInto {
    background-color: #333 !important;
}

.OrderedDate, .ORDEREDDATE {
    color: #dd2121;
    font-size: 10px;
    font-weight: normal;
}

#wndProductCart .ListSearch {
    border-color: #f2f2f2;
}

.OrderDateContainer {
    color: red;
    padding-top: 2%;
    padding-left: 3.5%;
    font-size: 14px;
    font-weight: normal;
}

.PriceOrderRow {
    font-size: 17px;
    padding-top: 5px;
    height: 70px;
    font-family: RobCL_Bold;
    max-height: 70px;
    min-height: 55px;
    width: 100%;
    padding-left: 1%;
}

    .PriceOrderRow span {
        float: right;
        margin-right: 17%;
    }

.ListHeaderOrderDateRow {
    margin-left: -0.3%;
    padding-bottom: 0.5%;
    margin-top: 4%;
}

    .ListHeaderOrderDateRow .ListValues {
        padding-left: 3%
    }

.ProductCartButtonContainer {
    display: table;
    width: 100%;
    border: solid 1px #f2f2f2;
    height: 40px;
    margin-left: 12%;
}

    .ProductCartButtonContainer:hover {
        cursor: pointer;
    }

    .ProductCartButtonContainer div {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        color: #333;
        font-weight: normal;
    }

.Schedule6ButtonContainer {
    width: 100%;
    border: solid 1px #f2f2f2;
    height: 20px;
    margin-left: 12%;
}

    .Schedule6ButtonContainer:hover {
        cursor: pointer;
        border: solid 1px #AAA;
    }

    .Schedule6ButtonContainer div {
        text-align: center;
        vertical-align: middle;
        color: #333;
        font-weight: normal;
        font-size: 12px;
    }

.PriceOrderHistoryRow {
    font-size: 17px;
    padding-top: 5%;
    margin-left: 50%;
    /* height: 70px; */
    font-family: RobCL_Bold;
}

    .PriceOrderHistoryRow #BottomPriceBox {
        padding-left: 15%;
    }

.ProductHistoryProductHeader {
    text-transform: uppercase;
    float: left;
    padding-left: 0.5%;
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    padding: 6px;
    font-family: SlateM;
    font-size: 10px;
    font-weight: normal;
    color: #999;
}

    .ProductHistoryProductHeader:hover {
        cursor: pointer;
    }

    /* background-color:#CCC*/
    /*Headers*/
    .ProductHistoryProductHeader:nth-child(1) {
        width: 40.2%;
        padding-left: 1.8%;
        margin-left: 0.5%;
        border-left: solid 1px #f2f2f2;
    }

    .ProductHistoryProductHeader:nth-child(2) {
        width: 33.5%;
        padding-left: 0.8%;
    }

    .ProductHistoryProductHeader:nth-child(3) {
        width: 10%;
        padding-left: 0.8%;
    }

    .ProductHistoryProductHeader:nth-child(4) {
        width: 12%;
        padding-left: 2%;
    }

    .ProductHistoryProductHeader:nth-child(5) {
        padding-left: 2%;
        width: 16.5%;
    }

    .ProductHistoryProductHeader:nth-child(6) {
        padding-left: 2%;
        border-right: solid 1px #f2f2f2;
        width: 14%;
        /*width:23.8%;*/
    }
/*Values*/
.ProductHistoryProductValue {
    height: 70px;
    float: left;
    text-transform: uppercase;
    padding-left: 0.5%;
    padding: 5px;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 27px;
}

    .ProductHistoryProductValue:nth-child(2) {
        width: 33.4%;
        padding-left: 1% !important;
    }

    .ProductHistoryProductValue:nth-child(3) {
        width: 12.4%;
        padding-left: 2.2%;
    }

    .ProductHistoryProductValue:nth-child(4) {
        width: 12.15%;
        padding-left: 1%;
    }

    .ProductHistoryProductValue:nth-child(5) {
        width: 17.4%;
        padding-left: 1%;
    }

.ListHeadesspacing {
    padding-left: 4%;
}

.OrderModalValueSize .ATCAccRow {
    width: 182%;
    margin-left: -36%;
}

.BlueHighlight {
    color: #1976D2;
}

.SpanRedAlert {
    color: red;
    font-weight: bold
}

/*CanBeEmpty is just a placeholder*/
.CanBeEmpty {
}

.RulesSetSection {
    position: relative;
    width: 93%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-top: 1px solid #f2f2f2;
    padding-left: 0%;
    margin-left: 3%;
}

    .RulesSetSection:first-child {
        border-top: 1px solid transparent;
        margin: 0;
        width: 100%;
        background-color: #f2f2f2;
        padding: 20px;
        /* padding-top: 0px !important; */
        height: 60px !important;
        line-height: 10px !important;
    }

.RuleSetHeader {
    font-family: Slate;
    font-weight: normal;
    font-size: 16px;
    padding-top: 5px;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    margin-left: -2%;
    text-transform: uppercase !important;
    color: #333;
}

.RuleSetForm {
    padding-top: 10px;
    padding-bottom: 10px;
}

.RuleSetTitle {
    font-size: 22px;
    font-family: RobCLR;
}

#wndReadOnlyModal, #wndManufacturersModal, #wndEditModal {
    overflow: hidden !important;
}

#wndProductCart {
    overflow: hidden !important;
}

    #wndProductCart .selectDefaultOptionFirstChild:checked ~ label:after {
        top: 5px;
        left: 3px;
    }

    #wndProductCart .selectDefaultOption:checked ~ label:after {
        top: 5px;
        left: 8px;
    }

    #wndProductCart .CheckoutButtonSection {
        height: auto;
        padding-top: 15px !important;
        padding-bottom: 15px;
    }

.RuleSetForm select {
    border: 1px solid #EBEBEB;
}
/*is NOT Order history and image disabled*/
.NotOrderHistoryRow:nth-child(1) {
    display: none;
}

.NotOrderHistoryRow:nth-child(2) {
    margin-left: 1.92%;
    border-left: solid 1px #f2f2f2;
}

.NotOrderHistoryRow:nth-child(6) {
    width: 26.38% !important;
}

.ManufacturerPaddingRow .IsOrderHistoryRow:nth-child(2) {
    margin-left: 0.5% !important;
}
/*is Order history and image disabled*/
#OrderModalHeaderSizeID .IsOrderHistoryRow:nth-child(1) {
    display: none;
}

.ManufacturerOnlyHeader .IsOrderHistoryRow:nth-child(1) {
    display: block !important;
}

.IsOrderHistoryRow:nth-child(2) {
    margin-left: 1.92%;
    /*margin-left:0.5%;*/
    border-left: solid 1px #f2f2f2;
}

.IsOrderHistoryRow:nth-child(5) {
    /*width: 30.78% !important;*/
    width: 18.78%;
}

.ValueOrderHistory {
    width: 25% !important;
}

#divFloatingRegretATC_Bottom, #divFloatingRegretATC_Top {
    height: 95px;
}

#divFloatingRegretATC_Top {
    padding: 20px 0;
    float: none;
    background-color: #FBFBFB;
    margin: 0 auto !important;
    border: 1px solid #e6e6e6 !important;
    width: 96%;
    max-width: 777px;
    height: 95px;
    min-height: 95px;
    max-height: 95px;
    position: absolute;
    z-index: 9999;
    margin-top: 112px !important;
    display: none;
}

#divFloatingRegretsATC_Top .ATCMain {
    height: 45px;
}

#divFloatingRegretATC_Bottom .ATCMain {
    height: 45px;
}

#divFloatingRegretATC_Top .ATCAccRow .ATCContainer {
    height: 100% !important;
    width: 100% !important;
    max-width: 150px !important;
    margin: auto !important;
}

#divFloatingRegretATC_Top .ATCModalATCButton {
    margin-left: 10px;
    margin-top: 0px;
}

#divFloatingRegretATC_Top .QTYcontent {
    width: 45px !important;
    height: 45px !important;
    padding: 0;
}

#divFloatingRegretATC_Top .ATCElementBtn, #divFloatingRegretATC_Bottom .ATCElementBtn {
    width: 100% !important;
    height: 45px !important;
}

#divFloatingRegretATC_Top .ProdNameSection, #divFloatingRegretATC_Top .QTYBlockSection,
#divFloatingRegretATC_Top .PriceSection, #divFloatingRegretATC_Top .ATCBtnSection {
    padding: 0 !important;
}

#divFloatingRegretATC_Top .QTYcontent input[type="text"] {
    max-width: 45px;
    max-height: 45px !important;
    height: 45px !important;
    min-height: 45px !important;
}

#divFloatingRegretATC_Top .QTYinnerContainer {
    max-height: 45px;
    height: 45px !important;
}

#divFloatingRegretATC_Bottom .ATCAccRow .ATCContainer {
    height: 100% !important;
    width: 100% !important;
    max-width: 150px !important;
    margin: auto !important;
}

#divFloatingRegretATC_Bottom {
    padding: 20px 0;
    float: none;
    background-color: #FBFBFB;
    margin: 0 auto !important;
    border: 1px solid #e6e6e6 !important;
    width: 100%;
    max-width: 777px;
    height: 95px;
    min-height: 95px;
    max-height: 95px;
    position: absolute;
    bottom: 0px;
    z-index: 9999;
    display: none;
}

    #divFloatingRegretATC_Bottom .ATCModalATCButton {
        margin-left: 10px;
        margin-top: 0px;
    }

    #divFloatingRegretATC_Bottom:first-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #divFloatingRegretATC_Bottom .ATCElementBtn {
        width: 100%;
        height: 45px;
    }

    #divFloatingRegretATC_Bottom .ProdNameSection, #divFloatingRegretATC_Bottom .QTYBlockSection,
    #divFloatingRegretATC_Bottom .PriceSection, #divFloatingRegretATC_Bottom .ATCBtnSection {
        padding: 0 !important;
    }

    #divFloatingRegretATC_Bottom .QTYcontent input[type="text"] {
        max-width: 43.5px;
        max-height: 43.5px !important;
        height: 43.5px !important;
        min-height: 43.5px !important;
    }

    #divFloatingRegretATC_Bottom .QTYinnerContainer {
        max-height: 45px;
        height: 45px !important;
    }

    #divFloatingRegretATC_Bottom .QTYcontent {
        width: 45px !important;
        height: 45px !important;
        padding: 0;
    }

    #divFloatingRegretATC_Top .ATCQTYOnlyContainer, #divFloatingRegretATC_Bottom .ATCQTYOnlyContainer {
        width: 100%;
    }

.ManufacturerOnlyHeader {
    float: right !important;
    padding-right: 0.6%;
}

.manufacturerStyle {
    padding-left: 24.3%;
    width: 95.85%;
}

.ManufacturerOnlyHeader .OrderModalHeaderSize:nth-child(1) {
    margin-left: 0.5%;
    padding-left: 2.3%;
}

.ManufacturerOnlyHeader .ProductHistoryProductHeader:nth-child(2) {
    padding-left: 1.2%;
}

.ManufacturerOnlyHeader .ProductHistoryProductHeader:nth-child(3) {
    padding-left: 2.3%;
}

.ManufacturerOnlyHeader .ProductHistoryProductHeader:nth-child(4) {
    padding-left: 2%;
}

.ManufacturerOnlyHeader .ProductHistoryProductHeader:nth-child(5) {
    padding-left: 1.1%;
    width: 20.2%;
}

.ManufactureOnlyContainer .SupplierListContainer {
    width: 100.4%;
    margin-left: 1.6% !important;
}

.ManufactureOnlyContainer {
    width: 75%;
    float: left !important;
    margin-left: -1% !important;
}

#ManufacturerFilterID {
    margin-top: -2%;
    width: 24%;
    float: left !important;
    margin-left: 2%;
    max-height: 62.5vh;
    max-height: calc(var(--vh, 1vh) * 62.5);
    min-height: 61.5vh;
    min-height: calc(var(--vh, 1vh) * 61.5);
    height: auto;
    overflow: auto;
    border: solid 1px #f2f2f2;
}

    #ManufacturerFilterID .k-panelbar .k-content, .k-panelbar .k-item, .k-panelbar .k-panel {
        border-color: transparent !important;
    }

    #ManufacturerFilterID a.k-link.k-header.k-state-selected.k-state-focused {
        border-left: solid 1px transparent !important;
        border-right: solid 1px transparent !important;
    }

    #ManufacturerFilterID .k-link.k-header.k-state-selected {
        width: 100%;
        margin-left: -3%;
    }

.ManufacturesSupplierRows {
    float: left;
    padding-top: 3.3%;
}

    .ManufacturesSupplierRows:nth-child(1) {
        width: 40.2%;
        padding-left: 1.8%;
    }

    .ManufacturesSupplierRows:nth-child(2) {
        width: 21%;
        padding-left: 5.2%;
    }

    .ManufacturesSupplierRows:nth-child(3) {
        width: 20%;
        padding-left: 6.2%;
    }

    .ManufacturesSupplierRows:nth-child(4) {
        width: 18%;
        padding-left: 2.3%;
    }

.ManufacturerOnlyHeader .ProductHistoryProductHeader:nth-child(1) {
    width: 39%;
}

.ManufacturerOnlyHeader .ProductHistoryProductHeader:nth-child(2) {
    width: 22.5%;
    margin-left: 0.5%;
    border-left: none !important;
}

.ManufacturerOnlyHeader .ProductHistoryProductHeader:nth-child(3) {
    width: 20%;
}

.ManufacturerOnlyHeader .ProductHistoryProductHeader:nth-child(4) {
    width: 17.5%;
    border-right: solid 1px #f2f2f2;
}

.ManufacturerRowDropDown {
    position: relative;
    width: 100%;
    height: 30px;
    float: none;
}

    .ManufacturerRowDropDown .ProductHistoryProductHeader:nth-child(2) {
        width: 27.5%;
    }

    .ManufacturerRowDropDown .ProductHistoryProductHeader:nth-child(5) {
        border-right: transparent
    }

    .ManufacturerRowDropDown .ProductHistoryProductHeader:nth-child(6) {
        border-right: solid 1px #f2f2f2;
        width: 13%;
    }

    .ManufacturerRowDropDown .OrderModalHeaderSize:nth-child(1) {
        margin-left: 0%;
    }

.ManufacturerDropDown {
    position: relative;
    width: 100%;
    height: auto;
}

    .ManufacturerDropDown .OrderModalHeaderSize:nth-child(1) {
        margin-left: 0%;
    }

    .ManufacturerDropDown .ProductHistoryProductHeader:nth-child(2) {
        width: 31%;
    }

    .ManufacturerDropDown .ProductHistoryProductHeader:nth-child(5) {
        border-right: 0px
    }

    .ManufacturerDropDown .ProductHistoryProductHeader:nth-child(5) {
        width: 34%;
    }

#RulesetRankSegment {
    display: none;
    position: relative;
}

#RulesetSupplierSegment {
    display: none;
    position: relative;
    margin: 15px auto;
    width: 95%;
    height: 40px;
    max-width: 100%;
    font-size: 12px !important;
    font-family: RobCL !important;
    color: #666 !important;
}

.RulesetSupplierValue {
    height: 40px !important;
    padding: 10px 0 !important;
    line-height: 20px !important;
    font-size: 12px !important;
    font-family: RobCL !important;
    color: #666 !important;
}

#RulesetRankSegment .SetSupplierRanks {
    margin-top: 20px;
}

/*#wndProductCart #RulesetLastOrdered {
        margin-bottom: 75px;
    }*/

.ManufacturerDropDown .ProductHistoryProductValue:nth-child(2) {
    width: 30%;
}

.ManufacturerDropDown .RowManufacturerCount {
    font-size: 14px;
    padding-top: 5px;
    height: 80px;
    font-family: RobCL;
    max-height: 80px;
    min-height: 55px;
}

    .ManufacturerDropDown .RowManufacturerCount:first-child {
        color: red !important;
    }

.ProductAdditionalInfo {
    width: 60%;
    border: solid 1px #CCC;
    position: absolute;
    z-index: 9999;
    height: auto;
    max-height: 400px;
    margin-left: 33%;
    box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
    background-color: white;
    padding-top: 15px;
    padding-bottom: 25px;
    padding: 15px 15px 25px;
}

.DropDownProductAdditionalInfo {
    width: 100%;
    border: solid 1px #f1f1f1;
    background-color: #f1f1f1;
    position: relative;
    z-index: 9999;
    height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.NoRecordsFound {
    text-transform: uppercase;
    font-size: 18px;
    width: 100%;
    font-weight: normal;
    color: #1976d2;
    text-align: center;
}

.SearchClearSection {
    position: absolute;
    top: 13px;
    right: 15px;
    text-transform: uppercase;
    font-size: 11px;
    color: #1976d2;
    cursor: pointer;
}

.OrderHistoryContainer .btnUserListSearchElement {
    width: 11%;
    top: 5px;
}

.ColumnViewSupplierSection .ATCSuppliersPricePanel {
    background-color: #e6f5ff;
    /*border-color: #E6F2FA !important;*/ /*1976d2*/
}

[id*=chkRegretRemainder] {
    display: none;
}

    [id*=chkRegretRemainder] ~ label {
        padding-bottom: 5px;
        height: auto !important;
        line-height: 20px;
        /*padding-left: 36px;*/
        padding-left: 17px;
        font-family: SlateL;
        font-weight: normal;
        font-size: 12px;
        color: #333333;
        /*display: inline-block;*/
        position: relative;
        vertical-align: text-top;
        cursor: pointer;
        border-style: solid;
        border-width: 0;
        margin-left: 0;
        width: 100%;
        /*border-left: 1px solid #F2F2F2;
border-right: 1px solid #F2F2F3;*/
        box-sizing: border-box;
        margin-bottom: 0 !important;
        white-space: nowrap;
    }

        [id*=chkRegretRemainder] ~ label:after {
            border-color: #ccc;
            background: #fff;
            border-radius: 3px;
            box-shadow: none !important;
            /* margin-left: 11px; */
            margin-top: 4px;
            border-radius: 0px !important;
            width: 12px !important;
            height: 12px;
            position: absolute;
            top: 0;
            left: 0;
            border-width: 1px;
            border-style: solid;
            font-size: 14px;
            line-height: 14px;
            text-align: center;
            content: '';
            text-decoration: none !important;
        }

    [id*=chkRegretRemainder]:checked ~ label:after {
        color: #428bca;
        content: "\e118";
        line-height: 12px;
        font: 12px WebComponentsIcons,monospace;
    }

#CheckAllListItems {
    display: none;
}


.RemainingRegretsSpan {
    /*display:none;*/
}

.AddHeader {
    text-transform: uppercase;
    font-size: 15px;
    padding: 2% 2% 5px;
    font-weight: normal;
    color: #333;
    padding-left: 2% !important;
    font-family: Slate;
}

.AdInfoRow {
    font-size: 13px;
    font-family: SlateL;
    padding-left: 2% !important;
    padding-bottom: 1%;
    text-transform: uppercase;
}

.ColumnSectionHeader {
    font-family: RobCLR;
    font-size: 15px;
    color: #333;
    height: 18px;
    line-height: 18px;
    font-weight: normal;
    margin: 20px 0 0;
    padding-left: 20px;
    float: left !important;
}

#RegretItemContainer {
    margin: 5px 15px 0 15px;
}

.RegretHistoryBlock {
    padding: 0;
    border: 1px solid #f2f2f2;
    height: auto;
    position: relative;
    float: none;
    display: block;
    /*margin: 0 20px;*/
    width: 100%;
}

.RegretHistoryColRow {
    float: none;
    position: relative;
    display: flex;
    line-height: 30px;
    height: 30px;
    font-family: SLateL;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.RegretColHeader {
    float: left;
    position: relative;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    font-family: SlateM;
    font-weight: normal;
    font-size: 9px;
    color: #BFBFBF;
    box-sizing: border-box;
    padding: 0 15px;
}

.FilterOptionSelected {
    height: auto;
    min-height: 30px;
    background-color: white !important;
    border-color: #EEE !important;
    border-bottom-color: transparent !important;
    padding-bottom: 10px;
    color: #808080 !important;
    font-family: RobCL;
    position: relative;
    overflow: hidden;
}

.FilterItemsHeader {
    margin-left: 10px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    font-size: 12px;
    font-family: Slate;
    color: #808080;
    text-transform: uppercase;
    font-weight: normal;
}

.ClearItemsHeader {
    font-size: 13px;
    font-family: Slate;
    color: white;
    border: none;
    height: 25px;
    line-height: unset;
    text-align: center;
    display: flex !important;
    align-items: center;
    border-radius: 2px;
    max-width: 70px;
    background-color: #cc1429;
    position: relative;
    text-transform: uppercase;
    margin-left: 10px;
}

    .ClearItemsHeader:hover {
        background-color: #E15564;
        cursor: pointer;
    }

    .ClearItemsHeader div {
        display: block;
        text-align: center;
        vertical-align: middle;
        margin: 0 auto;
        width: 100%;
    }

#divcoContent .ClearItemsHeader {
    margin-left: 10px;
    margin-bottom: 10px;
}

.FilteroptionText {
    height: auto;
    padding-left: 4px !important;
    padding-right: 19px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    border: 1px solid transparent;
    background: #f2f2f2;
    border-radius: 0;
    font-family: SlateL;
    font-weight: 100;
    margin-bottom: 10px;
    font-size: 12px;
    max-width: 190px;
    display: inline-block;
    margin-left: 10px !important;
    color: #333;
    min-height: 20px;
    box-sizing: border-box !important;
    position: relative;
    width: fit-content;
    min-width: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

    .FilteroptionText:hover .RemoveThisFilter {
        color: red;
    }

.RemoveThisFilter {
    font-family: serif;
    position: absolute;
    font-weight: 600;
    right: 5px;
    font-size: 17px;
    line-height: 16px;
    box-sizing: border-box !important;
    font-weight: normal;
    transform: rotate(45deg);
    top: 3px;
}

.HideThisContainer {
    display: none !important;
}



/****************************ADD TO CART DRAW ANIMATION***********************/
@keyframes bg {
    0% {
        background-size: 0 3px, 3px 0, 0 3px, 3px 0;
    }

    25% {
        background-size: 100% 3px, 3px 0, 0 3px, 3px 0;
    }

    50% {
        background-size: 100% 3px, 3px 100%, 0 3px, 3px 0;
    }

    75% {
        background-size: 100% 3px, 3px 100%, 100% 3px, 3px 0;
    }

    100% {
        background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
    }
}

.progressBar {
    width: 25%;
    margin: 2rem auto;
    padding: 2em;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, #1460a8 100%, #1460a8 100%), linear-gradient(to bottom, #1460a8 100%, #1460a8 100%), linear-gradient(to right, #1460a8 100%, #1460a8 100%), linear-gradient(to bottom, #1460a8 100%, #1460a8 100%);
    background-size: 100% 1.5px, 1.5px 100%, 100% 1.5px, 1.5px 100%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    animation: bg 0.7s cubic-bezier(0.19, 1, 0.22, 1) 1;
    animation-play-state: running;
}

#wndSpecialInstructions .progressBar, #wndSpecialInstructions .progressDoneBar {
    padding: 0;
    margin: 0;
}

#wndSpecialInstructions .AtcEllipseRow {
    margin-top: -6%;
    box-sizing: border-box !important;
}

#wndSpecialInstructions span.btnAddingText {
    display: none;
}

#wndSpecialInstructions span.btnDoneText {
    left: 0;
}

.progressDoneBar {
    width: 25%;
    margin: 2rem auto;
    padding: 2em;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, #174a84 100%, #174a84 100%), linear-gradient(to bottom, #174a84 100%, #174a84 100%), linear-gradient(to right, #174a84 100%, #174a84 100%), linear-gradient(to bottom, #174a84 100%, #174a84 100%);
    background-size: 100% 0px, 0.5px 100%, 100% 0px, 0.5px 100%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    animation: bg 1.2s cubic-bezier(0.19, 1, 0.22, 1) 1;
    animation-delay: 1.5s;
    animation-play-state: running;
}

/*****************Add To Cart Loader***************/
.ellipsis-anim {
    font-size: 73px;
}

    .ellipsis-anim span {
        opacity: 0;
        -webkit-animation: ellipsis-dot 1s infinite;
        animation: ellipsis-dot 1s infinite;
    }

        .ellipsis-anim span:nth-child(1) {
            -webkit-animation-delay: 0.0s;
            animation-delay: 0.0s;
        }

        .ellipsis-anim span:nth-child(2) {
            -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }

        .ellipsis-anim span:nth-child(3) {
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }

@-webkit-keyframes ellipsis-dot {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes ellipsis-dot {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.EllipsisContainer {
    margin-top: -15%;
    width: 29%;
    margin-left: 24%;
}

span.btnDoneText {
    position: relative;
    text-align: center;
    top: 0px;
    left: 20px;
}

.AtcEllipseRow {
    margin-top: -12%;
}

#wndGridAddToCart .AtcEllipseRow {
    margin-top: 0%;
}

#wndGridAddToCart .EllipsisContainer {
    margin-top: -29%;
    width: 29%;
    margin-left: 72%;
}

#wndGridAddToCart span.btnAddingText {
    position: relative;
    text-align: center;
    top: 1px;
    left: 135%;
}

.GridProductContainer span.btnAddingText {
    top: 17px;
    left: -31px;
}

.GridProductContainer .ellipsis-anim span:nth-child(1) {
    margin-left: -553%;
}

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

.ColumnViewSupplierSection span.btnAddingText {
    top: 26px !important;
    left: 54px;
}

.ColumnViewSupplierSection .EllipsisContainer {
    margin-top: 5px !important;
    margin-left: 61%;
}

.ULProductRow .MATC_AddToCartButtonWithOptionDropDown {
    display: none;
}
/*Keep the below class empty*/
.OrderModalColumnDownArrow {
}

    .OrderModalColumnDownArrow:after {
        content: '';
        opacity: 1;
        display: inline-block;
        position: absolute;
        margin-left: 7px;
        top: 11px;
        border-top: 4px solid rgba(0,0,0,0.2);
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
    }

.ChangeRules {
    background-color: #EBEBEB;
    border: solid 1px #EBEBEB;
    height: 45px;
    position: relative;
    color: black;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0.15em;
    text-align: center;
    display: table;
    max-width: 187px;
    font-size: 1.5vmin;
    margin-top: 0.7%;
    left: 0%;
}

    .ChangeRules div {
        vertical-align: middle;
        display: table-cell;
        font-family: Slate;
    }

    .ChangeRules:hover {
        box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
        background-color: #e6e6e6;
    }

.PriceHistoryRow {
    text-align: right;
    padding-right: 4%;
}

.AuditContainer {
    top: -4px;
    left: 3%;
}

.OrderSection {
    /*margin-top:1.1%;*/
    margin-top: -1.9%;
    top: 47px;
}

.OrderSection_History {
    margin-top: -1.9%;
    top: 47px;
}

    .OrderSection_History .OrderModalTopHeader {
        margin-left: 0.3%;
    }

.OrderSection .TotalOrderItems {
    width: 25%;
}

.ListHistory .ManufacturerContent {
    top: 0px !important;
    padding-bottom: 0% !important;
}

.ListHeader .TotalOrderItems {
    width: 50%;
}

.OrderModalTopHeader {
    /*margin-left: -2.5%;*/
    margin-top: -2%;
}

.ListTopCol {
    width: 32%;
    float: left;
}

    .ListTopCol b {
        color: #333 !important;
        font-weight: normal;
        font-family: SlateM;
    }

    .ListTopCol:nth-child(4) {
        width: 81.6%;
    }

    .ListTopCol:nth-child(2) .ListTopHeader, .ListTopCol:nth-child(3) .ListTopHeader {
        padding-left: 2%;
    }

.ListTopHeader {
    font-size: 13px;
    color: #999999;
    float: left;
    font-family: Slate;
    font-weight: normal;
}

.ListTopCol:nth-child(1) {
    width: 25%;
}

/*.HistoryContent .MATC_HeaderContainer{

}*/

.k-i-arrow-60-left:before {
    content: "\e007" !important;
}

.k-i-arrow-60-right:before {
    content: "\e005" !important;
}

.NoAddinatiolDataContainer {
    display: table;
    width: 100%;
}

    .NoAddinatiolDataContainer div {
        display: table-cell;
        vertical-align: middle;
        align-content: center;
        text-align: center;
        font-family: RobCL;
        font-size: 20px;
        height: 630px;
    }

#SearchSupplierItems {
    text-transform: uppercase;
}

.addtolistFullpage .MATC_AddToCartButtonWithOption {
    border: transparent !important;
}

    .addtolistFullpage .MATC_AddToCartButtonWithOption span {
        color: #666 !important;
        font-weight: normal;
        font-size: 11px;
    }

.addtolistFullpage .MATC_AddToCartButton {
    background-color: transparent !important;
    top: 6px;
}

.AddToCart_CartHidden {
    /*height:0px !important;*/
    display: none !important;
}

.RuleContainer {
    height: 500px;
    max-height: 500px;
    overflow: auto;
}

.HideCartImage {
    width: 0px;
}

/*Tab Spinners*/

.ListGenerics .ATCBSpinner, .tbATCEquivalents .ATCBSpinner {
    margin-top: 25%;
}

.CollapseExpandColumn {
    cursor: pointer;
    height: 40px;
}

.CollapseColumn {
    display: table;
    /*margin: 19px auto 10px;*/
    font-size: 18px;
    line-height: 18px;
}

    .CollapseColumn div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

.FilterOptionExpanded {
    width: 49% !important;
    margin-left: 0;
}

.ulContent .RegretInfoBlock {
    padding-top: 10px !important;
}

.FilterHide {
    display: none !important;
}

.FullProductItemName {
    position: relative;
    margin: 0;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.addtolistFullpage {
    top: -10px;
}

#OrderHistoryFilter .k-panelbar[id*='PanelBarUL'] label.k-checkbox-label {
    margin-left: 8px;
}

.SupplierAccountContainer {
    display: none;
}

.SupToggle {
    margin-top: -26px;
    padding-bottom: 20px;
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.AccountSlideNotReady {
    background-color: rgb(230, 230, 230);
    /*background-color: rgb(51, 255, 173); --- Green*/
}

.CollapseExpand {
    position: absolute !important;
    right: 0;
    top: 0;
    float: left;
}

.ColumnProductDetailContainer .CollapseExpand {
    top: 10px;
}

#TodoListDetails .CollapseExpand,
#LinkManagementSupplierContent .CollapseExpand {
    position: absolute;
    right: 0 !important;
    top: 22px !important;
    height: 18px;
    display: inline-block;
    line-height: 18px;
}

.divSearchResultItems .k-icon.k-i-arrow-60-down.k-panelbar-expand, .divSearchResultItems .k-icon.k-i-arrow-60-up.k-panelbar-collapse {
    display: none !important;
}

.selectDefaultOption + label::after {
    line-height: 14px;
    top: 5px !important;
    left: 3px !important;
}

/*History Price Spinner*/
.HistoryPriceSpinner {
    position: absolute;
    text-align: center;
    width: 25%;
    top: -66%;
    left: 0px;
    z-index: 999;
    display: block;
}

    .HistoryPriceSpinner .loader, .loader:after {
        width: 7em;
        height: 7em;
    }

.ReOrderSpinnerContainer {
    top: 0px;
    left: 0;
    margin-top: 15%;
}

.mainWindowSpinnerContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.HideThisImage {
    width: 0px !important;
}

.CustomCollapseSpan .k-icon.k-panelbar-collapse.k-i-arrow-60-up.k-i-arrow-n {
    right: 10px;
}

#divULContent .SortFilter_FPPriceHistory .MATC_AddToCartButtonWithOption {
    position: relative;
}

#divULContent .SortFilter_FPPriceHistory .MATC_HeaderContainer {
    position: absolute;
    left: 0px;
    top: 50%;
    text-align: right;
    line-height: 16px;
    height: 16px;
    transform: translateY(-50%);
}

/*Make Summary Sticky*/
.Col4Landscape .PricingSection {
    position: fixed;
    max-width: 20%; /*Container width*/
    top: 14%;
}


.ShoppingCartRow #OptionFilter {
    position: relative;
    top: 5px;
}

.ShoppingCartRow #divcoContent {
    top: -1px;
    z-index: 400;
}

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

.ShoppingCartRow #divCoSortOptions {
    margin-top: 3px;
}

.ShoppingCartRow .btnCartSearchElement {
    top: 8px;
    left: 10px;
}

.ShoppingCartRow .k-checkbox-label:before {
    top: 0px;
}

/*Checkout grid active items*/
.coActiveItemsContainer .imageChangeTop:hover {
    opacity: 1;
}

    .coActiveItemsContainer .imageChangeTop:hover ~ .coActiveItemsContainer .imageChangeBottom {
        opacity: 0;
    }

.coActiveItemsContainer .k-alt {
    background-color: transparent;
}

.CORowDetail {
    border: solid 1px #f2f2f2;
    background: #fcfcfc;
    height: 100%;
    float: left !important;
    padding: 15px !important;
    box-sizing: border-box !important;
    height: max-content;
}

    .CORowDetail .row {
        margin-left: 0px;
        margin-right: 0px;
    }

.GridRowDetailClose, .GridRowDetailCloseMultiSite {
    position: absolute;
    right: 0px;
    margin-top: -40px;
    width: 20px;
    z-index: 1;
    font-family: SlateM;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
    color: #333;
}

.GridRowDetailCloseMultiSite {
    right: 5px;
    margin-top: -10px;
}

#GridView_CheckoutActiveItems,
#SSGridView_CheckoutActiveItems {
    border: 1px solid #f2f2f2;
    border-radius: 0;
}

#Grid_CheckoutActiveItems .k-loading-image {
    background-image: none;
}

#Grid_CheckoutActiveItems .k-grid-content {
    padding-right: 11px !important;
    height: calc(100vh - 150px) !important;
    height: calc((var(--vh, 1vh) * 100) - 172px) !important;
    scrollbar-width: thin;
}

    #Grid_CheckoutActiveItems .k-grid-content::-webkit-scrollbar {
        width: 8px;
    }

#Grid_CheckoutActiveItems, #Grid_CheckoutActiveItems .k-grid-header {
    border: none !important;
}

#Grid_CheckoutActiveItems .k-loading-mask {
    opacity: 0.3;
}

.coActiveItemsContainer .k-grid .k-hierarchy-col {
    width: 0px !important;
}

.coActiveItemsContainer {
    min-height: 80vh !important;
}

div[id='Grid_CheckoutActiveItems'] td {
    padding: 0px;
}

.CartProductActiveRow {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 35px;
    margin-top: 15px;
    border-top: solid 1px #EEE;
    font-family: SlateL;
    font-size: 14px;
    position: relative;
}

    .CartProductActiveRow .row {
        margin-left: 0;
        margin-right: 0;
    }

    .CartProductActiveRow:first-of-type {
        margin-top: 0px;
    }

#Grid_CheckoutActiveItems .k-grid-content td {
    height: 100px;
}

.CartProductActiveRowItemCheckBox {
    position: absolute;
    z-index: 1;
    top:6px;
    left: -20%;
    cursor: pointer;
    margin:0px;
}

.CartProductActiveRowItem {
    box-sizing: border-box !important;
}

.CartSiteKebabContainer,
.SavedForLaterKebabContainer {
    display: flex;
    justify-content: flex-end;
}

.SaveForLaterTitle,
.ShoppingCartCount {
    font-family: RobCLR;
    font-size: 15px;
    height: 50px;
    display: flex;
    min-width: 150px;
    font-weight: normal;
    align-items: center;
    color: #333;
}

.SaveForLaterTitle {
    margin-left: 15px;
}

.CartProductName {
    font-family: Slate;
    font-size: 15px;
    padding-top: 5px;
    font-weight: normal;
    color: #333333;
}

.CartSupplierName {
    font-family: SlateL;
    font-size: 14px;
    color: #333 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.CartPerSiteContainer {
    border-top: 1px solid #EEE;
    margin-bottom: 40px;
}

.MultiSiteCartChildRow,
.NormalCartChildRow {
    display: flex;
    min-height: 35px;
    margin-top: 15px;
    margin-bottom: 15px;
    align-items: center;
}

    .MultiSiteCartChildRow .coOrderDeleted {
        width: 100%;
    }

.NestLevelMargin_1 {
    margin-left: 0;
}

.NestLevelMargin_2 {
    margin-left: 20px;
}

.NestLevelMargin_3 {
    margin-left: 40px;
}

.NestLevelMargin_4 {
    margin-left: 60px;
}

.NestLevelIndent_1 {
    text-indent: 0;
}

.NestLevelIndent_2 {
    text-indent: 20px;
}

.NestLevelIndent_3 {
    text-indent: 40px;
}

.NestLevelIndent_4 {
    text-indent: 60px;
}

.NestLevelIndent_5 {
    text-indent: 80px;
}

.CartLevelLabel {
    color: #666666;
    font-size: 11px;
}

.CartSiteName, .CartSiteNameMultiple, .CartUserName {
    font-family: Slate;
    font-size: 12px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.5em 0;
}

.CartSiteNameMultiple {
    font-size: 14px;
}

.CartMoreInfoContainer {
    display: none;
}

.AdditionalStatus {
    font-family: SlateL;
    font-size: 12px;
    color: #AAA;
    display: flex;
    min-width: 32vw;
    cursor: pointer;
}

.CartSIIcon img {
    height: 12px;
    margin-right: 4px;
    margin-bottom: 2px;
}

.CartError {
    font-family: SlateL;
    font-size: 12px;
    margin-left: 10px;
    color: red;
    min-width: 32vw;
}


.CartQty {
    margin-top: 10px;
}

.MultiSiteRowQuantTotal {
    text-align: center;
    margin-top: 18px;
    font-size: 15px;
}

.CartProductTotalPrice {
    margin-top: 18px;
    text-align: right;
    font-family: SlateL;
    font-size: 16px;
}

.CartProductSFLTotalPrice {
    margin-top: 10px;
    text-align: right;
    font-family: SlateL;
    font-size: 14px;
}

.CartProductActiveRowItem {
    position: relative;
}

.RowMenu {
    border: solid 1px black;
    background-color: white !important;
    width: 100px;
    min-width: 150px;
    height: 60px;
    top: 0px;
    right: 25px;
    position: absolute;
    display: none;
}

.CartProductActiveRowMenu img {
    opacity: 0.5;
}

.cartExtraDropDown {
    width: 30px !important;
    top: 10px;
    z-index: 2;
    box-sizing: border-box !important;
}

.cartExtraDropDownMenu {
    width: auto !important;
    min-width: 200px;
    position: absolute;
    top: 45px;
    right: 0px;
    box-sizing: border-box !important;
}

/*.CartProductActiveRowItem:last-child .cartExtraDropDownMenu {
    bottom:0;
}*/

.RowMenuItem {
    padding-left: 5px;
    min-width: 150px;
}

    .RowMenuItem:hover {
        padding-left: 5px;
        color: blue;
    }

.CartProductActiveRowMenu {
    top: 6px;
    right: 15px;
    cursor: pointer;
}
/*.CartProductActiveRow:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}*/

/*.CartProductActiveRow:hover .coProductbtnDeleteOrders {
    display:block;
}*/




.REORDER {
    right: 1.5%;
}

.UserlistContainer {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#mainViewContainer #OptionFilter { /*Taking column style*/
    position: relative;
    top: -40px;
    z-index: 401;
}

#mainViewContainer div[id*='Item_ddMainSearchFilterVisible_'].MATC_Visible {
    width: 93.5% !important;
}

#UserListDiv .k-grid-content {
    height: calc(100vh - 140px) !important;
    height: calc((var(--vh, 1vh) * 100) - 140px) !important;
}


/*#UserListsProducts .k-grid-content td {
    height: 171.99px;
}*/


#divULContent .btnAddingText {
    margin-left: 41px;
    top: 30px;
}

#divULContent .EllipsisContainer {
    margin-top: 22%;
}

#RegretsProducts .k-grid-header {
    display: none;
}

#tabstripFull-2 .btnAddingText {
    left: 101% !important;
}

#IEModalP {
    font-family: RobotoL;
    font-size: 13px;
    color: #333;
}

.IElogos {
    width: 50px;
    display: inline;
    position: relative;
    margin: 15px;
}

.CartEllipse {
    height: 40px;
    width: 15px;
    opacity: 0.7 !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.CartProductActiveRowItem .bubblePopout:after {
    left: 170px !important;
}

#Grid_GridProducts {
    height: calc(100vh - 135px);
    height: calc((var(--vh, 1vh) * 100) - 135px);
}

    #Grid_GridProducts .k-grid-header {
        display: none;
    }

#OptionFilter ::-webkit-scrollbar,
.checkFilterContainer::-webkit-scrollbar,
#TodoListFilterContainer::-webkit-scrollbar,
#LinkManagementFilterContainer::-webkit-scrollbar {
    width: 4px;
    background-color: rgb(221, 221, 221);
}

#Grid_GridProducts .Loader {
    margin-top: 25%;
    left: 5%;
}

#Grid_GridProducts .k-loading-mask {
    display: none;
}

#Grid_ColumnProducts .k-loading-mask {
    display:none !important;
}

.Grid4Expanded {
    max-width: 25% !important;
}

.Grid6Small {
    max-width: 20% !important;
}

.Grid6SmallExpanded {
    max-width: 16.6% !important;
}

.NotSupportedHidden {
    display: none !important;
}

.OrderingGrid_Grid {
    display: none;
}

#wndPrivacyPolicy .MainCategoriesItemHeading, #wndTermsConditions .MainCategoriesItemHeading {
    text-align: center;
    position: sticky;
    top: -31px;
    height: 30px;
    padding-top: 10px;
    background-color: white;
}

#MainCategoriesItemContent .MainCategoriesItemHeading {
    display: none;
}

#MainCategoriesItemContent {
    padding-bottom: 20px;
}

/*#FPOrderHistorySortContainer .SortFilter .MATC_divDDOptionsItem:hover{
    width:92%;
}

.SortFilter_FPPriceHistory .MATC_AddToCartButtonWithOptionDropDown{
    width:100% !important
}
.SortFilter_FPPriceHistory .MATC_divDDOptionsItem:hover{
    /*width:92% !important;*
    width:92% !important;
}

#tabstripFull .SortFilter_FPPriceHistory .MATC_divDDOptionsItem:hover{
    width:92% !important;
}*/
.ColumnViewContainer .MATC_divDDOptionsItem {
    line-height: 40px !important;
}

.ColumnRegrets .MATC_divDDOptionsItemSelected {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    line-height: 40px !important;
}

.ColumnViewContainer .SortFilter_FPPriceHistory .MATC_divDDOptionsItem:hover {
    width: 100% !important;
}

.ColumnViewContainer #FPOrderHistorySortContainer .SortFilter .MATC_divDDOptionsItem:hover {
    width: 88%;
}

#wndGridAddToCart .tbATCPricing #LoyaltyTracking .Col1_CollapseColumn {
    margin-right: -1px !important;
}

.ColumnViewContainer .GenericsTable td {
    padding: 0px 12px;
}

div.FilterImageAnimation[title]:hover:before {
    content: attr(divtitle);
    position: absolute;
    top: 100%;
    z-index: 1000;
    left: 4px;
    line-height: 100%;
    padding: 15px;
    width: auto;
    min-width: 50px;
    min-height: 40px;
    box-sizing: border-box;
    border-radius: 0.35em;
    /*top: 35px;
    left: 8px;*/
    background-color: #333;
    border: 1px solid #333;
    white-space: nowrap;
    font-family: RobotoM;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: white;
}

div.FilterImageAnimation[title]:hover:after {
    position: absolute;
    top: 32px;
    left: 15px;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    border: inherit;
    border-bottom: none;
    border-right: none;
    background-color: #333;
    border-radius: 0 0 15px 0;
}

div.FilterImageAnimation[title]:hover {
    content: '';
}

.CUErrorField {
    border: 1px solid #ff6666;
    background-color: #ffe6e6;
    transition: 0.3s;
}

.PrimaryButton {
    transition: 0.2s;
}

    .PrimaryButton:hover {
        box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2) !important;
        background-color: #0f4d8a !important;
        transition: 0.2s;
    }

@media only screen and (min-device-height: 1100px) and (max-device-height: 1200px) and (max-device-width: 1920px) {

    .ColumnViewContainer {
        height: 74.6vh;
        height: calc(var(--vh, 1vh) * 74.6);
    }

    .ColumnProductDetailContainer {
        min-height: 86vh !important;
        min-height: calc(var(--vh, 1vh) * 86);
        max-height: 86vh !important;
        max-height: calc(var(--vh, 1vh) * 86);
    }

    div[id='Grid_GridProducts'].k-grid {
        height: 88vh;
        height: calc(var(--vh, 1vh) * 88);
    }
}

#Grid_OrderHistory_Orders {
    height: calc(100vh - 270px) !important;
    height: calc((var(--vh, 1vh) * 100) - 270px) !important;
    margin-top: 40px;
}

    #Grid_OrderHistory_Orders .k-grid-header {
        display: none;
    }

#Modal_ManufaturerGrid .k-loading-mask, #Modal_OrderGrid .k-loading-mask {
    display: none;
}

#divOrderHistory .OrderHistoryRightContainer {
    max-height: 100% !important;
}

#Grid_OrderHistory_ManufacturerItems {
    height: calc(100vh - 350px) !important;
    height: calc((var(--vh, 1vh) * 100) - 355px) !important;
    margin-top: 40px;
}

.OrderHistoryLeftContainer .k-calendar .k-nav-next, .k-calendar .k-nav-prev {
    height: 23px;
}

    .OrderHistoryLeftContainer.k-calendar .k-nav-next span {
        margin-left: -4px;
        margin-top: -2px;
    }

.OrderHistoryLeftContainer .k-calendar .k-nav-prev span {
    margin-left: -4px;
    margin-top: -2px;
}

/*Firefox specific fix for scrollbar width*/

#TodoListFilterContainer,
#LinkManagementFilterContainer,
#divAttributesControl,
#wndPrivacyPolicy,
#wndTermsConditions,
#wndContactUs,
#FullImagesPage,
#Order_Data_Container,
#Modal_FilterContainer,
#Modal_DataContainer,
#Man_Data_Container,
#tabstripATC-1,
.checkFilterContainer,
.k-ff .k-scrollbar-vertical,
.bubblePopout,
.KebabAddToList,
.SettingPages {
    scrollbar-width: thin;
}

.k-ff .k-auto-scrollable {
    padding-right: 11px !important;
}

/* Overwriting LOADER styles when on Grid -> Procucts -> Column View */
#ColumnProductDetailContainer .ColumnViewContainer .loader {
    top: 45%;
}

@media only screen and (min-width : 1366px) and (max-width: 1366px) {
    .FloatingScrollButtonContainer {
        right: 0px;
    }
}

.LoadingButton {
    background-color: #0f4d8a !important;
}

.SuccessButton {
    background-color: #00994d !important;
}

/*===========================================================================*/
/*====================MICROSOFT EDGE (NON CHROMIUM)==========================*/
/*===========================================================================*/

@supports (-ms-ime-align:auto) {
    .k-i-arrow-s {
        transform: rotate(45deg) !important;
        border-top: 2px solid #555555;
        border-right: 0px;
        border-bottom: 0px;
        border-left: 2px solid #555555;
        width: 7px !important;
        height: 7px !important;
    }

    .k-icon.k-i-arrow-s.k-panelbar-expand, .k-icon.k-i-arrow-n.k-i-arrow-60-down.k-panelbar-expand, .k-icon.k-i-arrow-60-down.k-panelbar-expand {
        border-top: 0px;
        border-right: 2px solid #555555;
        border-bottom: 2px solid #555555;
        border-left: 0px;
        width: 7px !important;
        height: 7px !important;
        transform: rotate(45deg) !important;
    }

    .k-link.k-header.k-state-hover > .k-icon.k-i-arrow-n.k-panelbar-collapse, .k-icon.k-i-arrow-60-up.k-i-arrow-s.k-panelbar-collapse, .k-icon.k-i-arrow-60-up.k-panelbar-collapse {
        transform: rotate(45deg) !important;
        border-top: 2px solid #555555;
        border-right: 0px;
        border-bottom: 0px;
        border-left: 2px solid #555555;
        width: 7px !important;
        height: 7px !important;
    }

    .PricingSection {
        right: 19px;
    }
}

/* DeviceGridProductContainer will only be active on mobile devices (tablet + phones) */

.DeviceGridProductContainer {
    width: calc((100% - ((3 - 1)*2%))/(3/1)) !important;
    margin-right: 1%;
    border: solid 1px #f2f2f2;
}

    .DeviceGridProductContainer.Grid4Expanded {
        width: calc((100% - ((4 - 1)*2%))/(4/1)) !important;
        margin-right: 1%;
        border: solid 1px #f2f2f2;
    }

    .DeviceGridProductContainer.Grid6Small {
        width: 19.3% !important;
        margin-right: 5px;
        border: solid 1px #f2f2f2;
    }

    .DeviceGridProductContainer.Grid6SmallExpanded {
        width: 16.2% !important;
        margin-right: 5px;
        border: solid 1px #f2f2f2;
    }

    /* Override hovers for grid */

    .DeviceGridProductContainer div.Grid_PriceRangeStrike,
    .DeviceGridProductContainer div.Grid_PriceRangeStrikeSave,
    .DeviceGridProductContainer div.Grid_PriceRange,
    .DeviceGridProductContainer div.GridViewAddToCartButton,
    .DeviceGridProductContainer .MATC_VisibleDifferentSuppliers,
    .DeviceGridProductContainer .MATC_Hidden,
    .DeviceGridProductContainer .GridBuyOptionsButton,
    .DeviceGridProductContainer .NewGridBuyOptions,
    .DeviceGridProductContainer .GridTradePriceRange,
    .DeviceGridProductContainer .MATC_AddToCartButtonWithOption,
    .DeviceGridProductContainer div[id*="GridProductLineListButton_"] .MATC_AddToCartButtonWithOption,
    .DeviceGridProductContainer .AdditionalInfoModal,
    .DeviceGridProductContainer .ATCContainer {
        display: block;
    }

    .DeviceGridProductContainer .GridViewCartText, .DeviceGridProductContainer .SliderContainer {
        display: inline-block;
    }

    .DeviceGridProductContainer div.GridProductAddToList {
        display: block;
        position: absolute;
        top: 2px;
        right: 2px;
        width: auto;
        z-index: 0 !important;
    }

    .DeviceGridProductContainer div[id*="GridProductLineListButton_"] .MATC_AddToCartButtonWithOption {
        display: none;
    }

/*#region BurgerMenu Rework */

.BurgerMenuContainer .MenuHeader {
    text-indent: 0px;
    padding-bottom: 0px;
}

    .BurgerMenuContainer .MenuHeader .MenuIcon {
        display: inline-block;
        width: 4em;
        padding: 0 0 0 1.4em;
    }

    .BurgerMenuContainer .MenuHeader img {
        width: 22px;
        height: 22px;
        /* filter: invert(67%) sepia(91%) saturate(6185%) hue-rotate(336deg) brightness(110%) contrast(103%); */
        display: inline-block;
        vertical-align: middle;
        margin-top: -2px;
    }

    .BurgerMenuContainer .MenuHeader:nth-child(5), .BurgerMenuContainer .MenuHeader:nth-child(10), .BurgerMenuContainer .MenuHeader:nth-child(13) {
        border-bottom: 1px solid #E4E4E4;
    }

/*#endregion BurgerMenu Rework */

/*#region Search Header */

.textBelow {
    color: #999;
    white-space: nowrap;
}

.HeaderCartIcon,
#MultiSiteATCPanelFilterButton img {
    filter: invert(35%) sepia(98%) saturate(3432%) hue-rotate(196deg) brightness(93%) contrast(80%);
}

#CartIconBlock:hover .smallIconImages {
    color: black !important;
}

.SitesHeader
{
    font-family:RobotoM;

}

#SitesIcon,
#SpecialRequestIcon {
    display: none;
}

#SitesIcon:hover .textBelow,
#CartIconBlock:hover .textBelow, 
#RegretsIconBLock:hover .textBelow,
#SpecialRequestIcon:hover .textBelow,
#PartialStockIcon:hover .textBelow {
    color: black !important;
}

.SearchContainerElementSearch .btnSearch {
    padding-top: 2px !important;
}

.SearchContainerElementSearch .btnSearch .SideMenuItem {
    margin-left: 2px;
}

#LocationsIcon i {
    color: #BBB;
    font-size: 20px;
}

.Locations input
{
    width:20px;
}

.Locations {
    text-align:left;
    margin-top:50px;
    margin-left:50px;
}

#SitesIcon i,
#SpecialRequestIcon i {
    color: #333;
    font-size: 20px;
}

.SearchHeaderIconsContainer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.SearchHeaderIcon {
    width: 60px;
}

.SearchHeaderIconLong {
    width: 90px;
}

/*#endregion Search Header */

/*#region TodoList */

.TodoListContainer {
    margin-top: 66px;
    color: #333333;
}

/* Toolbar */

.TodoListToolbarFilterToggle,
.LinkManagementToolbarFilterToggle {
    background-color: white;
    border: solid 1px #F2F2F2;
    padding-left: 10px;
    margin-top: 6px;
}

.TodoListToolbarGridHeader,
.LinkManagementToolbarGridHeader {
    font-family: RobCLR;
    font-size: 15px;
    color: #333;
    text-transform: uppercase;
}

.TodoListToolbarDetailsHeader,
.LinkManagementToolbarDetailsHeader {
    position: relative;
    flex-basis: 65%;
    min-width: 0;
}

.TodoListToolbarDetailsHeaderProductName,
.LinkManagementToolbarDetailsHeaderProductName {
    font-size: 20px;
    font-family: RobCLR;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.TodoListToolbarSort,
.LinkManagementToolbarSort {
    width: 150px;
    position: absolute;
    right: 15px;
    top: 10px;
}

    .TodoListToolbarSort .MATC_AddToCartButton,
    .LinkManagementToolbarSort .MATC_AddToCartButton {
        top: 7px;
    }


/* Filter */

#TodoListFilterContainer,
#TodoListDetails,
#TodoListToolbarDetailsHeaderContainer,
#TodoListToolbarFilterToggleContainer,
#LinkManagementFilterContainer,
#LinkManagementSupplierContent,
#LinkManagementToolbarDetailsHeaderContainer,
#LinkManagementToolbarFilterToggleContainer {
    padding: 0 0 0 0;
}

#TodoListToolbarFilterToggleContainer,
#LinkManagementToolbarFilterToggleContainer {
    padding-right: 15px;
    padding-left: 0px;
    margin-top: 7px;
}

    #TodoListToolbarFilterToggleContainer .MATC_Visible,
    #LinkManagementToolbarFilterToggleContainer .MATC_Visible {
        border: 1px solid #F2F2F2;
    }

        #TodoListToolbarFilterToggleContainer .MATC_Visible .MATC_AddToCartButtonWithOption span,
        #LinkManagementToolbarFilterToggleContainer .MATC_Visible .MATC_AddToCartButtonWithOption span {
            padding-left: 10px;
        }

#TodoListFilterWrapper,
#LinkManagementFilterWrapper {
    padding-left: 0px;
}

#TodoListFilter,
#LinkManagementFilter {
    margin-top: 0px;
}

#TodoListFilterContainer,
#LinkManagementFilterContainer {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 135px);
    max-height: calc((var(--vh, 1vh) * 100) - 135px);
    margin-top: 4px;
}

#TodoListToolbarFilterToggleContainer .MATC_AddToCartButtonWithOption,
#LinkManagementToolbarFilterToggleContainer .MATC_AddToCartButtonWithOption {
    pointer-events: none;
}

#TodoListFilterContainer .k-checkbox-label,
#LinkManagementFilterContainer .k-checkbox-label {
    line-height: 18px
}

    #TodoListFilterContainer .k-checkbox-label .checkLabel,
    #LinkManagementFilterContainer .k-checkbox-label .checkLabel {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 145px;
        display: inline-block;
        padding-top: 1px;
    }

    #TodoListFilterContainer .k-checkbox-label .checkCount,
    #LinkManagementFilterContainer .k-checkbox-label .checkCount {
        display: inline-block;
        line-height: 1em;
        vertical-align: top;
        padding-top: 4px;
    }

#TodoListFilterContainer .AttributeItem,
#LinkManagementFilterContainer .AttributeItem {
    padding-left: 10px;
    padding-right: 10px;
}

    #TodoListFilterContainer .AttributeItem label p {
        padding-left: 0px;
        padding-top: 0px;
    }

#TodoListFilter:last-child,
#LinkManagementFilter:last-child {
    border-bottom: 1px solid #F2F2F2;
}

/* Grid */
.MultiSiteATCPanelSearchContainer,
.TodoListGridSearchContainer,
.TodoListDetailsSearch,
.LinkManagementGridSearchContainer,
.LinkManagementDetailsSearch {
    position: relative;
}

    .MultiSiteATCPanelSearchContainer .MultiSiteATCPanelSearchIcon,
    .TodoListGridSearchContainer .TodoListGridSearchIcon,
    .TodoListDetailsSearch .TodoListDetailsSearchIcon,
    .LinkManagementGridSearchContainer .LinkManagementGridSearchIcon,
    .LinkManagementDetailsSearch .LinkManagementDetailsSearchIcon {
        position: absolute;
        top: 8px;
        left: 10px;
        cursor: pointer;
        opacity: 0.7;
    }

#MultiSiteFlyout .MultiSiteATCPanelSearchContainer .MultiSiteATCPanelSearchIcon {
    top: 5px;
}

    .MultiSiteATCPanelSearchContainer .MultiSiteATCPanelSearchInput,
    .TodoListGridSearchContainer .TodoListGridSearchInput,
    .TodoListDetailsSearch .TodoListDetailsSearchInput,
    .LinkManagementGridSearchContainer .LinkManagementGridSearchInput,
    .LinkManagementDetailsSearch .LinkManagementDetailsSearchInput {
        border: 1px solid #a4ccf4;
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        height: 33px;
        font-family: SlateL;
        cursor: text;
        font-size: 16px;
        margin: 0;
    }

        .MultiSiteATCPanelSearchContainer .MultiSiteATCPanelSearchInput:hover,
        .TodoListGridSearchContainer .TodoListGridSearchInput:hover,
        .TodoListDetailsSearch .TodoListDetailsSearchInput:hover,
        .LinkManagementGridSearchContainer .LinkManagementGridSearchInput:hover,
        .LinkManagementDetailsSearch .LinkManagementDetailsSearchInput:hover {
            border: 1px solid #64b1ee;
        }


    .MultiSiteATCPanelSearchContainer .MultiSiteATCPanelSearchClear,
    .TodoListGridSearchContainer .TodoListGridSearchClear,
    .TodoListDetailsSearch .TodoListDetailsSearchClear,
    .LinkManagementGridSearchContainer .LinkManagementGridSearchClear,
    .LinkManagementDetailsSearch .LinkManagementDetailsSearchClear {
        font-family: Slate;
        color: #d7665b;
        font-size: 20px;
        right: 5px;
        top: 0;
        position: absolute;
        text-align: right;
        padding-right: 5px;
        cursor: pointer;
        display: none;
    }

#TodoListKendoGrid,
#LinkManagementKendoGrid {
    border: 1px solid #f2f2f2;
}

    #TodoListKendoGrid .k-grid-content,
    #LinkManagementKendoGrid .k-grid-content {
        height: calc(100vh - 180px) !important;
        height: calc((var(--vh, 1vh) * 100) - 180px) !important;
    }

    #TodoListKendoGrid table tr,
    #LinkManagementKendoGrid table tr {
        border-bottom: 1px solid #eeeeee;
    }

        #TodoListKendoGrid table tr.k-state-selected,
        #LinkManagementKendoGrid table tr.k-state-selected {
            background-color: #e6f2fa !important;
        }


        #TodoListKendoGrid table tr td,
        #LinkManagementKendoGrid table tr td {
            cursor: pointer;
        }

            #TodoListKendoGrid table tr td:hover,
            #LinkManagementKendoGrid table tr td:hover {
                background-color: #cce6ff;
            }

        #TodoListKendoGrid table tr.k-state-selected .TodoListGridItemContainer .TodoListGridItemDelete,
        #LinkManagementKendoGrid table tr.k-state-selected .LinkManagementGridItemContainer .LinkManagementGridItemDelete {
            display: block;
        }

.TodoListGridItemContainer,
.LinkManagementGridItemContainer {
    display: flex;
    height: 70px;
    position: relative;
}

.TodoListGridItemContainer:hover .TodoListGridItemDelete
{
    display:block;
}

#TodoListToolbarGridHeaderContainer,
#LinkManagementGridHeaderContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 51px;
    padding: 0;
}

#TodoListGrid,
.LinkManagementGrid {
    padding: 0;
}

    #TodoListGrid .k-grid td,
    .LinkManagementGrid .k-grid td {
        padding-top: 0px;
        padding-bottom: 0px;
    }

.TodoListGridItemType,
.LinkManagementGridItemType {
    font-family: Slate;
    text-transform: uppercase;
    color: #1976d2;
    padding-top: 3px;
}

.TodoListTypeIcon,
.FilterIcon {
    max-width: 16px;
    height: 16px;
    margin-top: -2px;
    filter: invert(57%) sepia(71%) saturate(300%) hue-rotate(168deg) brightness(80%) contrast(97%);
}

.FilterIcon {
    width: 16px;
}

.TodoListGridDate,
.LinkManagementGridDate {
    position: absolute;
    right: 25px;
    top: 3px;
    color: #666;
    font-size: 13px;
    font-family: SlateL;
}

.TodoListGridItemName,
.LinkManagementGridItemName {
    align-self: center;
    font-family: SlateL;
    font-size: 16px;
    letter-spacing: 0.4px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    line-height:13px;
}

.TodoListGridItemDelete,
.LinkManagementGridItemDelete {
    font-family: RobotoL;
    color: #d7665b;
    font-size: 20px;
    transform: rotate(45deg);
    right: 0;
    top: 5px;
    position: absolute;
    display: none;
    text-align: right;
    padding-right: 5px;
}

    .TodoListGridItemDelete:hover,
    .LinkManagementGridItemDelete:hover {
        color: red;
    }

.k-loading-image {
    background-image: url('../../../../Images/Spinner.gif');
    background-size: 50px 50px;
}

.GridItemDeleteUndo {
    background: #f0f0f0;
    margin: 0px -8px 0px -7px;
    display: none;
}

    .GridItemDeleteUndo p {
        display: inline-block;
        text-transform: uppercase;
        margin: 0px;
        padding-top: 6px;
        height: 28px;
        color: #666;
        font-family: Slate;
        font-size: 1.1em;
    }

    .GridItemDeleteUndo .UndoGridItemDelete {
        display: inline-block;
        text-align: right;
        padding: 6px 16px;
        background: #cce6ff;
        text-transform: uppercase;
        float: right;
        color: #666;
        font-family: Slate;
        font-size: 1.1em;
    }

        .GridItemDeleteUndo .UndoGridItemDelete:hover {
            background: #9BCDFF;
            cursor: pointer;
        }

/* Details */

.DetailsTableLoadingBlock {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
    bottom: 0;
}

#TodoListToolbarDetailsHeaderContainer,
#LinkManagementToolbarDetailsHeaderContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 51px;
    padding: 0 15px 0 15px;
}

#TodoListDetails.ColumnDetailsContainer,
#LinkManagementSupplierContent.ColumnDetailsContainer {
    height: calc(100vh - 135px);
    height: calc((var(--vh, 1vh) * 100) - 135px);
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 15px 0 15px;
}

.TodoListDetailsSearchContainer,
.LinkManagementSearchContainer {
    display: flex;
    align-items: center;
}

.TodoListDetailsSearchButton,
.LinkManagementSearchButton {
    background-color: #1976d2;
    border: 1px solid #1976d2;
    border-radius: .15em;
    color: white;
    height: 33px;
    width: 100px;
    display: none;
    font-weight: normal;
    font-family: Slate;
    font-size: 14px;
    transition: 0.2s;
    cursor: pointer;
}

.ButtonFlex {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.TodoListDetailsSearchButton:hover,
.LinkManagementSearchButton:hover {
    background-color: #0f4d8a;
    border: 1px solid #0f4d8a;
}

.TodoListDetailsSearch,
.LinkManagementDetailsSearch {
    display: none;
    flex: 1 1 auto;
}

.TodoListDetailsTable, .LinkManagementDetailsTable {
    text-align: center;
    font-size: 14px;
    font-family: SlateL;
    cursor: pointer;
}

    .TodoListDetailsTable .TableBorder,
    .LinkManagementDetailsTable .TableBorder {
        border: 1px solid #f2f2f2;
        margin-bottom: 10px;
    }

.SuggestedLinksSearchGrid {
    display: none;
    border-radius: unset;
    border-color: #f2f2f2;
    margin-bottom: 20px;
}

    .SuggestedLinksSearchGrid thead.k-grid-header th.k-header:last-child {
        margin-left: -15px;
        margin-right: -15px;
    }

    .SuggestedLinksSearchGrid .k-pager-wrap.k-pager-sm .k-pager-info {
        display: flex;
    }

    .SuggestedLinksSearchGrid .k-i-arrow-end-right:before {
        content: "\e009" !important;
    }

    .SuggestedLinksSearchGrid .k-i-arrow-end-left:before {
        content: "\e00b" !important;
    }

    .SuggestedLinksSearchGrid div.k-grid-footer, div.k-grid-header {
        border-bottom-width: 0;
    }

    .SuggestedLinksSearchGrid th.k-header {
        display: block;
        padding: 0;
        border: none;
    }

.TodoListDetailsActionPanel {
    background-color: #e6f2fa;
}

.TodoListDetailsActionPanel,
.LinkManagementDetailsActionPanel {
    position: sticky;
    bottom: 0px;
    z-index: 101;
    width: 100%;
}

.SuggestedLinkRowHeader,
.AlternativeProductRowHeader {
    font-size: 9px;
    font-family: SlateM;
    color: #bfbfbf;
    background-color: #FCFCFC;
}

    .SuggestedLinkRowHeader > div {
        padding: 10px 0;
    }

.SuggestedLinkRowData,
.AlternativeProductRowData {
    border-top: 1px solid #f2f2f2;
}

.IsRegretRow {
    color: red;
}

.AlternativeProductItemsInCart {
    position: absolute;
    font-size: 13px;
    right: -24px;
    top: 12px;
    color: green;
}

.RegretsIconContainer {
    position: absolute;
    top: 11px;
    font-size: 13px;
    right: 0;
}

.SuggestedLinkRowData {
    text-align: center;
    font-family: SlateL;
    font-size: 14px;
    color: #333333;
    cursor: pointer;
}

    .SuggestedLinkRowData > div,
    .AlternativeProductRowData > div {
        padding: 10px 0;
    }

    .SuggestedLinkRowData:hover,
    .AlternativeProductRowData:hover {
        background-color: #cce6ff;
        color: #1976d2;
    }

.SuggestedLinkNoData {
    padding: 5px 0 5px 0;
    font-size: 16px;
    text-align: left;
}

.SelectedRow, .SelectedRow:hover {
    background-color: #E6F2FA;
    color: #1976d2;
}

.LinkPanel, .ATCPanel {
    height: 88px;
    background-color: #e6f5ff;
    border: 1px solid #a4ccf4;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: SlateL;
    font-size: 15px;
}

.TodoListDetailsActionPanel .ATCPanel .ATCPanelPriceContainer {
    text-align: center
}

.TodoListDetailsActionPanel .ATCPanel .DeleteRemainderContainer {
    flex-grow: 3;
    display: none;
}

    .TodoListDetailsActionPanel .ATCPanel .DeleteRemainderContainer label {
        white-space: unset;
        line-height: 17px
    }

#MultiSiteFlyout .DeleteRemainderContainer,
.MultiSiteQuantityInfoBlock .DeleteRemainderContainer {
    display: none;
}

.LinkButton {
    background-color: #1976d2;
    border: 1px solid #1976d2;
    border-radius: .15em;
    color: white;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    font-family: Slate;
    font-size: 14px;
    transition: 0.2s;
    cursor: pointer;
}

    .LinkButton:hover {
        background-color: #0f4d8a;
        border: 1px solid #0f4d8a;
    }

.KebabContainer {
    position: relative;
    right: 0;
}

.KebabMenu {
    z-index: 102;
    font-family: Slate;
    font-size: 12px;
}

.CheckoutKebabMenu {
    z-index: 301;
}

.KebabMenu > #menu > li.k-state-hover {
    background-color: unset;
}

.KebabMenu > #menu > li.k-state-focused {
    box-shadow: unset;
}

.KebabMenu > #menu > li > span:not(.KebabAddToList) {
    padding: 0;
    box-shadow: unset;
    background-color: unset;
    border-color: unset;
    width: 30px;
    text-align: center;
}

.KebabMenu ul#menu {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit;
    padding: inherit;
    text-align: inherit;
    background-color: transparent;
    border: none;
}

    .KebabMenu ul#menu li {
        display: flex;
        list-style: inherit;
        padding-left: inherit;
        border: none;
        font-size: 12px;
        font-family: Slate;
        text-transform: uppercase;
        color: #333;
        height: 40px;
        align-items: center;
    }

    .KebabMenu ul#menu .k-animation-container li:hover {
        background-color: #cce6ff;
        color: #1976d2;
    }

    .KebabMenu ul#menu .k-animation-container li:hover .k-link label {
        color: inherit;
        background-color: inherit;
        border-color: inherit;
    }

    .KebabMenu ul#menu .k-animation-container li .k-link.k-state-active {
        color: inherit;
        background-color: inherit;
        border-color: inherit;
    }

    .KebabMenu ul#menu .k-animation-container li.k-state-hover > .k-link {
        color: inherit;
        background-color: inherit;
        border-color: inherit;
    }

    /*.KebabMenu ul#menu li .k-animation-container span.k-state-border-left, 
    .KebabMenu ul#menu li .k-animation-container span.k-state-border-right {
        background-color: #cce6ff;
        color: #1976d2;
    }*/

        .KebabMenu ul#menu li a {
            background: inherit;
            color: inherit;
            text-decoration: inherit;
        }

            .KebabMenu ul#menu li a:hover {
                color: inherit;
                text-decoration: inherit;
            }

.KebabMenu .KebabIcon {
    height: 32px;
    margin: 0;
}

.KebabMenu #menu > li > span > span.k-i-arrow-60-down {
    display: none;
}

.KebabMenu #menu .KebabAddToList {
    width: 200px;
    max-height: 300px;
    overflow-y: scroll;
}

.KebabMenu .divCreateList {
    padding: 0 5px;
}

    .KebabMenu .divCreateList > table {
        width: 100%;
        margin: 0;
    }

        .KebabMenu .divCreateList > table tbody tr td {
            height: unset !important;
            line-height: unset;
        }

        .KebabMenu .divCreateList > table tr:hover {
            background-color: unset;
        }

    .KebabMenu .divCreateList .newListAdd {
        bottom: 4px;
    }

.KebabAddToList .FavDivText {
    max-width: 150px;
}

.KebabSpecialInstructions {
    display: none;
}

.KebabSpecialInstructions .FavDivText,
.KebabView .FavDivText {
    padding: 12px 10px 12px 10px;
    margin: 0;
    min-width: 200px;
}

 .KebabSpecialInstructions .FavDivText:hover,
 .KebabView .FavDivText:hover {
     background-color: #CCE6FF;
 }

.InfoBlocksContainer {
    min-height: 100px;
}

.InfoBlockContainer {
    margin-bottom: 0px;
}

.TodoListContainer .InfoBlockContainer, .LinkManagementContainer .InfoBlockContainer {
    padding-left: 0px;
    padding-right: 0px;
}

.InfoBlocksHeader:hover {
    background-color: #E6F2FA;
}

.InfoBlocksHeader {
    cursor: pointer;
    display: flex;
    align-items: center;
    top: 0;
    background-color: #FFF;
    z-index: 100;
}

.InfoBlocksHeaderText {
    text-transform: uppercase;
    font-family: RobCLR;
    font-size: 15px;
    color: #333;
    padding: 10px 0px 10px 10px;
    width:100%;
    text-align:left;
}

.InfoBlockHeaderIcon {
    padding-left: 10px;
    display: flex;
    position:relative;
}

.MultiSiteHeaderIcon {
    position: absolute;
    top: 16px;
    left: 16px;
}

[class^='InfoBlockContent_'] .row {
    margin-left: unset;
    margin-right: unset;
}

[class^='InfoBlockContent_'] .SuggestedLinksSearchGrid .SuggestedLinkRowData {
    margin-left: -15px;
    margin-right: -15px;
}

.InfoBlockNoContent {
    font-size: 16px;
    font-family: SlateL;
    padding-bottom: 8px;
}

.LastOrderedAlertBox {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 15px;
    border: 1px solid #ff0000;
    background-color: #ffebeb;
    margin: 5px 0;
    font-family: slate;
    font-size: 14px;
    color: #333333;
}

.DetailsLastOrdered > .LastOrderedAlertBox {
    margin: 0;
}

/*#endregion TodoList */

/*#region Link Management Page**/

.LinkManagementContainer {
    margin-top: 66px;
}

#LinkManagementKendoGrid {
    border: 1px solid #f2f2f2;
}

    #LinkManagementKendoGrid .k-grid-header {
        border: 0px;
    }


    #LinkManagementKendoGrid .k-grid-content {
        height: calc(100vh - 170px) !important;
        height: calc((var(--vh, 1vh) * 100) - 170px) !important;
    }

.LinkManagementContentHeader .LinkManagementHeading {
    font-family: SlateL;
    font-size: 18px;
    color: #333;
    padding: 10px 0px 4px 0px;
}

.LinkManagementContent {
    padding-right: 0px;
}

#LinkManagementSupplierContent .LinkManagementSupplierTable {
    width: 100% !important;
    height: auto !important;
    margin: 0;
    border: 1px solid #f2f2f2;
    padding-right: 0 !important;
}

.LinkManagementSupplierTable .SupplierTableHeadings {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,0.01);
    width: 100%;
    margin: 0px;
}

.SupplierTableHeadings .SupplierHeadingColumn {
    color: #bfbfbf;
    font-weight: normal;
    font-size: 10px;
    font-family: Slate;
    text-transform: uppercase;
    padding: 10px 0px;
}

.LinkManagementSupplierTable .SupplierTableRow {
    margin: 0px;
    font-family: SlateL;
    font-size: 14px;
    border-top: 1px solid #f7f7f7;
    color: #333;
    background-color: white;
    height: auto;
    letter-spacing: 0.4px;
    max-height: 45px;
    min-height: 30px;
    padding: 0;
    line-height: 12px;
    box-sizing: border-box !important;
}

    .LinkManagementSupplierTable .SupplierTableRow.SupplierFirstRow {
        margin: 33px 0px 0px 0px;
    }

    .LinkManagementSupplierTable .SupplierTableRow:hover {
        background-color: #cce6ff !important;
        color: #1976d2 !important;
        cursor: pointer;
    }

    .LinkManagementSupplierTable .SupplierTableRow.RowIsSelected {
        background-color: #E6F2FA !important;
        border: 1px solid transparent !important;
        color: #1976d2 !important;
    }

        .LinkManagementSupplierTable .SupplierTableRow.RowIsSelected:hover {
            background-color: #E6F2FA !important;
            border: 1px solid transparent !important;
            color: #1976d2 !important;
        }

.SupplierTableRow .SupplierTableColumn {
    text-transform: uppercase;
    padding: 16px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

.LinkPanel .lds-dual-ring {
    height: unset;
    margin: unset;
}

.OrderNoLink {
    text-decoration: underline;
    color: #1976d2;
    font-family: slate;
}

.OrderHistoryShowMore {
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
    color: #1976d2;
    font-family: slate;
    font-size: 14px;
    margin-left: 1em;
}

/*#endregion Link Management Page*/

/*#region MultiSiteATCPanel*/
.InterventionCloseButton,
#MultiSiteIntervention,
#MultiSiteFlyout {
    position: absolute;
    background-color: white;
    z-index: 502;
    top: 0;
    right: 0;
    width: 84%;
    height: calc((var(--vh, 1vh) * 100) - 50px);
    padding: 15px;
    overflow: auto;
    -webkit-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    -moz-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
}

.MultiSiteFlyoutHeaderFlex {
    display: flex;
    align-items: center;
}

.MultiSiteFlyoutHeaderFlex .ATCWindowProductNameFlex {
    margin-bottom: 0;
}

.MultiSiteFlyoutHeaderFlex > div {
    padding: 0 10px;
}

.MultiSiteFlyoutHeaderFlex.AdditionalFeatures {
    width: 96%;
}

.MultiSiteFlyoutHeaderContainer {
    margin-top: 10px
}

.FlyoutWholesalerName {
    margin: 0px
}

.MultiSiteBackContainer {
    display: none;
    font-family: Slate;
    font-size: 15px;
    padding: 0 0 10px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #eeeeee;
}

.MultiSiteBackContainerFlex {
    display: flex;
    align-items: center;
}

.MultiSiteBackContainerFlex > * {
    flex: 1 1 33%;
}

.MultiSiteContinueContainer {
    display: none;
}

.MultiSiteCostCenterQtyTally,
.MultiSiteCostCenterPriceTally {
    font-size: 14px;
}

#MultiSiteFlyout h1 {
    margin: 0;
    text-align: left;
    font-size: 22px;
    font-family: RobCLR;
}

.MultiSiteFlyoutSpinnerContainer {
    height: 100%;
    display: flex;
    align-items: center;
}

.MultiSiteFlyoutRowContainer {
    font-size: 14px;
    position: relative;
}

.MultiSiteFlyoutRowHeader {
    display: flex;
}

.MultiSiteFlyoutRowHeaderAdditionalFeature {
    width: 96%;
}

.MultiSiteFlyoutSitesContainer {
    overflow:auto;
    height: calc(100vh - 340px);
    height: calc((var(--vh, 1vh) * 100) - 340px);
}

.AdditionalFeatureContainer.MultiSiteFlyoutSitesContainer {
    max-width: 96%;
}

.NoAdditionalFeatureContainer.MultiSiteFlyoutSitesContainer {
    height: calc(100vh - 285px);
    height: calc((var(--vh, 1vh) * 100) - 285px);
    max-width: 100%;
}

.MultiSiteFlyoutSitesContainer.MultiSiteFlyoutSitesContainerUnset {
    overflow:unset;
    height:unset;
    height:unset;
    max-width: 100%;
}

.MultiSiteFlyoutRow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    height: 60px;
}

.MultiSiteFlyoutRow:hover {
    background-color: #cce6ff;
    color: #1976d2;
}

.MultiSiteFlyoutRow .KebabMenu i.fa-chevron-right {
    display: none;
    font-size: 16px;
}

.MultiSiteFlyoutRow:hover .KebabMenu i.fa-chevron-right {
    display: block;
}

.AdditionalFeatureContainer,
.NoAdditionalFeatureContainer {
    position: relative;
}

.MultiSiteATCPanelBody {
    font-size: 14px;
}

.MultiSiteFlyoutRowContainer input[id*='inpQty_'],
.MultiSiteATCPanelBody input[id*='inpQty_'] {
    border-left: 0;
    border-top: 0;
    border-right: 0;
}

.MultiSiteATCPanelHeader {
    display: flex;
    align-items: center;
    border: solid 1px #f2f2f2;
    position: relative;
    height: 50px;
    justify-content: space-evenly;
}

#MultiSiteATCPanelFilterButton {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #1976d2;
    border-left: solid #f2f2f2 1px;
    border-right: solid #f2f2f2 1px;
    padding: 0 15px;
    font-size: 14px;
    min-width: 100px;
    font-family: SlateM;
}

    #MultiSiteATCPanelFilterButton img {
        max-height: 15px;
    }

    #MultiSiteATCPanelFilterButton span {
        margin: 0 5px;
    }

.MultiSiteATCPanelFilterOverlay {
    padding: 15px;
}

.FilterOverlayFlex {
    max-height: calc(100vh - 100px);
    max-height: calc((var(--vh, 1vh) * 100) - 100px);
    overflow: auto;
}

.FilterOverlaySection {
    padding-bottom: 10px;
}

.FilterOverlayHeader {
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: robotoM;
    display: flex;
    justify-content: space-between;
}

.FilterOverlayHeader span {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 10px 5px 10px;
}

.FilterOverlaySection .FilterOverlayFilters {
    display: flex;
    flex-flow: row wrap;
}

.FilterOverlaySection label {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 14px;
    font-family: SlateL;
    color: #808080;
    cursor: pointer;
    flex: 0 0 25%;
    padding: 2px 0;
}

.FilterOverlaySection label input[type=checkbox] {
    margin-top: 0;
    margin-right: 5px;
}

#MultiSiteATCPanelFilterPillContainer {
    display: flex;
    width: 400px;
}

    #MultiSiteATCPanelFilterPillContainer::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

#MultiSiteATCPanelClearAllFilters {
    font-size: 14px;
    color: #1976d2;
    cursor: pointer;
    display: flex;
    padding-left: 5px;
    padding-right: 20px;
    justify-content: center;
    min-width: 80px;
    height: 100%;
    align-items: center;
}

.FilterPillItem {
    padding: 4px 32px 4px 4px;
    background-color: #ffffff;
    border-top: unset;
    border-bottom: unset;
    border-left: unset;
    border-right: 1px solid #f2f2f2;
    margin: 0 5px;
    flex-direction: column;
    max-width: 200px;
    display: flex;
    color: #333;
    min-height: 40px;
    box-sizing: border-box;
    position: relative;
    width: fit-content;
    min-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.FilterPillHeader {
    font-size: 10px;
    font-weight: 700;
    color: #1976d2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.FilterPillText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

.FilterPillRemove {
    position: absolute;
    font-weight: 600;
    right: 12px;
    font-size: 17px;
    line-height: 16px;
    box-sizing: border-box;
    font-weight: normal;
    transform: rotate(45deg);
    top: 3px;
    cursor: pointer;
    color: #cccccc;
}

    .FilterPillRemove:hover {
        color: red;
    }

.GroupedFilterPillItem {
    padding: 4px 25px 4px 4px;
    background-color: #ffffff;
    border-top: unset;
    border-bottom: unset;
    border-left: unset;
    border-right: 1px solid #f2f2f2;
    font-size: 12px;
    margin: 0 5px;
    max-width: 200px;
    min-width: 100px;
    color: #333;
    box-sizing: border-box;
    position: relative;
    width: fit-content;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.FilterButtonDropDownIcon {
    position: absolute;
    right: 13px;
    top: 24px;
}

.GroupedFilterPillItem > span {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.GroupedFilterDropDownContainer {
    display: none;
    position: absolute;
    background-color: white;
    border: solid 1px #CCCCCC;
    top: 45px;
    left: 0;
    z-index: 102;
    padding: 5px 15px 5px 5px;
    max-width: 250px;
}

.GroupedFilterPillCheckbox {
    cursor: pointer;
    padding-left: 10px;
}

.GroupedFilterPillItem .dropdown-menu.show .checkbox {
    display: flex;
    align-items: center;
}

.GroupedFilterPillItem label {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 13px;
    font-family: SlateL;
    color: #808080;
    cursor: pointer;
}

.GroupedFilterPillItem input[type='checkbox'] {
    margin: 7px 10px 5px 0;
    cursor: pointer;
}

.FilterCaret {
    position: absolute;
    top: 16px;
    right: 26px;
    color: #cccccc;
}

.MultiSiteSite,
.ChildRow {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.MultiSiteRow {
    position: relative;
}

.MultiSiteRowWithChild {
    background-color: #f2f2f2;
    cursor: pointer;
}

.ChildRowWithChild {
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}

.ChildRowWithChild + div {
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin-bottom: 15px;
}

.MultiSiteSiteName,
.MultiSiteTotalWholesaler {
    font-family: RobotoM;
    font-size: 14px;
}

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

.MultiSiteFlyoutRowHeaderQty,
.SiteRowQuant,
.ChildRowQuant {
    text-align: center;
}

.ChildRowTitle {
    font-family: 'RobotoM';
}

.AdditionalFeatureContainer > .ChildRowContainer {
    height: calc(100vh - 260px);
    height: calc((var(--vh, 1vh) * 100) - 260px);
    max-width: 96%;
}

.NoAdditionalFeatureContainer > .ChildRowContainer {
    height: calc(100vh - 255px);
    height: calc((var(--vh, 1vh) * 100) - 255px);
    max-width: 100%;
}

.ChildRowContainer {
    overflow: auto;
    margin-top: 15px;
}

.MultiSiteATCPanelChildSearchContainer {
    padding: 10px 0;
}

.ChildRowContainer .ChildRowContainer .ChildRowTitle {
    padding-left: 55px;
}

.ChildRowContainer .ChildRowContainer .ChildRowContainer .ChildRowTitle {
    padding-left: 75px;
}

.MultiSiteATCPanelFooter {
    background-color: #e6f5ff;
    border: 1px solid #a4ccf4;
    position: sticky;
    bottom: 0;
}

.MultiSiteTotalContainer {
    display: flex;
    align-items: center;
    height: 80px;
}

.MultiSiteTotalQuantity,
.MultiSiteTotalValue {
    display: flex;
    flex-flow: column;
    align-items: center;
    font-size: 14px;
}

.MultiSiteTotalQuantity > div:first-child,
.MultiSiteTotalValue > div:first-child {
    color: #a9a9a9;
}

.MultiSiteAlphaScrollContainer {
    position: absolute;
    right: 5px;
    top: 0px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: calc(100vh - 265px);
    height: calc((var(--vh, 1vh) * 100) - 265px);
    width: 20px;
    z-index: 1;
}

.MultiSiteSiteAlphaScrollContainer {
    top: 55px;
    height: calc(100vh - 330px);
    height: calc((var(--vh, 1vh) * 100) - 330px);
}

.MultiSiteAlphaScrollLetter {
    min-height: 0;   
}

.LetterActive {
    color: #1976D2;
    font-family: 'SlateM';
    cursor: pointer;
}

.LetterInactive {
    color: #888888;
    pointer-events: none;
}

.MultiSiteLetterGroup {
    padding: 5px 15px;
    font-family: 'RobotoM';
    background-color: #efefef;
}

/*#endregion MultiSiteATCPanel*/

/*#region SpecialInstructions*/

.KebabMenu ul#menu li.CartSortActive,
.SIKebabActive,
.KebabMenu ul#menu li.ColumnViewActiveMenu,
.KebabMenu ul#menu li.MenuActiveItem,
.KebabMenu ul#menu li.CartActiveView {
    color: #1976d2;
}

.SpecialInstructionsContainer {
    background-color: #fbfbfb;
}

.SpecialInstructionsFormContainer {
    font-family: Slate;
    padding: 10px;
}

.SpecialInstructionShunt {
    top: 73px !important;
    position: fixed;
}

#wndGridAddToCart .SpecialInstructionsFormContainer {
    padding: 0;
}

.SIHeaderFlex {
    display: flex;
    justify-content: space-between;
    width:100%;
}

.SIHeader {
    font-size: 15px;
}

.SIHeaderClose {
    cursor: pointer;
}

.SIFlexContainer {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 10px;
    width:100%;
}

.SIFlexChild {
    flex: 1 0 auto;
}

.InputContainer {
    position: relative;
    min-width: 300px;
    max-width: 415px;
    margin: 5px 0;
}

.InputContainer input[type='number'],
.InputContainer input[type='text'] {
    height: 40px;
    font-size: 14px;
    font-family: Slate;
    display: block;
    margin: 0;
}

.InputContainer select {
    height: 40px;
    font-size: 14px;
    font-family: Slate;
    border: 1px solid #e2e2e2;
    display: block;
    width: 100%;
    margin: 0;
}

.InputContainer textarea {
    font-size: 14px;
    font-family: Slate; 
    margin: 0;
    resize: none;
}

/* Chrome, Safari, Edge, Opera */
.InputContainer input::-webkit-outer-spin-button,
.InputContainer input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
InputContainer input[type=number] {
    -moz-appearance: textfield;
}

.InputFloatingLabel {
    position: absolute;
    top: 10px;
    left: 6px;
    color: #999;
    pointer-events: none;
    font-size: 13px;
    transition: all 0.1s cubic-bezier(0.4,0,.2,1);
}

/* NOTE: This rule should be eventually removed once the reason of why it is neeed is figured out */
#wndGridAddToCart .InputFloatingLabel {
    top: 12px;
}

#wndGridAddToCart .InputFloatingLabel.UpperPosition,
.InputFloatingLabel.UpperPosition {
    top: 2px;
    font-size: 10px;
}

.InputFloatingLabel.UpperPosition + input,
.InputFloatingLabel.UpperPosition + select,
.InputFloatingLabel.UpperPosition + textarea {
    padding-top: 16px;
}

.InputLabelRequired {
    color: #da0000;
    position: absolute;
    margin-left: 2px;
    font-size: 12px;
}


.InputLabelRequired.UploadButton {
    color: #da0000;
    position: absolute;
    margin-left: 2px;
    font-size: 12px;
    right:-10px;
    top:-10px;
}


.InputBottomLabel {
    color: #da0000;
    font-size: 10px;
    text-align: left;
}

.InputValidationError,
.InputValidationError:focus,
select.InputValidationError,
textarea.InputValidationError {
    border-bottom: 2px solid #da0000;
}

/*#endregion SpecialInstructions*/

/*#region Forces*/

.ForcesWarning,
.OverrideTypePanel {
    display: flex;
    position: absolute;
    align-items: center;
    z-index: 2;
    justify-content: space-between;
    height: 100%;
    background-color: #e7e7e7;
    border: 1px solid #999999;
    overflow: hidden;
}

.ForcesWarningText {
    font-family: SlateL;
    font-size: 14px;
    text-transform: uppercase;
}

.ForcesWarningButton {
    font-size: 14px;
    font-family: Slate;
    background-color: #ffaf36;
    border: 1px solid #ffaf36;
    width: 235px;
    color: #333;
}

.OverrideTypePanel {
    z-index: 1;
}

.OverrideText {
    display: flex;
    flex-flow: column;
    font-size: 14px;
}

    .OverrideText input {
        height: 20px;
        font-size: 12px;
        font-family: Slate;
        margin: 4px 0;
    }

.OverrideReason,
.OverrideSupervisor {
    height: 20px;
    border: 1px solid #EBEBEB;
    font-family: Slate;
    font-size: 12px;
    text-transform: uppercase;
    box-sizing: border-box;
}

.SubmitOverrideReasonButton {
    font-size: 14px;
    font-family: Slate;
    width: 235px;
    border: none;
    font-weight: 400;
    height: 40px;
}

/*#endregion Forces*/

/*#region ColumnView*/

.ColumnViewBlockLoadingIcon {
    z-index: 101;
    display: none;
    height: inherit;
    width: 100%;
    position: absolute;
    background-color: white;
    opacity: 0.5;
}

.ColumnViewBlockLoadingIcon .loader {
    top: unset;
}

/*#endregion ColumnView*/

/*#region Special Request*/

#AdvertisingFlyout {
    position: absolute;
    background-color: white;
    z-index: 500;
    top: 65px;
    right: 0;
    width: 100%;
    display: none;
    overflow: auto;
    -webkit-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    -moz-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    height: calc((var(--vh, 1vh) * 100) - 65px);
}

/*Confirmation*/
#SpecialRequestFlyout {
    position: absolute;
    background-color: white;
    z-index: 502;
    top: 65px;
    right: 0;
    width: 100%;
    display: none;
    overflow: auto;
    -webkit-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    -moz-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%); 
    height: calc((var(--vh, 1vh) * 100) - 65px);
}

#SpecialRequestFlyout.SpecialRequestFlyoutNormal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 
    background-color: unset;
    height: 0;
    display:none;
}

#SpecialRequestOrderContainer {
    display: flex;
    width: 100%;
    max-width: 1366px;
    flex-flow: column;
    align-items: flex-start;
    padding: 10px 15px;
    background-color: white;
}

#SpecialRequestContinueContainer {
    display: flex;
    width: 100%;
    max-width: 1366px;
    justify-content: flex-end;
    padding: 10px 15px;
    background-color: white;
}

#SpecialRequestOrderContainer .HeadingNameBackground {
    padding-left: 10px;
}

#SpecialRequestContinueContainer p {
    max-width: 300px;
    text-align: left;
}

#SpecialRequestSearchContainer {
    padding-left: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#SpecialRequestSearchContainer div.InputContainer {
    min-width: 400px;
}

#divPredictiveResult.SpecialRequestOrderPredictiveResult {
    height: calc(100vh - 230px);
    height: calc((var(--vh, 1vh) * 100) - 230px);
    position: unset;
    margin-left: 0;
    width: 100%;
}

#divPredictiveResult.SpecialRequestOrderPredictiveResult > img {
    height:calc(70vh);
}

#divPredictiveResult.SpecialRequestOrderPredictiveResult .PredictiveSearchRight{
   margin-top:100px;

}

/*Form*/
#MultiSiteFilterSettings {
    -webkit-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    -moz-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
}

#MultiSiteFilterSettings,
#SpecialRequestForm {
    position: fixed;
    width: 100%;
    max-width: 1366px;
    top: 65px;
    padding-top: 0px;
    z-index: 1000;
    background-color: #ffffff;
}

#MultiSiteFilterSettings {
    height: calc((var(--vh, 1vh) * 100) - 65px);
}

.SpecialRequestFormContainer {
    display: flex;
    flex-flow: column;
    padding: 15px;
    overflow-y: auto;
    height: calc(100vh - 65px);
    height: calc((var(--vh, 1vh) * 100) - 65px);
}

.SpecialRequestFormHeader {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: -56px;
    background: #eeeeee;
    padding-left: 6%;
}

.SpecialRequestSlider {
    margin-top: 11px;
}

.SpecialRequestHeaderContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.SpecialRequestStatOrderToggleContainer,
.SpecialRequestUrgentToggleContainer {
    position: relative;
    display: flex;
    align-items: center;
    width: 100px;
    justify-content: space-between;
}

.SpecialRequestStatOrderToggleContainer {
    width: 125px;
}

.SpecialRequestStatOrderToggleContainer .MATC_Slider,
.SpecialRequestUrgentToggleContainer .MATC_Slider {
    top: 8px;
}

.SpecialRequestFormBack {
    cursor: pointer;
    text-align: left;
    position: relative;
    top: -7px;
    left: 15px;
    z-index: 1;
}

.SpecialRequestFormContainer h1 {
    margin: 0;
    text-align: left;
    font-size: 22px;
    font-family: RobCLR;
    margin-top: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.SpecialRequestFormContainer h2 {
    margin: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    text-align: left;
    font-size: 15px;
    font-family: RobCLR;
}

.SpecialRequestFormContainer h3 {
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-family: RobCLR;
    width: calc(100% - 100px);  
    color: #333;
    padding: 10px;
}

.SpecialRequestFormSection {
    display: flex;
    border-bottom: 1px solid #efefef;
    padding: 15px 0 15px;
}

.SpecialRequestFormSection .InputContainer {
    flex: 1 1 auto;
    max-width: unset;
    min-width: unset;
    margin-right: 10px;
}

.SpecialRequestFormSection button {
    margin: 5px;
}

.SpecialRequestFormSection .btnQuoteSpecialReq {
    margin: 5px;
    min-width: 150px;
    font-size: 14px;
    max-height: 45px;
    min-height: 45px;
}

.SpecialRequestFormSection .btnAddToCartSpecialReq {
    margin: 5px;
    min-width: 122px;
    font-size: 14px;
    max-height: 45px;
    min-height: 45px;
}

.SpecialRequestFormSection .InputContainer input[type=text], 
.SpecialRequestFormSection .InputContainer input[type=number], 
.SpecialRequestFormSection .InputContainer input[type=email],
.SpecialRequestFormSection .InputContainer textarea {
    max-width: unset;
    width: 100%;
}

.SpecialRequestMeasurementSection {
    display: flex;
    flex-flow: row nowrap
}

.SpecialRequestProduct {
    border: 1px solid lightgrey;
    padding: 0px 195px 0px 4px;
}

.SpecialRequestFormContainer div.SpecialRequestHeaderMargin {
    border: 1px solid lightgrey;
    padding: 5px 180px 5px 4px;
}

.SpecialRequestFormContainer div.SpecialRequestHeaderMargin h2 {
    margin-top: 10px;
}

.SpecialRequestFormContainer h3.SpecialRequestHeading {
    height: 55px;
    padding-top: 20px;
}

.SpecialRequestFormSection .k-widget.k-upload {
    border: 0;
}

.SpecialRequestFormSection .k-widget .k-dropzone {
    display: none;
}

.SpecialRequestFormSection .k-widget .k-upload-files {
    border: 0;
    padding: 0;
}

.SpecialRequestFormSection .k-widget .k-action-buttons {
    display: none;
}

.SpecialRequestFormSection li.k-file {
    padding: 0 40px 0 10px;
    text-align: left;
    width: 300px;
    border: 0;
}

.SpecialRequestFormSection .k-upload-files .k-upload-status {
    top: 8px;
}

.SpecialRequestFormSection li.k-file .k-i-file-image,
.SpecialRequestFormSection li.k-file .k-file-state,
.SpecialRequestFormSection li.k-file .k-file-group.k-icon.k-i-file-txt {
    display: none;
}

.SpecialRequestFormSection li.k-file .k-file-name-size-wrapper {
    max-width: 100%; 
    margin: 0;
}

#SpecialRequestForm div.k-widget.k-upload.k-upload-async > ul > li > strong > button > span.k-i-close.k-i-x:before {
    content: "\e11b" !important;
}

.SpecialRequestMeasurementSection .InputContainer {
    margin-right: 0;
    flex: 1 1 25%;
}

.SpecialRequestQuantity button {
    background-color: white;
    color: black;
    border: 0;
    font-size: 15px;
}

.SpecialRequestQuantity input::-webkit-outer-spin-button,
.SpecialRequestQuantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

SpecialRequestQuantity input[type=number] {
    -moz-appearance: textfield;
}

.SpecialRequestQuantity input {
    width: 50px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    text-align: center;
}

.SpecialRequestFormSectionFooter {
    justify-content: flex-end;
    align-items: center;
    border-bottom: 0;
}

.SpecialRequestFormSectionPrice {
    justify-content: space-between;
    align-items: center;
}

#SpecialRequestForm .SpecialRequestFormSectionPrice > div {
    flex: 1 1 33%;
}

.SpecialRequestFormSectionNote {
    flex-flow: column;
}

.SpecialRequestFormSectionRequest {
    flex-flow: column;
}
/*#endregion Special Request*/

/*#region PartialStock*/
#PartialStockIcon{
    position: relative;
    display: none;
}

#PartialStockIcon i{
    font-size: 18px;
}

#PartialStockIcon:hover i{
    color: #333;
} 

#PartialStockIcon.active i,
#PartialStockIcon.active .textBelow{
    color: #333;
}

#PartialStockIcon .stockIndicator{
    position: absolute;
    right: 28px;
    top: -5px;
    background: red;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -mos-border-radius: 50%;
    -ms-border-radius: 50%;
    width: 14px;
    height: 14px;
    border: 2px solid white;
    display: none;
}

#PartialStockFlyout {
    position: absolute;
    background-color: white;
    z-index: 500;
    top: 65px;
    right: 0;
    width: 100%;
    display: none;
    padding: 15px;
    overflow: auto;
    -webkit-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    -moz-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);        
    /* height: calc(100vh - 170px); */
    height: calc((var(--vh, 1vh) * 100) - 65px);
}

#PartialStockFlyout .MultiSiteFlyoutRowHeader div{
    text-transform: uppercase;
    font-family: RobotoM;
    font-weight: 500;
    font-size: 14px;
}

#PartialStockFlyout .MultiSiteFlyoutRowHeader div:first-child{
    text-align: left;
    text-transform: none;
}

#PartialStockFlyout .MultiSiteFlyoutRowContainer{
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 10px;
}

#PartialStockFlyout .MultiSiteFlyoutRowContainer:last-child{
    border-bottom: 0px;
}

#PartialStockFlyout .MultiSiteRow {
    height: 30px;
    color: #999999;
}

#PartialStockFlyout .MultiSiteRow.TotalRow {
    font-weight: 500;
    text-transform: uppercase;
    font-family: RobotoM;
    height: 50px;
    color: #777777;
}

#PartialStockFlyout .MultiSiteRow.TotalRow:hover{
    background: none;
}

#PartialStockFlyout .MultiSiteRow .AllocateQuantity{
    font-size: 22px;
    font-weight: 500;
    color: white;
    opacity: 0.001;
}

#PartialStockFlyout .MultiSiteRow .AllocateQuantity.visible{
    color: #333;
    opacity: 1;
}

#PartialStockFlyout .MultiSiteRow .AllocateButton button{
    margin-right: 0px;
    font-size: 0.9em;
    font-weight: 300;
}

#PartialStockFlyout .MultiSiteRow .AllocateButton .button{
    width: min-content;
    padding: 8px 20px;
    margin: 0px auto;
    background: #4791DA;
    color: white;
}

#PartialStockFlyout .MultiSiteRow .AllocateButton .button:hover{
    background: #256FB8;
    cursor: pointer;
}

#PartialStockFlyout .MultiSiteRow .AllocateButton .button.disabled{
    background: #a9a9a9;
    color: #d8d8d8;
    cursor: not-allowed;
}

#PartialStockFlyout .MultiSiteRow div:first-child{
    padding-left: 30px;
    text-align: left;
}

#PartialStockFlyout .MultiSiteRow .ATCAccRow{
    padding-left: 0px !important;
}

#PartialStockFlyout .MultiSiteRow .ATCAccRow *{
    padding-left: 0px !important;
}

#PartialStockFlyout .MultiSiteRow .ATCAccRow .QTYinnerContainer{
    height: 30px !important;
}

#PartialStockFlyout .MultiSiteRow .ATCAccRow .QTYcontent{
    width: 31%;
    font-size: 12px;
    line-height: 30px;
    padding-bottom: 30px;
}

#PartialStockFlyout .MultiSiteRow .ATCAccRow .AddToCartChildQO{
    padding-bottom: 0px !important;
}

#PartialStockFlyout .MultiSiteRow .ATCAccRow .BtnPlus,
#PartialStockFlyout .MultiSiteRow .ATCAccRow .BtnMinus{
    width: 15px;
    left: 50%;
    margin-left: -7.5px;    
}

#PartialStockFlyout .MultiSiteRow .ATCAccRow .BtnPlusDiv{
    height: 15px !important;
    top: 8px;
}

#PartialStockFlyout .MultiSiteRow .ATCAccRow .QTYcontent.disabled{
    pointer-events: none !important;
}

#PartialStockFlyout .MultiSiteRow .ATCAccRow .QTYcontent input{
    background: none;
}

#PartialStockFlyout .MultiSiteRow .ATCAccRow .BtnPlus.disabled,
#PartialStockFlyout .MultiSiteRow .ATCAccRow .BtnPlusDiv.disabled{
    opacity: 0.3;
    pointer-events: none !important;
}

#PartialStockFlyout .MultiSiteRow:hover {
    color: #999999;
    background: hsl(0, 0%, 98%);
    cursor: auto;
}

#PartialStockFlyout h1{
    text-transform: uppercase;
    text-align: left;
    font-family: RobCLR;
    font-size: 1.6em;
    margin-top: 0px;
    margin-bottom: 20px;
}

#PartialStockFlyout h1.centered{
    text-align: center;
}

#PartialStockFlyout p{
    font-size: 15px;
    padding-top: 0px;
    padding-left: 0px;    
}
/*#endregion PartialStock*/

._Hidden {
    display:none;
}

._NoPointerEvents{
    pointer-events:none;
}

.SpecialRequestConfirmationSiteSingle {
    display: none;
}

.SpecialRequestStaticImage {
    position: absolute;
    height: calc(74vh - 100px);
    top: 107px;
    right: 40px;
    z-index: 1;
}

.SpecialRequestNoResultImage {
    position: absolute;
    height: 50vh;
    top: 150px;
    left: 0px;
    z-index: 1;
}

/*#region Cart GridView*/

.GridContinueAndCheckoutButtonContainer {
    align-items: center;
    display: none;
    height: 50px;
    justify-content: space-evenly;
    width: 600px;
}

.cartGridViewContent .k-grouping-row td {
    background-color: transparent;
    font-weight: normal;
}

.cartGridViewContent .k-grouping-row {
    pointer-events: none;
}

.CartGridViewButtons {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    height: 30px;
    justify-content: center;
    line-height: 1;
    width: 45%;
}

.cartGridViewContent {
    display: none;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 80vh !important;
}

.cartGridViewContent .k-grid-header-wrap {
    border: none;
}

#GridView_CheckoutActiveItems table thead tr th,
#SSGridView_CheckoutActiveItems table thead tr th {
    background-color: white;
    border: none;
}

#GridView_CheckoutActiveItems table thead tr th[data-title='COMMENT'] a,
#SSGridView_CheckoutActiveItems table thead tr th[data-title='COMMENT'] a {
    visibility: hidden;
}

.cartGridViewContent .k-grouping-header,
.cartGridViewContent .k-grid-footer {
    display: none;
}

#GridView_CheckoutActiveItems .k-header,
#SSGridView_CheckoutActiveItems .k-header {
    display: table-cell;
    font-family: SlateM;
    font-size: 9px;
    padding: 10px 15px;
}

.cartGridViewContent .k-header[data-title="QUANTITY"],
.cartGridViewContent .k-header[data-title="PRICE"] {
    text-align: center;
}

#GridView_CheckoutActiveItems .k-header a,
#SSGridView_CheckoutActiveItems .k-header a {
    color: #BFBFBF;
    font-weight: normal;
}

.cartGridViewContent .k-grid-header {
    background-color: white;
}

#cartGridViewContent .k-grid-content::-webkit-scrollbar-track,
#cartSSGridViewContent .k-grid-content::-webkit-scrollbar-track {
    background-color: #EBEBEB;
}

.hide-cartgridcolumnval {
    color: rgba(0,0,0,0);
}

.center-cartgridcolumnval {
    text-align: center;
}

.cartGridViewContent .k-reset a {
    outline: none;
}

.cartGridViewContent .CartGridQty {
    display: flex;
    align-items: center;
    font-size: 1em;
    justify-content: space-evenly;
    padding: 0;
}

.cartGridViewContent .k-grid-content {
    height: calc(100vh - 207px) !important;
    height: calc((var(--vh, 1vh) * 100) - 207px) !important;
}

.cartGridViewContent .k-grid-content table tbody tr:hover .hidden-deletegriditem {
    visibility: visible;
}

/*.cartGridViewContent .k-grid-content tr.k-grouping-row {
    background-color: #F5F5F5;
    position: sticky;
    top: 0;
    z-index: 100;
}*/

.hidden-deletegriditem {
    visibility: hidden;
    float: right;
}

#Content_ItemsView .cartGridViewContent .k-grid-content table tbody tr td {
    font-family: SlateL;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hidden-deletegriditem,
.cartGridViewContent .GridPriceCell {
    cursor: pointer;
}

.cartGridViewContent .PriceLink,
.cartGridViewContent .QtyLink {
    color: #1976d2;
    text-decoration: underline;
}

.cartGridViewContent .k-grid-content table tbody tr {
    height: 50px;
}

/*.cartGridViewContent .k-grid-content table tbody tr td[data-field="ProductName"] span {
    text-decoration: underline;
}*/

.cartGridViewContent .k-grid-content table tbody tr td[data-field="UserName"] {
    width: 100%;
    overflow: hidden !important;
}

.cartGridViewContent .k-grid-content table tbody tr td[data-field="UserName"] span {
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.cartGridViewContent .k-grid-content table tbody tr td.GridRemoveToCartMessage {
    border-left: 1px solid #333333 !important;
    border-top: 1px solid #333333 !important;
    border-bottom: 1px solid #333333 !important;
    color: red;
    padding-left: 5px;
}

.cartGridViewContent .k-grid-content table tbody tr:hover td {
    background-color: #cce6ff !important;
    color: #1976d2 !important;
}

.cartGridViewContent .k-grid-content table tbody tr td.k-group-cell {
    background-color: white;
}

.cartGridViewContent .k-grid-content table tbody .HideGridGroupingRow {
    display: none !important;
}

.cartGridViewContent .k-grid-content table tbody tr td .CommentTextField {
    font-size: 1em;
    min-width: 20%;
    max-width: 100%;
    width: 75%;
}

.cartGridViewContent .k-grid-content table tbody tr td .CommentColContainer {
    display: flex;
}

.cartGridViewContent .k-grid-content table tbody tr td .CommentColContainer input {
    margin: 5px 0 5px 0
}

.cartGridViewContent .k-grid-content table tbody tr td .CommentColContainer a {
    align-self: center;
    float: none;
    text-align: right;
}

.KebabItemsDivider {
    border-top: 1px solid #bbb;
    margin: 5px 4px;
}

.KebabViewIndicator {
    pointer-events: none;
}

span[class*=" k-i-sort"] {
    display: none;
}

.cartGridViewContent .glyphicon {
    overflow: visible !important;
}

.CartGridItemDelete {
    font-family: RobotoL;
    color: #d7665b;
    font-size: 20px;
    transform: rotate(45deg);
    text-align: right;
    padding-right: 5px;
    padding-top: 7px;
}

/*#endregion Cart GridView*/

/*#region Cart Grid View Flyouts*/

.CartFlyoutSpinnerContainer {
    height: 100%;
    display: flex;
    align-items: center;
}

.ATCWindowNotificationsFlex {
    display: flex;
    align-items: center;
}

.SupplierFlyoutFooter,
.GEFlyoutFooter {
    position: absolute;
    bottom: 3%;
    z-index: 999;
    height: 80px;
    width: 900px;   
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#ShoppingCartFlyout .FlyoutButtonFixed {
    position: fixed;
    width: 900px;
    height: 80px;
    display: flex;
    align-items: center;
    background-color: #e6f5ff;
    border: 1px solid #a4ccf4;
}

.SupplierFlyoutButton,
.GEFlyoutButton {
    align-items: center;
    display: inline-flex;
    height: 45px;
    justify-content: center;
    width: 120px;
}

.SupplierFlyoutInfoText {
    font-family: SlateL;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.SupplierFlyoutRowSelected,
.GEFlyoutRowSelected {
    background-color: #E6F2FA;
}

.SupplierFlyoutRowHeader {
    color: #666666;
    display: flex;
    font-family: SlateM;
    font-size: 0.9em;
    margin-top: 1em;
}

.SupplierFlyoutSpinnerContainer,
.GEFlyoutSpinnerContainer {
    position: absolute;
    left: 50%;
    top: 40%;
}

.FlyoutSpinnerDisplayNone {
    display: none;
}

.FlyoutSpinnerDisplayBlock {
    display: block;
}

.FlyoutAlertBox {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding: 15px;
    margin: 5px 0;
    font-family: slate;
    font-size: 14px;
    color: #333333;
    width: 100%;
    justify-content: center;
}

.FlyoutBackBox {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-family: slate;
    font-size: 14px;
    justify-content: end;
    color: #333333;
    width: 100%;
}

.RedBox {
    border: 1px solid #ff0000;
    background-color: #ffebeb;
}

.PlainBox {
    border: 1px solid #000;
}

.CartFlyoutRowContainer input[id*='inpQty_'] {
    border-left: 0;
    border-top: 0;
    border-right: 0;
}

#ShoppingCartFlyout {
    position: absolute;
    background-color: white;
    z-index: 502;
    top: 0;
    right: 0;
    width: 70%;
    height: calc(100vh - 170px);
    height: calc((var(--vh, 1vh) * 100) - 70px);
    padding: 15px;
    overflow: auto;
    -webkit-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    -moz-box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
    box-shadow: 0px 8px 7px 1px rgb(51 51 51 / 30%);
}

#ShoppingCartFlyout h1 {
    margin: 0;
    text-align: left;
    font-size: 22px;
    font-family: RobCLR;
}

.CartFlyoutSpinnerContainer {
    height: 100%;
    display: flex;
    align-items: center;
}

.CartFlyoutRowContainer {
    font-size: 14px;
    margin: 15px 0;
    margin-bottom: 110px;
}

.CartFlyoutRowHeader {
    display: flex;
}

.CartFlyoutRow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    height: 60px;
}

.CartFlyoutRow:hover {
    background-color: #cce6ff;
    color: #1976d2;
}

.SupplierFlyoutFooter .MultiSiteTotalQuantity div,
.SupplierFlyoutFooter .MultiSiteTotalValue div{
    line-height: normal;
}

.SupplierFlyoutFooter .MultiSiteTotalQuantity .QtyLabelOffset {
    margin-bottom: 5px;
    margin-right: 3px;
}

/*#endregion Cart Grid View Flyouts*/

/*uniforms*/
.UniformUserHeader {
    border: solid 2px #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
}

.UniformUserHeader .row:nth-child(2n)
{
    margin-bottom:10px;

}

.k-panelbar .k-item .k-link.k-state-selected, .k-panelbar > li > .k-link.k-state-selected {
    color: black;
    text-align:left;
    padding-left: 50px;
}

.UniformUserColours, .UniformUserSizes, .UniformUserSelections
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
}

.UniformUserColours > div,
.UniformUserSelections > div,
.UniformUserSizes > div,
.UniformUserExtraLength > div,
.UniformUserEmbroideryStandard > div {
    margin: 5px;
    border: solid 1px #ccc;
    width: auto;
    min-width: 100px;
    height: 45px;
    cursor: pointer !important;
    line-height: 42px;
    border-radius: 7px;
    text-align: center;
    padding: 0 5px;
}

#uniformsSelectedColour, #uniformsSelectedSize, #uniformsSelectedSelection {
    background-color: #EEE;
    padding: 10px;
    width: 220px;
    height: 45px;
}

.UniformSelectionDisabled,
.UniformSizeDisabled {
    pointer-events: none;
    background-color: #EEE;
}

.UniformSelectedColour, .UniformSelectedSize, .UniformSelectedSelection {
    background-color: #1976d2;
    color:white !important;
}

.UniformSelected {
    background-color: #1976d2;
    color: white;
}

.UniformUserAddSection {
    border: solid 1px #1976d2;
    background-color: #cce6ff;
    width: 99%;
    height: 70px;
    padding:12px;
}

#UniformProductsGrid
{
    border:none;
}

.LineBreak {
    border-bottom: solid 1px #EEE;
    margin: 20px 50px;
}

#UniformsGridContent {
    padding-left: 0px;
    font-size: 14px;
    font-family: SlateL;
}

#UniformsUserDetail {
    max-height: calc((var(--vh, 1vh) * 100) - 65px);
    overflow-y: auto;
    padding-bottom:100px;
}

.UniformGridRow {
    padding-left: 15px;
    text-align: left;
    line-height: 30px;
    color: rgb(51,51,51);
    cursor: pointer;
    font-size:14px;
    font-family:SlateL;
}

.UniformGridRow:hover {
    color: #1976d2;
    background-color: #cce6ff;
    cursor: pointer !important;
}

.UniformsClose {
    cursor: pointer;
    position: absolute;
    z-index: 501;
    top: 0px;
    right: 10px;
}
}

.UniformUserAddSection .ATCModalSuppliersButtonPanel {
    padding: 0px;
}

.UniformUserAddSection .AltProductName  {
    margin-top: 12px;
}

.UniformUserAddSection .ATCSuppliersPriceTotalText
{
    margin-top: 8px;
}

.UniformUserAddSection .ATCBtnSection
{
    left: 60px;
}

.divUniformUsersHeading {
    display: flex;
    margin-top: 16px;
    width: 815px;
}

.UniformUserMenuHeading_Name,
.UniformUserMenuHeading_EmployeeNumber,
.UniformUserMenuHeading_Department,
.UniformUserMenuHeading_CostCentre
{
    font-family:SlateL;
    font-size: 10px;
}

.UniformUserMenuHeading_Name {
    min-width: 43.6%;
    margin-left: 3.5%;
}

.UniformUserMenuHeading_EmployeeNumber {
    min-width: 17.7%;
    white-space: nowrap;
}

.UniformUserMenuHeading_Department {
    width: 20%;
    margin-left:2px;
}

.UniformUserMenuHeading_CostCentre
{
    width:21%;
}

.UniformUserMenuItem {
    font-family: SlateL;
    color: black;
    font-size: 14px;
    margin-top: 17px;
    margin-left: 5px;
    line-height: 14px;
    width: 100%;
    padding-left: 5px;
}

.divUniformUsers label:after {
    content: "";
    width:100%;
    border-bottom: solid 1px #EFEFEF;
    height:1px;
    left:0px;
    margin-top:-3px;
    position:absolute;
}

.UniformUserMenuItem span {
    height: 48px;
}

.divUniformUsers label {
    line-height: 60px;
    margin-left: 0px !important;
}

.divUniformUsers label input[type="radio"] {
    margin-left: 10px;
    margin-top: 18px;
}

.divUniformUsers label:hover {
    background-color: #cce6ff;
}

.UniformUserMenuItem input[type=checkbox], input[type=radio] {
    margin:4px 0 0 0;
}

.UniformUserMenuItemSiteName {
    color: #BBB;
    top: 14px;
    left: 0px;
    font-size: 11px;
}

.UniformUserScroller {
    width: 100%;
    padding-right: 89px;
    margin-bottom: 12px;
}

.container-fluid.ImagesContainer {
    padding-left: 16px;
    margin: 0px;
    width: 99%;
}


.UniformPackProductScroller {
    width: 100%;
    margin-left: 1px;
}

.UniformPackProductScroller .ProductImageContainer img {
    height: 100%;
    margin-top: 11px;
    min-height: 100%;
    min-width: 240px;
    max-height: 100%;
}

.UniformPackProductScroller .ProductScroller .ProductImageContainer {
    cursor: pointer;
    margin: 0 10px;
    min-width: 240px;
    height:auto;
}

.ProductImageContainerNoPointer
{
    cursor:default;
    pointer-events:none;
}

.UniformUserScroller .ProductScroller {
    width: 100%;
    max-width: 44vw;
    height: 220px;
    /*border: solid 1px #1976d2;*/
}

.UniformUserScroller.UniformPackProductScroller .ProductScroller {
    width: 100%;
    max-width:44vw;
    height: 300px;
    margin-bottom:10px;
}

.UniformUserScroller.UniformPackProductScroller .ProductScroller div
{
    border:none;

}

.UniformUserScroller.UniformPackProductScroller .ProductScroller .FloatSlideImage_ImageOnly {
    margin-top: 110px;
}

.tabstripATCContent_Uniform {
    min-height: 100px;
    max-height: 100px;
}

.UniformsContent {
    margin: 0px;
}

div[data-section="Uniforms"] input.SupplierRadio
{
    margin-top:3px;
}

div[id^="ProductPackAttributes_"] div {
    font-family: SlateL;
    font-size: 14px;
    z-index: 1;
    color: #333;
}


/*div[class^="InfoBlockContent_"] {
    border: 1px solid #1976d2;
}
*/

div[id^="StandardEmployeeTitle_"] .ATCRightBlockUniform {
    margin: 0px;
    width: 98.7%;
}

.UniformSingleProductSummary .ATCRightBlockUniform {
    margin-left: 6px;
    width: 98.7%;
}

.ATCRightBlockUniform {
    border: 1px solid #1976d2;
    height: auto;
    min-height: 70px;
    background-color: #fefefe;
    box-sizing: border-box !important;
    float: none;
    position: relative;
    margin: 0 6px;
    width: 98.7%;
}

.ATCRightBlockUniform.UniformSummaryItems {
    border:none;
}


.ATCRightBlockUniformNoBorder {
    height: auto;
    min-height: 18px;
    background-color: #fefefe;
    box-sizing: border-box !important;
    float: none;
    position: relative;
    border: none;
    margin-bottom:15px;
}

.ATCRightBlockUniformSummary {
    border: 1px solid #1976d2;
    height: auto;
    min-height: 70px;
    background-color: #fefefe;
    box-sizing: border-box !important;
    float: none;
    position: relative;
    padding: 15px;
    margin-left:6px;
    width:99%;
}

.UniformSummaryPackInfo,
.UniformSummaryEmployeeInfo {
    padding: 10px 15px !important;
}

.PackSummaryATC .UniformSummaryEmployeeInfo:first-child:after {
    content: "";
    border-bottom: solid 1px #AAA;
    width: 98%;
    margin-left: 1%;
    height: 5px;
    opacity: 0.2;
}

.UniformSummaryContainer {
    padding: 15px 7px;
}

.AddToCartHeading
{
    font-family:RobCLR;
    font-size:15px;
    color:#333;
    margin-bottom:10px;
    margin-left:15px;
}

/*#UniformPackSummaryContent div[data-row="uniformsummary"]:first-child {
    margin-top: 20px;
}

#UniformPackSummaryContent div[data-row="uniformsummary"] div:first-child {
    padding-left: 10px !important;
}

#UniformPackSummaryContent div[data-row="uniformsummary"]:not(:last-child) {
    border-bottom: solid 1px #EFEFEF;
}

#UniformPackSummaryContent div[data-row="uniformsummary"]:hover {
    background-color: #E6F2FA;
    cursor: pointer;
}*/

.UniformPackSummaryContentRowSelected {
    background-color: #DBEAF5;
}

.ProductHeadingRow,
.UniformSummaryEmployeeInfoHeading {
    font-family: SlateL;
    font-size: 12px !important;
    color: #BEBEBE;
    border-right: none !important;
}

.ProductHeadingRowDescription {
    font-family: SlateL;
    font-size: 11px !important;
    color: #BEBEBE;
    font-weight:normal;
}

.ProductContentRow,
.PackSummaryContent,
.UniformSummaryEmployeeInfoContent {
    font-family: SlateL;
    color: black;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 35px;
}

.ProductHeadingRow {
    display: flex;
    justify-content:start;
    flex-wrap:wrap;
    margin-left:34px;
    margin-right:10px;
}

.ProductHeading{
    font-size:12px;
    white-space:nowrap;
    margin-right:10px;
    line-height:22px;
}

.ProductContent
{
    font-weight:bold;
    color:black;
}

#UniformPackSummary + .ATCRightBlockUniform {
    padding: 0px;
}


#UniformPackSummary .ATCRightBlockUniform .container-fluid,
#UniformPackSummary .ATCRightBlockUniform {
    padding: 0px;
}

.ATCElementBtn.UniformsATPButtonDisabled div[id^="MATCSelectedText_"] {
    margin-top: 4px !important;
}


div[id^="ProductPackAttributes_"],
.UniformSummaryInfo {
    padding: 15px 0px !important;
}

.UniformSummaryHeading div:not(:last-child) {
    border-right: solid 1px #DDD;
}

#UniformSummaryLine.UniformSummaryInfo {
    padding: 10px 0px !important;
}

#UniformSummaryLine.InfoBlockTable.container-fluid
{
    padding:0 0;
}

.UniformSummaryInfo .UniformSummaryContent div,
.UniformSummaryInfo:not(#UniformSummaryLine) .UniformSummaryHeading div {
    border-right: none;
    height: 50px;
}

.UniformPackSummaryAddtoCart .ProdNameSection,
.UniformPackSummaryAddtoPack .ATCQTYOnlyContainer,
.UniformPackSummaryAddtoCart .ATCQTYOnlyContainer {
    border-right: solid 1px #DDD;
    height: 45px;
}

.UniformPackSummaryAddtoPack
{
    margin-top:20px;
}

.MainPackProductATCBorderRight {
    border-right: none !important;
}

.MainPackProduct
{
    cursor:pointer;
}

.UniformPackSummaryAddtoPack .ATCQTYOnlyContainer {
    width: 181px !important;
    padding-right: 50px;
    border-right: none !important;
}

.UniformPackSummaryAddtoPack .QTYcontent:not(:nth-child(2)),
.UniformPackSummaryAddtoCart .QTYcontent:not(:nth-child(2)) {
    border: solid 1px #AAA;
    border-radius: 20px;
    width: 35px !important;
    height:35px !important;
    background-color:white;
}

.UniformPackSummaryAddtoCart input[id^="inpQty_"]
{
    background-color:transparent;
}

.UniformPackSummaryAddtoCart .ATCHomeOverride .QTYcontent {
    line-height: 70% !important;
    width: 35px !important;
    height: 35px !important;
    padding: 0;
}



.UniformPackSummaryAddtoPack input[id^="inpQty_"],
.UniformPackSummaryAddtoCart input[id^="inpQty_"] {
    border: none !important;
}

.UniformPackSummaryAddtoCart .AddToCartChildQO {
    width: 13em;
}

.ColumnViewContainer .ATCSuppliersPricePanel, #SupplierATCTopPlaceHolder .ATCSuppliersPricePanel, #divFloatingColumnATC .ATCSuppliersPricePanel {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.UniformPackSummaryAddtoCart .ColumnViewContainer .ATCSuppliersPricePanel,
.UniformPackSummaryAddtoCart #SupplierATCTopPlaceHolder .ATCSuppliersPricePanel,
.UniformPackSummaryAddtoCart #divFloatingColumnATC .ATCSuppliersPricePanel {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}
/*.UniformPackSummaryAddtoCart .AddToCartChildQO:after {
    content: "QTY";
    width: auto;
    height: 20px;
    position: absolute;
    top: -22px;
    left: 8px;
    font-size:13px;
}*/
.UniformSummaryHeading {
    color: #AAA;
}


.UniformSummaryContent
{
    font-size:10px;
    font-weight:600;
}

.ProductInfo .UniformSummaryContent {
    font-size: 10px;
    font-weight: 600;
    height: 50px;
}

.UniformPackSummaryAddtoCart {
    margin-top: 10px;
}

.UniformPackSummaryAddtoCart_LimitNotReached {
    border: solid 1px red;
    background: rgba(255,0,0,0.1);
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
}

.UniformPackSummaryAddtoCart_LimitNotReached .QTYcontent input
{
    background-color:transparent;

}

.UniformPackSummaryAddtoCart_LimitNotReached .ATCSuppliersPricePanel,
.UniformPackSummaryAddtoCart_LimitNotReached .ATCModalSuppliersButtonPanel {
    background-color: transparent !important;
}

.UniformPackSummaryAddtoCart_LimitNotReached .UniformsATCButton {
    border: solid 1px red;
    color: red !important;
    background: rgba(255,0,0,0.3);
}

/*.UniformPackSummaryAddtoCart_LimitNotReached .UniformsATCButton:after
{
    content: "ADD TO CART";
    background-color:red;
    opacity:1;
    position:absolute;
    top:0px;
    left:0px;
    color:red;
    font-size:14px;
    font-family:SlateL;
    z-index:1;
}*/

div[data-section="Uniforms"] .InfoBlocksContainer {
    min-height: 0px;
}

/*.ATCRightBlockUniform .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}*/

/*.ATCRightBlockUniform .container-fluid .PackSummarryATC {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
*/

.ATCRightBlockUniform:last-child {
    margin-bottom: 16px;
}

.PackFlyOver_Description .InfoBlocksHeaderText {
    height: 42px;
    line-height: 24px;
}

.PackGroupNameInPack,
.PackGroupNameRequired {
    font-size: 10px;
    float: right;
    margin-right: 12px;
    line-height: 22px;
    height: 22px;
    padding-top:4px;
}

.PackCheckIcon {
    font-size: 16px;
    margin-left: 10px;
    color: limegreen;
}

.PackGroupNameRequired .MaxQty {
    color: #1976d2;
    margin-right:10px;
}

.UniformsATPButtonContainer {
    text-align: -webkit-right;
}

.ATCRightBlockUniform .AddToCartChild,
.ATCRightBlockUniform .ATCContainer,
.UniformPackSummaryAddtoCart .AddToCartParent,
.UniformPackSummaryAddtoCart .AddToCartChild,
.UniformPackSummaryAddtoCart .ATCContainer,
.CheckoutCartAddToCartItemsButton_Multiple .ATCContainer {
    pointer-events: all;
}

.CheckoutCartAddToCartItemsButton_Disabled {
    pointer-events: none;
    margin-top: -6px;
}

.CheckoutCartAddToCartItemsButton_Disabled input {
    border: solid 1px #FAFAFA;
}

.CheckoutCartAddToCartItemsButton_Disabled .QTYcontent:not(:nth-child(2)) {
    display: none;
   
}

.CheckoutCartAddToCartItemsButton_Disabled .ATCContainer {
    width: 86%;
    height: 86%;
}

.UniformsATCButton,
.UniformsATPButton {
    color: white !important;
    font-size: 14px;
    background-color: #1976d2;
    border: solid 1px #1976d2;
    width: 150px;
    height: 40px;
    line-height: 37px;
    text-align: center;
    cursor: pointer !important;
    border-radius: 20px;
    margin-right: 18px;
    margin-bottom: 5px;
}

.UniformsConfirmButtonContainer {
    margin-top: 20px;
    display: flex;
    flex-direction: row-reverse;
}

.UniformsConfirmButton {
    color: white !important;
    font-size: 12px;
    background-color: #1976d2;
    border: solid 1px #1976d2;
    width: 100px;
    height: 30px;
    text-align: center;
    cursor: pointer !important;
    border-radius: 20px;
    margin-right: 18px;
    margin-bottom: 5px;
}

.UniformsATCButton {
    right: 32px;
    position: absolute;
}

.UniformsATCButtonDisabled,
.UniformsATPButtonDisabled {
    pointer-events: none;
    opacity: 0.4;
    line-height: 37px;
}

.ColumnViewContent_Packs {
    display: none;
    width: 100%;
    position: absolute;
    top: -8px;
    left:1px;
    height: calc(100vh - 100px);
    background-color: white;
    z-index: 1;
}

.ColumnViewContent_PacksContent_FilterCollapsed {
    height: calc(100vh - 220px) !important;
}

.ColumnViewContent_Packs_FilterCollapsed {
    top: 6px;
}

.PackGroupMainSection {
    background-color: #E6F2FA;
}

 .PackGroupMainSection .PackGroupSection {
    background-color:white;
 }

 .PackFlyOver_Description {
     width: 96%;
     text-align: left;
     line-height: 20px;
     border: none;
     border-radius: 5px;
     font-family: SlateL;
     position: absolute;
 }

.PackFlyOver_Description .Pack {
    margin-top: 10px;
    font-size: 10px;
    text-align: left;
    padding: 0 10px;
    padding-left:10px;
    color: #1976d2;
    font-weight:bold;
    margin-left:8px;
}

.PackFlyOver_Description .Required {
    margin-top: 10px;
    margin-left:-4px;
    font-size: 10px;
    text-align: right;
    padding: 0 0px;
    color: #1976d2;
    font-weight: bold;
}

.PackFlyOver_Description .Name {
    margin-top: 20px;
    font-size: 14px;
    text-align: left;
    padding: 0 10px;
    color: #1976d2;
    font-weight: bold;
    margin-left:0px;
}

.PackFlyOver_Description .row:first-child:after {
    content:"";
    border-bottom: solid 1px #1976d2;
    width:87%;
    margin-left:7%;
    height:5px;
    opacity:0.2;

}

span[id^="ProductRequirement_"],
.PackFlyOver_Description .RequiredProgress {
    margin-left: 10px;
}

.ATCRightBlockUniform #SupplierATCPlaceHolder
{
    position:relative;
}

.ColumnViewContent_PacksContent .ATCRightBlockUniformNoBorder {
    margin: 0 0 0 15px;
}

.PackFlyOver_Product {
    width: 100%;
    height: 60px;
    text-align: left;
    background-color: white;
    padding-left: 15px;
    font-family: SlateL;
    font-size: 14px;
    line-height: 24px;
    padding-right: 35px;
    padding-top: 7px;
    border-radius: 5px 0 0 5px;
    margin-bottom: 9px;
    position: relative;
}

.PackFlyOver_Product.PackFlyOver_Product_Selected:hover,
.PackFlyOver_Product_Selected {
    background-color: #1976d2;
    border-radius: 5px 0 0 5px;
    color: white;
    width:102.2%;
}

.PackFlyOver_Product.PackFlyOver_Product_Selected .AlternativeProductItemsInCart.PackGroupNameInPack
{
    color:#BBB;
}

.PackFlyOver_Product.PackFlyOver_Product_Selected .AlternativeProductItemsInCart.PackGroupNameInPack .gridIcon {
    filter: brightness(150%) contrast(100%);
}


.PackFlyOver_Product:hover {
    background-color: #E6F2FA;
    cursor: pointer;
}

.PackFlyOver_Product:not(:last-child):after {
    content: '';
    width: 101%;
    height: 1px;
    background: #EFEFEF;
    position: absolute;
    right: -2%;
    bottom: -5px;
}



/*.PackFlyOver_Description + .addCloseButton div {
    margin-top: -20px !important;
    margin-left: 18px;
    top:10px;
    left:10px;
}
.PackFlyOver_Product + .addCloseButton div {
    margin-top: -10px !important;
    margin-left: 14px;
}
*/
.PackFlyOver_Product_Hidden {
    display:none !important;
}

.customArrowModalBtnText {
    transform: rotate(0deg);
    font-size: 15px;
    position: absolute;
    top: -1px;
    left: 8px;
}


.ColumnViewContent_Packs .addCloseButton {
    display: none;
    position: absolute;
    top: 19px;
    right: -18px;
    width: 20px;
    height: 20px;
    color: black;
    font-size: 26px;
    border: solid 1px #AAA;
    background-color: white;
    text-align: center;
    z-index: 10020;
    cursor: pointer;
    padding-top: 0px;
    box-sizing: border-box;
    font-weight: bold;
}

.ColumnViewContent_Packs .addCloseButton .customCloseModalBtnText
{
    margin-top:-1px !important;
    margin-left:2px;
}

.PackProductInfo,
.PackProduct {
    height: calc(100vh - 80px);
}

.PackProductInfo > div,
.PackProduct > div {
    max-width: 99.6%;
}

.ColumnViewContent_PacksContent {
    height: calc(100vh - 200px);
    margin-top: 94px;
    width: 102.5%;
    padding-left: 5px;
    padding-right: 0px;
    margin-left: 0px;
}

.ColumnViewContent_Packs .PackGroupSection {
    border: solid 1px #DDD;
    border-radius: 5px 0 0 5px;
    padding: 0px;
    width: 100%;
    max-width: 100%;
    padding: 0 6px 0px 0px;
    margin: 5px 0px 5px 0px;
}

.ColumnViewContent .ColumnViewSupplierSection {
    margin: 0px;
    margin: 0 7px !important;
    padding: 0px;
}


.ColumnViewSupplierSection
{
    width:100% !important;
    margin-left:0px !important;
}

.ColumnViewContent_PacksContent .InfoBlocksHeader.UniformsContent {
    z-index: 1 !important;
}

.InfoBlocksHeader.UniformsContent {
    border-radius: 5px 0 0 5px;
}

.InfoBlocksHeader.UniformsContent:hover {
    background-color: white;
}

.ColumnViewContent_Packs .InfoBlocksHeader.UniformsContent:after {
    content: '';
    width: 89%;
    height: 1px;
    background: #DDD;
    position: absolute;
    right: 5%;
    bottom: -1px;
}

.PackFlyOver_Product.PackFlyOver_Product_Selected .AlternativeProductItemsInCart.PackGroupNameInPack {
    color: white;
}

.AlternativeProductItemsInCart.PackGroupNameInPack {
    display: none;
    margin-top: 10px;
    right: 5px;
}

.PackSummaryMessageNoFunds
{
    font-family: SlateL;
    font-size: 14px;
    color: #cb0001;
    font-weight:bold;
    margin-top: -10px;
}

.ExpandNotifications_PackSummaryMessage {
    font-family: SlateL;
    font-size: 14px;
    color: #cb0001;
    margin-top: 22px;
    text-align: center;
}

.UniformProductError,
.PackSummaryMessage {
    font-family: SlateL;
    font-size: 14px;
    color: #cb0001 !important;
    margin-top: 10px;
}

.UniformLoanRemaining {
    background-color: #cb0001;
    color: white;
    width: auto;
    padding: 0px 5px !important;
    padding-top:2px !important;
}

.UniformLoanRemainingValue {
    color: #cb0001;
}

.UniformPackRemoveItem
{
    cursor:pointer;
}

.PackSummaryATC div:last-child {
    padding-left: 0px;
    padding-right: 0px;
}

.UniformPackSummaryAddtoCart .ATCSuppliersPricePanel .ATCAccRow {
    margin-left: 38px;
}

.UniformPackSummaryAddtoCart .ATCBtnSection {
    padding-left: 70px;
}


/*.UniformProductImageToggle
{
    right:28px;

}
*/
.UniformProductImageToggle .MATC_SliderSettingsTitle {
    margin-top: -8px;
    margin-left: 45px;
    padding-right: 15px;
    font-weight: 100;
    width: 100%;
    text-transform: uppercase;
    font-family:SlateL;
    font-size:12px;
}


.UniformProductKebabMenu {
    margin-right: 25px;
    margin-top: 6px;
    z-index:501;
}

.CartMultiItemTopSpacer
{
    margin-top:20px;
}

.CartMultiItemBottomSpacer,
.CartMultiPackItem {
    margin-bottom: 20px;
}

.CartMultiPackItem .CartProductName
{
    font-size:15px;
}

.CartMultiPackItem .row div:first-child:not(.CartProductName) {
    font-size: 14px;
    color:#AAA;
}


.CartMultiPackItem div {
    font-size: 12px;
}

.CartMultiItemTopSpacer {
    margin-top: 20px;
}

.CartMultiPackItemSingle {
    margin-left: 10px !important;
}

.CartMultiPackItem .container-fluid {
    padding-left: 15px;
}

.CheckoutCartAddToCartItemsButton_Multiple {
    width: 131px;
}

.CartProductPriceMultiPackItem
{
    height:40px;
    line-height:40px;
    text-align:center;
}

.UniformPackSuccessfullyAdded
{
    font-family:SlateL;
    font-size:16px;
    text-align:center;
    margin-top:50px;
}

.UniformNotification,
.UniformNoImages {
    font-family: SlateL;
    font-size: 14px;
    text-align: center;
}

.UniformMainNotification {
    border: solid 1px red;
    line-height: 28px;
    text-align: center;
    color: red;
    font-weight:bold;
    font-family: SlateL;
    font-size: 14px;
    width: 100%;
    background: rgba(255, 0, 0, 0.1);
    z-index:102;
    margin:0px;
    padding:25px 0px;
}

.UniformMainNotificationContainer {
    background-color: white !important;
    position: absolute;
    top: 0px;
    left: 6px;
    padding: 0px;
    width: 98.7%;
    z-index: 301;
}

.ColumnViewContent_Packs .InfoBlockHeaderIcon:after {
    content: "";
    width: 20px;
    height: 20px;
    border: solid 1px #AAA;
    position: absolute;
    left: 6px;
    top: -4px;
    border-radius: 10px;
}

.UniformMenuItemSearch {
    color: #03A3D3;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    position:relative !important;
}

.UniformMenuItemSearch:hover {
    color: #03A3D3;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    position:relative !important;

}

div[id^="StandardProductTitle_"] .InfoBlocksHeaderText,
div[id^="UniformProductTitle_"] .InfoBlocksHeaderText {
    font-family: RobCLR;
    font-size: 22px !important;
}

.PackGroupSection div[id^="StandardProductTitle_"] .InfoBlocksHeaderText,
.PackGroupSection div[id^="UniformProductTitle_"] .InfoBlocksHeaderText {
    padding-right: 20px;
}


.AddToCartHeading.PackItem {
    margin-left: 40px;
}

div[id^="StandardProductTitle_"] .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

div[id^="StandardEmployeeTitle_"],
div[id^="StandardProductTitle"] {
    width: 99.6%;
    padding-left:6px;
}

.supplierRowChildQty
{
    text-align:left;
    padding-left:28px !important;
}
/*.supplierRowChild
{
    padding-left: 10px !important;
}
*/
/*.RegionHover,
.RegionHover:focus {
    border: solid 1px red;
    outline-style: solid !important;
    cursor:pointer;
}
*/
/*Adverting general*/
div[adtype="RotatingBanner"] img {
    height: 730px !important;
}

div[adtype="Banner"] img {
    width: 100%;
    height: 318px;
}

div[adtype="Results"] img {
    width: 100%;
    height: 140px;
}

div[adtype="CartBanner"] img {
    max-height: 200px;
    min-height: 200px;
    width:100%;
}

label[title="URGENT LINKS"] .FilterIcon {
    filter: none;
}

img[src*="urgentlink"] {
    filter: none;
}

#AdvertisingProductScroller1 .FloatLeftSlideImage,
#AdvertisingProductScroller1 .FloatRightSlideImage
{
    margin-top:8% !important;
}

.ImageScrollerbtn:visited,
.ImageScrollerBtn {
    opacity: 0;
    height: 100%;
}


.ImageScrollerBtn:hover
{
    opacity:1;
    cursor:pointer;
}

.ImageScrollerBtnBorderLight {
    border: solid 1px #EEE;
    width: 50px;
    height: 70px;
}

.ImageScrollerBtnLight:hover {
    opacity: 0.3;
}

.Adv_ProductScoller .ImageScrollerBtnBorder
{
    transform:translate(0,154%);

}

.ImageScrollerBtnBorder {
    border: solid 1px #AAA;
    width: 50px;
    height: 70px;
    transform: translate(0,104%);
}

.InterventionCloseButton {
    position: absolute;
    z-index: 501;
    width: 50px;
    height: 50px;
    border: solid 1px black;
    right: 84%;
    cursor: pointer;
}

.InterventionCloseButton i
{
    font-size:20px;
    position:absolute;
    left:35%;
}

.InterventionAd {
    width: 100%;
    height: 700px;
    margin-bottom: 20px;
}

.InterventionAd img
{
    max-height: 100% !important;
}

.InterventionAdTitle
{
    font-weight:bold;
    font-size:18px;
    margin-left:10px;
}


.InterventionAdButtonContainer .AltProductName {
    font-family: SlateL !important;
    font-size: 14px !important;
}

.InterventionAdButtonContainer .ATCModalSuppliersButtonPanel .ATCAccRow .ATCContainer {
    height: 40%;
    width: 115%;
    margin-top: 10px;
}

.InterventionAdButtonContainer .ATCPriceTotalBlock {
    height: 20%;
    position: absolute;
    top: -11px;
    right: 0;
    width: 60%;
}

.InterventionAdButtonContainer .ATCMain
{
    height:133%;
}

.InterventionAdButtonContainer .ATCContainer {
    margin-bottom: 0px;
    width: 119%;
}

.InterventionAdButtonContainer div[id^="MATCSelectedText_"] {
    line-height:45px;
}

.CheckoutConfirmationAd
{
    width:100%;
    height:200px;
    border:solid 1px white;
    background-color:white;
}

#MultiSiteIntervention {
    font-size: 14px;
}

#ColumnViewBanner img
{
    max-height:140px;
}

.SearchAd_1
{
    max-height:160px;/*2x row height*/
    padding-left:0px;
}

/*Recommended products*/
.AlternativeProductsBanner {
    border: solid 2px black;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    background-color: #ffd2d2;
}

.ATC_RPP_Heading {
    font-size: 12px;
    text-align: center;
    color: #AAA;
}

.ATC_RPP_Content
{
    text-align:center;
    font-size:14px;
}

.ATCRecommendedProductPanel {
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: solid 1px #a4ccf4;
}

.KebabMenuProductGraph
{
    margin-left:77%;
    width:10vw;
}

.GraphLegend
{
    white-space:nowrap;
    display:flex;
    line-height:8px;
}

.GraphLegendColour
{
    width:50px;
    height:10px;
}

.GraphLegendText
{
    margin:0 10px;
}

/*.GreenProcurementChart 
{
    min-height:200px;
}*/

/*****Supplier forces***********************/
.BlockedSupplierForced,
.Blocked {
    color: #ddd;
    pointer-events: none;
}

.NoClickCursor
{
    cursor:default;
}

.FormularyProductSectionRow.GridATCWindowRowSelected
{
    text-indent:15px;
}

.ForceAuthErrorMessage {
    color: red;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: right;
    right: 20px;
}

#ProductFlyout
{
    height:100vh;
    max-height:100vh;
    overflow-y:auto;

}
#TodoListDetails .ForcesFlyout
{
    right:-12px !important;
}

.FlyoutHeading {
    font-size: 16px;
    color: #0f4d8a;
    max-width: 90%;
    height: 54px;
    padding-top: 25px;
    margin-left:22px;
}

.FlyoutMessage {
    margin-top: 25px;
    margin-left: 25px;
    font-size: 15px;
    text-transform: uppercase;
    max-width: 90%;
}

.FlyoutHeadingLine {
    border-bottom: solid 2px #DDD;
    margin-left: 5%;
    width: 90%;
    margin-top: 10%;
    margin-bottom: 20px;
}

.FlyoutLine {
    border-bottom: solid 1px gray;
    margin-left: 5%;
    width: 90%;
    margin-top: 10%;
    margin-bottom: 20px;
}

.FlyoutHeading:after {
    content: "";
    height: 1px;
    width: 90%;
    border-bottom: solid 1px gray;
    position: absolute;
    left: 24px;
    top: 70px;
}

.MuseFormTitleClose {
    position: absolute;
    right: 20px;
    top: 23px;
    font-size: 18px;
    cursor: pointer;
    color: #324d7a;
    width: 40px;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    cursor: pointer;
}

.ForcesFlyout {
    width: 400px;
    height: 100vh;
    border: solid 2px gray;
    position: fixed;
    right: -500px;
    top: 0px;
    z-index: 502;
    background-color: white;
    font-size: 14px;
    max-height: 100vh;
    overflow-y: auto;
}

.ForcesFlyoutButton {
    background-color: #1976d2;
    border: solid 1px #1976d2;
    width: 88%;
    height: 40px;
    color: white;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    transform: translate(7%, 10%);
}

.ForcesFlyoutButtonDisabled
{
    pointer-events:none;
    background-color:#ebebeb;
    border:#ebebeb;
}

.ProductIndicatorIcon
{
    width:20px;
}

/*.ForceOverrideRadioGroup input {
    width: 50px;
}*/


.ForceOverrideRow input[type="radio"]
{
    width:50px;
    position:absolute;
    top:14px;
    left:10px;
    outline:none;
}

.ForceOverrideRow {
    display: block;
    height:50px;
    line-height:50px;
    position:relative;
}

.ForceOverrideRow:hover
{
    background-color:#E6F2FA;
}

.ForceOverrideRow > label {
    font-size: 12px;
    font-weight: normal;
    cursor:pointer;
    margin-left:60px;
}

.ForceOverrideAuthSection
{
    display:inline-block;
    margin-top:20px;
}

.ForceOverrideAuthSection input[type="text"],
.ForceOverrideAuthSection input[type="password"]
{
    max-width: 95%;
    margin-left:9px;

}

.ForceOverrideAuthSection input[type="text"]::placeholder,
.ForceOverrideAuthSection input[type="password"]::placeholder
{
    color:#DDD;
    font-size:13px;
}

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

.QTYcontent_Units {
    position: absolute;
    font-size: 12px;
    text-wrap: nowrap;
    bottom: 0px;
    width: 150%;
    top:32px;
    height:100%;
    line-height:37px;
    transform:translate(-20%, 0%);
}

.dropdown_MultiSite {
    position: relative;
}

.ddLabel {
    width: 150px;
    border: solid 1px #eee;
    height: 28px;
    line-height: 28px;
    margin: 0px 10px;
}

.ddLabelUp
{
    border-bottom:none;
}

.ddLabelDown
{
}

.ddLabelDown:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 0px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7.5px solid #888;
    margin-top: 10px;
    margin-right: 5px;
    z-index: 1000;
}

.ddLabelUp:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 0px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7.5px solid #888;
    margin-top: 10px;
    margin-right: 5px;
    z-index: 1000;
}


.ddContent {
    position: absolute;
    right: 10px;
    display:none;
    border: solid 1px #EEE;
    border-top: 0px;
    width: 300px;
    height: fit-content;
    max-height:100vh;
    background: white;
}

.ddContentItem:hover {
    background-color: #1976d2;
    color:white;
}

.ddContentItem {
    width: 100%;
    font-family:Slate;
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
    text-align: left;
    padding-left: 42px;
    line-height:40px;
    position:relative;
}

.DropDownItemTitleRadio
{
    width:40px;
    position:absolute;
    top:10px;
    left:5px;
}

.level1Content
{
    display:none;
}

#ddPatientCostCenres
{
    display:none;
}
.ForcesAuthenicateBouncingBalls
{
    width:50px;
    margin-top:-20px;
}