/** LOADING STUFF **/
.c-public_page-loading{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #efefef;
    display: none;
}
.c-public_page-loading .centered{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.c-public_page-loading .loader {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.c-public_page-loading .loader div {
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #52b947;
    animation: c-loading-grid 1.2s linear infinite;
}
.c-public_page-loading .loader div:nth-child(1) {
    top: 6px;
    left: 6px;
    animation-delay: 0s;
}
.c-public_page-loading .loader div:nth-child(2) {
    top: 6px;
    left: 26px;
    animation-delay: -0.4s;
}
.c-public_page-loading .loader div:nth-child(3) {
    top: 6px;
    left: 45px;
    animation-delay: -0.8s;
}
.c-public_page-loading .loader div:nth-child(4) {
    top: 26px;
    left: 6px;
    animation-delay: -0.4s;
}
.c-public_page-loading .loader div:nth-child(5) {
    top: 26px;
    left: 26px;
    animation-delay: -0.8s;
}
.c-public_page-loading .loader div:nth-child(6) {
    top: 26px;
    left: 45px;
    animation-delay: -1.2s;
}
.c-public_page-loading .loader div:nth-child(7) {
    top: 45px;
    left: 6px;
    animation-delay: -0.8s;
}
.c-public_page-loading .loader div:nth-child(8) {
    top: 45px;
    left: 26px;
    animation-delay: -1.2s;
}
.c-public_page-loading .loader div:nth-child(9) {
    top: 45px;
    left: 45px;
    animation-delay: -1.6s;
}
@keyframes c-loading-grid{
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}
.loading-img{
    display: inline-block;
    width: 25%;
    height: 50px;
    background: url(../../img/loading.gif) no-repeat;
    position: relative;
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
    z-index: 999999;
    background-size: contain;
}
/* Arrow down icon for select dropdown */
select,
#commercioo-checkout-standalone .form_wrapper select {
    -webkit-appearance: none;
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 10px top 55%;
    background-size: 16px 16px;
    cursor: pointer;
	vertical-align: middle;
}

/* copy to clip */
.c-copy-to-clip {
    color: #9e9e9e;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    left: 5px;
}
/** Another CSS **/
.c-semibold {
    font-weight: 600;
}

/** Out of Stock*/
.blocker {
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 999;
    display: flex!important;
    justify-content: center;
    align-items: center;
}
.blocker p {
    color: #fff;
    font-size: 20px;
    padding: 40px;
    text-align: center;
    margin-top:inherit!important;
}
/*.d-none {*/
/*    display: none;*/
/*}*/
/** blockUI **/
.blockElement{
    top:35%!important;
    left:35%!important;
}
.produk-shipping .placeholder, .produk-grandtotal .placeholder{
    display: block!important;
}
.commercioo-checkout-image-list .disabled{
    display: none;
}