/* @package Joomla
 * @copyright Copyright (C) Open Source Matters. All rights reserved.
 * @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php
 * @extension Phoca Cart
 * @copyright Copyright (C) Jan Pavelka www.phoca.cz - https://www.phoca.cz/phocacart
 * @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
 */

:root {

    --ph-error: #dc3545;
    --ph-success: #28a745;
    --ph-warning: #ffc107;
    --ph-info: #17a2b8;
    --ph-grey: #999;
    --ph-grey-bg: #f9f9f9;
    --ph-white-bg: #fff;
    --ph-grey-color: #999;
	--ph-grey-border: #f0f0f0;

    --ph-loading-1: #c1e2f1;
    --ph-loading-2: #45a7d4;

	--ph-price-filter-bg: #08b2d9;
	--ph-price-filter-border: #079ec0;
    --ph-main: #08b2d9;


    --ph-icon-default: #d0d0d0;
    --ph-icon-featured: #f0ad4e;
    --ph-icon-hot: #d9534f;
    --ph-icon-new: #337ab7;
}

.ph-top {
    margin-bottom: 1em;
}
.ph-desc,
.ph-items,
.ph-categories,
.ph-subcategories {
    margin-top: 1em;
}

.ph-desc {
    margin-bottom: 2em;
}

.ph-desc-bottom {
    margin-top: 2em;
    margin-bottom: 1em;
}

.pc-item-view .ph-desc {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.pc-checkout-view,
.pc-account-view,
.pc-category-view,
.pc-categories-view,
.pc-item-view {
    margin: 1em 0;
}

.ph-image-navigation-box {
    margin-top: 1em;
}

.ph-top-space {
    margin-top: 2em;
}

.ph-image-navigation {
    width: 7em;
}

.ph-center,
.ph-image,
.ph-image-full {
    text-align: center;
    margin: 0 auto;
}

.ph-small {
    font-size: x-small;
}

.ph-u {
    text-decoration: underline;
}

.ph-cb {
    clear: both;
}

.ph-right {
    text-align: right;
}

.ph-left {
    text-align: left;
}
.ph-hr {
    border-bottom: 1px solid var(--ph-grey-border);
    margin-bottom: 1em;
}

.ph-msg-error {
    color: var(--ph-error);
}

.b-thumbnail > img,
.b-thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

/*.ph-item-reward-box,*/
.ph-category-bottom-box,
.ph-category-action-buttons,
.ph-item-bottom-box,
.ph-item-add-to-cart-box,
.ph-item-min-qty-box,
.ph-item-stock-box,
.ph-item-tag-box,
.ph-item-size-box {
    margin-top: 2em;
}

.pc-category-view .ph-item-min-qty-box {
    margin-top: 0;
}

.pc-item-view .ph-item-buy-now-box {
    margin-top: 2em;
}

.ph-item-tag-box span a {
    color: #fff;
    text-decoration: none;
}

.ph-item-reward-box .ph-reward,
.ph-category-price-box .ph-price-brutto,
.ph-category-price-box .ph-price-netto,
.ph-category-price-box .ph-price-original,
.ph-category-price-box .ph-price-base,
.ph-category-price-box .ph-tax,
.ph-item-sku-box .ph-sku,
.ph-item-upc-box .ph-upc,
.ph-item-ean-box .ph-ean,
.ph-item-jan-box .ph-jan,
.ph-item-isbn-box .ph-isbn,
.ph-item-mpn-box .ph-mpn,
.ph-item-serial-number-box .ph-serial-number,
.ph-item-min-qty-box .ph-min-qty,
.ph-item-manufacturer-box .ph-manufacturer,
.ph-item-delivery-date-box .ph-delivery-date,
.ph-item-price-box .ph-price-brutto,
.ph-item-price-box .ph-price-netto,
.ph-item-price-box .ph-price-original,
.ph-item-price-box .ph-price-base,
.ph-item-price-box .ph-tax,
.ph-item-stock-box .ph-stock,
.ph-category-stock-box .ph-stock,
.ph-item-size-box .ph-item-length,
.ph-item-size-box .ph-item-width,
.ph-item-size-box .ph-item-height,
.ph-item-size-box .ph-item-weight,
.ph-item-size-box .ph-item-volume {
    float: right;
}

.ph-item-reward-box .ph-reward-txt,
.ph-category-price-box .ph-price-txt,
.ph-category-price-box .ph-tax-txt,
.ph-category-stock-box .ph-stock-txt,
.ph-item-sku-box .ph-sku-txt,
.ph-item-upc-box .ph-upc-txt,
.ph-item-ean-box .ph-ean-txt,
.ph-item-jan-box .ph-jan-txt,
.ph-item-isbn-box .ph-isbn-txt,
.ph-item-mpn-box .ph-mpn-txt,
.ph-item-serial-number-box .ph-serial-number-txt,
.ph-item-min-qty-box .ph-min-qty-txt,
.ph-item-manufacturer-box .ph-manufacturer-txt,
.ph-item-delivery-date-box .ph-delivery-date-txt,
.ph-item-price-box .ph-price-txt,
.ph-item-price-box .ph-tax-txt,
.ph-item-stock-box .ph-stock-txt,
.ph-item-size-box .ph-item-length-txt,
.ph-item-size-box .ph-item-width-txt,
.ph-item-size-box .ph-item-height-txt,
.ph-item-size-box .ph-item-weight-txt,
.ph-item-size-box .ph-item-volume-txt {
    float: left;
    clear: both;
}

.ph-item-box.list .ph-item {
    width: 100%;
}

.ph-item-box.list .ph-category-price-box,
.ph-item-box.gridlist .ph-category-price-box {
    padding-bottom: 1em;
}

.ph-category-price-box .ph-price-original,
.ph-item-price-box .ph-price-original {
    color: var(--ph-error);
    font-weight: bold;
    text-decoration: line-through;
}

.ph-checkout-cart-brutto,
.ph-cart-total,
.ph-category-price-box .ph-price-brutto,
.ph-item-price-box .ph-price-brutto {
    font-weight: bold;
}

.form-inline .form-group .ph-input-quantity {

}

.form-control.ph-input-quantity.ph-input-sm {
	padding: .25rem .5rem;
    font-size: .875rem;
}

.ph-item-input-select-attributes {
}

.ph-cart-small-quantity {
    /*width: 2%;*/
}

.ph-item-image-full-box {
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.row.ph-item-image-add-box,
.ph-item-image-add-box {
    text-align: center;
    margin-top: 1em;
}
.ph-item-thumbnail-related {
    text-align: center;
    margin: auto;
}

.ph-spec-title {
    font-weight: bold;
}

.ph-review-value input,
.ph-review-value textarea {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}
.ph-rating-box {
    margin-bottom: 1em;
}

.ph-reviews-review {
    font-style: italic;
    color: #555;
    padding-top: 1em;
}

/* Stars */
span.ph-stars,
span.ph-stars span {
    display: block;
    background: url(../images/star-small.svg) 0 -16px repeat-x;
    width: 80px;
    height: 16px;
}

span.ph-stars span {
    background-position: 0 0;
}

.ph-checkout-cart-box {
    width: 100%;
}

.ph-checkout-cart-image,
.ph-checkout-cart-quantity {
    text-align: center;
}
.ph-checkout-cart-product {
    text-align: left;
}

.ph-checkout-total-discount,
.ph-checkout-total-coupon,
.ph-checkout-total-amount,
.ph-checkout-cart-netto,
.ph-checkout-cart-brutto,
.ph-checkout-cart-tax {
    text-align: right;
}

.ph-checkout-cart-box tr td ul {
    margin-left: -2em;
    margin-top: -1.5em;
}
.ph-checkout-cart-box tr td ul li,
.ph-cart-small-box tr td ul li {
    color: var(--ph-grey);
    padding: 0;
    margin: 0 auto;
    line-height: 1;
}
.ph-checkout-cart-box tr td ul li span.ph-cart-small-attribute {
    line-height: 2;
}

table tr th.ph-checkout-cart-image {
    width: 10%;
}

.ph-input-select-currencies-button {
    margin-top: 1em;
}

/* Account, Checkout */
.ph-account-box-action,
.ph-checkout-box-action {
    padding: 5px;
    border-left: 1px solid var(--ph-grey-border);
    border-right: 1px solid var(--ph-grey-border);
    border-bottom: 1px solid var(--ph-grey-border);
    border-radius: 0 0 4px 4px;
    margin-top: 0;
    margin-bottom: 0;
    background: var(--ph-grey-bg);
}
.ph-account-box-action-raw,
.ph-checkout-box-action-raw {
    padding: 5px;
    margin: 0 25px 20px auto;
}
.row.ph-account-box-row,
.row.ph-checkout-box-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 1em;
}

.ph-account-box-header,
.ph-checkout-box-header {
    border: 1px solid var(--ph-grey-border);
    border-radius: 4px 4px 0 0;
    margin-top: 20px;
    background: var(--ph-white-bg);
}

.ph-account-box-header {
    margin-top: -5px;
}

.ph-checkout-box-header {
    margin-top: 20px;
}

.ph-account-box-header-pas,
.ph-checkout-box-header-pas {
    border: 1px solid var(--ph-grey-border);
    border-radius: 4px 4px 4px 4px;
    margin-top: 20px;
    background: var(--ph-white-bg);
}
.ph-account-box-header-pas h3,
.ph-account-box-header h3,
.ph-checkout-box-header-pas h3,
.ph-checkout-box-header h3 {
    margin: 0;
    padding: 10px;
    font-size: 120%;
}

.ph-account-box-action .ph-box-header,
.ph-checkout-box-action .ph-box-header {
    font-weight: bold;
    color: var(--ph-grey-color);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 0;
}

.ph-account-btn-login,
.ph-checkout-btn-login {
    margin-top: -7px;
    margin-bottom: 7px !important;
}

.ph-li-inline li {
    float: left;
    margin-left: 3em;
}

.ph-left-border {
    border-left: 1px solid var(--ph-grey-border);
    margin-left: -1px;
}
.ph-right-border {
    border-right: 1px solid var(--ph-grey-border);
}

.ph-checkout-icon-finished,
.ph-checkout-icon-ok {
    font-size: 130%;
    color: var(--ph-success);
    margin-right: 3px;
    margin-top: 3px;
}

.ph-checkout-icon-pending,
.ph-checkout-icon-not-ok {
    font-size: 130%;
    color: var(--ph-error);
    margin-right: 3px;
    margin-top: 3px;
}

.ph-checkout-icon-spec-finished {
    background: var(--ph-success);
    display: inline-block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 0 3px 0 0;
    width: 2em;
    padding: 0.5em;
    margin: 2px -6px 2px 2px;

}

.ph-checkout-icon-spec-pending {
    background: var(--ph-grey-color);
    display: inline-block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 0 3px 0 0;
    width: 2em;
    padding: 0.5em;
    margin: 2px -6px 2px 2px;
}

.ph-checkout-address-edit,
.ph-checkout-check-box,
.ph-checkout-address-save {
    margin: 1em;
}
.ph-checkout-payment-edit,
.ph-checkout-shipping-edit {
    margin: 1em;
}

.ph-checkout-payment-save,
.ph-checkout-shipping-save {
    margin: 1em;
}

.ph-checkout-payment-netto,
.ph-checkout-payment-brutto,
.ph-checkout-payment-tax,
.ph-checkout-shipping-netto,
.ph-checkout-shipping-brutto,
.ph-checkout-shipping-tax {
    text-align: right;
}

.ph-checkout-payment-brutto,
.ph-checkout-shipping-brutto {
    font-weight: bold;
}

.ph-checkout-checkbox-confirm {
    padding-right: 2em;
}

.ph-download-header-box-row,
.ph-orders-header-box-row {
    font-weight: bold;
    border-bottom: 2px solid var(--ph-grey-border);
    padding-top: 5px;
    padding-bottom: 5px;
}

.ph-download-item-box-row-line {
    border-bottom: 1px solid var(--ph-grey-border);
    padding-top: 0;
}

.ph-orders-item-box-row {
    border-bottom: 1px solid var(--ph-grey-border);
    padding-top: 7px;
    padding-bottom: 7px;
}

.ph-download-item-box-row div {
    margin-top: 7px;
    margin-bottom: 7px;
}

.ph-terms-box-in {
    font-size: 90%;
    padding: 2em;
}

.ph-checkout-payment-desc,
.ph-checkout-shipping-desc {
    font-size: small;
    font-style: italic;
}

/* IDnR */
.ph-idnr-box table,
.ph-idnr-box table tr,
.ph-idnr-box table tr td {
    border: 0;
}

.ph-idnr-box {
    margin: 5%;
    margin-top: 0;
}
.ph-idnr-box-in {
    width: 100%;
    font-size: 90%;
}

table.ph-idnr-box-in tr td {
    vertical-align: top;
}
.ph-idnr-header-img {
    margin: 5px auto;
}

.ph-idnr-box table tr td.ph-idnr-billing-box,
.ph-idnr-box table tr td.ph-idnr-shipping-box,
.ph-idnr-billing-box,
.ph-idnr-shipping-box {
    border: 1px solid var(--ph-grey-border);
    padding: 10px;
}

.pho1,
.pho2,
.pho3,
.pho4,
.pho5,
.pho6,
.pho7,
.pho8,
.pho9,
.pho10,
.pho11,
.pho12 {
    width: 8.3333%;
}

.ph-idnr-sep {
    width: 3%;
}

.ph-idnr-header-product {
    font-weight: bold;
    background: var(--ph-grey-bg);
}
.ph-idnr-header-product td {
    padding: 5px;
    white-space: nowrap;
}
.ph-idnr-body-product td {
    white-space: nowrap;
    padding: 5px;
}
.ph-idnr-box table tr td.ph-idnr-sep-horizontal,
.ph-idnr-sep-horizontal {
    border-top: 1px solid var(--ph-grey-border);
}
.ph-idnr-total td {
    padding: 2px 5px;
}
.ph-idnr-ul {
    margin-top: -5px;
}
.ph-idnr-li {
    line-height: 1;
}
.ph-idnr-to-pay-box td {
    padding: 2px 5px;
}
.ph-idnr-to-pay {
    background: var(--ph-grey-bg);
    padding: 20px;
}
.ph-idnr-to-pay-value {
    background: var(--ph-grey-bg);
    padding: 20px;
    text-align: right;
}

table.ph-idnr-tax-rec {
    margin-top: 10px;
    min-width: 40%;
}
table.ph-idnr-tax-rec,
table.ph-idnr-tax-rec tr,
table.ph-idnr-tax-rec tr td,
table.ph-idnr-tax-rec tr th {
    border: 1px solid var(--ph-grey-border);
    border-collapse: collapse;
    padding: 3px;
}

.ph-category-item-addtocart {
    float: right;
    margin: 2px;
}

.ph-category-item-compare {
    float: right;
    margin: 2px;
}

.ph-category-item-wishlist {
    float: right;
    margin: 2px;
}

.ph-category-item-quickview {
    float: right;
    margin: 2px;
}

.ph-comparison-table .img-responsive {
    width: auto;
    margin: 0 auto;
    text-align: center;
    /*width:100%;*/
}

.ph-comparison-table,
.ph-comparison-table tr,
.ph-comparison-table tr td {
    border: 1px solid var(--ph-grey-border);
}

.ph-comparison-table tr td {
    width: 25%;
    padding: 5px;
}

.ph-center {
    text-align: center;
}
.ph-center-pagination {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

.ph-center-pagination input,
.ph-center-pagination select,
.ph-center-pagination .chosen-container {
    text-align: left;
}
.ph-pagination-mt {
    margin-top: -2em;
}
.ph-pagination-top {
    margin-top: 1em;
    margin-bottom: 2em;
}
.ph-pagination-top #limittop.inputbox,
.ph-pagination #limittop.inputbox,
.ph-pagination-top #limit.inputbox,
.ph-pagination #limit.inputbox {
    width: 6em;
}
table.ph-comparison-table tr td {
    vertical-align: top;
}
table.ph-comparison-table tr td.ph-middle {
    vertical-align: middle;
}

.ph-red {
    color: var(--ph-error);
}
.ph-b {
    font-weight: bold;
}

.ph-new-icon {
    position: absolute;
    top: 5px;
    right: 25px;
}
.ph-hot-icon {
    position: absolute;
    top: 5px;
    right: 45px;
}
.ph-featured-icon {
    position: absolute;
    top: 5px;
    right: 65px;
}
.ph-alert-small {
    margin: 0 !important;
    padding: 5px !important;
    margin-top: -5px !important;
    margin-bottom: 3px !important;
    font-size: x-small;
}

.ph-item-navigation {
    margin-top: 1em;
}
.ph-item-navigation-box {
    margin: 1em 0 1em 0;
}

.ph-category-action-buttons .ph-cb {
    margin-bottom: 0.3em;
}

/* CSS Loading */
.ph-loader {
    margin: 3em auto;
    font-size: 8px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid var(--ph-loading-1);
    border-right: 1.1em solid var(--ph-loading-1);
    border-bottom: 1.1em solid var(--ph-loading-1);
    border-left: 1.1em solid var(--ph-loading-2);
    -webkit-animation: load8 1.3s infinite linear !important;
    animation: load8 1.3s infinite linear !important;
}
.ph-loader,
.ph-loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

/* Full site overlay plus loader - used when filtering */
#phLoaderFull {
    margin: auto auto;
    top: 50%;
    font-size: 8px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid var(--ph-loading-1);
    border-right: 1.1em solid var(--ph-loading-1);
    border-bottom: 1.1em solid var(--ph-loading-1);
    border-left: 1.1em solid var(--ph-loading-2);
    -webkit-animation: load8 1.3s infinite linear !important;
    animation: load8 1.3s infinite linear !important;
}
#phLoaderFull,
#phLoaderFull:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
    margin-top: -10em;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#phOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 10000;
    display: none;
}

#phItemsBox {
    position: relative;
}

#phOverlayDiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 10000;
    display: none;
}

/* Icons Hot, New, Featured */
/*
.ph-corner-icon-wrapper {
	overflow: hidden;
    position: absolute;
	top: -3px;
	right: -3px;
}

.ph-item-image-full-box .ph-corner-icon-wrapper {
	right: 12px;
}

.ph-corner-icon1-wrapper { width: 85px; height: 88px;}
.ph-corner-icon2-wrapper { width: 145px; height: 148px;}
.ph-corner-icon3-wrapper { width: 205px; height: 208px;}


.ph-corner-icon {
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	text-shadow: rgba(0,0,0,0.3) 2px 2px 1px;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	position: relative;
	padding: 7px 0;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow:    0 0 3px rgba(0,0,0,0.3);
	box-shadow:         0 0 3px rgba(0,0,0,0.3);
	z-index: 1000;
}

.ph-corner-icon-hot {
	background-color: #d9534f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
	background-image: -webkit-linear-gradient(top, #d9534f, #c9302c);
	background-image:    -moz-linear-gradient(top, #d9534f, #c9302c);
	background-image:     -ms-linear-gradient(top, #d9534f, #c9302c);
	background-image:      -o-linear-gradient(top, #d9534f, #c9302c);
}

.ph-corner-icon-featured {
	background-color: #f0ad4e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
	background-image: -webkit-linear-gradient(top, #f0ad4e, #ec971f);
	background-image:    -moz-linear-gradient(top, #f0ad4e, #ec971f);
	background-image:     -ms-linear-gradient(top, #f0ad4e, #ec971f);
	background-image:      -o-linear-gradient(top, #f0ad4e, #ec971f);
}

.ph-corner-icon-new {
	background-color: #337ab7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
	background-image: -webkit-linear-gradient(top, #337ab7, #286090);
	background-image:    -moz-linear-gradient(top, #337ab7, #286090);
	background-image:     -ms-linear-gradient(top, #337ab7, #286090);
	background-image:      -o-linear-gradient(top, #337ab7, #286090);
}

.ph-corner-icon1 {left: -5px;top: 13px;width: 121px; }
.ph-corner-icon2 {left: -15px; top: 42px; width: 203px;}
.ph-corner-icon3 {left: -25px; top: 71px; width: 285px;}

.ph-corner-icon:before, .ph-corner-icon:after {
  content: "";
  border-top:   3px solid #555;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ph-corner-icon:before {
  left: 0;
}
.ph-corner-icon:after {
  right: 0;
}


/* Alternative - Icons Hot, New, Featured - circle */
/*
.ph-corner-icon-wrapper {
	overflow: hidden;
    position: absolute;
	top: 0;
	left: 0;
}

.ph-corner-icon1-wrapper { width: 85px; height: 88px;}
.ph-corner-icon2-wrapper { width: 145px; height: 148px;}
.ph-corner-icon3-wrapper { width: 205px; height: 208px;}

.ph-corner-icon {
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: absolute;
	padding: 13px 7px;
	-webkit-transform: rotate(-20deg);
	-moz-transform:    rotate(-20deg);
	-ms-transform:     rotate(-20deg);
	-o-transform:      rotate(-20deg);
	border-radius: 50%;
	box-shadow: none;
	border: none;
	text-shadow: none;
	z-index: 1000;
}

.ph-corner-icon-featured {
	background-color: #FFCC00;
	background-image: none;
}

.ph-corner-icon1 {left: 25px;top: 5px;width: auto; }
.ph-corner-icon2 {left: 0; top:0 px; width: auto;}
.ph-corner-icon3 {left: 0; top: 0; width: auto;}

.ph-corner-icon:before, .ph-corner-icon:after {
  content: "";
  border: 0;
  position:absolute;
  bottom: 0;
}
/* End alternative Icons Hot, New, Featured - circle */

/* SINCE 3.1.2 - LABELS including HOT, NEW, FEATURED */
.ph-label-box {
    overflow: hidden;
    position: absolute;
    top: 0.3em;
    right: 0.2em;
    /*width: 100%;*/
}

.ph-manufacturer-box,
.ph-tag-box {
    font-size: 75%;
    margin: 3px 0;
}

.ph-manufacturer-box .ph-manufacturer-box-header,
.ph-tag-box .ph-tag-box-header {
    font-weight: bold;
}

.ph-item-box.list .ph-label-box {
    top: auto;
    right: auto;
    bottom: 1em;
    left: 0.3em;
}

#phQuickViewPopup .ph-label-box,
#ph-pc-item-box .ph-label-box {
    right: 1.2em;
}

.ph-corner-icon-wrapper {
    float: right;
    position: relative;
    z-index: 1;
}

.ph-item-box.list .ph-corner-icon-wrapper {
    float: left;
}

.ph-corner-icon {
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 0.2em 0.5em;
    margin: 0.2em 0.2em;
}

.ph-corner-icon {
    background-color: var(--ph-icon-default);
}
.ph-corner-icon-hot {
    background-color: var(--ph-icon-hot);
}

.ph-corner-icon-featured {
    background-color: var(--ph-icon-featured);
}

.ph-corner-icon-new {
    background-color: var(--ph-icon-new);
}
/* END LABELS */

/* Filter */

/*
.ph-filter-box .panel {

    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ph-filter-box .panel:first-child {
    border-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ph-filter-box .panel:last-child {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.ph-filter-box .panel-body {
    padding-top: 0;
    padding-bottom: 0;
}

.ph-filter-box .panel-body.form-horizontal {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ph-filter-box .panel-body.form-horizontal .form-group {
    margin-top: 3px;
    margin-bottom: 3px;
}

.ph-right-zero {
    margin-right: -15px;
    padding-right: 0;
}

.ph-left-zero {
    margin-left: 0;
    padding-left: 0;
}

.ph-search-radio {
    font-size: small;
    color: #555;
}
*/
/* video */
.ph-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ph-video-container iframe,
.ph-video-container object,
.ph-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ph-video-container {
  padding-top: 0;
}

.ph-no-image {
    margin: 1em;
    color: var(--ph-grey-bg);
}
.ph-item-image-box {
    margin: 0.5em auto;
}

/* Modules */
.ph-category-module-box {
    margin-bottom: 1em;
}

.ph-filter-module-categories-tree {
    margin-top: 1em;
    margin-left: -1em;
}
ul.ph-filter-module-category-tree {
    list-style-type: none;
    padding: 0;
    /*padding-left: 1em;*/
}

ul.ph-filter-module-category-tree li .checkbox {
    margin-top: 0;
    padding-top: 3px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.ph-checkout-shipping-row .form-group .control-label,
.ph-checkout-billing-row .form-group .control-label {
    text-align: left;
}

.ph-icon-pdf-text-box {
    margin-top: -12px;
}
.ph-icon-pdf-text {
    font-size: 60%;
    /*margin-left: 6px;
	margin-right: 6px;*/
}

/* Attribute */
.phSelectBoxButton {
    display: inline-block;
    margin: 3px;
    padding: 7px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    border: 2px solid transparent;
    box-sizing: content-box;
    border-radius: 2px;
    text-decoration: none;
    font-size: 16px;
}

.phSelectBoxButton.on {
    border: 2px solid transparent;
    padding: 7px;
    width: 15px;
    height: 15px;
    color: #fff;
    box-sizing: content-box;
    border-radius: 2px;
    text-decoration: none;
    font-size: 16px;
}

.phSelectBoxButton.on:after {
    position: relative;
    top: -2px;
    left: -3px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    box-sizing: content-box;
    border-radius: 2px;
    text-decoration: none;
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}

.phSelectBoxButton.on:after {
    font-family: "Glyphicons Halflings";
    content: "\e013"; /* Ok/check mark */
}
.phSelectBoxButton.bs.on:after {
    font-family: "Glyphicons Halflings";
    content: "\e013"; /* Ok/check mark */
}
.phSelectBoxButton.fa.on:after {
    font-family: FontAwesome;
    content: "\f00c"; /* Ok/check mark */
}
.phSelectBoxButton.fa.fa5.on:after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c"; /* Ok/check mark */
}

.phSelectBoxButton:hover,
.phSelectBoxButton.on:hover {
    border: 2px solid #fff;
}

a.phSelectBoxButton:hover,
a.phSelectBoxButton.on:hover,
a.phSelectBoxButton:visited,
a.phSelectBoxButton.on:visited,
a.phSelectBoxButton:active,
a.phSelectBoxButton.on:active,
a.phSelectBoxButton:focus,
a.phSelectBoxButton.on:focus {
    text-decoration: none;
}

.phSelectBoxImage {
    display: inline-block;
    margin: 3px;
    cursor: pointer;
    border: 2px solid transparent;
    box-sizing: content-box;
    border-radius: 2px;
    text-decoration: none;
    position: relative;
}

.phSelectBoxButton.on {
    border: 2px solid transparent;
    color: #fff;
    box-sizing: content-box;
    border-radius: 2px;
    text-decoration: none;
}

.phSelectBoxImage.on:after {
    position: absolute;
    top: 30%;
    left: 40%;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    box-sizing: content-box;
    border-radius: 2px;
    text-decoration: none;
    color: var(--ph-warning);
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}

.phSelectBoxImage.on:after {
    font-family: "Glyphicons Halflings";
    content: "\e013"; /* Ok/check mark */
}
.phSelectBoxImage.bs.on:after {
    font-family: "Glyphicons Halflings";
    content: "\e013"; /* Ok/check mark */
}

.phSelectBoxImage.fa.on:after {
    font-family: FontAwesome;
    content: "\f00c"; /* Ok/check mark */
}
.phSelectBoxImage.fa.fa5.on:after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c"; /* Ok/check mark */
}

.phSelectBoxImage:hover,
.phSelectBoxImage.on:hover {
    border: 2px solid #fff;
    background: #fff;
}

a.phSelectBoxImage:hover,
a.phSelectBoxImage.on:hover,
a.phSelectBoxImage:visited,
a.phSelectBoxImage.on:visited,
a.phSelectBoxImage:active,
a.phSelectBoxImage.on:active,
a.phSelectBoxImage:focus,
a.phSelectBoxImage.on:focus {
    text-decoration: none;
}


/*
.phSelectBoxText.on:after {
    position: absolute;
    top: 30%;
    left: 40%;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    box-sizing: content-box;
    border-radius: 2px;
    text-decoration: none;
    color: var(--ph-warning);
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}*/

.phSelectBoxText {
    border: 2px solid transparent;
    display: inline-block;
    cursor: pointer;
    padding: 0.25em;
    margin: 3px;
}
.phSelectBoxText.on {
    border: 2px solid currentColor;
}

.phSelectBoxText:hover,
.phSelectBoxText.on:hover {
    border: 2px solid currentColor;
}

a.phSelectBoxText:hover,
a.phSelectBoxText.on:hover,
a.phSelectBoxText:visited,
a.phSelectBoxText.on:visited,
a.phSelectBoxText:active,
a.phSelectBoxText.on:active,
a.phSelectBoxText:focus,
a.phSelectBoxText.on:focus {
    text-decoration: none;
}

.ph-question-message {
}

.ph-item-image-full-left-box {
    text-align: left;
}

.phVMiddle,
.pc-wishlist-view .phVMiddle {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.ph-checkout-cart-image.ph-row-image img {
    margin: 5px;
}

#phQuickViewPopup .ph-image-full,
#phQuickViewPopup .img-thumbnail .ph-image-full {
    border: 0;
    box-shadow: none;
}

/* Checkbox Color Button */

/* Hide standard checkbox */
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor input[type='checkbox']{
    display: none;
}

#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor {
    margin: 1px;
    padding: 0px;
    border: 2px solid transparent;
    box-shadow: none;
    border-radius: 2px;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor:hover {
    margin: 1px;
    padding: 0px;
    border: 2px solid #fff;
    box-shadow: none;
    border-radius: 2px;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor svg,
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor span.glyphicon,
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor span.fa {
    display: inline-block;
    margin: 0;
    padding: 3px 6px 7px 6px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    border: 2px solid transparent;
    box-sizing: content-box;
    border-radius: 2px;
    text-decoration: none;
    box-shadow: none;
    opacity: 0;
    font-size: 16px;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor.active svg,
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor.active span.glyphicon,
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor.active span.fa {
    border: 2px solid transparent;
    margin: 0;
    padding: 3px 6px 7px 6px;
    width: 14px;
    height: 14px;
    color: #fff;
    box-sizing: content-box;
    border-radius: 2px;
    text-decoration: none;
    opacity: 1;
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
    font-size: 16px;
}

/* Checkbox Image Button */
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage {
    margin: 0;
    padding: 0px;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    position: relative;
    margin: 3px;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage:hover {
    margin: 0;
    padding: 0px;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    margin: 3px;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage span.glyphicon,
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage span.fa {
    cursor: pointer;
    opacity: 0;
    font-weight: bold;
    position: absolute;
    cursor: pointer;
    box-sizing: content-box;
    text-decoration: none;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage.active span.glyphicon,
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage.active span.fa {
    opacity: 1;
    color: #fff;
    position: absolute;
    top: 30%;
    left: 40%;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    box-sizing: content-box;
    border-radius: 2px;
    text-decoration: none;
    color: var(--ph-warning);
    font-weight: bold;
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
    font-size: 16px;
}

.ph-req {
    font-weight: bold;
    color: var(--ph-error);
}

#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor,
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage {
    display: inline;
}

/* Phoca Cart Cart Module */

/*
table.ph-cart-small-box {
	width: 100%;
}*/

.ph-cart-module-box {
}

.ph-cart-small-box .ph-hr {
    /*border-color: #3a87ad;*/
}

.ph-cart-small-box div div ul li {
    color: var(--ph-grey-color);
    padding: 0;
    margin: 0 auto;
    line-height: 1;
}

.ph-cart-link-checkout {
    margin-top: 10px;
    margin-right: 2px;
}

.ph-cart-module-box .col-sm-1,
.ph-cart-module-box .col-md-1,
.ph-cart-module-box .col-sm-2,
.ph-cart-module-box .col-md-2,
.ph-cart-module-box .col-sm-4,
.ph-cart-module-box .col-md-4,
.ph-cart-module-box .col-sm-5,
.ph-cart-module-box .col-md-5,
.ph-cart-module-box .col-sm-6,
.ph-cart-module-box .col-md-6,
.ph-cart-module-box .col-sm-7,
.ph-cart-module-box .col-md-7,
.ph-cart-module-box .col-sm-12,
.ph-cart-module-box .col-md-12 {
    padding-left: 2px;
    padding-right: 2px;
}

.ph-cart-module-image {
}
.ph-cart-attribute-box {
}
.ph-cart-attribute-box-i {
    padding-left: 30%;
}

/* Checkout */
.ph-checkout-cart-box .col-sm-1,
.ph-checkout-cart-box .col-md-1,
.ph-checkout-cart-box .col-sm-2,
.ph-checkout-cart-box .col-md-2,
.ph-checkout-cart-box .col-sm-4,
.ph-checkout-cart-box .col-md-4,
.ph-checkout-cart-box .col-sm-5,
.ph-checkout-cart-box .col-md-5,
.ph-checkout-cart-box .col-sm-6,
.ph-checkout-cart-box .col-md-6,
.ph-checkout-cart-box .col-sm-7,
.ph-checkout-cart-box .col-md-7,
.ph-checkout-cart-box .col-sm-12,
.ph-checkout-cart-box .col-md-12 {
}

.ph-vertical-align {
    display: flex;
    align-items: center;
}

.ph-vertical-align-row {
}

.ph-checkout-attribute-box {
    padding: 0;
    margin: 0;
    margin-top: -1.5em;
    margin-bottom: 1.5em;
    margin-left: 1.5em;
}

.ph-mod-color-box {
    padding: 1em;
}

.ph-panel-body-color {
    padding: 1em;
}

/* Discount row */
.ph-checkout-discount-row {
    /* conflict with flex
	margin-top: -20px;
	margin-bottom: 20px;*/
}

.ph-price-discount,
.ph-checkout-discount-row div {
    color: var(--ph-info);
}

.ph-line-through-txt {
    /*text-decoration: line-through;*/
}

.ph-line-through {
    text-decoration: line-through;
}

/* Pagination Top */
.ph-pagination-top button {
    margin-top: 0;
}

.ph-pagination-top .btn {
}
.ph-pagination-top .btn span {
    color: var(--ph-icon-default);
}
.ph-pagination-top .btn.active span {
    color: var(--ph-icon-featured);
}
.ph-pagination-top .btn,
.ph-pagination-top .btn:focus,
.ph-pagination-top .btn:visited,
.ph-pagination-top .btn:focus,
.ph-pagination-top .btn:active,
.ph-pagination-top .btn.active {
    box-shadow: none;
    outline: none;
    outline-offset: 0;
}


@media screen and (max-width: 576px) {
    .ph-pagination div,
    .ph-pagination-top div {
        margin-top: 0.5em;
    }
}

.ph-item-clearfix {
    clear: both;
}

/* Layout Type */
.ph-items.grid {
}

.ph-items.list {
}

.ph-items.gridlist {
}

h3.grid {
    text-align: center;
}
h3.list,
h3.gridlist {
    margin: 0;
    padding: 0;
    background: transparent;
}

.ph-item-content.grid .ph-stars-box {
    margin-top: 1em;
    margin-bottom: 1em;
}

.ph-item-box {
    position: relative;
}

.ph-item-content-row {
    margin: 0;
    padding: 0;
}

/* Equal Heights by Flexbox */
.ph-row-flex.grid {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 576px) {
    .ph-row-flex.grid {
       /* display: block; */
    }
}

.ph-row-flex.grid .row-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: stretch;
}

.ph-row-flex.grid .row-item .ph-item-box,
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c {
    /*height: 100%;*/
    display: flex;
    flex: 1 1 100%;
    /* IE 11 flex: 1 1 auto;*/
    flex-direction: column;
}

/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ph-row-flex.grid .row-item .ph-item-box,
    .ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c {
        flex: 1 1 auto;
    }
}
.phProductScrollerModuleBox .ph-item-box .ph-thumbnail-c .ph-item-content,
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: stretch;
}

.ph-item-content.grid .ph-item-desc {
    flex: 1;
}

.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content .phItemWishListBoxForm,
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content .phItemCompareBoxForm,
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content .phItemCartBoxForm,
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content .phItemQuickViewBoxForm {
}

.ph-item-action {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.ph-item-box.grid {
    position: relative;
    margin-bottom: 20px;
    clear: both;
}

.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content .ph-item-action-box {
}
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content .ph-category-price-box {
}
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content .ph-item-action-box {
    width: 100%;
    margin-top: auto;
}

.ph-item-box .ph-item-content {
    padding: 1em;
}

/* Select Box required */
select:invalid,
select:invalid + .chosen-container .chosen-single {
    border: 1px solid var(--ph-error) !important;
    box-shadow: 0 0 4px #ff9494 !important;
}

.ph-shipping-info-box {
    padding: 5px;
    border: 1px solid var(--ph-grey-border);
    background: var(--ph-grey-bg);
}

.ph-shipping-info-box a {
    text-decoration: underline;
}
.ph-shipping-info-header {
    font-weight: bold;
}

.ph-clear-both {
    clear: both;
}

.ph-item-price-panel form {
    margin: 0;
    padding: 0;
    display: inline;
}

#phItemTopBoxForm .ph-pag-top-row {
    padding-left: 5px;
    padding-right: 5px;
}

.phIBoxOH {
    text-align: center;
}

.ph-item-action-fade form {
    margin: 0;
}

.ph-payment-title,
.ph-payment-image,
.ph-shipping-title,
.ph-shipping-image {
    display: inline-block;
    margin: 5px;
}

label .ph-payment-title,
label .ph-payment-image,
label .ph-shipping-title,
label .ph-shipping-image {
    display: inline;
}

.ph-video-container iframe {
    border: 0;
}

.ph-pull-right {
    float: right;
}
.ph-pull-left {
    float: left;
}

@media screen and (max-width: 576px) {
    .ph-category-action-buttons .ph-pull-right,
    .ph-category-action-buttons .ph-pull-left {
        float: none;
        text-align: center;
    }
}


#ph-pc-category-box .chosen-container {
    width: auto !important;
}

#ph-pc-submit-item-box .chosen-container {
    min-width: 16em;
}
#ph-pc-submit-item-box .inputbox[type="text"],
#ph-pc-submit-item-box .inputbox[type="email"] {
    max-width: 16em;
}

#ph-pc-submit-item-box select {
    min-width: 16em;
}

.ph-submititem-header-contact {
    font-weight: bold;
    margin-top: 1em;
}

.ph-currency-list a {
    text-decoration: underline;
}
li.ph-currency-list {
    list-style-type: none;
}
.ph-currency-list-suffix .ph-currency-image-list {
    margin-left: 3px;
}
.ph-currency-list .ph-currency-image-list {
    margin-left: -5px;
}
.ph-visibility-hidden {
    visibility: hidden;
}
.ph-display-none {
    display: none;
}

/* Categories View - Colspan */
.ph-t-box {
    display: flex;
}
.ph-t-row {
    min-width: 0;
    display: flex;
}
.ph-t-row-c1 {
    flex: 1 1 100%;
}

.ph-t-row-c2 {
    flex: 1 1 50%;
    flex-flow: wrap;
}

.ph-t-cell {
    display: flex;
    flex: 1 1 100%;
    align-items: center;
    justify-content: center;
    min-width: 0;
    overflow: auto;
    /*width: 100%;*/
    position: relative;
    padding: 0;
}

.ph-t-cell .ph-item-box {
    margin: 0;
    padding-bottom: 7em;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex: 1 1 100%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: 0;
    /* overflow: hidden; use in case of transform */
}

.ph-t-cell a {
    text-align: center;
}
.ph-t-cell a img {
    margin: 0 auto;
    text-align: center;
}

.ph-t-cell .ph-cat-desc {
    padding: 10px;
}

.ph-t-cell .ph-item-box {
    padding-top: 2em;
}

.ph-t-cell a img {
}
.ph-t-cell h3 {
    position: absolute;
    bottom: 2.6em;
    left: 1em;
    margin: 0;
}
.ph-t-cell .btn {
    position: absolute;
    bottom: 1em;
    right: 1em;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .ph-t-box {
        display: block;
    }
}

#ph-pc-categories-box .ph-t-cell {
    margin: 10px;
}

.ph-price-filter-box {
    margin: 15px auto;
}

#phPriceFilterPrice {
    text-align: right;
    font-size: 70%;
    margin: 10px auto;
}

#phPriceFilterRange.ui-widget.ui-widget-content {
    border: 0;
    background: var(--ph-grey-bg);
    height: 0.4em;
}

#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle {
    top: -0.4em;
    border-radius: 50%;
    background: var(--ph-price-filter-bg);
    border: 0;
}

#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle:hover {
    border-radius: 50%;
    background:  var(--ph-price-filter-bg);
    border: 3px solid  var(--ph-price-filter-border);
    outline-width: 0;
}
#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle:focus,
#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle:active {
    outline-width: 0;
}

#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle:focus {
    outline-width: 0;
}
#phPriceFilterRange .ui-widget-header {
    background:  var(--ph-price-filter-bg);
}

/* SEARCH enable absolute positioning */
.inner-addon {
    position: relative;
}
/* style icon */
.inner-addon .fa,
.inner-addon .glyphicon,
.inner-addon svg {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}
.inner-addon svg {
    padding: 0;
    margin: 10px;
}


/* align icon */
.left-addon .glyphicon,
.left-addon svg {
    left: 0;
}
.right-addon .glyphicon,
.right-addon svg {
    right: 0;
}
.left-addon .fa {
    left: 20px;
}
.right-addon .fa {
    right: 20px;
}
/* add padding  */
.left-addon input {
    padding-left: 30px;
    width: 100%;
}
.right-addon input {
    padding-right: 30px;
    width: 100%;
}

#ph-pc-pos-site .inner-addon svg {
    margin: 0;
 }

.row-item-subcategory {
}
.row-item-subcategory h3 {
    margin: 0 auto;
    text-align: center;
}

/*
.ph-brands-module-box .ph-brand-name {
	float: left;
	margin: 1em
}
*/

.col-md-1,
.col-md-2,
.col-md-4,
.col-md-6,
.col-md-8,
.col-md-10,
.col-md-12,
.col-md-3,
.col-md-5,
.col-md-7,
.col-md-9,
.col-md-11 {
    /*border: 1px solid red;*/
}

.ph-checkbox {
    display: block !important;
}

table.pc-tax-recapitulation,
table.pc-tax-recapitulation tr,
table.pc-tax-recapitulation tr th,
table.pc-tax-recapitulation tr td {
    border: 1px solid var(--ph-grey-border);
    padding: 0.5em;
    border-collapse: collapse;
}

table.pc-tax-recapitulation tr th {
    text-align: center;
}
table.pc-tax-recapitulation tr td {
    text-align: right;
}

/* Plugins */
.ph-plg-product-info {
    margin: 0.5em 0 1em 0;
    text-align: left;
}

.ph-plg-product-info-image-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ph-plg-product-info .row-item .ph-image {
    display: block;
}

.ph-plg-product-info-title {
    font-weight: bold;
}

.ph-plg-product-attribute-item {
    color: var(--ph-grey-color);
}

.phIBox.ph-lazyload {
    margin: 0;
    padding: 0;
    background: var(--ph-grey-bg);
    border-radius: 0;
    width: 100%;
}

img.ph-lazyload {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0;
    box-sizing: border-box;
    position: relative;
    clear: both;
}

img.ph-lazyload:not(.initial) {
    transition: opacity 2s;
}
img.ph-lazyload.initial,
img.ph-lazyload.loaded,
img.ph-lazyload .error {
    opacity: 1;
}
img.ph-lazyload:not([src]) {
    visibility: hidden;
}

.ph-row-flex.gridlist.ph-lazyload .row-item .phIBoxOH {
    line-height: 0;
}

.ph-row-flex.grid.ph-lazyload .row-item {
    flex-wrap: nowrap;
}
.ph-row-flex.grid.ph-lazyload .row-item .ph-item-box .ph-thumbnail-c .ph-item-content {
    flex-wrap: nowrap;
}

#phImageBox .ph-item-image-full-box > a > picture > source {
    display: inline;
}

.ph-item-box.gridlist,
.ph-item-box.list {
    margin-bottom: 1em;
}
.ph-no-items-found {
    text-align: center;
    padding: 2em 1em;
}

.ph-submititem-checkbox-confirm label div,
.ph-submititem-checkbox-confirm label p,
.ph-askquestion-checkbox-confirm label div,
.ph-askquestion-checkbox-confirm label p,
.ph-checkout-checkbox-confirm label div,
.ph-checkout-checkbox-confirm label p {
    display: inline;
}

.ph-submititem-checkbox-confirm label input {
    margin-right: 0.5em;
}

.phContainerPopup .modal-dialog,
.phContainerPopup .modal-content,
#phContainerPopup .modal-dialog,
#phContainerPopup .modal-content {
    height: 95%;
}

.phContainerPopup .modal-body,
#phContainerPopup .modal-body {
    /* 100% = dialog height, 120px = header + footer */
    /* bootstrap 4: max-height: calc(100% - 120px);
	height: calc(100% - 120px);*/
    height: calc(100% - 120px);
}

.ph-checkout-box-apply-coupon {
    margin-top: 1em;
}
.ph-checkout-box-apply-coupon .btn {
    margin-left: 0.5em;
}
.ph-checkout-box-reward-points {
    margin-top: 1em;
}
.ph-checkout-box-reward-points .btn {
    margin-left: 0.5em;
}

.ph-item-play-file {
    margin: 1em auto;
    /*text-align: center;*/
}
.ph-item-play-title {
    margin: 0.5em;
    text-align: left;
}
.ph-item-play-file audio,
.ph-item-play-file video {
    /*margin: 0 auto;*/
}

.ph-category-item-public-download {
    margin: 1em auto;
}

.ph-header-size {
    margin-top: 0.5em;
}
.ph-item-attributes-box {
    margin-top: 1em;
}

.ph-filter-count:before {
    content: "(";
}
.ph-filter-count:after {
    content: ")";
}
.ph-filter-count {
    font-size: 70%;
    padding: 2px;
    background: var(--ph-grey-bg);
    border-radius: 2px;
}

.ph-label-close {
    margin: 2px;
    padding: 0.5em 0.3em;
}
.ph-label-close a {
    font-weight: bold;
    color: #fff;
}
.ph-label-close a:hover {
    color: #fff;
    text-decoration: none;
}

.ph-label-close a .ph-label-close-remove {
    vertical-align: bottom;
    top: 0;
}

.ph-label-close a .ph-label-close-remove::before {
    color: #fff;
}

.ph-image-box-content-item {
    text-align: center;
    margin: 0 auto;
    font-size: 6em;
}

/* Modal Popups - combination of more popups */
#phAddToCartPopup {
    z-index: 1051;
}
#phQuickViewPopup {
    z-index: 1050;
}

/* Gift Voucher */
#ph-pc-item-box .form-check.ph-radio-gift-box {
    flex-direction: column;
    display: inline-flex;
    padding: 0.3em;
    min-width: 50%;
}
.ph-radio-gift-image {
    padding: 0.3em;
}
.ph-radio-gift-title {
    font-size: 0.75em;
}

.ph-gift-box-form div label {
    text-align: left;
    justify-content: left;
}

#system-messages li {
    margin: 0;
    padding: 0;
    text-align: initial;
}

.ph-currency-list {
    display: list-item;
    list-style-type: disc;
    margin-left: 1em;
}

.ph-checkout-checkbox-confirm input[type="checkbox"],
.ph-checkbox-container input[type="checkbox"] {
	margin-right: 0.3em;
}


#phItems .ph-center-pagination,
#phItemTopBoxForm .ph-pag-top-row {
    display:flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.ph-pag-top-row button {
    margin-left: 0.1em;
    margin-right: 0.1em;
}

.phItemCartBoxForm .btn {
   /* margin-top: 0.2em;*/
}

.ph-item-add-to-cart-box {
    display: flex;
    align-items: flex-start;

}

.ph-item-add-to-cart-box .ph-input-quantity {
    max-width: 3em;
    margin-left: 0.25em;
    margin-right: 0.25em;
}

.ph-form-quantity {
    display: flex;
    align-items: center;
}
.ph-form-quantity label {
    margin-left: 0.25em;
    margin-right: 0.25em;
}

.ph-item-parameter-box .badge {
    margin: 0.2em;
}

.ph-disabled {
    opacity: 0.25;
}

.ph-cf-title {
    font-weight: bold;
}
.ph-cf-title:after {
    content: ":";
}
.ph-spec-title:after {
    content: ":";
}

/* Top modules*/
.ph-cart-module-box .ph-cart-collapse-button:before {
    display: none !important;
}

.ph-cart-module-box .dropdown-menu {
    padding: 1em;
}


/* SVG ICONS */
/* Icons */
.pc-si {
    width: 1.5em;
    height: 1.5em;
    fill: currentColor;
    margin: 0;
    stroke: #5f5f5f;
}
/* Icons inside button */
.btn .pc-si {
    margin-right: 0.3em;
    margin-top: -0.2em;
    stroke: #f5f5f5;
}
.btn.btn-secondary .pc-si {
    stroke: #5f5f5f;
}

.pc-si-ok-circle {
    stroke: var(--ph-success);
}
.pc-si-not-ok-circle {
    stroke: var(--ph-error);
}

.pc-wishlist-view .pc-si.pc-si-remove,
.pc-wishlist-view .pc-si.pc-si-search,
.ph-comparison-table .pc-si.pc-si-remove,
.btn.bootstrap-touchspin-up .pc-si,
.btn.bootstrap-touchspin-down .pc-si,
.ph-checkout-cart-quantity .btn .pc-si,
.ph-cart-cart-quantity .btn .pc-si,
.ph-filter-box .btn .pc-si,
.ph-pag-top-row .btn .pc-si {
    margin: 0;
}

/* color (select), image (select) attributes */
.phSelectBoxImage.svg.on:after,
.phSelectBoxButton.svg.on:after {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' width='18' height='18' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(70.621 0 0 75.852 -335.45 -322.37)' fill='%23fff' stroke-width='.013663'%3E%3Cpath d='m5.75 6.75-1 1c0.75 1.0833 1.5 2.1667 2.25 3.25h1c1.3333-2 2.6667-4 4-6-0.33333-0.25-0.66667-0.5-1-0.75-1.1667 1.3333-2.3333 2.6667-3.5 4-0.58333-0.5-1.1667-1-1.75-1.5z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E ");
}
.phSelectBoxButton.svg {
    position: relative;
}
.phSelectBoxButton.svg.on:after {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 5px;
}


/* Swiper */
.phBrandsModuleBox .ph-item-content,
.phBrandsModuleBox .ph-item-box h3,
.phBrandsModuleBox .ph-item-box .ph-stars-box .ph-stars,
.phBrandsModuleBox .ph-item-box .ph-item-desc,
.phBrandsModuleBox .ph-item-box .ph-category-price-box div,

.phProductScrollerModuleBox .ph-item-content,
.phProductScrollerModuleBox .ph-item-box h3,
.phProductScrollerModuleBox .ph-item-box .ph-stars-box .ph-stars,
.phProductScrollerModuleBox .ph-item-box .ph-item-desc,
.phProductScrollerModuleBox .ph-item-box .ph-category-price-box div {
    text-align: center;
    margin: 0 auto;
}
.phBrandsModuleBox .ph-item-box .ph-button-view-product-box,
.phProductScrollerModuleBox .ph-item-box .ph-button-view-product-box {
    float: none;
    text-align: center;
    margin: 0 auto;
}


.ph-msg-error-box {
    background: var(--ph-error);
    color: #fff;
    padding: 1em;
    margin: 1em auto;
    display: block;
}

.ph-msg-success-box {
    background: var(--ph-success);
    color: #fff;
    padding: 1em;
    margin: 1em auto;
    display: block;
}

.ph-msg-info-box {
    background: var(--ph-info);
    color: #fff;
    padding: 1em;
    margin: 1em auto;
    display: block;
}

.ph-msg-warning-box {
    background: var(--ph-warning);
    color: #fff;
    padding: 1em;
    margin: 1em auto;
    display: block;
}

.ph-msg-info-box .pc-si,
.ph-msg-warning-box .pc-si,
.ph-msg-error-box .pc-si,
.ph-msg-success-box .pc-si {
    fill: #fff;
    stroke: #fff;
    margin-right: 0.5em;
}

.ph-msg-info-box > p,
.ph-msg-info-box > div {
    display: inline-block;
    margin: 0;
}

.ph-item-navigation-box-prev {
    display: flex;
    justify-content: start;

}

.ph-item-navigation-box-next {
    display: flex;
    justify-content: end;
}

@media screen and (max-width: 576px) {
    .ph-item-navigation-box-prev,
    .ph-item-navigation-box-next {
        justify-content: center;
    }
}


/* Form Design Type - Placeholder */
.ph-form-group {
    padding: 0.5em;
}

.ph-form-input-box {
    position: relative;
}

.ph-form-input-box input.form-control {
    left: 10px;
    font-size: 1em;
    height: 28px;
    padding: 20px 15px;
    /*border-radius: 5px;*/
    border: 1px solid var(--ph-grey-color);
    outline: 0;
    box-sizing: border-box;
}

form.ph-form-placeholder input.form-control:focus,
.ph-form-input-box select.form-select:focus,
.ph-form-input-box input.form-control:focus {
    border: 1px solid var(--ph-main);
    outline: 0;
    box-shadow: 0px 0px 0px 2px var(--ph-main);
}

.ph-form-input-box input.form-control.readonly:focus {
    border: 1px solid var(--ph-grey-color);
    outline: 0;
    box-shadow: 0px 0px 0px 2px transparent;
}

/* For pasting values with doubleclick, mouse wheel click, etc:
.ph-form-input-box input:not(:placeholder-shown) ~ label,
 - in this case the html needs to include e.g. placeholder=" "
*/

/*.ph-form-input-box input:not(:focus):valid ~ label,*/
.ph-form-input-box select ~ label,
.ph-form-input-box input.form-control:focus ~ label,
.ph-form-input-box input.form-control:not([value='']) ~ label {
    top: -7px;
    left: 10px;
    font-size: 0.75em;
    opacity: 1;
    background: #fff;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    /*color: #000;*/
}

.ph-form-input-box label {
    top: 10px;
    left: 10px;
    font-size: 1em;
    position: absolute;
    pointer-events: none;
    transition: 0.2s ease all;
    color: var(--ph-grey-color);
}

form.ph-form-placeholder .ph-checkout-shipping-row,
form.ph-form-placeholder .ph-checkout-billing-row {
    display: flex;
    flex-wrap: wrap;
    align-self: flex-start;
}

.ph-box-header {
    width: 100%;
}

.ph-form-group {
    width: 100%;
}

.ph-form-group-vat_1,
.ph-form-group-company {
    width: 50%;
}
.ph-form-group-name_first,
.ph-form-group-name_last {
    width: 50%;
}

.ph-form-group-zip {
    width: 30%;
}

.ph-form-group-city {
    width: 70%;
}

.ph-form-group-country,
.ph-form-group-region {
    width: 50%;
}

.ph-watchdog {
    text-align: right;
    padding: 1em 0;
}

/* Small Cart Tax Info */
.ph-cart-small-price.ph-netto,
.ph-cart-small-price.ph-brutto,
.ph-cart-small-price.ph-tax {
    /*white-space:nowrap;*/
}

.ph-cart-small-price.ph-brutto {
    font-weight: bold;
}

.ph-item-subcategory-box {
    text-align: center;
    margin-bottom: 1em;
}

.ph-shipping-price-box,
.ph-shipping-title-box,
.ph-payment-price-box,
.ph-payment-title-box{
    display: flex;
    flex-direction:column;
    justify-content: center;
    margin: 1em 0;
}


/* Possible Info about discounted product */
/*
.ph-item-box:has(> .pc-status-discount-product) {
    background: #ffc107;
}

.pc-status-discount-product:before {
    content: "Sale";
    background: #d9534f;
    color: #fff;
    width: fit-content;
    padding: 0.25em;
    position:absolute;
    right: 1em;
}
*/


/* Button alignment when button includes long text */
.grid .phItemCartBoxForm .ph-pull-left,
.grid .phItemCartBoxForm .ph-pull-right {
    float: none;
}

.grid .phItemCartBoxForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 0.25em;
    column-gap: 0.75rem;
}

.phItemCartBoxForm .ph-cb {
    display: none;
}

.grid .phItemCartBoxForm .ph-pull-right,
.grid .phItemCartBoxForm .ph-pull-left {
    margin-left: auto;
    margin-right: auto;
}

ul.ph-filter-module-category-tree {
    padding-left: 0;
    margin-left: 1em;
}

.pc-modal .ph-btn {
    margin-bottom: 0.25em;
}




