.my-order-modal {
}

    .my-order-modal .modal-dialog {
        width: 32% !important;
    }

    .my-order-modal .modal-body {
        padding: 20px;
    }

    .my-order-modal .modal-footer {
        width: 100%;
    }


.container-details {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

    .container-details .container-customer, .container-details .container-info {
        display: flex;
        flex-flow: column;
    }

        .container-details .container-customer h2 {
            font-size: 16px;
            font-weight: bold;
            letter-spacing: -0.06px;
            color: #140F14;
            margin-bottom: 7px;
        }

        .container-details .container-customer .order-number {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: -0.1px;
            color: #140F14;
            margin-bottom: 7px;
        }

        .container-details .container-customer .order-date {
            font-size: 14px;
            font-weight: normal;
            letter-spacing: -0.1px;
            color: #808080;
        }

        .container-details .container-info .order-status {
            font-size: 12px;
            font-weight: bold;
            letter-spacing: -0.08px;
            color: #e5c00a;
        }

.container-summary {
    display: flex;
    flex-flow: column;
}

    .container-summary .container-items, .container-summary .container-shipping, .container-summary .container-order-total {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
    }

        .container-summary .container-items .item-count {
            font-size: 14px;
            font-weight: bold;
            letter-spacing: -0.05px;
            color: #949494;
        }

        .container-summary .container-items .item-name {
            font-size: 17px;
            font-weight: normal;
            letter-spacing: -0.05px;
            color: #949494;
        }

        .container-summary .container-items .items-price {
            font-size: 13px;
            font-weight: normal;
            letter-spacing: normal;
            color: #808080;
        }

    .container-summary .customization-item-list {
        display: flex;
        margin-left: 20px;
    }

        .container-summary .customization-item-list .customiation-item {
            margin-right: 24px;
        }

            .container-summary .customization-item-list .customiation-item span {
                font-size: 13px;
            }

            .container-summary .customization-item-list .customiation-item label {
                font-weight: bold;
                font-size: 13px;
            }

        .container-summary .container-shipping {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .container-summary .container-shipping .shipping-name, .container-summary .container-shipping .shipping-price {
            font-size: 13px;
            font-weight: 500;
            color: #808080;
        }

    .container-summary .container-order-total .order-name, .container-summary .container-order-total .order-price {
        font-size: 15px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #140F14;
    }

.containe-payment {
    display: flex;
    flex-flow: column;
}

    .containe-payment > div {
        margin-bottom: 10px;
    }


    .containe-payment .container-customer-payment {
        display: flex;
        flex-flow: column;
    }

        .containe-payment .container-customer-payment .img-card {
            margin-right: 5px;
            height: 40px;
            width: 64px;
        }


        .containe-payment .container-customer-payment .customer-name {
            font-size: 14px;
            font-weight: bold;
            color: #252525;
            margin-bottom: 0px;
        }

    .containe-payment .digit-card {
        font-size: 14px;
        font-weight: 500;
        color: #252525;
    }

    .containe-payment .date-card {
        font-size: 14px;
        font-weight: 500;
        color: #252525;
    }

.container-addres {
    display: flex;
    flex-flow: column;
}

    .container-addres .container-addres-info {
        display: flex;
        flex-flow: column;
    }

        .container-addres .container-addres-info .name {
            font-size: 16px;
            font-weight: bold;
            line-height: normal;
            letter-spacing: -0.06px;
            color: #140F14;
            margin-bottom: 15px;
        }

        .container-addres .container-addres-info .info-addres {
            display: flex;
            flex-flow: row;
        }

            .container-addres .container-addres-info .info-addres label {
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.05px;
                color: #140F14;
            }

                .container-addres .container-addres-info .info-addres label:first-child {
                    font-weight: bold;
                    margin-right: 3px;
                }

    .container-addres .container-subtitle {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
    }


        .container-addres .container-subtitle .type-billing {
            font-size: 12px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.05px;
            color: #9f33bf;
        }

#MyOrderModal .buttons {
    margin-top: 40px;
    text-align: center;
}

    #MyOrderModal .buttons input {
        margin: 5px;
        width: 45%;
        padding: 0px;
    }

.my-orders-container .form-entry {
    width: 200px;
    margin-right: 20px;
}

@media(max-width: 700px) {
    #MyOrderModal .buttons input {
        width: 100%;
    }
}