#catsContent .thumbnail {
    min-height: 290px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#catsContent .products .thumbnail {
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

#catsContent .thumbnail .img_container, .img_url {
    min-height: 150px;
    height: 150px;
    line-height: 150px;
    cursor: pointer;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

    #catsContent .thumbnail .img_container img {
        max-width: 100%;
        vertical-align: middle;
        width: 100%;
    }

    #catsContent .thumbnail .img_url img {
        max-width: 85%;
        vertical-align: middle;
        width: 100%;
    }

#catsContent .thumbnail .caption {
    text-align: center;
}

#catsContent .products .thumbnail .caption {
    padding-bottom: 0;
}

#catsContent .thumbnail h4 {
    font-size: 14px;
}

#catsContent .products .thumbnail h4 {
    font-size: 12px;
}

#catsContent .thumbnail .model {
    font-size: 14px;
    text-align: center;
}

#catsContent .pagination {
    margin: 0;
}

.disp {
    padding-top: 8px;
}

a>.checkbox > input[type="checkbox"] {
    opacity: 1 !important;
}

.dropdown-menu .active > a {
    background-color: transparent !important;
    background-image: none !important;
    color: black !important;
}

.irs-active {
    color:#008FCC !important;
}
.categorySwitch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 19px;
}

.categorySwitch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.switchSlider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1c75bc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switchSlider:before {
    position: absolute;
    content: "";
    height: 11px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .switchSlider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}
.spanText {
    vertical-align: text-bottom;
}
.client-log-excel {
    display: flex;
    justify-content: end;
}
.client-unlog-excel {
    display: block;
	text-align: end;
}

.bgc-bestSel {
    background-color: #1cb335;
}

.bgc-specOrder {
    background-color: #7b4198;
}

.wex-banners {
    float: left;
    width: 100%;
}

.wh-mar {
    color: #fff;
    margin-left: 10px;
    margin-bottom: 0px;
    font-size: 10px;
}

.cat-baner-bestSel {
    max-width: 55%;
    min-width: 30%;
    min-height: 30px;
    display: flex;
    position: relative;
    background-color: #1cb335;
    align-items: center;
    left: -4.5px;
}

.item-baner {
    margin: 5px;
    max-width: 40%;
    min-width: 30%;
    min-height: 30px;
    display: flex;
    position: relative;
    align-items: center;
    left: -4.5px;
}
    .cat-baner-bestSel::before, .item-baner::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-bottom: 31px solid #fff;
    }

.customCheckbox[type="checkbox"] {
    position: relative;
    width: 1em;
    height: 1em;
    color: #000;
    border-radius: 4px;
    appearance: none;
    outline: 0;
    background-color: #fff;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    vertical-align: middle;
    margin: 0;
}

    .customCheckbox[type="checkbox"]::before {
        position: absolute;
        content: '';
        display: block;
        top: -2px;
        left: 4px;
        width: 8px;
        height: 14px;
        border-style: solid;
        border-color: white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        opacity: 0;
    }

.customCheckbox-green[type="checkbox"]:checked {
    color: white;
    border-color: green;
    background-color: #17d52e;
}

.customCheckbox-gray[type="checkbox"]:checked {
    color: white;
    border-color: #ababab;
    background-color: #ababab;
}
        .customCheckbox[type="checkbox"]:checked::before {
            opacity: 1;
        }

        .customCheckbox[type="checkbox"]:checked ~ .lb_bestsel::before {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        }

.lb_bestsel {
    position: relative;
    cursor: pointer;
    font-size: 1.5em;
    font-weight: 600;
    padding: 0 0.25em 0;
    user-select: none;
}

    .lb_bestsel::before {
        position: absolute;
        content: attr(data-content);
        color: lightgray;
        clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
        text-decoration: line-through;
        text-decoration-thickness: 3px;
        text-decoration-color: black;
        transition: clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

#checkboxContainer {
    cursor: pointer;
    background-color: #17d52e;
}

label.mainItem {
    max-height: 180px;
    display: table;
}
.button_a {
    border: none;
    color: #337ab7;
    padding: 10px 34px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
}


.tab a {
    text-decoration: none;
    text-align: center;
    background-color: #EEE;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    display: inline-block;
}

    .tab a:hover {
        background-color: #dad9d9;
        color: #1c75bc;
    }

    .tab a.active {
        background-color: #1c75bc;
        color: white;
        pointer-events: none;
    }

.floatl-m05 {
    float: left;
    margin: 0px 5px 5px 0px;
}

.filter-new-checkbox {
    padding: 5px 12px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    gap: 10px;
    align-items: center;
}
.category__searchproduct {
    margin: 20px 0 17px 0;
}
.category__container {
    min-height: 49vh;
    margin-top: 24px;
}
.div-ava-filter {
    background-color: #ababab;
}
.filter-new-checkbox span {
    color: #fff;
}
.category__slider {
    padding: 0;
}
.category__buttons {
    padding-right: 0;
    text-align: center;
    position: static;
}
.div-exp-flex {
    margin-left: 92px;
    display: flex;
    text-align: center;
    margin-top: -50px;
}
    .div-exp-flex span {
        text-align: center;
    }

    #export {
        width: 100%;
        display: block;
        cursor: pointer;
        text-decoration: none;
    }

.category__buttons-list button {
    border-radius: 8px !important;
    min-width: 110px;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 5px 10px !important;
}
.selectItem {
    width: 15px;
    height: 15px;
}
.category__itemcard-discrepancy {
    text-align: center;
    padding: 8px;
    font-size: 12px;
    word-wrap: break-word;
}
.category__itemcard-addtoquote {
    text-align: center;
    padding: 15px;
}
#addSetTrayModal .modal-content,
#createTrayModal .panel, #createTrayModal .panel-body, #createTrayModal .panel-footer,
#leaveFromPageModal .panel, #leaveFromPageModal .panel-footer, .lastAddQuote, .lastAddTray, .clearTray,
#EmptyProductModal .panel, #EmptyProductModal .panel-body, #EmptyProductModal .panel-footer, .leaveLastTray,
#addPremadeTrayModal .modal-content, #createPremadeTrayModal .panel-default, #createPremadeTrayModal .panel-body, #createPremadeTrayModal .panel-footer {
    border-radius: 15px !important;
}
#addSetTrayModal .modal-body-bottom, .pt-15 {
    padding-top: 15px;
}
#addSetTrayModal .modal-footer, #addPremadeTrayModal .modal-footer {
    margin-bottom: 0 !important;
}
.lastAddQuote {
    background-color: #822493;
    color: #fff;
}

.mr-5px {
    margin-right: 5px;
}

.mr-0 {
    margin-right: 0;
}

.min-height-100px {
    min-height: 100px;
}

.fr {
    float: right;
}
.pr-5px {
    padding-right: 5px;
}
.button_a {
    border: none;
    color: #337ab7;
    padding: 10px 34px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
}

@media(max-width:340px) {
    .category__tab-links {
        max-width: 174px;
        width: auto;
    }

    .category__tab-links a {
        width: 174px;
    }
}

.category__tab-links a {
    text-decoration: none;
    text-align: center;
    background-color: #EEE;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    display: inline-block;
}

.category__tab-links a:hover {
    background-color: #dad9d9;
    color: #1c75bc;
}

.category__tab-links a.active {
    background-color: #1c75bc;
    color: white;
    pointer-events: none;
}
.category__quote-found-header {
    font-size: 2em !important;
    margin: 0.67em 0 !important;
}
.disp {
    padding-top: 8px !important;
}
    .disp .text-right {
        padding-top: 8px !important;
    }
    .category__pagination .pagination {
        margin: 0;
    }

#quotes {
    width: 100%;
    margin-bottom: 0;
}
    #quotes .quotes-table__cell--quote-number {
        width: 5%;
    }

    #quotes .quotes-table__cell--date {
        width: 7%;
    }

    #quotes .quotes-table__cell--customer-name,
    #quotes .quotes-table__cell--customer-company,
    #quotes .quotes-table__cell--quoted-by-name,
    #quotes .quotes-table__cell--quoted-by-company {
        width: 14%;
    }

    #quotes .quotes-table__cell--created-by,
    #quotes .quotes-table__cell--last-revised-by,
    #quotes .quotes-table__cell--last-revised-on,
    #quotes .quotes-table__cell--amount {
        width: 8%;
    }
.category__quotedetail-container {
    min-height: 49vh;
    margin-top: 24px;
}
#setProducts .related {
    box-shadow: none !important;
}
.bookmarked__empty-list-info {
    color: #66666685;
}
.newSetField, .display-none {
    display: none;
}
.import-tray, .selectAll, .deleteFromPremadeSet {
    cursor: pointer;
}
.premade-div .img_container, .mainItem .img_container {
    display: block;
}
.setpage__thumbnail-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
    .setpage__thumbnail-wrapper .mainItem, .setpage__thumbnail-wrapper .substitute-button, .category__itemcard .substitute-button {
        cursor: pointer;
    }

    .setpage__thumbnail-wrapper .td-special-order {
        float: right;
        z-index: 2;
        position: relative;
    }
    .setpage__thumbnail-wrapper .specialOrder {
        align-items: center;
    }
#setProducts .setpage__empty-list {
    color: #66666685;
}
#itemModal #itemselect {
    font-size: 10pt !important;
}
#itemModal #pcompform, .display-none-imp {
    display: none !important;
}
#itemModal .modal-footer {
    border-top: 0 !important;
}
#mailModal {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
    #mailModal #emailText {
        height: 180px;
    }
    #mailModal .cl-sg {
        color: #1c75bc;
    }
    #mailModal .favorite-name {
        text-align: center !important;
        padding-left: 10px !important;
        padding-right: 30px !important;
    }
    #mailModal .col-fav {
        border: 1px solid #ddd;
    }
    #mailModal .col-fav .model {
        background-color: #9fa0a4; 
        color: white;
    }
    #mailModal .col-fav .img_container {
        min-height: 170px; 
        line-height: 0px;
    }
    #mailModal .col-fav .fav-label {
        min-height: 170px; 
        line-height: 0px;
    }
    #mailModal .col-fav .selectItem_modal {
        min-height: 45px;
    }

.excel-button-cat {
    margin-bottom: 0;
}

#catsContent .products .thumbnail {
    min-height: 540px;
}

#SigModal {
    z-index: 1060 !important;
}
    #SigModal .sigNotes {
        height: 130px;
        resize: none;
    }
#errorModal {
    z-index: 1070 !important;
}
    #errorModal h3 {
        text-align: center;
    }
.videoplayer {
    max-width: 100%;
    width: 100%;
}
.details__container {
    min-height: 49vh !important;
    padding-top: 25px !important;
}
#prodContent h2 {
    font-size: 1.7em
}
.accessories_image {
    width: 100%;
}
#intdesc {
    padding: 10px;
}
#downloadModal .modal-body {
    text-align: center !important;
}
#videoplayerModal .modal-header {
    border: none !important;
    padding: 0 !important;
}
#videoplayerModal .videoplayer {
    max-width: 90%;
    width: 90%;
}
#videoplayerModal .videoplayerModal__videolist {
    position: relative;
}
    #videoplayerModal .videoplayerModal__videolist .video-help {
        margin-right: 15px;
        height: 100%;
    }
    #videoplayerModal .videoplayerModal__videolist-mainvideo {
        margin-right: 15px;
        height: 100%;
    }
    #videoplayerModal .video-float-img-wrapper {
        padding: 0 !important
    }
    #videoplayerModal .video-float-img-label {
        text-align: left;
        padding: 0 !important
    }
#videoplayerModal .videoplayerModal__videolist-anothervideo {
    margin: 0 !important;
    padding-bottom: 15px;
    padding-top: 15px;
}
#videoplayerModal .floatImage {
    display: block !important;
    margin: 0 auto !important;
    max-width: 90% !important;
    width: 90% !important;
    float: left !important;
    border: solid 1px #ddd !important;
}
.videoImg-wrapper {
    height: 540px;
}
.prod_img-wrapper {
    position: relative;
}
@media (max-width: 1200px) {
    .div-exp-flex {
        margin-left: 50px !important;
    }
}

@media (max-width: 992px) {
    .div-exp-flex {
        margin-top: 0 !important;   
        margin-left: 0px !important;
    }

    .excel-button-cat {
        margin-bottom: 0;
    }

    .client-log-excel {
        justify-content: center;
    }

    #catsContent .thumbnail .img_container, .img_url {
        display: flex;
    }

    label.mainItem {
        max-height: 190px;
    }
}

@media (max-width: 768px) {
    label.mainItem {
        max-height: none;
    }
    #catsContent .thumbnail .img_container, .img_url {
        max-height: none;
    }
}

@media(max-width:340px) {
    .tab {
        max-width: 174px;
        width: auto;
    }

        .tab a {
            max-width: 174px;
        }
}

.details__model-info {
    display: flex;
    align-items: center;
}
.cat-baner-holder {
    height: 30px;
    display: block;
} 