.invoice-edit-wrapper .invoice-icon .dropdown .dropdown-menu::before,
.invoice-edit-wrapper .invoice-icon .dropdown .dropdown-toggle::after,
.invoice-list-wrapper .dataTables_wrapper .invoice-data-table .dt-checkboxes-cell::after,
.invoice-list-wrapper .dataTables_wrapper .invoice-data-table .dt-checkboxes-cell::before,
.invoice-list-wrapper .dataTables_wrapper .invoice-data-table thead th:last-child::after,
.invoice-list-wrapper .dataTables_wrapper .invoice-data-table thead th:last-child::before {
    display: none
}

.invoice-view-wrapper hr {
    border-style: dashed
}

.invoice-view-wrapper .invoice-info .invoice-from,
.invoice-view-wrapper .invoice-info .invoice-to {
    margin-bottom: .8rem
}

.invoice-view-wrapper .invoice-product-details .table th {
    font-weight: 500
}

.invoice-view-wrapper .invoice-product-details .table td,
.invoice-view-wrapper .invoice-product-details .table th {
    padding: .75rem 2rem
}

.invoice-view-wrapper .invoice-subtotal .invoice-calc {
    margin: .2rem 0
}

    .invoice-view-wrapper .invoice-subtotal .invoice-calc .invoice-title {
        width: 171px
    }

    .invoice-view-wrapper .invoice-subtotal .invoice-calc .invoice-value {
        color: #304156;
        margin-bottom: 0
    }

.invoice-view-wrapper .invoice-action-wrapper {
    background-color: #FAFBFB
}

    .invoice-view-wrapper .invoice-action-wrapper .invoice-action-btn {
        margin-bottom: 1.2rem
    }

        .invoice-view-wrapper .invoice-action-wrapper .invoice-action-btn .invoice-send-btn {
            box-shadow: 0 2px 4px 0 rgba(90, 141, 238, .6)
        }

.invoice-list-wrapper .dataTables_wrapper .top {
    border: 1px solid #DFE3E7;
    background-color: #FFF;
    border-top-left-radius: .267rem;
    border-top-right-radius: .267rem
}

    .invoice-list-wrapper .dataTables_wrapper .top .action-filters .dataTables_filter {
        padding: 0 15px
    }

        .invoice-list-wrapper .dataTables_wrapper .top .action-filters .dataTables_filter label {
            width: 100%;
            margin-bottom: 0;
            position: relative;
            font-family: boxicons !important;
            line-height: 1;
            font-size: 1rem
        }

            .invoice-list-wrapper .dataTables_wrapper .top .action-filters .dataTables_filter label::after {
                position: absolute;
                content: '\eb2e';
                left: 20px;
                top: 12px
            }

            .invoice-list-wrapper .dataTables_wrapper .top .action-filters .dataTables_filter label input {
                width: 99%;
                height: 38px;
                font-family: 'IBM Plex Sans', Helvetica, Arial, serif;
                padding-left: 2rem;
                font-size: 1rem
            }

                .invoice-list-wrapper .dataTables_wrapper .top .action-filters .dataTables_filter label input::-webkit-input-placeholder {
                    font-family: 'IBM Plex Sans', Helvetica, Arial, serif;
                    color: #828D99;
                    font-size: 1rem
                }

                .invoice-list-wrapper .dataTables_wrapper .top .action-filters .dataTables_filter label input::-moz-placeholder {
                    font-family: 'IBM Plex Sans', Helvetica, Arial, serif;
                    color: #828D99;
                    font-size: 1rem
                }

                .invoice-list-wrapper .dataTables_wrapper .top .action-filters .dataTables_filter label input:-ms-input-placeholder {
                    font-family: 'IBM Plex Sans', Helvetica, Arial, serif;
                    color: #828D99;
                    font-size: 1rem
                }

                .invoice-list-wrapper .dataTables_wrapper .top .action-filters .dataTables_filter label input::-ms-input-placeholder {
                    font-family: 'IBM Plex Sans', Helvetica, Arial, serif;
                    color: #828D99;
                    font-size: 1rem
                }

                .invoice-list-wrapper .dataTables_wrapper .top .action-filters .dataTables_filter label input::placeholder {
                    font-family: 'IBM Plex Sans', Helvetica, Arial, serif;
                    color: #828D99;
                    font-size: 1rem
                }

    .invoice-list-wrapper .dataTables_wrapper .top .action-btns button {
        padding: .367rem 1.5rem
    }

.invoice-list-wrapper .dataTables_wrapper .invoice-data-table {
    background-color: #FFF;
    border: 1px solid #DFE3E7;
    border-top: none;
    border-bottom-left-radius: .267rem;
    border-bottom-right-radius: .267rem;
    border-collapse: separate !important;
    border-spacing: 0
}

    .invoice-list-wrapper .dataTables_wrapper .invoice-data-table thead th {
        font-weight: 400;
        font-size: .99rem
    }

    .invoice-list-wrapper .dataTables_wrapper .invoice-data-table tr:hover {
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12)
    }

    .invoice-list-wrapper .dataTables_wrapper .invoice-data-table tr td:nth-child(2),
    .invoice-list-wrapper .dataTables_wrapper .invoice-data-table tr th:nth-child(2) {
        padding-left: 10px
    }

    .invoice-list-wrapper .dataTables_wrapper .invoice-data-table tr .invoice-action a {
        color: #B3C0CE
    }

    .invoice-list-wrapper .dataTables_wrapper .invoice-data-table tr td {
        white-space: nowrap
    }

    .invoice-list-wrapper .dataTables_wrapper .invoice-data-table .dt-checkboxes-cell {
        width: 1px !important;
        padding: 0 20px 3px 19px
    }

        .invoice-list-wrapper .dataTables_wrapper .invoice-data-table .dt-checkboxes-cell input {
            width: 0;
            position: relative
        }

            .invoice-list-wrapper .dataTables_wrapper .invoice-data-table .dt-checkboxes-cell input::before {
                content: '';
                height: 20px;
                width: 20px;
                position: absolute;
                top: 0;
                left: 0;
                border-radius: 4px;
                background-color: #FFF;
                border: 1px solid #DFE3E7
            }

            .invoice-list-wrapper .dataTables_wrapper .invoice-data-table .dt-checkboxes-cell input::after {
                content: ' ';
                height: 20px;
                width: 20px;
                border: 1px solid #DFE3E7;
                position: absolute;
                border-radius: 4px;
                top: 0;
                left: 0;
                -webkit-transition: .1s ease-in-out;
                transition: .1s ease-in-out
            }

            .invoice-list-wrapper .dataTables_wrapper .invoice-data-table .dt-checkboxes-cell input:checked::after {
                border-top-style: none;
                border-right-style: none;
                -ms-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                height: .4rem;
                width: .8rem;
                border-color: #5A8DEE;
                border-radius: 0;
                border-width: 2px;
                top: 6px;
                left: 4px
            }

            .invoice-list-wrapper .dataTables_wrapper .invoice-data-table .dt-checkboxes-cell input:checked::before {
                box-shadow: 0 0 6px 0 rgba(22, 22, 22, .2)
            }

    .invoice-list-wrapper .dataTables_wrapper .invoice-data-table tbody .selected-row-bg {
        background-color: #E7EDF3
    }

    .invoice-list-wrapper .dataTables_wrapper .invoice-data-table tbody .bullet-sm {
        margin-right: .2rem
    }

.invoice-list-wrapper table.dataTable.dtr-column > tbody > tr > td.control:before,
.invoice-list-wrapper table.dataTable.dtr-column > tbody > tr > th.control:before {
    line-height: 18px
}

.invoice-edit-wrapper hr {
    border-style: dashed
}

.invoice-edit-wrapper .invoice-info .invoice-to {
    margin-bottom: .8rem
}

.invoice-edit-wrapper .invoice-date-picker .pickadate {
    max-width: 130px
}

.invoice-edit-wrapper .invoice-item-title {
    color: #475F7B;
    font-weight: 500
}

.invoice-edit-wrapper .invoice-icon .dropdown .dropdown-menu {
    width: 20rem
}

.invoice-edit-wrapper .invoice-repeat-btn {
    font-size: 1rem;
    font-weight: 500
}

.invoice-edit-wrapper .invoice-subtotal-value {
    color: #304156
}

.invoice-edit-wrapper .invoice-subtotal-title {
    color: #727E8C
}

.invoice-edit-wrapper .subtotal-preview-btn {
    box-shadow: 0 2px 4px 0 rgba(90, 141, 238, .4)
}

.invoice-edit-wrapper .invoice-action-wrapper {
    background-color: #FAFBFB
}

    .invoice-edit-wrapper .invoice-action-wrapper .invoice-action-btn .invoice-send-btn {
        box-shadow: 0 2px 4px 0 rgba(90, 141, 238, .6)
    }

.invoice-edit-wrapper .invoice-terms .invoice-terms-title {
    font-family: Rubik, Helvetica, Arial, serif;
    color: #475F7B
}

@media screen and (max-width:1290px) {
    .invoice-subtotal {
        width: 100% !important
    }

        .invoice-subtotal .invoice-title {
            width: auto !important
        }
}

@media screen and (max-width:596px) {
    .action-btns {
        margin-bottom: 1rem;
        padding-left: 23px
    }
}

@media screen and (max-width:767px) {
    .invoice-payment {
        border: 1px solid #DFE3E7;
        border-radius: .267rem;
        padding: 1rem
    }
}

@media print {

    .btn-buy-now,
    .btn-customizer,
    .content-header,
    .invoice-action-wrapper,
    .main-menu,
    .navbar,
    .page-footer,
    .sidenav-main,
    .theme-cutomizer {
        display: none
    }

    body,
    html {
        visibility: hidden
    }

    .invoice-print-area {
        visibility: visible;
        page-break-after: auto
    }

        .invoice-print-area .divider {
            margin: .5rem 0 !important
        }

    .horizontal-menu.navbar-sticky .content > .content-wrapper {
        margin-top: 0 !important
    }

    body.vertical-layout.vertical-menu-modern.menu-collapsed .app-content,
    html body.navbar-sticky .app-content .content-wrapper {
        margin: 0;
        padding: 0
    }

    .card {
        box-shadow: none
    }

        .card .card-content {
            padding: 0 !important
        }

    table td,
    table th {
        border: 0px solid #FFFFFF
    }

    .invoice-date-number .col,
    .invoice-info .col,
    .invoice-logo-title .col,
    .invoice-subtotal .row .col {
        width: 50% !important
    }
}

@page {
    size: auto;
    margin: 0;
    padding: 0
}