/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.modal-header > h2 {
    margin: unset;
}

.veneering-table td {
    text-align: center;
}

.format-data-table td {
    /*padding-left: 15px !important;*/
    padding-right: 30px !important;
}

.veneering-table td {
    /*padding-left: 15px !important;*/
    padding-right: unset !important;
}

.loader {
    position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px;
    border: 10px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    border-top-color: #000;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

.modal-message {
    padding: 30px;
}

.modal-veneering {
    min-width: min-content; /* //TODO: REMOVE ME */
    max-width: 90vw!important;
}

.modal-header {
    display: block!important;
}

.modal-veneering .cnc-btn {
    background-color: #3B4F9D;
    color: #eee;
}

.veneering_details {
    z-index: 1;
    display: none;
    width: 320px;
    top: 30%;
    left: 50%;
    right: 50%;
    border: 1px solid #d5a266;
    background-color: #d9e7f6;
    position: absolute;
}

.veneer_visualizator{
    padding-left: 15px;
    padding-right: 15px;
}
.veneer_visualizator_label{
    width: 70px;
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
}

.display_none{
    display: none;
}

a.nav-link {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.my-auto {
    position: relative;
    top: 50%;
}

#visualizator-veneer-width {
    position: absolute;
    top: 50%;
    left: 1em;
    transform: translate(-50%, -50%);
}

#visualizator-veneer-length {
    position: absolute;
    top: 1em;
    left: 50%;
    transform: translate(-50%, -50%);
}

.veneer_visualizator.row {
    position: relative;
}

.label.align-middle {
    position:absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.div-veneer-select-button {
    display: inline;
    padding: 1em;
}

.div-veneer-select-button:hover {
    background-color: #fff;
}

.div-veneer-select-button.active {
    background-color: #fff;
}

.div-veneer-select-button.active:hover {
    background-color: #e7eef5;
}

.veneers_tab {
    background-color: #e7eef5;
}

.nav-tab-container > div.row {
    margin: 0px;
}

.tab-pane.fade.show.active {
    padding: 1em;
}

.veneer-thickness-clean {
    display: none;
    color: red;
    font-weight: bold;
    font-size: large;
}

.veneer-thickness-clean:hover {
    color: #a80000;
}

.format-row > td {
    padding: 1em!important;
}

th {
    font-size: 100% !important;
}

.table .format-row td {
    padding-top: 0.5em!important;
    padding-bottom: 0.5em!important;
}

tr.format-row {
    border-bottom: 2px solid #f1f3f5;
}

.table td .form-group {
    margin-bottom: 0em!important;
}

input {
    padding: 0px 0px 0px 7px !important;
}
/*
input[name^="name"] {
    width: 15em!important;
}

input[name^="quantity"] {
    width: 4em!important;
}*/

/* Chrome, Safari, Edge, Opera */
input:is([name^=length],[name^=width])::-webkit-outer-spin-button,
input:is([name^=length],[name^=width])::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/*
select[name^="structure"] {
    width: 7em!important;
}*/

div#veneer_loading {
    display: none;
    position:absolute;
    z-index: 1;
    width: 97%;
    height: 70%;
    opacity: 0.2;
}

@keyframes ldio-7cxkzz6bxl6 {
    0% { opacity: 1 }
    100% { opacity: 0 }
}
.ldio-7cxkzz6bxl6 div {
    left: 94px;
    top: 48px;
    position: absolute;
    animation: ldio-7cxkzz6bxl6 linear 1s infinite;
    background: #000000;
    width: 12px;
    height: 24px;
    border-radius: 6px / 12px;
    transform-origin: 6px 52px;
}
.ldio-7cxkzz6bxl6 div:nth-child(1) {
     transform: rotate(0deg);
     animation-delay: -0.9166666666666666s;
     background: #000000;
 }
.ldio-7cxkzz6bxl6 div:nth-child(2) {
      transform: rotate(30deg);
      animation-delay: -0.8333333333333334s;
      background: #000000;
  }
.ldio-7cxkzz6bxl6 div:nth-child(3) {
       transform: rotate(60deg);
       animation-delay: -0.75s;
       background: #000000;
   }
.ldio-7cxkzz6bxl6 div:nth-child(4) {
        transform: rotate(90deg);
        animation-delay: -0.6666666666666666s;
        background: #000000;
    }
.ldio-7cxkzz6bxl6 div:nth-child(5) {
         transform: rotate(120deg);
         animation-delay: -0.5833333333333334s;
         background: #000000;
     }
.ldio-7cxkzz6bxl6 div:nth-child(6) {
          transform: rotate(150deg);
          animation-delay: -0.5s;
          background: #000000;
      }
.ldio-7cxkzz6bxl6 div:nth-child(7) {
           transform: rotate(180deg);
           animation-delay: -0.4166666666666667s;
           background: #000000;
       }
.ldio-7cxkzz6bxl6 div:nth-child(8) {
            transform: rotate(210deg);
            animation-delay: -0.3333333333333333s;
            background: #000000;
        }
.ldio-7cxkzz6bxl6 div:nth-child(9) {
             transform: rotate(240deg);
             animation-delay: -0.25s;
             background: #000000;
         }
.ldio-7cxkzz6bxl6 div:nth-child(10) {
              transform: rotate(270deg);
              animation-delay: -0.16666666666666666s;
              background: #000000;
          }
.ldio-7cxkzz6bxl6 div:nth-child(11) {
               transform: rotate(300deg);
               animation-delay: -0.08333333333333333s;
               background: #000000;
           }
.ldio-7cxkzz6bxl6 div:nth-child(12) {
                transform: rotate(330deg);
                animation-delay: 0s;
                background: #000000;
            }
.loadingio-spinner-spinner-sdtglo3pib {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: #ffffff;
}
.ldio-7cxkzz6bxl6 {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}
.ldio-7cxkzz6bxl6 div { box-sizing: content-box; }
/* generated by https://loading.io/ */

.product_cat-all ul,
.product_cat-all li,
ul.children {
    margin: 0 !important;
    margin-left: 0 !important;
}

/*corp order form*/
#corp_form .button_predefined_value.active{
    background: #0000002a;
}

#corp_form .input_value {
    height: 30px !important;
    width: 70px;
   /* margin-top: 5px;*/
   
}

#corp_form .select:not([multiple]){
    height: 30px !important;
}
/*
#corp_form .btn_material_choose{
    height: 30px !important;
    width: 100%;
}
*/
.tooltipster_btn{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    background: #fff !important;
    border: 1px #ccc solid !important;
    color: #000000 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-radius: 3px !important;
    text-align: center !important;
}

.tooltipster_btn:hover svg{
    filter: invert(0%) sepia(0%) saturate(7447%) hue-rotate(147deg) brightness(115%) contrast(95%);
}

.img-flag{
    max-width: 30px;
}

#corp_form .corp_material_veneer_img{
    max-width: 30px;
}

#corp_form .button_predefined_value {
    width: 45px;
    height: 15px;
    margin-right: 5px;
    /*margin-top: 10px;*/
}

#corp_form .predefined_values{
    /*width: 100%;*/
    display: inline-block;
    
}

.panel-heading{
    border-bottom: 0.5px groove black !important;
    cursor: pointer;
    margin-bottom: 1px;
}

.panel-heading h4{
    margin-bottom: 5px;
}
.panel-title{
    width: 100%;
}
.panel-body>.row>div:first-child, .panel-body>div>.row>div, .info_type{
    padding: 6px 12px;
}
#corps_lista_opcji .row{
    padding-bottom: 5px;
}

.corp_material_veneer_img{
border-radius: 50%;
height: 20px;
width: 20px;
}
/*
.material_modal_select{
width: 100%;
}
*/
.panels_count_btn{
    height: 30px;
    border: 1px #ccc solid !important;
    border-radius: 3px !important;
}

.after_optimization_price{
    width: 100%;
    display: inline-block;
    text-align: left;
}

.after_optimization_price .amount{
    color: var(--wd-text-color);
    font-size: 12px !important;
    font-weight: 100;
}

.custom_cart_quantity{
    width: 100%;
    display: inline-block;
    text-align: center;
}

.erozrys_cart_list_subproduct{
    font-size: 12px;
    font-weight: 100;
    background: #fcfcfc;
}

.erozrys_cart_list_subproduct .woocommerce-Price-currencySymbol{
    font-size: 12px;
    font-weight: 100;
    padding-left: 3px;
}

.erozrys_cart_list_subproduct .product-price .amount{
    font-size: 12px;
    font-weight: 100;
}

.erozrys_cart_list_subproduct .product-name{
    font-size: 12px;
    font-weight: 100;
}

.erozrys_cart_list_subproduct .product-name a{
    font-size: 12px;
    font-weight: 100;
 }

.erozrys_cart_list_subproduct .product-thumbnail img {
    min-width: 50px !important;
    max-width: 50px !important;
}

.erozrys_cart_list_subproduct td{
padding: 10px 12px;
}

.erozrys_proceed_to_checkout_msg{
    padding-left: 10px;
    color: orange;
}

.erozrys_product_code{
    font-size: 11px;
    display: block;
}

.corps_optimization_details{
    font-weight: 700;
    font-size: 16px;
}

.see_component_products{
    font-size: 12px !important;
    font-weight: 100 !important;
    width: 200%;
}

.w100{
    width: 100px;
}

.erozrys-btn{border-radius: var(--btn-shop-brd-radius);
    color: var(--btn-shop-color);
    box-shadow: var(--btn-shop-box-shadow);
    background-color: var(--btn-shop-bgcolor);
}

.corp_cart_desc{
    display: block;
    font-size: 0.9em;
}

#compare_table{
    margin-right: 10px;
}

.cart-compare-params-tbl>tbody>tr>td{
    vertical-align: middle;
    text-align: left;
}

.cart-compare-params-tbl>thead>tr>th:not(.table>thead>tr>th:first-of-type){
    vertical-align: left;
    text-align: left;
    writing-mode: vertical-rl;
}

.cart-compare-params-tbl button{
    background: none;
    margin-left: 3px;
}

.cart-compare-params-tbl .tooltipstered:hover{
    box-shadow: none !important;
}

.cart-compare-params-tbl .tooltipstered:hover{
    color: #83b735;
}

.shape_form_head td:not(:first-child){
    text-align: center;
}

#shape_form input{
    text-align: center;
}

.cnc-shapes-modal-dialog {
    min-width: min-content; /* //TODO: REMOVE ME */
    max-width: 55vw!important;
}

.svg_shape_preview{
    text-align: center;
}

.shape_form_info{
    color: #F94E4A;
}

.svg_color_text{
    fill: #F94E4A;
}

#shape_form input{
    height: 25px;
    width: 80px;
}

#shape_form input:disabled{
    background: #dbdbdb;
}

#shape_form select{
    height: 25px;
    width: 70px;
    text-align: center;
}

.cnc-shape-tbl th{
    text-align: center;
    padding: 5px;
}

.cnc-shape-tbl td{
    text-align: center;
    padding: 5px;
}

.cnc-shape-btn{
    padding: 5px 10px 5px 10px !important;
    margin-left: 10px;
}

.cnc-shape-btn-header{
    margin-left: 0;
}

.modal-header-btns{
    
   text-align: right;
}

.modal-shape-name{
    text-align: center;
    padding-left: 50px;
}

.modal-header-shape-btn-box{
    display: block;
    float: left;
}

.modal-footer-shape-btn{
    position: absolute !important;
    left: 7px;
}

#optimization_errors{
    font-size: 1.1em;
    padding: 20px;
    color: #F94E4A;
    font-weight: bold;
}

#optimization_errors_btn_box{
    text-align: right;
}

.veneer_col_msg{
    display: none;
}

.ots_error{
    border-color: red !important;
}

.veneer-column{
    width: 60px;
}
/*
.veneer{
    width: 25px !important;
}*/

.cuttting_plan_h{
    margin-bottom: 5px;
    font-size: 15px;
}

.shape_form tr input:read-only{
    background: #ebebeb;
 }

 .erozrys_slim_btn{
    font-size: 0.7em !important;
    padding: 5px !important;
    margin-top: 5px !important;
 }

 .show_corp_order_detail_on_order_list{
    border: none;
    border-radius: 3px;
    margin-right: 5px;
}

.show_corp_order_detail_on_order_list:focus{
    outline: none;
}

.corp_detail_opened{
    border: 1px #007cba solid !important;
    
}

.erozrys-icon-link:hover{
    cursor: pointer;
}

.shape_box img{
    margin: auto;
    display: block;
}

.shape_box{
    width: 100px;
    border: 1px #e6e6e6 solid;
    float: left;
    text-align: center;
    margin: 5px;
    height: 90px;
    overflow: hidden;
}

.shape_box:hover{
    border: 1px #83b735 solid;
}

.no_name{
    margin-top: 15px !important;
}

.shape_error{
    border-color: #F94E4A !important;
}

.edge_error_box{
    text-align: justify;
}

.field_error{display: none;}

.is_field_error{border-color: #F94E4A !important;}

.field_errors{
    color: #F94E4A;
}

.modal_close{
    position: absolute;
    font-size: 30px;
    right: 10px ;
    top: -20px;
}

.order_to_size_link{
    background-color: var(--btn-shop-bgcolor) !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 10px !important;
    margin-bottom: 15px;
}

.order_to_size_link:hover{
    box-shadow: var(--btn-shop-box-shadow) !important;
    background-color: var(--btn-shop-bgcolor-hover) !important;
}

.order_to_size_link svg{
    margin-left: 10px !important;
}

.order-to-size-btn{
    background-color: var(--btn-shop-bgcolor) !important;
    box-shadow: var(--btn-shop-box-shadow) !important;
    color: #fff !important;
    padding: 12px 20px;
    font-size: 13px;
    line-height: 18px;
    margin-left: 10px;
}

.order-to-size-btn:hover{
    box-shadow: var(--btn-shop-box-shadow) !important;
    background-color: var(--btn-shop-bgcolor-hover) !important;
}

.order-to-size-btn svg{
    margin-left: 10px !important;
}

#change_material svg{
    margin-right: 10px;
}

#add_to_cart_with_optimization{
    background-color: var(--btn-shop-bgcolor) !important;
    box-shadow: var(--btn-shop-box-shadow) !important;
    color: #fff !important;
    padding: 12px 20px;
    font-size: 13px;
    line-height: 18px;
    margin-left: 10px;
}

#add_to_cart_with_optimization:hover{
    box-shadow: var(--btn-shop-box-shadow) !important;
    background-color: var(--btn-shop-bgcolor-hover) !important;
}

.er_btn_icon svg{
    margin-right: 10px;;
}

.er-btn-action{
    background-color: var(--btn-shop-bgcolor) !important;
    box-shadow: var(--btn-shop-box-shadow) !important;
    color: #fff !important;
    padding: 12px 20px;
    font-size: 13px;
    line-height: 18px;
    margin-left: 10px;
}

.er-btn-action:hover{
    box-shadow: var(--btn-shop-box-shadow) !important;
    background-color: var(--btn-shop-bgcolor-hover) !important;
}

.er-btn-action svg{
    margin-right: 10px;
}

.er-btn-default svg{
    margin-right: 10px;
}


.corp_order_format_show_svg{
    outline: none;
    border: none;
    border-radius: 3px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    cursor: pointer;
    background: none !important;
}

.corp_order_format_show_svg:focus{
    outline: none;
    border: none;
    background: none !important;
}

.corp_order_format_show_svg:hover{
    outline: none;
    border: none;
    background: none !important;
    box-shadow: none !important;
}

.isset_cnc_solution_errors svg{
    color: #e30909 !important;
}

.cutting-plan-tbl td, .cutting-plan-tbl th {
    padding: 3px !important;
    font-size: 10px;
}

.isseet_solution_errors{
    border: 1px #e30909 solid;
}

input[type="range"] {
    display: block;
    width: 100%;
}

.tooltipster_corp_form {
    height: 25px;
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: -3px;
}

.woocommerce-checkout .form-row{
    display: block;
}

#calculate_corps_prices svg{ 
    margin-right: 10px;
}

#calculate_corps_prices i{ 
    margin-right: 10px;
}

.modal_cnc_shape_name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80px;
    display: inline-block;
}


/*
.modal_material_box {
    display: inline-block;
    max-width: 200px;
    text-align: center;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}*/

.active_material{
    box-shadow: 0 0 10px rgb(0, 90, 163) !important;
}
/*
.m_img{
    width: 200px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.m_img img {
    max-width: 200px;
    height: auto;
    border: 0;
    vertical-align: middle;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}*/

.no_rounding{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}



.thicknesses_for{
    display: flex;
    justify-content: space-between;
}

.m_thickness{
    width: 100%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.2);
    /* margin-right: 5px; */
    /* border-top-right-radius: 3px; */
    /* border-top-left-radius: 3px; */
    text-align: center;
}
/*
.m_thickness{
    width: 30px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.2);
    margin-right: 5px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
*/
.m_thickness_active{
    background: rgba(0, 86, 156, 0.9) !important;
    color: #fff;
}

.thicknesses_for .m_thickness:first-of-type{
    border-bottom-left-radius: 10px;
}

.thicknesses_for .m_thickness:last-of-type{
    border-bottom-right-radius: 10px;
}

.m_thickness:hover{
    background: rgba(0, 86, 156, 0.9) !important;
    color: #fff;
}

#board_filters{
    display: flex;
    margin: 10px;
    justify-content: space-between;
}



.veneers_filters{
    display: block;
    margin: 10px;
}

.veneers_filter label{
    display: inline-block;
    /*vertical-align: middle;*/
    margin: 0;
    margin-right: 10px;
    cursor: hand;
}

.veneers_filter{
    display: inline-block;
}

/*
#veneers{    
    display: flow-root;
}*/



.material_searcher{
    position: relative;
}

.searcher_icon{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    pointer-events: none;
}





.no_material_result_msg_box{
    padding: 10px;
    font-size: 1.2em;
}

.er-loader{ 
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

.er-loader-sm{ 
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: spin 2s linear infinite;
}

.m_thickness_loader_box{
    width: 100%;
    display: flex;
    justify-content: center;
}

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

/*wyśrodkowanie loadera przy przeładowaniu formularza szafki*/
.curtain.active{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Modal wyboru zamiast select2 */
    .select_modal_option_selected{
        box-shadow: 0 0 10px rgb(0, 90, 163) !important;
    }

    .select_modal_selected{
        display: flex;
        align-items: center;
    }

    .select_modal_selected_img{
        margin-right: 10px;
    }

    .select_modal_selected_img img{
        border-radius: 12%;
        height: 45px;
        width: 45px;
        margin: 3px;
        border: 1px #e5e5e5 solid;
    }

    .corp_form_selected_option_no_img{
        border-radius: 12%;
        height: 45px;
        width: 45px;
        margin: 3px;
        border: 1px #e5e5e5 solid;
        background: #f4f4f4;
        display: inline-block;
        vertical-align: middle;
    }

/*
    .corp_form_selected_option img{
        border-radius: 50%;
        height: 30px;
        width: 30px;
        margin: 3px;
        border: 1px #e5e5e5 solid;
    }

    .corp_form_selected_option{
        display: inline-block;
    }

    .corp_form_selected_option_no_img{
        border-radius: 50%;
        height: 30px;
        width: 30px;
        margin: 3px;
        border: 1px #e5e5e5 solid;
        background: #f4f4f4;
        display: inline-block;
        vertical-align: middle;
    }*/

    .select_modal_selected_box{
        position: relative;
        border-bottom: 1px #e5e5e5 solid;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .select_modal_selected_box:hover{
        border-bottom: 1px #00559c solid;
    }

    .select_modal_btn{
        margin-right: 5px;
        margin-top: 10px;
        border-radius: 20px;
        border: 1px #f4f4f4 solid;
        box-shadow: inset 0 32px 24px -24px hsla(0, 0%, 100%, .3), 2px 2px 4px 0 rgba(0, 0, 0, .2);
        background: #f4f4f4;
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
        right: 0;
        bottom: -13px;
    }

    .select_modal_btn:hover{
        background: #00559c;
        color: #fff;
    }

    .select_modal_title{
        font-size: 1.1em;
        padding: 10px;
        font-weight: bold;
        display: inline-block;
    }

    .sm_img{
        position: relative;
        width: 156px;
        height: 90px;/*115px;*/
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    
    .sm_img img {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border: 0;
        object-fit: contain;
        /*vertical-align: middle;*/
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .sm_name{
        /*height: 40px;
        margin: 10px;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-size: 0.9em;*/
        height: 60px;
        margin: 5px;
        line-height: 15px;
        overflow: hidden;
        font-size: 0.7em;
        display: flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
    }

    .sm_options{
        display: flex;
        flex-wrap: wrap;
    }

    .modal-dialog{
        width: 90%;
        max-width: 1070px !important;
    }

    .modal_btn{
        margin-right: 5px;
        margin-top: 10px;
        border-radius: 20px;
        border: 1px #f4f4f4 solid;
        color: #fff;
        background: #00559c;
        padding-left: 10px;
        padding-right: 10px;
    }

    .modal_btn:hover{
        box-shadow: inset 0 32px 24px -24px hsla(0, 0%, 100%, .3), 2px 2px 4px 0 rgba(0, 0, 0, .2);
       
    }

 


/* Modal wyboru zamiast select2 END*/