widgets.less

@import "_imports/colors.less";
@import "_imports/mixins.less";

.cpq {
    display: block;
    position: relative;
    h1 {
        font-size: 3em;
    }
    h3 {
        font-size: 1.5em
    }
    .cpq-company {
        font-size: 1.5em;
        font-weight: bold;
    }
    .cpq-heading {
        font-weight: bold;
        text-transform: uppercase;
        &.recipient {
            font-size: 1.1em;
        }
    }
    .cpq-contact {
        .fa {
            margin-right: 5px;
        }
    }
    .cpq-summary {
        width: 100%;
    }
    .cpq-items {
        width: 100%;
        .cpq-items-approve {
            width: 50px;
        }
        .cpq-item-description {
            width: 60%;
        }
        .cpq-items-unit-cost,
        .cpq-items-quantity,
        .cpq-items-amount,
        {
            width: (40% / 3);
        }
        .cpq-item-unit-cost,
        .cpq-item-quantity,
        .cpq-item-amount {
            text-align: right;
        }
        .cpq-total {
            text-align: right;
        }
        tfoot {
            border-top: 1px solid;
        }
    }
    .qrcode-container {
        width: 100%;
        img.qrcode {
            width: 100px;
            height: 100px;
        }
    }
}