﻿.product-comparison-table {
    
    max-width:99%;
    margin-left: 15px;
    font-size: 14px;
   /* table-layout: fixed;*/
    resize: none;
    border-collapse: collapse;
    border-top: 1px solid #ddd;
}

    .product-comparison-table td, th:not(:first-child) {
        border: 1px solid #ddd;
        max-width: 300px;
    }

    .product-comparison-table th.product-card-4 .dropdown-menu {
        right: 0;
        left: unset;
    }
   
    /*.product-comparison-table thead:first-child > tr:first-child th:nth-child(1) {
        border: 1px transparent;
    }*/

    .product-comparison-table thead tr:first-child th:nth-child(2) {
        border-left: 1px transparent;
    }


.cmpprod-container {
    padding: 6px 48px 6px 48px;
    padding-bottom: 50px;
}

.product-comparison-table thead tr:first-child th:nth-child(5)  #dropdownMenuWidth {
    margin-left :-160px;
}


@media screen and (max-width: 600px) {
    .cmpprod-container {
        padding: 0px 0px 0px 0px !important;
    }
}

@media only screen and (min-width: 320px) and (max-height: 568px) {

    .cmpprod-container {
        padding: 0px 0px 0px 0px !important;
    }
}

.savedsearch-container h1 {
    margin-bottom: 15px;
    margin-top: 20px;
}

.product-features {
    padding: 10px !important;
    width: 170px;
    font-weight: bold;
    resize: none;
}

.product-comparison-table thead th {
    resize: none;
}

   

.card {
    margin-left: 10px;
    border: none;
    padding: 20px;
}

.card-title i {
    float: right;
}

.card-body {
    vertical-align: top;
}

.product-image {
    width: 70%;
    margin-left: 15%;
    max-width: 40%;
}

.product-card-1 {
    vertical-align: top;
}

.product-card-2 {
    vertical-align: top;
}

.product-card-3 {
    vertical-align: top;
}

.product-card-4 {
    vertical-align: top;
}

.product-flags {
    /*margin-left: 10px;*/
    margin-top: 25px;
}

.product-details {
   display:flex;
   flex-direction:column;
}

.resellerEmailForCompare {
    color: #000000 !important;
}

.flag-green {
    background-color: #B9E18B;
    border-radius: 10px;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.flag-blue {
    background-color: #CBE0F9;
    border-radius: 10px;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.flag-red {
    background-color: #FFBDBB;
    border-radius: 10px;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.flag-yellow {
    background-color: #B9E18B;
    border-radius: 10px;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px
}

.product-desc {
    color: #2A79B9;
    text-align: left;
    /*margin-left: 10px;*/
    font-size: 14px;
    font-weight: normal;
}

.product-vpn {
    /*margin-top: -10px;*/
}

    .product-vpn span {
        font-weight: normal;
    }

.product-sku {
    /*margin-top: -10px;*/
}

    /*.product-sku {
        font-weight: normal;
    }*/

    .product-sku span {
        font-weight: normal;
    }

div.product-Vendor {
    padding-top: 12px;
}

.attribute-line-spacing {
    padding-top: 12px;
}


p.product-sku {
    padding-top: 12px;
}

div.product-Vendor span {
    font-weight: normal;
    margin: 0 0 0px;
}

.product-price {
    font-weight: normal;
    font-size: 22px;
    /*margin-top: -10px;*/
}

.product-stock {
    color: #0B7630;
    /*margin-top: -10px;*/
}

.btn-orange {
    background-color: #CB4708;
    color: white;
}

.btn-gray {
    background-color: gray !important;
    color: white;
}

.btn-font-size {
    font-weight: bold;
    font-size: 12px;
}

.btn-link.btn-anchor {
    outline: none !important;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

.grp-add-to-cart {
    margin-top: -20px;
}

    .grp-add-to-cart input {
        width: 46px;
    }

.btn-add-to-cart {
    width: 140px;
}

.product-comparison-table tbody td:not(:first-child), .product-comparison-table ..WarehouseStockDetails_PopoverContent:not(table) {
    text-align: left;
    padding: 20px;
    vertical-align: top;
}
.wrapList{
    overflow-wrap:break-word;
}
.wrapList > ul {
    list-style-position: outside;
    padding-left: 15px;
}

.btn-primary-2 {
    background: #CB4708;
    color: #FFFFFF;
    border: 1px solid #CB4708;
}



.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}



.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left;
    }

        .MultiCarousel .MultiCarousel-inner .item {
            float: left;
        }

            .MultiCarousel .MultiCarousel-inner .item > div {
                text-align: center;
                padding: 10px;
                margin: 10px;
            }

    .MultiCarousel .leftLst, .MultiCarousel .rightLst {
        position: absolute;
        top: calc(50% - 20px);
        font-size: x-large;
    }

    .MultiCarousel .leftLst {
        left: 0;
    }

    .MultiCarousel .rightLst {
        right: 0;
    }

        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
            pointer-events: none;
            color: #ccc;
        }


.exportCompareProductsPDFPopUp {
    width: 100%;
}

.exportPDFPopUpModalContent {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.exportPDFPopUpModalBody {
    padding: 15px;
}

    .exportPDFPopUpModalBody h2 {
        padding-bottom: 10px;
        font-weight: bold;
    }

.exportPDFPopUpModalFooter {
    background-color: #FAFAFA;
}

.page-branding {
    list-style-type: none;
}

.page-include-sections {
    list-style-type: none;
}

.page-include-sections-table {
    margin-left: 70px;
}

    .page-include-sections-table tbody tr td label {
        font-weight: normal !important;
    }

.yourPriceTable {
    font-size: 10px;
    display: none;
}

.page-include-sections-subtable tbody tr:first-child td {
    padding-right: 10px;
}

    .page-include-sections-subtable tbody tr:first-child td:nth-child(1) label {
        font-weight: normal !important;
    }

    .page-include-sections-subtable tbody tr:first-child td:nth-child(2) label {
        font-weight: normal !important;
    }

.page-include-sections-subtable tbody tr:nth-child(1) td:nth-child(1) label {
    font-weight: normal !important;
}

.page-include-sections-subtable tbody tr:nth-child(1) td:nth-child(2) label {
    font-weight: normal !important;
}

.successUserEmail {
    word-break: break-all;
}

.makePDFCartBlue {
    color: #2375BB;
}

.emailSuccessBody {
    padding: 15px !important;
}


.display-sku span {
    font-weight: normal;
}



label {
    display: inline;
}

.regular-checkbox {
    display: none;
}

    .regular-checkbox + label {
        background-color: #fafafa;
        border: 1px solid #cacece;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 9px;
        border-radius: 3px;
        display: inline-block;
        position: relative;
    }

        .regular-checkbox + label:active, .regular-checkbox:checked + label:active {
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        }

    .regular-checkbox:checked + label {
        background-color: #e9ecee;
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

        .regular-checkbox:checked + label:after {
            content: '\2714';
            font-size: 14px;
            position: absolute;
            top: 0px;
            left: 3px;
            color: #99a1a7;
        }

@supports (-ms-ime-align:auto) {
    :checked.regular-checkbox + label {
        padding: 12px 12px 9px 12px;
    }
}


#scrolltotopBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #2A79B9; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

    #scrolltotopBtn:hover {
        background-color: #555; /* Add a dark-grey background on hover */
    }


.font12px {
    font-weight: bold !important;
    font-size: 12px !important;    
}

.WarehouseStockDetails_PopoverContent td, .WarehouseStockDetails_PopoverContent th{
    border: none;
}
.WarehouseStockDetails_PopoverContent > tbody > tr > td {

font-weight: normal !important;
}

