/**
 * Magehq
 * 
 * NOTICE OF LICENSE
 * 
 * This source file is subject to the Magehq.com license that is
 * available through the world-wide-web at this URL:
 * https://magehq.com/license.html
 * 
 * DISCLAIMER
 * 
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 * 
 * @category   Magehq
 * @package    Magehq_ConfigurableMatrixView
 * @copyright  Magehq\Copyright (c) 2024 Magehq (https://magehq.com/)
 * @license    https://magehq.com/license.html
 */
.block-magehq-matrixview {
    max-height: 650px;
    width: 100%;
    overflow: auto;
    margin-bottom: 25px;
}
#magehq-matrixview{
    visibility: hidden;
    border-collapse: inherit;
}
table#magehq-matrixview thead th {
    background: #f0f0f0;
    background-clip: padding-box;
}
table#magehq-matrixview tbody tr:nth-child(even){
    background: #f0f0f0
}
table#magehq-matrixview tbody tr:nth-child(odd) {
    background: #fff
}

table#magehq-matrixview td:first-child, table#magehq-matrixview th:first-child{
    border: none;
}

table#magehq-matrixview th,table#magehq-matrixview tbody tr td:first-child {
    z-index: 9;
    background-color: inherit;
}
table#magehq-matrixview .swatch-option.color {
    min-width: 82px;
    min-height: 33px;
    border-radius: 5px;
    outline: none;
    border: none;
}
table#magehq-matrixview .swatch-attribute.size .swatch-option, table#magehq-matrixview .swatch-attribute.manufacturer .swatch-option {
    color: #575757;
}
table#magehq-matrixview .swatch-option.image:not(.disabled):hover,table#magehq-matrixview .swatch-option.color:not(.disabled):hover {
    opacity: 0.85;
}
.block-magehq-matrixview .border-row-left {
    position: absolute;
    top: 0px;
    width: 0.5px;
    background: #ccc;
    left: 0;
    z-index: 19;
}
.block-magehq-matrixview .border-row-right {
    position: absolute;
    top: 0px;
    width: 1px;
    background: #ccc;
    z-index: 19;
}

.child-product-matrix input.qty {
    width: 40px;
    border: solid 1px #bbb;
    text-align: center;
}
.product-info-main .price-box .price-wrapper .price {
    font-size: 1.3rem;
}
.child-product-matrix input.qty.ui-spinner-input {
    width: 95px;
    padding-left: 25px;
    padding-right: 25px;
}
.ui-spinner-up span.custom-button-magehq:before {
    content: "+";
}
.ui-spinner-down span.custom-button-magehq:before {
    content: "-";
}
.ui-spinner-up span.custom-button-magehq, .ui-spinner-down span.custom-button-magehq {
    display: block;
    width: 24px;
    background-color: #e8e8e8;
    height: 30px;
    line-height: 30px;
    color: #575757;
    font-size: 16px;
}

.child-product-matrix a.ui-spinner-button.ui-spinner-up {
    position: absolute;
    right: 1px;
    bottom: 1px;
    cursor: pointer;
}
.child-product-matrix a.ui-spinner-button.ui-spinner-down {
    position: absolute;
    left: 1px;
    bottom: 1px;
    cursor: pointer;
}
table#magehq-matrixview td, table#magehq-matrixview th {
    border-left: 1px solid #ccc;
    text-align: center;
}
table#magehq-matrixview span.old-price .price-label {
     display: none;
}
table#magehq-matrixview span.old-price .price {
    text-decoration: line-through;
}
canvas#magehqcanvas {
    position: absolute;
    top: 0;
    left: 0;
}
span.label-attribute1 {
    position: absolute;
    left: 50%;
    top: 10px;
}
span.label-attribute0 {
    position: absolute;
    bottom: 5px;
    left: 15px;
}
.magehq-swatch .swatch-option {
    display: inline-block;
    float: none;
    margin: 0;
}
.magehq-attribute-label span{
    font-weight: bold;
}
.child-product-matrix div.tier-price {
    position: absolute;
    background: #ccc;
    padding: 10px;
    min-width: 250px;
    border-radius: 5px;
    z-index: 19;
    width: 175px;
}
.child-product-matrix div.tier-price:after {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #ccc;
    content: '';
    position: absolute;
    bottom: -15px;
    left: 45%;
}
.magehq-error{
    border: 1px solid #ff0606 !important;
}
p.mess-err-magehq-m {
    display: none;
    position: absolute;
    z-index: 19;
    background: #ff0606;
    width: 200px;
    padding: 5px;
    border-radius: 5px;
    color: #ece7e7;
    font-weight: 600;
}
p.mess-err-magehq-m:after {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 15px solid #f91111;
    content: '';
    position: absolute;
    bottom: -14px;
    left: 40%;
}
.child-product-matrix a:hover{
    text-decoration: none;;
}
.total-price {
    float: left;
    margin-bottom: 26px;
}
.total-price p{
    height: 30px;
    margin: 0;
    line-height: 30px;
}
.reset {
    float: right;
    padding: 5px;
    border-radius: 15.5px;
    box-shadow: 2px 0.1px 16px 0 rgba(0, 0, 0, 0.15);
}
span#reset-matrix-view {
    display: block;
    background-image: url('../images/reset_icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 28px;
    cursor: pointer;
}
.child-product-matrix span.ui-spinner.ui-widget.ui-widget-content.ui-corner-all {
    display: inline-block;
    position: relative;
}

.total-rest-matrix-view:after {
    display: block;
    content: '';
    clear: both;
}
.magehq-price-range .product-info-price .price-box .price-container .price{
    font-size: 24px;
    line-height: 24px;
}
.magehq-price-range span {
    font-size: 20px !important;
    font-weight: bold;
    color: #000;
}