/*web invoice*/
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans'), local('OpenSans'), url(../../../../../../static/fonts/opensans/v7/yYRnAC2KygoXnEC8IdU0gQLUuEpTyoUstqEm5AMlJo4.ttf) format('truetype');
}

.invoice-web-wrapper {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.invoice-web-container {
    background-color: #fff;
    -webkit-box-shadow: -9px 9px 0px -1px rgba(238, 240, 246, 1);
    -moz-box-shadow: -9px 9px 0px -1px rgba(238, 240, 246, 1);
    box-shadow: -9px 9px 0px -1px rgba(238, 240, 246, 1);
}

.invoice-web-container .invoice-web-body {
    padding: 50px;
    position: relative;
    padding-top: 70px;
    z-index: 5;
    min-height: 600px;
    color: #6a7082;
}

.invoice-web-container .invoice-web-body .x-logo {
    margin-bottom: 30px;
    display: block;
}

.invoice-web-container .invoice-web-body .x-corner {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f5f7fc;
    display: none;
}

.invoice-web-container .invoice-web-body .x-status {
    position: absolute;
    top: 45px;
    right: 35px;
    width: 200px;
}

.invoice-web-container .invoice-web-body .x-background {
    position: absolute;
    top: 0px;
    right: 35%;
    width: 350px;
}

.invoice-web-container .invoice-web-body .x-invoice-id {
    text-transform: uppercase;
    font-size: 16px;
    color: #94c66e;
    padding-bottom: 20px;
    font-weight: 600;
}

.invoice-web-container .invoice-web-body .x-details {
    border-bottom: solid 2px #eef0f6;
    padding-bottom: 45px;
}

.invoice-web-container .invoice-web-body .x-details-dates {
    border-bottom: 0px;
    padding-bottom: 90px;
}

.invoice-web-container .invoice-web-body .x-details:after {
    content: "";
    display: block;
    clear: both;
}

.invoice-web-container .invoice-web-body .x-details .x-date-created {
    float: left;
    width: 150px;
}

.invoice-web-container .invoice-web-body .x-details .x-date-created .x-heading {
    text-transform: uppercase;
    font-size: 11px;
    color: #d2d7e6;
    font-weight: 700;
}

.invoice-web-container .invoice-web-body .x-details .x-date-created .x-date {
}

.invoice-web-container .invoice-web-body .x-details .x-date-due {
    float: left;
    width: 150px;
}

.invoice-web-container .invoice-web-body .x-details .x-date-due .x-heading {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    color: #d2d7e6;
    font-weight: 600;
}

.invoice-web-container .invoice-web-body .x-details .x-date-due .x-date {
}

.invoice-web-container .invoice-web-body .x-details .x-client-details {
    float: right;
    width: 220px;
    font-size: 15px;
}

.invoice-web-container .invoice-web-body .x-details .x-vendor-details {
    float: left;
}

.invoice-web-container .invoice-web-body .x-details .x-client-details .x-heading {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
}

.invoice-web-container .invoice-web-body .x-details .x-client-details .x-name {
}

.invoice-web-container .invoice-web-body .x-details .x-client-details .x-address {
}

.invoice-web-container .invoice-web-details {
}

.invoice-web-container .invoice-web-body .invoice-web-details-table {
    margin-top: 40px;
}

.invoice-web-container .invoice-web-body .invoice-web-details-table td {
    vertical-align: top;
    font-size: 16px !important;
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
    padding-top: 8px;
}

.invoice-web-container .invoice-web-body .invoice-web-details-table .x-table-total {
    text-align: right;
    width: 10% !important;
}

.invoice-web-container .invoice-web-footer {
    display: table;
    width: 100%;
    color: #fff;
}

.invoice-web-footer .x-left-section {
    display: table-cell;
    background-color: #292b31;
    padding: 35px 30px;
    vertical-align: top;
}

.invoice-web-footer .x-left-section:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

.invoice-web-footer .x-left-section .x-left {
    float: left;
    color: #b5b6b9;
}

.invoice-web-footer .x-left-section .x-left .x-method-text {
    display:none;
}

.invoice-web-footer .x-left-section .x-left .x-payment-details {
    color: #e1e3ea;
}

.invoice-web-footer .x-left-section .x-left .x-payment-title {
    text-transform: uppercase;
    font-size: 15px;
    color: #eef0f6;
}

.invoice-web-footer .x-left-section .x-left .x-payment-id {
}

.invoice-web-footer .x-left-section .x-left .x-payment-logo {
    font-size: 28px;
    padding-top: 4px;
}

.invoice-web-footer .x-left-section .x-left .x-payment-logo i {
}

.invoice-web-footer .x-left-section .x-right {
    float: right;
    font-size: 16px;
    color: #eef0f6;
    text-transform: capitalize;
    text-align: right;
}

.invoice-web-footer .x-right-section {
    display: table-cell;
    width: 30%;
    background-color: #94c66e;
    padding: 35px 30px;
    vertical-align: top;
    text-align: right;
    /* font-family: 'Montserrat', sans-serif; */
}

.invoice-web-footer .x-right-section .x-heading {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
}

.invoice-web-footer .x-right-section .x-amount {
    font-size: 32px
}

.invoice-web-footer-actions {
    padding: 20px
}

.invoice-web-footer-actions:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

.invoice-web-footer-actions .x-left {
    float: left;
}

.invoice-web-footer-actions .x-left .rwsvgicons {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}

.invoice-web-footer-actions .x-right {
    float: right;
}

.invoice-web-footer-actions .x-gateways {
    display: inline-block;
    padding-left: 8px;
}

.invoice-web-options {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.invoice-web-options:after {
    content: "";
    display: block;
    clear: both;
}

.invoice-web-options a {
    margin-left: 6px;
}

/*hide preload images*/
@media screen {
    .preloader-background-images {
        position: absolute;
        left: -9999px;
        top: -9999px;
    }

    .preloader-background-images img {
        display: block;
    }
}

@media print {
    preloader-background-images, preloader-background-images img {
        visibility: hidden;
        display: none;
    }
}

.invoice-web-container .invoice-web-body .invoice-web-details-table .x-invoive-title-section-2 {
    font-size: 15px;
    font-weight: 400;
    padding-top: 5px;
}

.invoice-web-container .invoice-web-body .invoice-web-details-table .x-invoive-title-section-3 {
    font-size: 15px;
    font-weight: 400;
}

.invoice-web-footer-notes {
    padding: 15px 20px 0px 20px;
}

.invoice-web-footer-notes .x-notes {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 10px;
}

.invoice-web-footer-notes .x-list {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    padding-bottom: 8px;
}

.invoice-web-container .invoice-web-body .x-meta {
    padding-bottom: 200px;
    font-size: 14px;
}

.invoice-web-container .invoice-web-body .x-meta table {
    font-size: inherit;
}

.invoice-web-container .invoice-web-body .x-meta table tr {
    font-size: 15px;
}

.invoice-web-container .invoice-web-body .x-meta table td {
}

.invoice-web-container .invoice-web-body .x-meta table .x-meta-title {
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    width: 130px;
}

.invoice-web-container .invoice-web-body .x-invoive-title-section-1 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600
}

.invoice-web-footer-thanks {
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
    font-size: 19px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    vertical-align: middle;
}

.invoice-web-footer-thanks img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.invoice-web-footer-thanks span {
    vertical-align: middle;
}