/**
 * Frontend Style.
 *
 * @package  stock-management-for-wp-configurator-pro/assets/css/
 * @version  1.0
 */

 .wpc-sm-disable-layer > img, .wpc-sm-disable-layer > .wpc-control-item-color {
    opacity: .3;
}

.wpc-sm-disable-layer:before {
    content: "" !important;
    font-family: "wp-configurator" !important;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -8px;
    text-align: center;
    background: white;
    border: 2px solid red;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    z-index: 1;
}	

.wpc-sm-disable-layer:after {
    content: "" !important;
    font-family: "wp-configurator" !important;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -1px;
    text-align: center;
    background: white;
    border: 1px solid red;
    width: 16px;
    z-index: 1;
    transform: rotate(45deg);
}

.wpc-sub-control .wpc-control-item.wpc-layer-type-image.wpc-sm-disable-layer {
    cursor: not-allowed;
}

.wpc-config-element .wpc-cl-disable-group, .wpc-config-element .wpc-cl-disable-layer {
    opacity: 1;
}

.wpc-config-element .wpc-cl-disable-group, .wpc-config-element .wpc-cl-disable-layer .wpc-control-item-label {
    opacity: .5;
}

.wpc-config-element .wpc-cl-disable-layer:before, .wpc-config-element .wpc-cl-disable-group .wpc-controls-img-list .wpc-controls-list-img:after {
    content: "" !important;
    font-family: "wp-configurator" !important;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -8px;
    text-align: center;
    background: white;
    border: 2px solid red;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    z-index: 1;
}	
 
.wpc-config-element .wpc-cl-disable-layer:after, .wpc-config-element .wpc-cl-disable-group .wpc-controls-img-list .wpc-controls-list-img:after {
    content: "" !important;
    font-family: "wp-configurator" !important;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -1px;
    text-align: center;
    background: white;
    border: 1px solid red;
    width: 16px;
    z-index: 1;
    transform: rotate(45deg);
}

.wpc-full-window-style .woocommerce-error {
    position: absolute;
    z-index: 999;
    left: 50%;
    text-align: center;
    background: #000;
    color: #fff;
    padding: 20px 40px;
    display: inline-block;
    transform: translateX(-50%) translateY(-150px);
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    animation: noticeAnimate 5s 1;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}