/*///////<summary>
        /// Author: Gerard
        /// Date: 1 March 2018
        /// Copyright: Orderwise (Pty) Ltd
        ///
        /// CSS for ATC suppliers
        ///
        ///
//////</summary>
/////Version 1.0.1
*/

/*.ATCCSupplierContent {
    border-bottom: solid 1px #f2f2f2;
    border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    margin: 0px;
    height: auto;
    min-height: 381px;
    overflow-x: hidden;
    overflow-y: visible;
    background-color: white;
    width: 99.9%;
    overflow: visible;
}*/

.ATCCSupplierContent {
    border-bottom: solid 1px #f2f2f2;
    border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    margin: 0px;
    height: 419px;
    min-height: 281px;
    max-height: 418px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: white;
    width: 99.9%;
    /*margin-bottom: 61px;*/
    position: relative;
}

.PricingComparisonPanes .ATCCSupplierContent {
    min-height: 100%;
    height: auto;
    max-height: 100%;
    overflow: visible;
    clear: both;
    text-indent: 0 !important;
    border: 1px solid transparent;
}

.ATCSupplierColumnHeader {
    color: #bfbfbf;
    font-weight: bold;
    font-size: 9px;
    font-family: RobCL;
    padding-bottom: 2px;
    padding-top: 10px;
    width: 100%;
    margin-left: 10px;
}

.PricingComparisonPanes .ATCSupplierColumnHeader {
    padding-left: 10px;
    box-sizing: border-box;
    padding-top: 5px;
    border: 1px solid #f2f2f2;
    margin-left: 20px;
}

.SupplierRowSelected {
    border-left: solid 1px #346eb9;
    border-top: solid 1px #346eb9;
    border-right: solid 1px #346eb9;
    cursor: pointer;
    background-color: #FFF;
    height: 85px;
}

.SupplierSubItemRowSelected {
    /*border-left: solid 1px #346eb9;
    border-bottom: solid 1px #346eb9;
    border-right: solid 1px #346eb9;*/
    border-color: #346eb9;
    cursor: pointer;
    background-color: #FFF;
    width: 99.9%;
    /*width: 97.9% !important;
    margin-left:0px !important;*/
}

    .SupplierSubItemRowSelected * {
        box-sizing: border-box !important;
    }

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

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

div[id*='PricingDivContainer'] {
    left: 0 !important;
    margin-left: 0 !important;
    padding-right: 12px !important;
}

#wndGridAddToCart .ModalSupplierContainer {
    border: 1px solid #f2f2f2;
}

#wndGridAddToCart .ModalColumnHeader, .TabStripATCClass .ModalColumnHeader {
    width: 100% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    background-color: #fcfcfc;
    position: relative;
    z-index: 100;
    top: 0;
}

#wndGridAddToCart .ATCS_Supplier_WindowRowSelected:hover {
    background-color: #cce6ff !important;
    transition: 0.2s;
}

#wndGridAddToCart .Supplier_ATC_None_Selected_Row:hover {
    background-color: #cce6ff !important;
}

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

#wndGridAddToCart input[type=text] {
    max-width: 100% !important;
}

.ATCS_Supplier_WindowRowSelected .IIBGreen {
    color: white;
}

.ATCS_Supplier_WindowRowSelected .sortedInto .WSNameItemsInCart {
    background-color: transparent !important;
    /*right: 10px;
    top: 20px;
    color:black;*/
}

.ATCS_Supplier_WindowRowSelected,
.Supplier_ATC_None_Selected_Row {
    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;
}

div[id*='PricingDivContainer'] .Supplier_ATC_None_Selected_Row, div[id*='PricingDivContainer'] .ATCS_Supplier_WindowRowSelected {
    margin-left: 0px !important;
}

.Supplier_ATC_None_Selected_Row > div, .ATCS_Supplier_WindowRowSelected > div {
    padding: 11px 0;;
}

    .Supplier_ATC_None_Selected_Row > div:first-of-type, .ATCS_Supplier_WindowRowSelected > div:first-of-type {
        padding-left: 11px !important;
        clear: left;
    }

.Supplier_ATC_None_Selected_Row:hover {
    cursor: pointer;
    position: relative;
    z-index: 497;
    background-color: #EBEBEB !important;
    color: #1976d2 !important;
}

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

.ATC_Supplier_LeftSideContainer {
    margin-left: 1.2% !important;
    max-height: 359px;
    /*height: 359px;*/
    overflow-x: hidden;
    overflow-y: auto;
}

.ATC_Supplier_RightSideContainer {
    /*border: solid 1px #CCC;*/
    height: 359px;
    /*width: 31%;*/
    max-height: 359px;
}

.ATCSuppliersPricePanel {
    box-sizing: border-box !important;
    font-weight: 400;
}

#Grid_ListProducts_D .ATCSuppliersPricePanel .ATCAccRow {
    width: 100%;
}

#Grid_ListProducts_D .ATCQTYOnlyContainer {
    width: 100%;
}

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

    .ATCSuppliersPricePanel .ATCAccRow:after {
        content: '';
        display: block;
        position: absolute;
        width: 135%;
        left: 5%;
        /*border-bottom: 1px solid #eaeaea;*/
        bottom: 7px;
    }

    .ATCSuppliersPricePanel .ATCAccRow .ATCAccRowAccName {
        font-family: SlateL;
        font-size: 12px;
        text-align: left;
        margin-top: 10px;
        /* font-weight: 600; */
        color: #b3b3b3;
        position: relative;
        margin-top: -3px;
        width: 40%;
    }

.ATCPriceTotalBlock {
    height: 20%;
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
}

.ATCSuppliersPriceTotalText {
    font-family: SlateL;
    font-size: 16px;
    color: #333333;
}

.totalHeader {
    font-family: SlateL !important;
    font-size: 12px !important;
    /* font-weight: 600 !important; */
    color: #b3b3b3 !important;
}

.ATCSuppliersPriceTotal {
    position:absolute;
    top: -12px;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
}

.ATCButtonContainer {
    /*margin-left:-5px;*/
    /*margin-top:-50px;*/
    position: relative;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
}

.ATCSingleButtonContainer {
    margin-left: 10px;
    margin-top: -50px;
    top: 288px;
    position: relative;
}

.ATCQTYOnlyContainer {
    margin-bottom: 0px;
    width: 50%;
    height: 70px;
}

.Full_ProductTabsProducts .ATCQTYOnlyContainer {
    width: 100%;
    top: 10px;
    height: 100%;
    max-height: 40px;
}

.TabProductsTable .ATCQTYOnlyContainer {
    margin-top: 9px;
    margin-bottom: unset;
    height: 26px;
    width: 60%;
    position: relative;
}

.ATCUnitPrice {
    font-size: 18px;
    /*font-weight: 600;*/
    line-height: 50px;
    position: absolute;
}

.SpecialInstructionsBlock {
    width: 100%;
    min-height: 12px;
    margin: 10px 0 15px;
    height: 20px;
    line-height: 12px;
    /* border: 1px solid #e2e2e2; */
    box-sizing: border-box;
    text-align: center;
    border-radius: .10em;
}

    .SpecialInstructionsBlock:hover {
        /*background-color: #cceeff;*/
        border-color: #e1e1e1;
        /*opacity: 0.7;*/
    }

.SpecialInstructionsLinkText:hover {
    cursor: pointer;
    border: 1px solid #1976D2 !important;
    color: white;
    background-color: #64b1ee !important;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
}

.SpecialInstructionsLinkBtn {
    font-family: SlateL;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: .15em;
    margin-right: 5px;
}

.SpecialInstructionsLinkText {
    font-family: SlateL;
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    color: #333;
    height: 40px;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: .15em;
}

.CheckoutConfirmationWindow .SpecialInstructionsLinkText {
    width: 100%;
    text-align: center;
}

    .CheckoutConfirmationWindow .SpecialInstructionsLinkText:first-of-type {
        width: 100%;
        margin-top: 0px;
    }

.firstLine .ATCUnitPrice {
    font-size: 18px;
    /* font-weight: 600; */
    line-height: 18px;
    position: relative;
    text-align: right;
    margin-right: 10px;
}

.firstLine .ATCAccRowAccName {
    text-align: right;
    color: #AAA;
    margin-right: 10px;
}

.firstLine {
    height: 45px;
    box-sizing: border-box;
}

.secondLine {
    height: 45px;
    box-sizing: border-box;
}

.thirdLine {
    height: 45px;
    position: relative;
    box-sizing: border-box;
}

.secondLine .ATCQTYOnlyContainer {
    width: 100%;
    position: relative;
}

.secondLine .ATCPriceTotalBlock {
    width: 100%;
    text-align: right;
    position: relative;
}

.secondLine .ATCSuppliersPriceTotalText {
    position: relative;
    top: 0;
    margin-right: 10px;
}

.ATCSuppliersNotification {
    background-color: #1976d2;
    height: 53px;
    max-height: 60px;
    font-family: SlateL;
    color: white;
    font-size: 18px;
    text-align: center;
    line-height: 58px;
    margin-top: -5px;
    word-spacing: 1px;
    display: none;
}

#noNotify {
    position: absolute;
    top: -23px;
    right: -84px;
}

.moreNotify {
    position: relative;
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 23px;
}

.ATCSuppliers .RowOne {
    height: 100%;
}

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

.ATCSuppliers .RowTwo {
    height: 25%;
}

.ATCPricingContent {
    margin: 0px;
    overflow-x: hidden;
    margin-left: 5px;
    background-color: white;
    padding: 0 10px 0 10px;
    position: relative;
}

.ATCHeaderContent {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 10px;
    box-sizing: border-box;
}

.BottomGraphBlock:hover .GraphTimePeriodDropDown {
    color: #666666;
}

.BottomGraphBlock:hover .SwitchDurationView {
    color: #666666;
}

.BottomGraphBlock:hover .TimePeriodContainer {
    display: inline-block;
}

.BottomGraphBlock:hover .GraphTimePeriodDropDown:after {
    opacity: 1;
}

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

.JsAtcRow .ATCContainer {
    width: 62%;
}

.PartialViewAtRow .ATCAccRowAccName {
    font-size: 14px;
}

.ATCHomeOverride .ATCElementQO {
    border-radius: 0 !important;
    border-color: transparent !important;
    height: 44px;
    position: relative;
}

.ATCHomeOverride .ATCElementInputQO {
    border-radius: 0 !important;
    border-top: 1px solid #EFEFEF !important;
    border-left: 1px solid #EFEFEF !important;
}

    .ATCHomeOverride .ATCElementInputQO:hover {
        border-radius: 0 !important;
        border-top: 1px solid #EFEFEF !important;
        border-left: 1px solid #EFEFEF !important;
        border-bottom: none !important;
        border-right: none !important;
    }

.ATCHomeOverride .ATCElementQO svg {
    transform: scale(0.4);
    border: none !important;
    padding: 0px;
    margin: 0px;
    top: 0;
    left: 0%;
    position: absolute;
}

.ATCHomeOverride .col-md-4, .ATCHomeOverride .col-md-4 {
    width: 31% !important;
    margin-right: 2.3333333% !important;
    position: relative;
    height: 44px;
}

.ATCHomeOverride .ATCElementQO:hover {
    background-color: transparent !important;
    box-shadow: none !important;
}

.ATCHomeOverride .ATCMain .col-md-4:first-of-type:hover, .ATCHomeOverride .ATCMain .col-md-4:last-of-type:hover {
    background-color: #d8e9fb !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.ATCHomeOverride .pnlButtons_ButtonAddToList {
    width: 130px !important;
    position: relative;
    margin-top: 0;
    left: 0px;
    background-color: #f7f7f7;
}

.ATCHomeOverride .ATCElementBtn {
    width: 100%;
    /*max-width: 240px;*/
    height: 45px;
    position: absolute;
    /*left: -8px;*/
}

#wndGridAddToCart .ATCHomeOverride .ATCElementBtn, .PricingComparisonPanes .ATCHomeOverride .ATCElementBtn {
    width: 100%;
    box-sizing: border-box !important;
    /* max-width: 400px; */
    height: 40px;
    position: relative;
    line-height: 40px;
    /* left: 3px; */
    font-size: 14px !important;
    /* margin-left: 3px; */
}

#wndGridAddToCart .RightATCInfoBlock .AddToCartParent {
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.ModalPricingATCBlock {
    background-color: #e6f5ff;
    margin: 0 auto;
    border: 1px solid #a4ccf4;
    padding: 10px;
}

#tabstripFull-1 .ModalPricingATCBlock {
    margin: 0 17px 0 17px;
}

.ATCHomeOverride .pnlButtons_ButtonAddToList:after {
    width: 130px;
    background-color: #F7F7F7;
    display: none;
}

.ATCHomeOverride .MATC_AddToCartButtonWithOption span {
    font-family: RobCL !important;
    /* font-weight: 600 !important; */
    font-size: 13px !important;
    color: #000 !important;
}

.multiProduct {
    position: relative;
}

    .multiProduct .totalHeader {
        right: -46%;
        width: 70px;
        position: absolute;
        left: unset;
        top: 0;
    }

.ATCHomeOverride .QTYcontent {
    line-height: 70% !important;
    width: 30% !important;
    height: 100% !important;
    padding: 0;
}

.GenericsRightPane .QTYcontent input, .TheraputicsRightPane .QTYcontent input {
    font-size: 2vmin !important;
}

.GenericsRightPane .ATCUnitPrice, .TheraputicsRightPane .ATCUnitPrice, .TheraputicsRightPane .ATCSuppliersPriceTotal, .GenericsRightPane .ATCSuppliersPriceTotal {
    font-size: 14px !important;
}

.smallerATC .col-md-5 {
    width: 100% !important;
}

.smallerATC .col-md-6 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 20px !important;
}

.GenericsRightPane .ATCQTYOnlyContainer.ATCHomeOverride, .TheraputicsRightPane .ATCQTYOnlyContainer.ATCHomeOverride {
    margin-top: 15px;
}

.listBlock {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    min-height: 30px;
    background-color: #f7f7f7;
    /*margin-left: 2px !important;*/
    padding: 10px;
    width: inherit;
    position: relative;
    width: 93.9%;
}

    .listBlock .pnlButtons_ButtonAddToList {
        margin-top: -9px;
        position: absolute;
        left: 0;
    }

        .listBlock .pnlButtons_ButtonAddToList:after {
            display: none;
        }

.ATCListBlock .listBlock {
    border: none;
    background-color: transparent;
    min-height: 10px;
    padding: 0;
}

.ATCListBlock .pnlButtons_ButtonAddToList {
    margin-top: 0;
    position: relative;
    right: 0;
    height: 25px;
}

    .ATCListBlock .pnlButtons_ButtonAddToList .MATC_AddToCartButton {
        right: 30px !important;
        top: -10px !important;
    }

.ATCListBlock .MATC_AddToCartButtonWithOption {
    background-color: transparent !important;
    width: 150px;
}

    .ATCListBlock .MATC_AddToCartButtonWithOption span {
        padding-top: 0 !important;
        /*top: 3px;*/
        font-size: 11px;
        font-family: SlateL;
        color: black;
        padding-left: 15px;
    }

.ATCListBlock .MATC_Visible {
    right: 0;
}

.ATCListBlock .pnlButtons_ButtonAddToList .MATC_AddToCartButtonWithOption:hover {
    background-color: transparent !important;
    border: 1px solid #64b1ee !important;
    cursor: pointer;
    border-radius: .15em;
}

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

.ATCBottomStrip {
    background-color: #333333;
    position: absolute;
    bottom: 10px;
    height: 30px;
    max-width: 1190px;
    margin-left: -15px;
}

.MoreDetailsNotifications {
    background-color: #EEE;
    margin-top: 0;
    height: 300px;
    width: 100%;
    position: relative;
    left: 0;
    box-shadow: 0 8px 0 4px #EEE, 0 12px 12px rgba(255,255,255,0.5);
    margin-bottom: 8px;
    display: none;
    z-index: 500;
    box-sizing: border-box !important;
}

#MoreDetailsNotifications {
    padding: 10px;
    margin-top: 0;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

.MoreDetailsNotifications > .scroll-wrapper {
    width: 100%;
    height: 300px !important;
}

.container-fluid.CustomScroller {
    box-sizing: border-box;
}

#wndGridAddToCart .k-tabstrip-wrapper {
    /*height:calc(100% - 5px);*/
    height: 100.7%;
}

.NotifyItem {
    height: auto;
    background-color: #EEE;
    margin: 0;
    color: #000;
}

.NotifyItem {
    border: 1px solid #CCC;
    border-top: none;
}

    .NotifyItem:hover {
        background-color: #FFF;
    }

    .NotifyItem, .NotifyItem * {
        box-sizing: border-box;
    }

.NotifyheaderText {
    display: block;
    font-size: 12px;
    color: #999;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

.NotifyItem .col-md-2 {
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    position: relative;
}

    .NotifyItem .col-md-2:not(:last-of-type):after {
        border-right: 1px solid #DDD;
        position: absolute;
        right: 0;
        top: 10%;
        height: 80%;
        content: '';
        display: block;
        width: 1px;
    }

.closeNotify {
    background-color: #1976d2;
    color: #FFF;
    font-family: Tahoma;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    top: -15px;
    right: 19px;
    display: none;
    z-index: 99999;
    transform: rotate(45deg);
    cursor: pointer;
}

    .closeNotify:hover {
        color: #89BBDC;
    }

.lastorderHeadings {
    clear: both;
    height: 15px;
    box-sizing: border-box;
    background-color: #DDD;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    padding: 4px 0;
    border: 1px solid #CCC;
    border-bottom: none;
}

    .lastorderHeadings div {
        margin: 0 !important;
        padding: 6px 0 !important;
        box-sizing: border-box;
        text-align: center;
        font-weight: bold;
    }

        .lastorderHeadings div:not(:last-of-type) {
            border-right: 1px solid #CCC;
        }

.GraphTimePeriodDropDown:after {
    content: '';
    opacity: 0;
    display: inline-block;
    position: absolute;
    margin-left: 8px;
    margin-top: 4px;
    border-top: 4px solid rgba(0,0,0,0.2);
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.StripBtn {
    color: #AAA;
    padding-top: 9px;
    text-align: left;
    font-family: RobCL;
    font-size: 11px;
    cursor: pointer;
}

.BottomGraphBlock {
    position: relative;
    height: 100%;
    max-height: 175px;
    float: none;
}

.chartBlock {
    height: 120px;
    float: none;
    position: relative;
}

#RegretItemContainer .AtcProductGraphContainer svg {
    position: relative !important;
    max-height: 120px;
}

#divULContent .BottomGraphBlock {
    float: none !important;
    min-height: 120px;
    position: relative;
}

.ColumnViewContent .BottomGraphBlock {
    float: left;
}