.yith-wcpb-overlay {
    background : #000;
    opacity    : 0.8;
    z-index    : 99998;
    position   : fixed;
    width      : 100%;
    height     : 100%;
    top        : 0;
    left       : 0;
}

.yith-wcpb-popup {
    display    : none;
    position   : absolute;
    top        : 25%;
    left       : 25%;
    width      : 50%;
    padding    : 35px;
    box-sizing : border-box;
    box-shadow : 0px 4px 28px 2px rgba(0, 0, 0, 0.7);
    background : #fff;
    border     : 1px solid #ccc;
    z-index    : 99999;
    overflow   : hidden;
}

.yith-wcpb-popup img.alignleft {
    margin-left : 0 !important;
}

.yith-wcpb-popup img.alignright {
    margin-right : 0 !important;
}

.yith-wcpb-popup .yith-wcpb-product-table-wrapper {
    padding : 0;
}

.yith-wcpb-popup h2 {
    margin-top : 0;
}

.yith-wcpb-popup-ajax-container {
    overflow-y : auto;
    height     : 100%;
}

span.yith-wcpb-popup-close {
    cursor      : pointer;
    position    : absolute;
    top         : 0;
    right       : 0;
    z-index     : 99999;
    font-size   : 30px;
    width       : 40px;
    height      : 40px;
    line-height : 40px;
    color       : #ccc;
}

.yith-wcpb-popup-loader {
    position           : absolute;
    top                : calc(50% - 16px);
    left               : calc(50% - 16px);
    width              : 32px;
    height             : 32px;
    border             : 4px solid #363c42;
    border-radius      : 50%;
    border-right-color : #d9dee2;
    animation          : yith_wcpb_spin 1s ease-in-out infinite;
    box-sizing         : border-box;
}

@-webkit-keyframes yith_wcpb_spin {
    100% {
        -webkit-transform : rotate(360deg);
        transform         : rotate(360deg)
    }
}

@keyframes yith_wcpb_spin {
    100% {
        -webkit-transform : rotate(360deg);
        transform         : rotate(360deg)
    }
}

/*
    RESPONSIVE for MOBILE
*/

@media only screen and (max-width : 768px) {
    .yith-wcpb-popup {
        left        : 2% !important;
        width       : 96% !important;
        padding     : 5px;
        padding-top : 35px;
    }
}

