/* Pizza Builder General */

#h3PizzaBuilder {
    border-bottom: solid black 0.1rem;
    width: 30%;
}

#panelPizzaBuilder {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    align-content:flex-start;
}

    #panelPizzaBuilder div {
        margin: 1rem 0rem 1rem 0rem;
    }

#btnManagement {
    z-index: 2;
}



/* Customer Information  */


#panelCustomerDetails .col {
    margin: 1rem;
    padding: 0.5rem;
}

#panelCustomerDetails input {
    width: 100%;
}

#panelCustomerInfo input, span {
    display: block;
}


#panelCustomerDetails h3 {
    text-wrap: auto
}

/* Address Panel */
#panelCustomerAddress input, span {
    display: block;
}

/* Final Order Gridview Panel */
#finalOrderInfo {
    padding: 0rem;
    margin: 0rem;
}

#gvFinalOrder {
    width: 100%;
}

  

  
#confirmOrder .col {
    width: 100%;
    align-self: end;
}

#btnConfirmOrder {
    background-color: #D12626;
    color: white;
}

#btnConfirmOrder {
    background-color: #AC2020;
}

/* Delivery Panel */
#finalOrderInfo .col #divCostQtyDelivery {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0rem 0rem 2rem 0rem;
}

    #finalOrderInfo .col #divCostQtyDelivery tbody {
        display: flex;
        flex-direction: column;
    }

        #finalOrderInfo .col #divCostQtyDelivery tbody tr {
            margin: 0.5rem;
        }

        #finalOrderInfo .col #divCostQtyDelivery tbody span {
            display: inline;
        }

        #finalOrderInfo .col #divCostQtyDelivery tbody input {
            width: 20px;
        }

    #finalOrderInfo .col #divCostQtyDelivery h5 {
    }

/* VIP Panel */
#panelVIP {
    border: black solid 0.1rem;
    padding: 1rem;
}

    #panelVIP #displayVIPInfo {
        margin: 1rem;
    }

    #panelVIP #displayRewardsAvailability #chkRewards {
        width: 20px;
    }

    #panelVIP #displayRewardsAvailability #lblRedeemPoints {
        display: inline;
    }

    #panelVIP p {
        margin: 0;
    }

    #panelVIP #pDisclaimer {
        font-size: 12px;
        color: red;
        margin: 0rem 0rem 1rem 0rem;
    }



/* Pizza Builder Panel */
#pizzaVisual {
    width: 100%;
    padding: 0.5rem;
}

    #pizzaVisual .btn {
        background-color: #D12626;
        color: white;
    }

        #pizzaVisual .btn:hover {
            background-color: #AC2020;
        }

#pizzaSize {
    border-top: black 0.1rem solid;
    padding: 1rem 0rem 0rem 0rem;
}

#pizzaCrust {
    border-top: black 0.1rem solid;
    padding: 1rem 0rem 0rem 0rem;
}

#pizzaSauce {
    border-top: black 0.1rem solid;
    padding: 1rem 0rem 0rem 0rem;
}

#pizzaTopping h3 {
    border-bottom: black 0.1rem solid;
}


#pizzaTopping, #gvPizzaToppings {
    width: 100%;
}

    #pizzaTopping input {
        position: relative;
        margin: 0rem 0rem 0rem 0.5rem;
        padding: 0.2rem;
    }

/* Panel Add Order*/
#panelAddOrder h3 {
    border-bottom: black 0.1rem solid;
}

#panelAddOrder #lblQuantity {
    display: inline;
}

#panelAddOrder #txtQuantity {
    display: inline;
    margin: 0rem 0rem 0rem 0rem;
    width: 10%;
}

#valQuantityField {
    display: inline;
}


#btnAddOrder {
    width: 100%;
    padding: 1rem;
}

    #btnAddOrder .btn {
        background-color: #D12626;
        color: white;
    }

        #btnAddOrder .btn:hover {
            background-color: #AC2020;
        }

/* Order Summary + Final Order */
#orderSummary {
    border-bottom: black 0.1rem solid;
}