.product-flag-popover {
    z-index: 1030; /* needed for "return or canceled" modal overlay*/
}

.search-product-description {
    /* ECOMM-17831*/
    /* Start*/
    /*height: 64px;*/
    height: 66px;
    /* End*/
    overflow: hidden;
    font-size: 12px;
}

a.statusflag_nonclickable {
    cursor: default;
    text-decoration:none
}

.statusflag_clickable {
    cursor: pointer;
    text-decoration: underline;
}

.product-name {
    font-size: 12px;    /* would prefer to use font-12 but product name is defined after font-12 in ingram-theme-v2 
                           and due to equal weight product-name overrules font-12 */
}

.AddBtn.cart-btn-small {
    max-width: 100px;
}

.top-ad {
    max-height: 127px;
}

.product-popover-downloadable-resize {
    height: 4rem;
}

.favorite-button-gridview {
    width: 90%;
    height: 18px;
    display: inline-block;
}

.favorite-button-listview {
    width: 100%;
    height: 18px;
    display: inline-block;
}

#searchResults a#listView {
    text-decoration: none;
}
.space-between-5cols-search > a > img {
    width: 100%;
    height: 127px;
}

#bottomAdBanner.space-between-5cols-search > a > img {
    height: auto !important;
    max-height: 127px;
    object-fit: unset !important;
}
.space-between-5cols-search {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.vendor-auth-popover {
    max-width: 500px;
}


/*Brazil Browsing mode css*/

/*Browsingmode tabs css*/

#SingleSourceMode {
    width: 220px;
    height: 40px;
    text-align: center;
}

#EndUserSourceMode {
    width: 355px;
    height: 40px;
    text-align: center;
}

#SelectSourceMode {
    width: 252px;
    height: 40px;
    text-align: center;
}

#SimulationSourceMode {
    width: 320px;
    height: 40px;
    text-align: center;
}
#browsingModeSelector .nav-tabs > li > a {
    color: #817F7F;
    background-color: #F8F8F8;
    border-radius: 0px;
    margin-right: 0px;
    border-bottom: 1.62px solid #DDDDDD
}
    #browsingModeSelector .nav-tabs > li > a:hover {
        border-top-color: #F8F8F8;
        border-left-color: #F8F8F8;
        border-right-color: #F8F8F8;
    }

    #browsingModeSelector .nav-tabs > li.active > a, #browsingModeSelector .nav-tabs > li.active > a:focus, #browsingModeSelector .nav-tabs > li.active > a:hover {
        color: #2375B7;
        background-color: white;
        border-bottom-color: transparent !important;
        border-top-color: #2375B7;
        border-top-width: 4px;
        border-right: 1.62px solid #DDDDDD;
        border-left: 1.62px solid #DDDDDD;
        
    }


.browsingmode-error {
    height: 18px;
    width: 246px;
    color: #C33D39;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px;
    padding-top: 10px;
}

.browsingModesTextBox {
    height: 40px;
    width: 308px;
    border-radius: 4px;
    color: #979797;
    padding-bottom: 7px;
    padding-top: 7px;
}

.enduserselected {
    color: #333333;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    padding: 20px 0px 20px 5px;
    border-bottom: 1px solid #D9D9D9;
}


.browsingmode-modal-title {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}

.browsingmode-modal {
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}


.browsingmodal-size {
    height: 1024px;
    width: 1440px;
}

.selectState {
    height: 40px;
    width: 264px;
}

.editEndUserNumber {
    color: #757575;
}

.no-event{pointer-events: none;}

#SimulationSourceModePopup .radio_container .radio_checkmark {
    height: 20px;
    width: 20px;
}



#EndUserModalPopup .nav.nav-tabs > li > a {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    color: #999999;
}

#EndUserModalPopup .nav-tabs > li.active > a, #EndUserModalPopup .nav-tabs > li.active > a:focus, #EndUserModalPopup .nav-tabs > li.active > a:hover {
    border-bottom: 4px solid #2375BB;
    color: #2375BB;
}

#EndUserModalPopup .nav > li > a:hover, #EndUserModalPopup .nav > li > a:focus {
    background-color: transparent;
}

.browsingModesSelectorsModal {
    width: 606px;
    height: 246px
}

    .hasIE-opt {
        padding-top: 10px;
    }

#SimulationMode_StateTextBox {
    border: 1px solid #979797;
}

#SimulationEndUserMode .browsingModesTextBox {
    position: relative;
}

#SimulationMode_StatesDropdown {
    margin-top: 1px;
    position: absolute;
    background-color: white;
    width: 308px;
    overflow: auto;
    z-index: 1;
    border-radius: 4px;
    border: 1px solid #979797;
}

#SimulationEndUserMode .dropdown-content a {
    color: #333333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

#SimulationMode_StateTextBox, #CNPJTxtBox {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #979797;
}

    #SimulationMode_StateTextBox:focus, #CNPJTxtBox:focus {
        
        border: 1px solid #979797;
    }

.browsingMode {
cursor:pointer;
}

.padding-top-20px {
padding-top: 20px;
}

.padding-left-15px {
padding-left : 15px;
}

.padding-right-15px {
padding-right: 15px;
}

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

.warehouseStockDetailsPDLi a:hover, .warehouseStockDetailsPDLi a:focus, .warehouseStockDetailsPDLi a {
    background-color: transparent !important;
}

.warehouseStockDetailsPDLi > a {
padding-left:0px !important;
}

.regular-checkbox {
    display: none;
}

/* Create a custom checkbox */
.s-product-chk .checkmark {
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #979797;
    border-radius: 4px;
    display: inline-block;
}

/* When the checkbox is checked, add a blue background */
.s-product-chk .checkbox_container input:checked ~ .checkmark {
    background-color: white;
}

/* Create the checkmark/indicator (hidden when not checked) */
.s-product-chk .checkmark:after {
    content: "";
    display: none;
}

/* Show the checkmark when checked */
.s-product-chk .checkbox_container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.s-product-chk .checkbox_container .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #0B8C44;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
}
.s-button-margin{
    margin-top: -3px;
}