.roek-order-form{
    position: relative;
}

.roek-order-form-products-table{
    
}

.roek-order-form-products-table .roek-field-image{
    width:15%;
}

.roek-order-form-products-table .roek-field-count{
    width:15%;
}

.roek-order-form-products-table .roek-field-article_number{
    width:10%;
}

.roek-order-form-products-table .roek-field-name{
    width:30%;
}

.roek-order-form-products-table .roek-field-price{
    width:15%;
}

.roek-order-form-products-table .roek-field-total{
    width:15%;
}

.roek-order-form-products-table .roek-field-count input{
    display: inline-block;
    width: 60px;
    margin: 0;
    padding:5px;
}

.roek-order-form .form-error{
    color:red;
}

.roek-order-form .orderform-loading{
    position:absolute;
    top:0;
    left:0;
    display:flex;
    align-items:end;
    justify-content:center;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.7);
    padding:10em;
    z-index:1;
}

@animation rotate{
    0%{
       transform:rotate(0deg); 
    }
    100%{
        transform:rotate(180deg);
    }
}

.roek-order-form .orderform-loading::after{
    content:"\f110";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    display:flex;
    font-size:40px;
    animation:rotate linear 1s infinite;
}

.roek-order-form.form-loading *{
    pointer-events:none;
}

.roek-order-form .field-submit{
    margin-top:20px;
}

.roek-order-form .alert{
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
}

.roek-order-form .alert.alert-success{
    color: green;
    border: 1px solid green;
}

.roek-order-form .alert.alert-error{
    color: red;
    border: 1px solid red;
}

.roek-order-form .privacy{
    margin:20px 0;
    line-height:130%;
    font-size:.9em;
}

.roek-order-form .elementor-field-group{
    margin-bottom:15px;
}

.roek-order-form .order-total{
    font-weight:bold;
}

.roek-order-form .badge{
    padding-left: 5px;
}

.roek-order-form .badge-new{
    color: #D2030E;
    font-weight: bold;
}

.roek-order-form .summary{
    position: sticky;
    inset-block-end: 0;
    bottom: 0;
    background:#fff;
}

#page{
    overflow:initial;
}

.roek-order-form .btn-to-form{
    border:none;
    outline:none;
    background:none;
}

.roek-order-form .button-group{
    display:flex;
}

.roek-order-form .button-group .back{
    background-color:#ccc;
}

.roek-order-form .button-group .submit{
    margin-left:auto;
}

.roek-order-form .products-table td{
    margin:0;
}

.roek-order-form .products-table td{
    border-top:inherit
}

.roek-order-form .mobile-label{
    display:none;
}

@media (max-width:767px){
 
    .roek-order-form .mobile-label{
        display:block;
        width:50%;
    }
    
    .roek-order-form-products-table thead{
        display:none;
    }
    
    .roek-order-form-products-table, .roek-order-form-products-table tbody, .roek-order-form-products-table tr.single-item{
        display:flex;
        flex-direction:column;
        width:100%;
    }
    
    .roek-order-form-products-table .single-item td{
        display:flex;
        width:100%;
        align-items:center;
    }
    
    
    .roek-order-form-products-table .roek-field-image{
        order:1;
    }

    .roek-order-form-products-table .roek-field-count{
        order:5;
    }

    .roek-order-form-products-table .roek-field-article_number{
        order:3;
    }

    .roek-order-form-products-table .roek-field-name{
        order:2;
    }

    .roek-order-form-products-table .roek-field-price{
        order:4;
    }

    .roek-order-form-products-table .roek-field-total{
        order:6;
    }
    
    .roek-order-form-products-table .single-item{
        border:1px solid #ddd;
        margin-bottom:30px;
    }
    
    .roek-field-count > .form-field.field-count{
        margin-right:10px;
    }
    
    .roek-field-image a{
        width:100%;
    }
    
    .roek-order-form-products-table .roek-field-name{
        font-weight:bold;
        text-align: center;
        width: 100%;
        align-self: center;
        padding: 20px 10px;
        max-width: 100%;
        display: block !important;
        border-top:none;
    }
    
    .roek-order-form-products-table .roek-field-name .mobile-label{
        font-weight:normal;
    }
    
    .roek-field-image img{
        object-fit: contain;
        max-height:250px;
        width:100%;
    }
    
    
    .roek-order-form-products-table .service_fee, .roek-order-form-products-table .summary, .roek-order-form-products-table .shipping{
        display:table;
    }
    
    .roek-order-form-products-table .service_fee td:last-of-type, .roek-order-form-products-table .summary .order-total, .roek-order-form-products-table .shipping td:last-of-type{
        text-align:right;
    }
    
}

.grecaptcha-badge { visibility: hidden; }