.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

a {
    text-decoration: none;
}

.shop-sorting .form-control.page-size {
    max-width: 85px;
}

.pagination .pages > li.active > span {
    display: block;
    width: 36px;
    height: 36px;
    transition: all .3s;
    border: 1px solid transparent;
    border-radius: 50%;
    color: #606975;
    line-height: 34px;
    text-decoration: none;
    border-color: var(--primary);
    background-color: var(--primary);
    color: #ffffff;
}

.pagination {
    margin-bottom: 20px;
    border-radius: 0;
}

    .pagination ul li {
        margin-right: 5px;
    }

        .pagination ul li.next-page {
            float: right;
        }

        .pagination ul li.previous-page {
            margin-right: 30px;
        }

            .pagination ul li.next-page:hover, .pagination ul li.previous-page:hover {
                border-width: 0;
            }

            .pagination ul li.next-page a:hover, .pagination ul li.previous-page a:hover {
                background-color: transparent;
                border-width: 0;
                transition: none;
                color: var(--primary)
            }

            .pagination ul li.next-page a, .pagination ul li.previous-page a {
                background-color: transparent;
                border-width: 0;
                transition: none !important;
            }

.product-card .description {
    display: none;
}

.product-card.product-list .description {
    display: block;
}

.product-gallery {
    padding-top: 15px;
}

.badge-light {
    color: #212529;
}

.add-to-cart-panel .qty-input {
    width: 65px;
    text-align: center;
}

.option-list.attribute-squares.color-squares input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.option-list.attribute-squares.color-squares .custom-control {
    padding: 0 !important;
    margin: 0;
}

.option-list.attribute-squares.color-squares .badge {
    font-size: 1.5em;
}

.option-list.attribute-squares.color-squares .selected-value .badge {
    border: 1px solid var(--primary);
}


.attribute-squares {
    font-size: 0;
}

    .attribute-squares li {
        display: inline-block;
        margin: 0;
        text-align: center;
    }

    .attribute-squares .attribute-square-container {
        display: block;
        position: relative;
        z-index: 0;
        padding: 1px;
    }

    .attribute-squares label {
        display: block;
        margin: 0 !important;
        overflow: hidden;
    }

    .attribute-squares .attribute-square {
        display: table !important;
        width: 32px !important;
        height: 32px !important;
        border: 1px solid #444 !important;
        cursor: pointer;
    }

    .attribute-squares .selected-value .attribute-square-container {
        background-color: #4ab2f1;
    }

    .attribute-squares li input {
        position: relative;
        margin: 0;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

.tooltip-container {
    position: absolute;
    width: 200px;
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #eeeeee;
    text-align: center;
    visibility: hidden;
    border-radius: 5px;
}

    .tooltip-container:before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -7px;
        width: 0;
        height: 0;
        border-bottom: 7px solid #eeeeee;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
    }

    .tooltip-container:after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -6px;
        width: 0;
        height: 0;
        border-bottom: 6px solid #FFFFFF;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
    }

.attribute-squares li:hover .tooltip-container {
    visibility: visible;
    margin-left: -83px;
    margin-top: 5px;
    z-index: 999;
}

.tooltip-container .tooltip-header {
    background-color: #F6F6F6;
    height: 25px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    width: 198px;
    font-size: 15px;
    border-bottom: 1px #EEEEEE solid;
}

.tooltip-container .tooltip-body {
    margin: 5px;
}

    .tooltip-container .tooltip-body img {
        border: 0px #FFF;
        width: 190px;
    }

.checkout-steps > a {
    width: 16.65%;
}

@media (max-width: 576px) {
    .checkout-steps > a {
        width: 100%;
    }
}

.remove-from-cart-col {
    color: #ff5252;
}

    .remove-from-cart-col .custom-control .custom-control-input:checked ~ .custom-control-label::before {
        border-color: #ff5252;
        background-color: #ff5252;
    }

@media (min-width: 768px) {
    .cart-collaterals .coupon-form .form-control {
        max-width: 195px;
    }
}



#shopping-cart-form div.totals, div.total-info {
    background-color: #f2f2f2;
}

.order-summary-content .terms-of-service label a:hover, .read:hover {
    cursor: pointer;
}

.input-group .form-control {
    width: 100%;
    border-top-right-radius: 22px !important;
    border-bottom-right-radius: 22px !important;
}

.input-group .input-group-addon,
.input-group .input-group-btn {
    z-index: 999;
}

.form-control.input-validation-error {
    border-color: #dc3545 !important;
}

.field-validation-error {
    color: #dc3545;
}

.login-box .field-validation-error {
    display: block;
    margin-top: -15px;
    margin-bottom: 20px;
}

span.required {
    position: absolute;
    right: 5px;
    top: 0;
    color: #dc3545;
}

.pagination {
    display: table;
    width: 100%;
    border-top: 1px solid #e1e7ec;
}

    .pagination > .column {
        display: table-cell;
        padding-top: 16px;
        vertical-align: middle;
    }

    .pagination ul {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .pagination ul > li {
            display: inline-block;
            width: 36px;
            height: 36px;
            font-size: 14px;
            font-weight: 500;
            line-height: 34px;
            text-align: center;
        }

            .pagination ul > li > a, .pagination ul > li.current-page > span {
                display: block;
                width: 36px;
                height: 36px;
                transition: all .3s;
                border: 1px solid transparent;
                border-radius: 50%;
                color: #606975;
                line-height: 34px;
                text-decoration: none;
            }

                .pagination ul > li > a:hover {
                    border-color: #e1e7ec;
                    background-color: #f5f5f5;
                }

            .pagination ul > li.current-page > span {
                border-color: var(--primary);
                background-color: var(--primary);
                color: #ffffff;
            }

    .pagination .btn > i {
        margin-top: -5px;
    }

.modal-dialog .page-title {
    padding: 0;
    background-color: transparent;
    border-bottom-width: 0;
    margin-bottom: 20px;
}

.checkout-page .opc .card.active > .card-header {
    background-color: var(--primary);
}

.checkout-page .opc .card.active .card-header h4 {
    color: #fff;
}

a.blog-rss i {
    color: #DB7300;
    font-size: 1.2em !important;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: var(--success-darker);
    border-color: var(--success-darker);
}


.btn:focus {
    box-shadow: none !important;
}

/*********** GLOBAL TABLES ***********/



.table-wrapper {
    overflow-x: auto;
}

.forum-table {
    width: 100%;
}

    .forum-table th {
        border-width: 1px 1px 0;
        border-style: solid;
        border-color: #ddd;
        background-color: #f6f6f6;
        padding: 10px;
        white-space: nowrap;
        font-weight: normal;
    }

        .forum-table th.replies,
        .forum-table th.views,
        .forum-table th.votes,
        .forum-table th.latest-post,
        .forum-table th.topics,
        .forum-table th.posts,
        .forum-table td.replies,
        .forum-table td.views,
        .forum-table td.votes,
        .forum-table td.latest-post,
        .forum-table td.topics,
        .forum-table td.posts {
            display: none;
        }

    .forum-table td.image {
        min-width: 0;
    }

    .forum-table td {
        min-width: 50px;
        border-width: 1px;
        border-style: solid;
        border-color: transparent #ddd #ddd;
        background-color: #fff;
        padding: 20px;
        color: #444;
    }

    .forum-table td {
        min-width: 90px;
        padding: 10px;
    }

    .forum-table a {
        font-weight: normal;
        color: #4ab2f1;
    }

        .forum-table a:hover {
            text-decoration: underline;
        }

    .forum-table .forum-details,
    .forum-table .topic-details {
        text-align: left;
    }

/*** FORUM & PROFILE ***/



.forums-main-page .topic-block {
    margin: 0 0 35px;
    text-align: center;
}

    .forums-main-page .topic-block p {
        text-align: center;
    }

.forums-main-page .pager {
    display: none;
}

.forum-breadcrumb {
    margin: 0 0 40px;
}

.forums-header {
    margin: 0 0 50px;
    overflow: hidden;
}

    .forums-header:after {
        content: "";
        display: block;
        clear: both;
    }

    .forums-header .current-time {
        margin: 0 0 15px;
        color: #444;
    }

.forum-search-box .basic {
    overflow: hidden;
    margin: 0 0 10px;
}

.forum-search-box .advanced a {
    line-height: 22px;
    color: #444;
    text-decoration: underline;
}

    .forum-search-box .advanced a:hover {
        color: #4ab2f1;
    }

.forum-search-page .page-title {
    margin: 0 0 -1px;
}

.forum-search-page .search-error,
.forum-search-page .no-result {
    margin: 0 0 15px;
    text-align: center;
    color: #e4434b;
}

/* forum group */

.forums-table-section {
    margin: 0 0 60px;
}

    .forums-table-section + .pager {
        margin: -30px 0 30px;
    }

.forums-table-section-title {
    margin: 0 0 15px;
    padding: 0 10px;
}

    .forums-table-section-title a,
    .forums-table-section-title strong {
        font-size: 22px;
        font-weight: normal;
        color: #444;
    }

        .forums-table-section-title a:hover {
            color: #4ab2f1;
        }

.forums-table-section .image div {
    width: 38px;
    height: 32px;
    margin: auto;
    background: url('../images/topic-type1.png') center no-repeat;
}

    .forums-table-section .image div.sticky {
        background: url('../images/topic-type2.png') center no-repeat;
    }

    .forums-table-section .image div.announcement {
        background: url('../images/topic-type3.png') center no-repeat;
    }

.forums-table-section .forum-title,
.forums-table-section .topic-title {
    margin: 5px 0;
}

    .forums-table-section .forum-title a,
    .forums-table-section .topic-title a {
        font-size: 16px;
        font-weight: bold;
        color: #444;
    }

        .forums-table-section .forum-title a:hover,
        .forums-table-section .topic-title a:hover {
            color: #4ab2f1;
            text-decoration: none;
        }

    .forums-table-section .topic-title span {
        display: block;
        color: #777;
    }

.forums-table-section .forum-description,
.forums-table-section .topic-starter {
    margin: 5px 0;
}

.forums-table-section .latest-post {
    white-space: nowrap;
}

    .forums-table-section .latest-post div {
        margin: 5px 0;
    }

    .forums-table-section .latest-post label {
        color: #777;
    }

.forums-table-section .view-all {
    margin: 30px 0 0;
    padding: 0 10px;
}

    .forums-table-section .view-all a {
        background-color: #4ab2f1;
        padding: 10px 15px;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
    }

        .forums-table-section .view-all a:hover {
            background-color: #248ece;
        }

/* forum-page, topic page */

.forum-page .forum-info {
    margin: 0 0 30px;
}

.forum-page .forum-name,
.forum-topic-page .topic-name {
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
    padding: 0 10px 10px;
}

    .forum-page .forum-name h1,
    .forum-topic-page .topic-name h1 {
        font-size: 30px;
        font-weight: normal;
    }

.forum-actions,
.topic-actions {
    margin: 0 0 30px;
    font-size: 0;
}

    .forum-actions .actions a,
    .topic-actions .actions a {
        display: inline-block;
        margin: 1px;
        padding: 10px 10px 10px 33px;
        font-size: 14px;
    }

    .forum-actions .actions .new-topic {
        background: #eee url('../images/new.png') left center no-repeat;
    }

    .forum-actions .actions .watch-forum,
    .topic-actions .actions .watch-forum {
        background: #eee url('../images/watch.png') left center no-repeat;
    }

    .forum-actions .actions a:hover,
    .topic-actions .actions a:hover {
        background-color: #e6e6e6;
    }

    .forum-actions .pager.upper,
    .topic-actions .pager.upper {
        display: none;
        margin: 0;
    }

    .topic-actions .reply-topic-button {
        background: #eee url('../images/reply.png') left center no-repeat;
    }

    .topic-actions .watch-topic-button {
        background: #eee url('../images/watch.png') left center no-repeat;
    }

    .topic-actions .move-topic-button {
        background: #eee url('../images/move.png') left center no-repeat;
    }

    .topic-actions .edit-topic-button {
        background: #eee url('../images/edit_.png') left center no-repeat;
    }

    .topic-actions .delete-topic-button {
        background: #eee url('../images/remove_.png') left center no-repeat;
    }

    .topic-actions.lower .actions {
        display: none;
    }

.active-discussions-page .forums-table-section-title {
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
    padding: 0 10px 10px;
}

    .active-discussions-page .forums-table-section-title strong {
        font-size: 30px;
        font-weight: normal;
    }

.active-discussions-page .forums-table-section-body {
    margin: 0 0 20px;
}

/* topic post */

.topic-post {
    margin: 0 0 30px;
    border-top: 1px solid #ddd;
}

    .topic-post:last-child {
        border-bottom: 1px solid #ddd;
    }

    .topic-post:after {
        content: "";
        display: block;
        clear: both;
    }

    .topic-post .post-info {
        margin: 30px 0;
    }

    .topic-post .user-info {
        width: 150px;
        margin: 0 auto 15px
    }

    .topic-post .username {
        display: block;
        margin: 0 0 -1px;
        border: 1px solid #ddd;
        background-color: #f6f6f6;
        padding: 11px 0;
        font-weight: bold;
        color: #444;
    }

    .topic-post a.username:hover {
        color: #4ab2f1;
    }

    .topic-post .avatar,
    .profile-info-box .avatar {
        position: relative;
        width: 150px;
        height: 150px;
        border: 1px solid #ddd;
        overflow: hidden;
    }

        .topic-post .avatar img,
        .profile-info-box .avatar img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

        .topic-post .avatar img {
            border: solid 2px #CEDBE1 !important;
        }

    .topic-post .user-stats {
        margin: 0 0 15px;
    }

        .topic-post .user-stats li {
            display: inline-block;
            margin: 0 10px;
        }

        .topic-post .user-stats span,
        .profile-info-box .profile-stats span {
            margin: 0 0 0 3px;
            font-weight: bold;
            color: #444;
        }

    .topic-post .pm-button,
    .profile-info-box .pm-button {
        display: inline-block;
        border: none;
        background-color: #888;
        padding: 10px 20px;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
    }

        .topic-post .pm-button:hover,
        .profile-info-box .pm-button:hover {
            background-color: #999;
        }

    .topic-post .post-time {
        margin: 0 0 15px;
        background-color: #f6f6f6;
        padding: 10px 15px;
        font-size: 13px;
        font-weight: bold;
    }

        .topic-post .post-time span {
            color: #444;
        }

    .topic-post .post-actions {
        margin: 0 0 15px;
        font-size: 0;
    }

        .topic-post .post-actions > div {
            display: inline-block;
        }

        .topic-post .post-actions a {
            display: inline-block;
            margin: 1px 5px;
            font-size: 14px;
        }

        .topic-post .post-actions .edit-post-button,
        .topic-post .post-actions .delete-post-button {
            padding: 10px 10px 10px 33px;
        }

        .topic-post .post-actions .edit-post-button {
            background: url('../images/edit_.png') left center no-repeat;
        }

        .topic-post .post-actions .delete-post-button {
            background: url('../images/remove_.png') left center no-repeat;
        }

            .topic-post .post-actions .edit-post-button:hover,
            .topic-post .post-actions .delete-post-button:hover {
                color: #4ab2f1;
            }

        .topic-post .post-actions .post-link-button {
            padding: 10px;
            font-weight: bold;
            color: #4ab2f1;
        }

            .topic-post .post-actions .post-link-button:hover {
                text-decoration: underline;
            }

        .topic-post .post-actions .quote-post-button {
            background-color: #888;
            padding: 10px 20px;
            color: #fff;
        }

            .topic-post .post-actions .quote-post-button:hover {
                background-color: #999;
                color: #fff;
            }

    .topic-post .post-text {
        /*topic post-text also gets style from blog post-body*/
        padding: 0 10px 20px;
        line-height: 22px;
        color: #444;
        margin-bottom: 0;
    }

    .topic-post .post-vote {
        text-align: center;
        display: table;
        margin: 0 auto 20px;
    }

    .topic-post .user-posted-image,
    .latest-posts .user-posted-image {
        max-width: 100%;
        height: auto;
    }

    .topic-post .quote,
    .latest-posts .quote {
        margin: 10px 0;
        border: 1px dashed #ccc;
        background-color: #f9f9f9;
        padding: 10px;
        color: #777;
    }

    .topic-post .signature {
        border-top: 1px solid #ddd;
        padding: 20px;
        font-size: 13px;
        font-style: italic;
        clear: both;
    }

    .topic-post .post-vote span.vote {
        cursor: pointer;
        display: block;
        width: 40px;
        height: 24px;
    }

    .topic-post .post-vote span.up {
        background: url('../images/vote-up.png') no-repeat 50% 50%;
    }

    .topic-post .post-vote span.vote.up.selected {
        background: url('../images/vote-up-selected.png') no-repeat 50% 50%;
    }

    .topic-post .post-vote span.down {
        background: url('../images/vote-down.png') no-repeat 50% 50%;
    }

    .topic-post .post-vote span.vote.down.selected {
        background: url('../images/vote-down-selected.png') no-repeat 50% 50%;
    }

    .topic-post .vote-count-post {
        display: block;
        font-size: 160%;
    }
/* forum edit & send message */

.forum-edit-page .page-title,
.move-topic-page .page-title,
.private-message-send-page .page-title {
    margin: 0 0 -1px;
}

.move-topic-page label {
    white-space: normal;
}

.forum-edit-page .message-error,
.private-message-send-page .message-error {
    margin: 20px 0;
}

.forum-edit-page .inputs strong {
    display: inline-block;
    max-width: 400px;
    font-size: 22px; /*reset zeroing*/
    font-weight: normal;
    color: #444;
    white-space: normal;
}

.forum-edit-page .inputs .topic-subject {
    font-size: 17px;
}

.forum-edit-page .inputs.reversed {
    margin: 0;
}

    .forum-edit-page .inputs.reversed label {
        width: auto;
        margin: 5px;
        font-size: 14px; /*reset zeroing*/
        white-space: normal;
    }

.forum-edit-page .bb-code-editor-wrapper,
.private-message-send-page .bb-code-editor-wrapper {
    max-width: 400px;
    margin: 20px auto;
    background-color: #ddd;
    padding: 10px;
}

.forum-edit-page .toolbar .button,
.private-message-send-page .toolbar .button {
    margin: 0 2px 0 0;
    border: #cec6b5 1px solid;
    padding: 2px;
}

    .forum-edit-page .toolbar .button:hover,
    .private-message-send-page .toolbar .button:hover {
        border: #333 1px solid;
    }

.forum-edit-page textarea,
.private-message-send-page textarea {
    display: block;
    margin: auto;
}

.forum-edit-page .buttons input,
.move-topic-page .buttons input,
.private-messages .buttons input {
    min-width: 140px;
    border: none;
    background-color: #999;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

    .forum-edit-page .buttons input:hover,
    .move-topic-page .buttons input:hover,
    .private-messages .buttons input:hover {
        background-color: #888;
    }

.forum-edit-page .buttons .button-1,
.move-topic-page .buttons .button-1,
.private-messages .buttons .button-1 {
    background-color: var(--primary);
}

    .forum-edit-page .buttons .button-1:hover,
    .move-topic-page .buttons .button-1:hover,
    .private-messages .buttons .button-1:hover {
        background-color: var(--primary);
    }

.private-message-send-page a {
    font-size: 14px;
    color: #4ab2f1;
}

.private-message-send-page span {
    font-size: 14px;
}

.navbar {
    padding: 0;
    min-height: 65px;
}

.admin-header-links {
    background-color: #333;
    text-align: center;
    color: #eee;
}

    .admin-header-links * {
        display: inline-block;
        margin: 0 10px;
        line-height: 35px;
        font-size: 12px;
        font-weight: bold;
    }

    .admin-header-links .impersonate {
        display: inline-block;
    }

        .admin-header-links .impersonate a {
            background-color: #555;
            padding: 0 15px;
        }

            .admin-header-links .impersonate a:hover {
                background-color: #666;
            }

.btn-outline-primary:hover, .btn-primary:hover {
    border-color: var(--primary);
}

.slider-wrapper.theme-custom {
    margin-bottom: 0;
}

#nivo-slider {
    background: url('../img/hero-main-bg.jpg');
}


#eu-cookie-bar-notification {
    position: absolute;
    background-color: rgba(235, 248, 255, 1);
    z-index: 999999;
    border: 1px solid #50c6e9;
    top: 5px;
    right: 5px;
    left: 5px;
    padding: 12px;
}

    #eu-cookie-bar-notification:before {
        border: 0;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

.modal .container {
    width: 100% !important;
}

.password-recovery-page .result {
    margin-bottom: 5px;
    font-weight: bold;
}

.product-spec-group {
    list-style: none;
    padding-left: 0;
}

    .product-spec-group .name {
        padding-bottom: 10px;
    }

    .product-spec-group .item {
        display: flex;
        padding-left: 15px;
        align-items: center;
    }
        .product-spec-group .item + .item{
            padding-top: 8px;
        }

        .product-spec-group .item label {
            cursor: pointer;
            display: flex;
            align-items: center;
            padding-left: 8px;
            flex-grow: 1;
        }
    .product-spec-group .attribute-squares{
        font-size: inherit;
        margin-bottom:0;
    }

    .product-spec-group .attribute-squares .attribute-square {
        width: 20px !important;
        height: 20px !important;
        margin-right: 8px;
        display: inline-block !important;
        cursor: pointer;
    }