@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.awooc-hide {
    display: none
}

.awooc-hidden-data,.blockUI:before {
    display: none!important
}

.awooc-custom-order-button {
    position: relative
}

.awooc-custom-order-button.button.alt.no-stock-no-price:not(.no-margin),.awooc-custom-order-button.button.alt.show-add-to-card {
    margin-left: .6125rem
}

.awooc-popup-inner,.awooc-popup-wrapper {
    display: flex;
    flex-direction: column
}

.awooc-popup-inner {
    padding: 20px 10px;
}

.awooc-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center
}

.awooc-col {
    flex: 0 1 100%;
    max-width: 100%;
    align-self: flex-start;
    padding: .875rem
}

@media (min-width: 568px) {
    .awooc-col {
        flex:0 1 50%;
        max-width: 50%
    }
}

.awooc-col.columns-left {
    text-align: left
}

.awooc-col.awooc-col-full {
    flex: 0 1 100%;
    max-width: 100%
}

.awooc-popup-image {
    text-align: center;
    /* display: block; */
}

.awooc-popup-image img {
    width: 100%;
    max-width: 100px;
    height: auto;
    float: left;
    margin-right: 1rem;
    margin-bottom: 20px;
}

@media (min-width: 568px) {
    .awooc-popup-image img {
        width:100%;
        max-width: 300px;
        height: auto
    }
}

.awooc-popup-attr,.awooc-popup-price,.awooc-popup-qty,.awooc-popup-sku {
    font-size: .875rem;
    font-size: 16px;
    /* margin-top: 10px; */
}

@media (min-width: 568px) {
    .awooc-popup-attr,.awooc-popup-price,.awooc-popup-qty,.awooc-popup-sku {
        font-size: 22px;
        /* margin-top: 10px; */
    }
}

.woocommerce .awooc-custom-order-wrap .wpcf7-form-control {
    border: 1px solid #33333329;
    width: 100%;
    margin-bottom: 0;
    /* background-color:#f2f2f2; */
    color: #43454b;
    outline: 0;
    box-sizing: border-box;
    /* box-shadow:inset 0 1px 1px rgba(0,0,0,.125); */
}

.woocommerce .awooc-custom-order-wrap .wpcf7-form-control.wpcf7-submit {
    background-color: #FF7E00;
    color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.125)
}

.woocommerce .awooc-custom-order-wrap .wpcf7-form-control.wpcf7-submit:hover {
    background-color: #FF7E00;
}

.awooc-close {
    font-size: 35px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 30px;
    width: 30px;
    height: 30px;
    z-index: 100;
    color: #161616;
    opacity: .5;
    background: 0 0;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.awooc-close:hover {
    opacity: 1;
    cursor: pointer
}

.awooc-attr-wrapper span {
    padding-left: 1rem;
    display: block;
    line-height: 1.3
}

.awooc-preload-container * {
    box-sizing: border-box
}

.awooc-preload-container {
    position: absolute!important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

.blockMsgAwooc::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px
}

.blockMsgAwooc::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.blockMsgAwooc::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: 1px solid #708090;
    border-radius: 5px
}

.awooc-ajax-loader {
    visibility: visible;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 100%;
    padding: 0;
    margin: 0 auto;
    position: relative
}

.awooc-ajax-loader::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: 0;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}