﻿.directive.orderConfirmation {
    font-size: 18px;
    line-height: 40px;
    color: #002060;
}

    .directive.orderConfirmation p {
        margin: 0 !important;
    }

    .directive.orderConfirmation .order {
        margin: 20px;
    }

    .directive.orderConfirmation .lbl {
        display: inline-block;
        width: 200px;
        font-weight: bold;
    }

    .directive.orderConfirmation .val {
        display: inline-block;
        width: calc(100% - 200px);
    }

    .directive.orderConfirmation .reason > div {
        font-weight: bold;
    }

    .directive.orderConfirmation .reason > select {
        width: 100%;
    }

    .directive.orderConfirmation .description {
        width: 50%;
    }

    .directive.orderConfirmation .actionbar {
        text-align: center;
    }

        .directive.orderConfirmation .actionbar button {
            border: none;
            background-color: #00B0F0;
            font-size: 18px;
            text-transform: uppercase;
            font-weight: normal;
        }

    .directive.orderConfirmation button:hover {
        background-color: #009bd3;
    }

    .directive.orderConfirmation ul {
        border-top: 1px solid #BFBFBF;
    }

    .directive.orderConfirmation .actionbar {
        padding-bottom: 20px;
        border-bottom: 1px solid #BFBFBF;
    }

    .directive.orderConfirmation li {
        width: 100%;
        padding: 20px 20px 0px 20px;
        display: table;
    }

        .directive.orderConfirmation li > div {
            display: table-cell;
        }

    .directive.orderConfirmation .image-container {
        width: 140px;
    }

    .directive.orderConfirmation .price {
        width: 150px;
    }

    .directive.orderConfirmation .quantity {
        width: 170px;
    }

    .directive.orderConfirmation .description > p:nth-child(1) {
        color: #122156 !important;
        display: block;
        font-weight: bold;
    }

    .directive.orderConfirmation .price > div:nth-child(1),
    .directive.orderConfirmation .quantity > div:nth-child(1) {
        display: block;
        color: #008fcf;
        font-weight: bold;
        line-height: 2;
    }

    .directive.orderConfirmation .price > div:nth-child(2) {
        display: block;
        color: #122156;
        font-size: 24px;
    }

    .directive.orderConfirmation .quantity > div:nth-child(2) {
        display: block;
        color: #122156;
        font-weight: bold;
    }

    .directive.orderConfirmation .quantity button {
        background-color: #ffffff;
        border: 2px solid #A6A6A6;
        margin-left: 5px;
        font-weight: normal;
        border-radius: 14px !important;
        min-height: 48px;
        min-width: 72px;
        font-size: 18px;
    }

    .directive.orderConfirmation .quantity > .minus,
    .directive.orderConfirmation .quantity > .plus {
        min-width: 48px;
        width: 37px;
        color: #c5c5c5;
    }

        .directive.orderConfirmation .quantity > .minus > span,
        .directive.orderConfirmation .quantity > .plus > span {
            font-size: 18px !important;
        }

    .directive.orderConfirmation .quantity > .qty {
        min-width: 72px;
        color: #122156;
    }

    .directive.orderConfirmation .total {
        display: block;
        text-align: right;
        color: #122156;
        margin-top: 20px;
        font-size: 24px;
    }
