/******************************************************************************
 *   ______                                                                   *
 *  /       \                                                                 *
 * /$$$$$$  | ________  __    __   ______    ______                           *
 * $$ |__$$ |/        |/  |  /  | /      \  /      \                          *
 * $$    $$ |$$$$$$$$/ $$ |  $$ |/$$$$$$  |/$$$$$$  |                         *
 * $$$$$$$$ |  /  $$/  $$ |  $$ |$$ |  $$/ $$    $$ |                         *
 * $$ |  $$ | /$$$$/__ $$ \__$$ |$$ |      $$$$$$$$/                          *
 * $$ |  $$ |/$$      |$$    $$/ $$ |      $$       |                         *
 * $$/   $$/ $$$$$$$$/  $$$$$$/  $$/        $$$$$$$/                          *
 *                                                                            *
 * @PROJECT    : Smart Group Extension [Magetop.com]                          *
 * @AUTHOR     : Azure - Developer                                            *
 * @COPYRIGHT  : © 2019  Magetop.com                                          *
 * @LINK       : https://Magetop.com                                          *
 * @CREATED    :  08/02/2023                                                  *
 ******************************************************************************/
.spg-product-contenter {
    margin-top: 40px;
}
#spg-colors {
    float: left;
    width: 100%;
    padding: 0 !important;
    margin-top: 20px;
    margin-bottom: 0 !important;
}
#spg-colors li {
    display: inline;
    float: left;
    margin-left: 5px;
    position: relative;
}

#spg-colors li i {
    font-size: 2.5em;
    border-radius: 50%;
}
#spg-colors li i:last-child {
    position: absolute;
    font-size: 1.5em;
    top: 5px;
    left: 5px;
    color: yellow;
    font-weight: 800;
    background: #237597;
    border: 2px solid #237597;
    z-index: 999999;
}
table#table-cpg-list-size, table#table-cpg-list-size th, table#table-cpg-list-size td {
    border: 1px solid #cccccc;
    text-align: center;
}
table#table-cpg-list-size td  {
    padding: 8px;
    text-align: center;
    font-size: 1.3em;
    font-weight: 500;
}
table#table-cpg-list-size td.product-size-item-qty  {
   width: 100px;
}
table#table-cpg-list-size td input {
    max-width: 40px;
    text-align: center;
}
#table-spg-list-configure tr td h3, #table-spg-list-configure tr td span {
    font-weight: 500;
}
#table-spg-list-configure tr td h3.active {
    color: red;
    font-weight: 500;
}
#btn-smart-group-add-to-cart {
    margin-top: 20px;
    padding: 16px;
    background-color: #1979c3;
    border: 1px solid #1979c3;
    color: #fff;
    font-size: 1.8em;
    font-weight: 600;
    margin-bottom: 10px;
}
.spg-select-size-title {
    font-weight: 600;
    font-size: 1.4em;
    float: left;
    width: 100%;
    padding: 10px 0;
}
table#table-spg-list-configure, table#table-spg-list-configure th, table#table-spg-list-configure td {
    border: 1px solid #ccc;
}
table#table-spg-list-configure td, table#table-spg-list-configure th {
    text-align: center;
    padding: 5px 0;
}
#table-spg-list-configure img {
    max-height: 100px;
}
.spg-child-min-price {
    font-size: 1.4em;
    font-weight: 600;
}
#spg-colors li span {
    font-size: 1.8em;
}
.spg-product-configure-select-qty {
    font-size: 1.4em;
    font-weight: 600;
}
.spg-color-item{
    position: relative;
}
.spg-color-item-select-qty {
    position: absolute;
    top: -10px;
    right: -4px;
    font-size: 1.5em !important;
    font-weight: 500;
}
#cpg-custom-total-action {
    margin-top: 10px;
    text-align: right;
}
.row-configure-active {
    background-color: oldlace;
}
.btn-group-increase-qty, .btn-group-decrease-qty {
    width: 20px;
    text-align: center;
    font-weight: 500;
    font-size: 1.2em;
    cursor: pointer;
}
.inline-input {
    display: inline-block;
    margin: 0 10px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}