﻿

/*.row {*/
    /* margin-top: 20px;*/
/*}

    .row div.cellFull {
        border-left: 1px solid #e1e7ec;
    }

        .row div.cellFull:first-child {
            margin-left: 0;
            padding-left: 0;
            border-left: none;
        }

        .row div.cellFull:last-child {
            margin-right: 0;
            padding-right: 0;
        }*/
html, body {
    background-color: var(--primaryBackColour);
}
.section-title {
    text-align: center;
}

    .section-title h2 {
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 20px;
        padding-bottom: 20px;
        position: relative;
    }

        .section-title h2::after {
            content: "";
            position: absolute;
            display: block;
            width: 40px;
            height: 3px;
            background: var(--primaryBackColour);
            bottom: 0;
            left: calc(50% - 20px);
        }

/*Banner Main*/


#carouselMain {
    width: 100%;
}

.carousel-inner {
}

.carousel-item .mainImg {
    display: inline-block;
    width: 100%;
}

.carousel-indicators [data-bs-target] {
    background-color: var(--primaryBackColour) !important;
}

.carousel-item .mainImgPad {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.carousel-item .iframeBanner {
    display: block;
    width: 100%;
    height: 300px;
    border: 0px;
    padding: 0px;
    margin: 0px;
}
.divCarousel {
    border-bottom: 5px solid #518FAC;
    border-top: 5px solid #518FAC;
}
/*END Banner Main*/


/*Quick Order Pad*/
.containerQop {
    background-color: #F8F8F8;
    padding: 10px;
}

.table.qop {
    width: 100%;
}

td.qopPart {
    width: 80%;
    min-width: 120px;
    padding-top: 10px;
    padding-right: 10px;
}

    td.qopPart label, td.qopPart input {
        width: 100%;
    }

td.qopQty {
    width: 20%;
    min-width: 30px;
    padding-top: 10px;
}

    td.qopQty input {
        width: 100%;
        padding-right: 1px !important;
        padding-left: 1px !important;
    }

.card-body {
    padding: 0.6rem !important;
}


/*END Quick Order Pad*/
@media (max-width:960px) {
    .containerMainLeft {
        display: none;
    }

    .containerMainRight {
        width: 100%;
    }
}

@media (min-width:960px) {
    .carousel-item .mainImg {
        height: 300px;
        width: auto;
    }

    table.suppliers td:nth-child(3) {
        display: table-cell;
    }

    .flexItemSuppliersAll div {
        height: 100px;
    }
}

@media (max-width:1900px) {
    .creditImageOpen1 {
        display: none;
       width:0;
    }

    .creditImageLink1 {
        display: none;
        width: 0;
    }

    .carouselDiv {
        width: 100%;
    }
}

@media (min-width:1900px) {
    .creditImageOpen2 {
        display: none;
    }

    .creditImageLink2 {
        display: none;
    }
}

