*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    direction: rtl;
    font-family: Arial, sans-serif;
    text-align: right;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    margin: 0;



}

.page {
    max-width: 990px;
    margin: auto;
    border: 1px solid #F2F2F2;
    padding: 2rem;
    position: relative;
    padding-bottom: 130px;
}

.flex {
    display: flex;
}

.row1>div {
    width: 33.333%;
}

.row1 .e-box {
    direction: ltr;
    text-align: left;
    line-height: 1.5;
    font-weight: bold;
    font-size: .95rem;
}

.bold {
    font-weight: bold;
}

.e-box {
    direction: ltr;
    text-align: left;

}

.alig-center {
    align-items: center;
}

.border {
    border: 1px solid #ebebeb;
}

.row1 .ar-box {
    line-height: 1.5;
    font-weight: bold;


}

.row1 .img-box img {
    max-width: 100%;
    height: 120px;
    margin: auto;
    display: block;
    text-align: center;
}

.title {
    text-align: center;
    margin-top: 1rem;
}

.title span {
    font-size: 1.5rem;
    padding: .5rem;
    text-align: center;
    width: 33%;
    border: 1px solid #6b6b6b;
    line-height: 1.5;
    display: inline-block;
}

.text-center {
    text-align: center;
    font-weight: bold;
}

.f-18 {
    font-size: 1.125rem;
}

.det-box {
    margin-top: .75rem;
    padding: .5rem;
}

.flex-bt {
    display: flex;
    justify-content: space-between;
}

.flex-bt .e-box.box {
    font-size: .95rem;
}

.line1 .item {
    width: 33%;
}

.item {
    line-height: 35px;
    display: flex;

}

.lbl {
    margin-left: .5rem;
    color: #5a5a5a;
    white-space: nowrap;

}

.val {
    margin-left: .5rem;
}

.nowrap {
    white-space: nowrap;
}

.w-22 {
    width: 22%;
}

th {
    text-align: center;
}

th:nth-child(2) {
    width: 20%;


}

table {
    border-collapse: collapse
}

tbody tr td {
    font-size: .8125rem;
}

tbody tr td:nth-child(2) {
    font-size: .875rem;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #818181;
    text-align: center;
    vertical-align: middle;

}

.table td {
    padding: .5rem;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #818181
}

.table tbody+tbody {
    border-top: 2px solid #818181
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #818181
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #818181
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}



@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

/* //////////// */
.before-table {
    border-color: #818181;
    text-align: center;
    padding: .5rem;
    border-bottom: 0;
    margin-top: 1rem;
    font-weight: bold;
}

.last {
    margin-top: 1rem;
}

.mx-500 {
    max-width: 500px;
}

.last .lbl {
    width: 114px;
}

.total {
    font-weight: bold;
    justify-content: flex-end;
    padding-left: 20%;
    margin-top: .75rem;
}

.total span {

    text-align: right;
    display: block;
    border-top: 1px solid #818181;
    padding-top: 5px;

}

.seg {
    justify-content: space-around;
    margin-top: 1.25rem;
    margin-bottom: 4rem;
    font-weight: bold;
}

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem 2rem;
}

footer .scan {
    width: 65px;
    height: 65px;
}

footer .scan img {
    width: 100%;
    max-height: 100%;

}

footer .flex-bt {
    flex: 1;
    margin-right: 1rem;
}

@media print {

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " ("attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #818181 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}