.invoice {
    padding: 30px 40px;
    text-align: center;
}

    .invoice p {
        margin-bottom: 0;
    }

.invoice--header {
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebea;
}

.invoice--logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.invoice--address {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 13px;
    line-height: 23px;
}

.invoice--header .invoice--address {
    padding-top: 33px;
    padding-bottom: 33px;
}

.invoice--address > .h3 {
    margin-bottom: 15px;
    padding-top: 8px;
}

    .invoice--address > .h3 > span, .invoice--info > .h5 > span {
        color: #999;
        font-weight: 300;
    }

.invoice--address > .h5 {
    margin-bottom: 4px;
    color: #393939;
    font-weight: 700;
    text-transform: uppercase;
}

.invoice--billing {
    padding-top: 40px;
}

.invoice--info {
    padding-top: 30px;
    padding-bottom: 33px;
    color: #999;
    font-weight: 300;
}

    .invoice--info > .h5 {
        color: #393939;
        font-weight: 600;
    }

    .invoice--info > p {
        margin-top: 4px;
    }

        .invoice--info > p > strong {
            color: #555;
            font-weight: 400;
        }

.invoice--order {
    display: block;
    width: 100% !important;
    margin-top: 20px !important;
    border: 1px solid #ebebea !important;
    text-align: left !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .invoice--order .table {
        background-color: #fff;
    }

        .invoice--order .table > thead > tr > th {
            padding: 9px 30px;
            color: #393939;
            border-top-width: 0;
            border-bottom-width: 0;
            text-transform: uppercase;
            vertical-align: top;
        }

        .invoice--order .table > tbody > tr:nth-child(even) {
            background-color: #f9f9f9;
        }

        .invoice--order .table > tbody > tr > td {
            padding: 9px 30px;
            border-color: #ebebea;
        }

.invoice--footer {
    padding-top: 50px;
}

.invoice--payment {
    padding-top: 3px;
    padding-bottom: 3px;
}

    .invoice--payment > p > strong {
        color: #393939;
        font-weight: 600;
    }

.invoice--actions {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-left: auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}

    .invoice--actions > .btn {
        margin-top: 5px;
        margin-bottom: 5px;
    }

        .invoice--actions > .btn:not(:last-child) {
            margin-right: 10px;
        }

@media (min-width:577px) {
    .invoice {
        text-align: left;
    }

    .invoice--billing, .invoice--header {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }

        .invoice--header .invoice--address {
            padding-top: 3px;
            padding-bottom: 3px;
            margin-left: auto;
            text-align: right;
        }

    .invoice--billing {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }

    .invoice--info {
        padding-top: 0;
        padding-bottom: 3px;
        margin-left: auto;
        text-align: right;
    }

    .invoice--footer {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .invoice--actions {
        margin-top: 0;
        margin-left: auto;
    }
}

.pricing--item {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
    padding: 0 20px 40px;
    border-radius: 4px;
    box-shadow: 0 3px 12px rgba(0,0,0,.15);
    z-index: 0;
}

.pricing--text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 6px 25px 8px;
    border-radius: 0 0 4px 4px;
}

.pricing--header {
    padding-top: 31px;
    padding-bottom: 24px;
    border-radius: 4px 4px 0 0;
}

.pricing--text + .pricing--header {
    padding-top: 69px;
}

.pricing--title {
    margin-bottom: 31px;
    padding-bottom: 37px;
    border-bottom: 1px solid #ccc;
    font-size: 20px;
    line-height: 30px;
}

.pricing--title--box {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom-width: 0;
}

.pricing--title strong {
    font-size: 72px;
    line-height: 82px;
}

.pricing--title sup {
    font-size: 30px;
    line-height: 75px;
    vertical-align: top;
}

.pricing--item.px-0 .pricing--features li {
    padding: 0 15px;
}

.pricing--features li + li {
    margin-top: 14px;
}

.pricing--action {
    margin-top: 33px;
}

.pricing--item.active {
    border-bottom: 8px solid #009378;
}

.invoice--order .table > tbody > tr > td[colspan], .map--stats .table td + td {
    text-align: right;
}

.invoice--order .table > thead > tr > th {
    padding: 9px 30px !important;
    color: #393939 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    text-transform: uppercase !important;
    vertical-align: top !important;
}

th {
    border-right: solid 0px #cccccc !important;
    padding: 5px 20px 5px 20px;
    text-align: left !important;
}