/**
 * PrestaShop module created by VEKIA, a guy from official PrestaShop community ;-)
 *
 * @author    VEKIA Miłosz Myszczuk VATEU PL9730945634
 * @copyright 2010-9999 VEKIA
 * @license   This program is not free software and you can't resell and redistribute it
 *
 * CONTACT WITH DEVELOPER http://mypresta.eu
 * support@mypresta.eu
 */

#ct_matrix .ctp_checked {
    background: #F8FCC9;
}

#ct_matrix .ctp_checked:hover {
    background: #F0F5BD !important;
}

#add_to_cart_bulk {
    clear: both;
    overflow: hidden;
    float: right;
    display: inline-block;
}

#add_to_cart_bulk button {
    float: right;
}

#ct_matrix thead th {
    padding-right: 10px;
    margin-right: 5px;
    background: url('../img/sortOff.gif') right 0px center no-repeat;
}

#ct_matrix thead th.tablesorter-headerAsc {
    background: url('../img/sortUp.gif') right 0px center no-repeat;
}

#ct_matrix thead th.tablesorter-headerDesc {
    background: url('../img/sortDown.gif') right 0px center no-repeat;
}

#ct_matrix thead th.nosort {
    background: none !important;
    padding: 5px !important;
    margin-right: 0px !important;
    cursor: default !important;
}

#ct_matrix thead {
    cursor: pointer;
}

#ct_matrix thead.nosort {
    cursor: default;
}

#ct_matrix thead.nosort th {
    background: none !important;
    padding: 5px !important;
    margin-right: 0px !important;
    cursor: default !important;
}

#ct_matrix {
    background: #FFF;
}

#ct_matrix {
    width: 100%;
    border-spacing: 0;
    /*border-collapse: separate;*/
    font-size: 12px;
}

#ct_matrix tr.ct_matrix_row:hover {
    /*background: #f1f1f1;*/
    outline: solid 1px rgb(69 122 180 / 50%);
}

#ct_matrix tr.ct_matrix_row:hover td {
    /* border: 1px solid #f2f2f2; */
}

#ct_matrix .ct_matrix_head {
    font-weight: bold;
    text-shadow: 1px 1px 0px #FFF;
    background: #ebe9ea; /* Old browsers */
    background-color: #ebe9ea;
    /*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    */
}

#ct_matrix .volume_discount {
    display: block;
    clear: both;
    margin-bottom: 5px;
}

#ct_matrix td, #ct_matrix th {
    padding: 5px;
    /*border: 1px solid #f1f2f4;*/
    border: 0 none ;
    text-align: center;
}
#ct_matrix tr.ct_matrix_head th {
    padding: 20px 12px 20px 10px;
    text-transform: uppercase;
    color: #343434;
}
#ct_matrix td, #ct_matrix th {
    border: 0 none transparent;
}
#ct_matrix tr {
    border-bottom: solid 1px #d9d9d9;
}

#ct_matrix tr.ct_matrix_head {
    border-bottom: none ;
}
#ct_matrix .qty {
    padding: 1px;
    margin: 0px;
    border: 1px solid #c0c0c0;
    font-size: 14px;
    text-align: center;
    border-left: none;
    border-right: none;
    width: 48px!important;
    /*
    top: 1px;
    */
    position: relative;
    margin-bottom: 10px;
}

#ct_matrix .qty.no_plus_minus_buttons {
    border: 1px solid #c0c0c0;
    
}

#ct_matrix .ct_submit {
    padding: 1px 5px 2px 5px;
    cursor: pointer;
    /* top: 1px; */
    /* position: relative; */
}

#ct_matrix .ct_submit_nostock {
    opacity: 0.4;
    cursor: not-allowed;
}

#ct_matrix .ctd_addtocart .ct_submit {
    padding: 0; 
    margin-left: 20px;
}
#ct_matrix .ctd_addtocart .ct_submit .lbl-add-to-cart {
    display: none;
}
#ct_matrix .ctd_addtocart .ct_submit .fa.fa-shopping-bag {
    position: relative;
    display: block;
    height: 48px;
    width: 48px;
    padding: 12px;
    background: #457ab4 url('/img/dental_rocket/svg/03_cart_white.svg') center center no-repeat;
    background-size: 24px 24px;
}
#ct_matrix .ctd_addtocart .ct_submit:hover {
    border-color: #888;
}
#ct_matrix .ctd_addtocart .ct_submit:hover .fa.fa-shopping-bag {
    filter: brightness(1.4) grayscale(.5);
}

.bulk_option_add_to_cart {
    display: block;
    clear: both;
    overflow: hidden;
    padding: 5px;
}

.bulk_option_add_to_cart p {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.bulk_option_add_to_cart .buttons_bottom_block {
    padding: 0px;
}

.increase_quantity, .decrease_quantity {
    cursor: pointer;
}

.ctd_price {
    font-size: 12px;
}

#ct_matrix .ctd_price {
        text-align: left;
}
#ct_matrix .ctd_price .strongprice {
    display: block;
    font-size: 16px;
}

#ct_matrix tr td {
    vertical-align: baseline;
}

.ctd_price strike {
    color: #c0c0c0;
}

.combinations_tab_price {
    text-align: right;
    margin-left: 10px;
    display: block;
    float: right;
}

.combinations_tab_price img {
    height: 20px;
    width: auto;
}

.colormobile {
    display: none;
}


.ct_submit .material-icons {
    font-size: 17px;
    padding: 0px;
    margin-right: 2px;
    position: relative;
    top: -1px;
}

.pagination_show {
    display: table-row !important;
}

.pagination_hide {
    display: none !important;
}

nav.ct_pagination {
    margin: 0px;
}

.coloroncolor {
    background: #000;
    color: #FFF;
    padding: 1px 3px;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .coloroncolor {
        display: none !important
    }

    .colormobile {
        display: block !important;
    }

    table#ct_matrix tbody, table#ct_matrix {
        display: block !important;
        width: 100%;
    }

    table#ct_matrix th {
        display: none;
    }

    table#ct_matrix tr {
        margin-bottom: 40px;
        border-top: 5px solid #cecece;
        border-bottom: 5px solid #cecece;
        border-radius: 5px;
    }

    table#ct_matrix tr, table#ct_matrix td {
        display: block;
        clear: both;
        width: 100% !important;
    }

    table#ct_matrix td {
        border-top: 1px;
    }

    table#ct_matrix td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }

    table#ct_matrix td:before {
        width: 40%;
        text-align: right;
        display: block;
        height: 100%;
    }

    table#ct_matrix .ctd_image::before {
        display: none !important;
    }

    #ct_matrix tr.ct_matrix_row:hover td, #ct_matrix td, #ct_matrix th {
        padding: 5px;
        border: 0px;
        border-left: 1px solid #f1f2f4;
        border-right: 1px solid #f1f2f4;
        border-bottom: 1px solid #f1f2f4;
        text-align: center;
    }

    #ct_matrix tr.ct_matrix_row:hover {
        background: none;
    }

    .pagination_show {
        display: block !important;
    }

    .pagination_hide {
        display: none !important;
    }
}

.atc_spinner {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.04, 0.71, 0.75, 0.2);
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: cubic-bezier(0.04, 0.71, 0.75, 0.2);
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: cubic-bezier(0.04, 0.71, 0.75, 0.2);
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.04, 0.71, 0.75, 0.2);
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.ctpAlert {
    margin: 0px;
    text-align: center;
}

#ct_matrix_head_hide {
    display: none !important;
}

.cth_addtocart {
    min-width: 95px !important;
}

.ctp_switch td {
    cursor: pointer;
}

#ct_matrix .percentageBadge {
    background: red;
    padding: 2px;
    color: #FFF;
    font-weight: bold;
}

a.ctpf {
    opacity: 0.6;
}

a.ctpf.active {
    opacity: 1.0;
}

.table-ct-filters {
    background: #FFF;
    font-size: 12px;
}


.table-ct-filters-label {
    vertical-align: middle!important;
    text-align: right;
}
#ct_matrix .input-qty {
    display: inline-flex;
    border: 1px solid #c1bfc0;
    margin-bottom: 10px;
}
#ct_matrix .input-qty input[type=number] {
    border: none;
    margin-bottom: 0;
    -moz-appearance: textfield;
    color: #888;
  }
#ct_matrix .input-qty input::-webkit-outer-spin-button,
#ct_matrix .input-qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-qty > span > img {
    min-width: 30px;
    min-height: 30px;
}
@media screen and (min-width:768px){
    #ct_matrix tr > td:nth-child(odd) {
        background-color: #f7f7f7;
    }
    #ct_matrix tr > td:last-child {
        background-color: transparent;
    }
    #ct_matrix tr.ct_matrix_head > th {
        /*
        background-image: none;
        background-color: #ebe9ea;
        */
    }
    
    #ct_matrix tr > th.cth_addtocart .tablesorter-header-inner {
        visibility: hidden;
        z-index: -1;
        opacity: 0;
    }
    #ct_matrix thead th.nosort
}
@media screen and (min-width:1200px){
    #ct_matrix tr.ct_matrix_head th {
        padding: 20px;
    }
}