/*  --------------------------------------
    NEUE BESTELLUNG FORMULAR 
    -------------------------------------- */
.incon_order_create fieldset {
    margin: 0px;
}
.incon_col_1_1 {
    display: inline-block;
    width: calc(100% - 25px);
    margin: 10px 10px 0px 0px;
}
.incon_col_1_2 {
    display: inline-block;
    width: calc(50% - 20px);
    margin: 10px 10px 0px 0px;
}
.incon_ordered_item.header.order_create {
    grid-template-columns: 80px auto 100px 140px 140px 140px;
    grid-gap: 10px;
}
.incon_order_create input[type="text"],
.incon_order_create input[type="email"],
.incon_order_create input[type="number"],
.incon_order_create input[type="date"],
.incon_order_create select,
.select2-selection > span {
    color: #000000;
    padding: 4px 20px;
    display: block;
    height: 40px;
}
#incon_order_create_positions {
    padding: 10px;
}
.incon_order_create_position {
    display: grid;
    grid-template-columns: 80px auto 100px 140px 140px 140px;
    grid-gap: 10px;
    position: relative;
    border-bottom: 1px solid rgb(233, 234, 238);
    padding: 0px 0px 10px;
    margin: 0px 0px 10px;
}
.incon_order_create_position_delete {
    padding: 5px 10px;
    box-shadow: none;
    border: 1px solid #999;
    font-size: 14px;
    position: absolute;
    right: -40px;
    top: 0px;
    height: 40px;
    opacity: 0;
    transition: all ease-in 0.2s;
    text-align: center;
    color: #fff;
    background: #c0392b;
    border: 1px solid #c0392b;
    cursor: pointer;
}
.incon_order_create_position:hover .incon_order_create_position_delete {
    opacity: 1;
}
.incon_order_create_position_add {
    border: 0px;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 2px !important;
    margin: 0px 0px 10px;
    background: rgb(233, 234, 238);
    color: #555;
    cursor: pointer;
}
.incon_order_create input[type="submit"] {
    background: #94d60a;
    color: #ffffff;
    border: 0px;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 2px !important;
    cursor: pointer;
    width: 100%;
    max-width: 300px;
}
.billing_is_deliverto_note {
    display: block;
    font-size: 13px;
    line-height: 16px;
    margin: 10px 0px 0px;
    padding: 0px;
}
.billing_is_deliverto_note input {
    margin-top: -2px;
}
.incon_billed_to_from.billing_is_deliverto > div:nth-of-type(2) {
    display: none;
}
.select2-selection.select2-selection--single {
    height: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}
.select2-container--default .select2-selection--single {
    border-radius: 0px !important;
    border-color: #d2d2d2 !important;
}
.product_recipient {
    width: calc(100% - 28px);
}
.incon_invoice_product {
    max-width: 330px;
}
.incon_invoice_product .select2 {
    max-width: 100%;
}
div#incon_order_create_discounts {
    background: rgba(233,234,238,.4);
    padding: 10px;
    margin-bottom: -20px;
    display: grid;
    grid-template-columns: 70% 29%;
}






/*  --------------------------------------
    BESTELLUNG BEZAHLEN
    -------------------------------------- */
.incon_billed_to_from {
    display: grid;
    grid-template-columns: 36% 36% 28%;
    margin-bottom: 40px;
}
.incon_billed_to_from.billing_is_deliverto {
    display: grid;
    grid-template-columns: 50% 50% 28%;
    margin-bottom: 40px;
}
.invoice_position {
    display: inline-block;
}
.product_name {
    display: inline-block;
}
.product_quantity {
    display: inline-block;
    text-align: center;
}
.subtotal {
    display: inline-block;
    text-align: right;
}
.incon_ordered_item.header {
    background: rgb(233, 234, 238);
    padding: 5px 10px;
    font-weight: bold;
    display: grid;
    grid-template-columns: 100px auto 100px 160px;
}
.incon_ordered_item:not(.header) {
    padding: 5px 10px;
    display: grid;
    grid-template-columns: 100px auto 100px 160px;
    border-bottom: 1px solid rgb(233, 234, 238);
    margin-bottom: 8px;
}
.incon_ordered_item.footer {
    background: #363839;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    display: grid;
    grid-template-columns: 100px auto 100px 160px;
    margin-top: 30px;
}
.incon_payment_row {
    margin-top: 33px;
}
.incon_pay {
    text-transform: uppercase;
    width: 100%;
    max-width: 320px;
}




/*  ------------------------------------------------------------------------
    MY ACCOUNT
    ------------------------------------------------------------------------ */
    .incon_myaccount_invoice_link {
        background: #e9eaee;
        color: #363839;
        display: block;
        padding: 10px 20px;
        margin: 0px 10px 10px 0px;
    }
    .incon_myaccount_invoice_link i {
        margin-right: 10px;
    }








@media screen and (max-width: 768px) {

    .incon_billed_to_from {
        grid-template-columns: 100%;
    }
    .incon_billed_to_from_column {
        margin-bottom: 20px;
    }

    section#primary.order_edit {
        padding: 0px;
    }
    section#primary.order_edit main#main {
        padding: 20px 0px;
    }

    .incon_ordered_item.header {
        grid-template-columns: auto auto;
    }
    span.invoice_position {
        display: none;
    }
    .incon_ordered_item:not(.header) {
        grid-template-columns: auto 60px 50px;
    }
    .incon_ordered_item.header span.product_quantity {
        display: none;
    }
    .incon_ordered_item:not(.header) span.product_quantity:after {
        content: "x";
    }
    .incon_ordered_item.footer span.product_quantity:after {
        display: none;
    }

}