/* Text */
.text-theme { color: #FFFFFF; } /* rgba(255,255,255,1) */
.text-theme-2 { color: #A0A0A0; } /* rgba(255,255,255,0.50) */
.text-theme-mute { color: #7C7C7C; }

/* Border */
.border-theme { border-color: #2E2E2E; }
.border-icon-filter{ border-color: #424242 !important; }
#buttonFilter:hover .border-icon-filter{ border-color: #222222 !important; }

/* Form */
.input-group-theme .input-group-text { background: #111111; border-color: #5E5E5E; color: #FFFFFF; }
.input-group-theme .btn { background: #111111; border-color: #5E5E5E; color: #FFFFFF; }
.input-group-theme .btn.focus, .input-group-theme .btn:focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.10); }

.pageInformpayment input:read-only {
	background-color: #111111;
}
.table-line-row tr:nth-child(even) {
    background-color: #393939;
}

/* Modal Group Product */
.modal-groupProduct .productName {
    color: #ffffff !important;
}

.modal-groupProduct .productSku {
    color: #e5e6e8 !important;
}
.modal-groupProduct .productPrice div{
    color: #ffffff !important;
}
.modal-groupProduct .productPrice span{
    color: #ffffff !important;
}

.modal-groupProduct .colorItems:hover:after{
    border: 2px solid #7c7c7c;
}
.modal-groupProduct .colorItems.selected::after{
    border: 2px solid #fff;
}

.productItemDetail .buttonDetail span {
    background-color: #111111;
    border: solid 1px rgba(255, 255, 255, 0.13);
    color: #FFF;
}
.productItemDetail .buttonDetail span.selected {
    background-color: #111111;
    border: solid 1px #ffffff;
    color: #FFF;
}
.productItemDetail .buttonDetail span.selected::before{
    border-bottom-color: #FFF !important;
    border-right-color: #FFF !important;
}
.productItemDetail .buttonDetail span .fa-check {
    color: #111111;
}
.buttonDetail span:hover {
    border: solid 1px #ffffff;
}
.productItemDetail .buttonDetail span.disabled {
    border: solid 1px rgba(255, 255, 255, 0.13);
    background-color: #525252;
}
.productItemDetail .buttonDetail span.disabled:hover {
    border: solid 1px rgba(255, 255, 255, 0.13);
}
.productItemDetail .btn.disabled, .productItemDetail .btn:disabled {
    background-color: #525252;
    border: solid 1px rgba(255, 255, 255, 0.13);
    opacity: 1;
    color: #7c7c7c;
}
.productItemDetail .btn.disabled:hover, .productItemDetail .btn:disabled:hover {
    background-color: #525252 !important;
    border: solid 1px rgba(255, 255, 255, 0.13) !important;
    opacity: 1;
    color: #7c7c7c !important;
}
/* Modal Add To Cart */
.modal-addToCart .product-code {
    color: rgba(255,255,255,0.70) !important;
}
.modal-addToCart .divShowItemPrice .txtItemPrice{
    color: rgba(255,255,255,1) !important;
}
.modal-addToCart .divShowItemPrice .priceDiscount{
    color: rgba(255,255,255,0.70) !important;
}
.modal-addToCart .total-amount {
    color: rgba(255,255,255,0.70) !important;
}

.filter-color {
    color: #fff!important;
    background-color: #424242;
    border: 1px solid #111;
}

.filter-border-top{
    border-top: 1px solid #111;
}

.filter-text-color{
    color: #fff!important;
}

.filter-footer-color {
    color: #fff!important;
    background-color: #424242;
    border-right: 1px solid #111;
    border-left: 1px solid #111;
    border-bottom: 1px solid #111;
}

.form-slider .slider-selection {
    background: #ffffff !important;
}

.form-slider .slider-handle {
    width: 14px !important;
    height: 14px !important;
    background: #424242 !important;
    border: 2px solid #ffffff !important;
}

.form-slider .slider-track-low,.slider-track-high {
    background: #555555 !important;
}

.body-header .ps__scrollbar-y{
    background-color: #ffffff !important;
}

.count-product {
    color: #7c7c7c !important;
}

.spinner-load {
    border: 3px solid #fff;
    border-top: 3px solid #111;
}

@media (hover: none) {
    .colorItems:not(.selected):hover { 
        height: 30px !important;
        width: 30px !important;
        margin-left: 0px !important;
        margin-right: 10px !important;
        border: 2px solid #7c7c7c !important;
     }
    .colorItems:not(.selected):hover:after { border: inherit !important; display: none !important; }
    .buttonItems:not(.selected):hover { border: solid 1px rgba(255, 255, 255, 0.13) !important; }
    .buttonItems:not(.selected):hover:after {border: inherit !important; }
}

.box-circle-icon-color.active {
    color: #424242;
    background-color: #FFFFFF;  
}

.box-border-circle-icon-color.active {
    border: 1px solid #FFFFFF;
}

.box-circle-icon-color.visited {
    color: #FFFFFF;
    background-color: transparent;  
}

.box-border-circle-icon-color.visited {
    border: 0;
}

.box-circle-icon-color {
    color: #676767;
    background-color: #FFFFFF;  
}

.box-border-circle-icon-color {
    border: 1px solid #676767;
}

.box-circle-icon-color {
    color: #999999;
    background-color: #424242;  
}

.box-border-circle-icon-color {
    border: 1px solid #999999;
}

.boxText.active, .boxText.visited {
    color: #FFFFFF;
}

.boxText {
    color: #999999;
}

.hideShowPassword-toggle {
    background-image: url('/customer/images/wink.svg');
    background-position: 0 center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    text-indent: -9999em;
    width: 44px;
    position: absolute;
    right: 0px;
    top: 0px !important;
    margin-top: 0px !important;
    filter: invert(100%);
}
.hideShowPassword-toggle-hide {
    background-position: -44px center;
}
.hideShowPassword-wrapper{
    width: 100% !important;
}