@import url('../fonts/barcode/stylesheet.css');


@font-face {
    font-family: 'Sakkal-Majalla-Regular';
    src: url('../fonts/Sakkal-Majalla-Regular.woff2') format('woff2'), url('../fonts/Sakkal-Majalla-Regular.woff') format('woff'), url('../fonts/Sakkal-Majalla-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Sakkal-Majalla-Bold';
    src: url('../fonts/majallab.woff2') format('woff2'), url('../fonts/majallab.woff') format('woff'), url('../fonts/majallab.ttf') format('truetype');
}


@font-face {
    font-family: 'Free 3 of 9';
    src: url('../fonts/barcode/Free3of9.woff2') format('woff2'), url('../fonts/barcode/Free3of9.woff') format('woff'), url('../fonts/barcode/Free3of9.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Free 3 of 9';
    src: url('../fonts/barcode/Free3of9_1.woff2') format('woff2'), url('../fonts/barcode/Free3of9_1.woff') format('woff'), url('../fonts/barcode/Free3of9_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Free 3 of 9';
    src: url('../fonts/barcode/Free3of9_2.woff2') format('woff2'), url('../fonts/barcode/Free3of9_2.woff') format('woff'), url('../fonts/barcode/Free3of9_2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Free 3 of 9';
    src: url('../fonts/barcode/Free3of9_3.woff2') format('woff2'), url('../fonts/barcode/Free3of9_3.woff') format('woff'), url('../fonts/barcode/Free3of9_3.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.Barcode {
    font-family: 'Free 3 of 9' !important;
}

.lblcaption {
    background-color: #000000;
}

.trowtext {
    font-size: small;
    vertical-align: baseline;
    color: #000000;
    background-color: #fff7e5;
    text-align: center;
}

.IR {
    color: #000000;
}

body {
    margin-left: 0px;
    color: #000000;
    margin-right: 0px;
    text-align: center;
    /*position: absolute;
    bottom: 0;*/
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
}

A {
    FONT-SIZE: 11px;
    FONT-SIZE: 11px;
    FONT-FAMILY: tahoma,arial,sans-serif
}

BODY {
    FONT-SIZE: 11px;
    FONT-FAMILY: tahoma,arial,sans-serif
}

INPUT {
    FONT-SIZE: 11px;
    FONT-FAMILY: tahoma,arial,sans-serif
}

OPTION {
    FONT-SIZE: 11px;
    FONT-FAMILY: tahoma,arial,sans-serif
}

SELECT {
    FONT-SIZE: 11px;
    FONT-FAMILY: tahoma,arial,sans-serif
}

TEXTAREA {
    FONT-SIZE: 11px;
    FONT-FAMILY: tahoma,arial,sans-serif;
}

TABLE {
    FONT-SIZE: 11px;
    FONT-FAMILY: tahoma,arial,sans-serif
}

TD {
    FONT-SIZE: 11px;
    font-family: 'Sakkal-Majalla-Regular' !important;
    /*border:1px solid #ccc;*/
    border-color: #f9f9f9;
}

TR {
    FONT-SIZE: 11px;
    FONT-FAMILY: tahoma,sans-serif
}

SELECT {
    PADDING-LEFT: 2px
}

OPTION {
    PADDING-LEFT: 2px
}

TEXTAREA {
    PADDING-LEFT: 2px
}

TABLE {
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}

.TB {
    border-right: gainsboro 1px double;
    border-top: gainsboro 1px double;
    border-left: gainsboro 1px double;
    border-bottom: gainsboro 1px double;
}



.W {
    color: White;
}

.R {
    color: #000000;
    font-size: 11px;
}

.rr {
    color: #000000;
    font-size: 11px;
    width: 100px;
}

A {
    color: #674e4e;
    text-decoration: none;
}

    A:hover {
        TEXT-DECORATION: underline;
    }

.H {
    height: 20px;
}

.XL {
    font-size: 14px;
}

.X {
    font-size: 13px;
}

.btn {
    width: 50px;
    color: #000000;
    background-color: #f7f7f7;
}

.btn2 {
    width: 125px;
    color: #000000;
    background-color: #D6D7D9;
    height: 22px;
}

.btn22 {
    width: 125px;
    color: #000000;
    background-color: silver;
    height: 22px;
}

.btnGreen {
    width: 125px;
    color: #000000;
    background-color: Green;
    height: 22px;
}

.btn3 {
    width: 142px;
    color: #000000;
    background-color: lavender;
    height: 22px;
}



.hide {
    display: none;
}

.show {
    display: block;
}

.la {
    text-align: left;
}

.btn1 {
    width: 50px;
    border-color: #000000;
    border-width: 1px;
}

.caption3 {
    background: #f7f7f7;
    color: black;
}

.caption33 {
    background: #ffffff;
    font-size: 11px;
}

.label1 {
    background: #ffffff;
}

a.normal {
    text-decoration: underline;
}

td.head21 {
    text-align: left;
    font-weight: bold;
    font-family: verdana;
    font-size: 11px;
    background: #f7f7f7;
    height: 20px;
}

td.head22 {
    text-align: left;
    font-weight: bold;
    font-family: verdana;
    font-size: 11px;
    background: lavender;
    height: 20px;
}

td.head23 {
    text-align: left;
    font-weight: normal;
    font-family: arial;
    font-size: 11px;
    background: #f7f7f7;
    height: 10px;
}

td.head24 {
    text-align: center;
    font-weight: bold;
    font-family: verdana;
    font-size: 11px;
    background: lavender;
    height: 20px;
}

td.static1 {
    text-align: left;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    height: 20px;
}

.box1 {
    text-align: right;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    width: 125px;
    text-transform: uppercase;
}

.password {
    width: 125px;
}

.box2 {
    text-align: right;
    text-decoration: none;
    font-family: Arial;
    width: 140px;
    text-transform: uppercase;
}

.box3 {
    text-align: left;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    width: 90px;
    text-transform: uppercase;
}

.box4 {
    text-align: left;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    width: 350px;
    text-transform: uppercase;
}

.box5 {
    text-align: left;
    text-decoration: none;
    font-family: Arial;
    font-size: 11px;
    width: 170px;
    text-transform: uppercase;
}

.box2Eng {
    text-align: left;
    text-decoration: none;
    font-family: Arial;
    width: 140px;
    text-transform: uppercase;
}

.box6 {
    text-align: left;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    width: 20px;
    text-transform: uppercase;
}

.error {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: Red;
}

.boxAmount {
    text-align: right;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    height: 21px;
    width: 90px;
    border: solid 1px silver;
}

.labelBox {
    text-align: right;
    font-family: Arial;
    font-size: 12px;
    width: 100px;
    border: solid 1px #f7f7f7;
    height: 21px;
}

.topbar {
    BACKGROUND-COLOR: #5c5c5c;
    color: white;
    height: 25px;
    border-bottom: solid 1px #FEFDC5;
    border-top: solid 1px #FEFDC5;
}

A.top {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff
}

.bodyback {
    BACKGROUND-IMAGE: url(../images/bodyback.jpg);
}

.SignupMenu {
    color: #ffffff;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}

.ReportHead {
    font-size: 13px;
    font-weight: bold;
}

.ReportHeadArb {
    font-size: 13px;
    font-weight: bold;
    font-family: arial
}

.BarcodeText {
    font-size: 13px;
    text-align: Center;
    font-family: arial;
    font-weight: bold
}

.ReportColHead {
    font-weight: normal;
    text-align: right;
    font-size: 12px
}

.ReportSubHead {
    font-weight: bold;
    text-align: right;
    font-size: 14px;
    border-top: solid 1px #000000;
    background: silver
}

.english {
    font-family: Arial;
    font-size: 9px
}

.footer1 {
    BACKGROUND-COLOR: #BB9106;
    color: white;
    height: 25px;
    text-align: center;
}


td.ConEng {
    font-family: arial;
    font-size: 13px
}

td.ConEngJ {
    font-family: arial;
    font-size: 13px;
    text-align: justify
}

.ConArbJ {
    font-family: arial;
    font-size: 12px;
    text-align: justify
}

.ConArb {
    font-family: arial;
    font-size: 12px;
    text-align: right;
}

.ConArbEng {
    font-family: arial;
    font-size: 11px;
    text-align: right;
    text-transform: uppercase;
}

.ConArbEng1 {
    font-family: arial;
    font-size: 11px;
    text-align: left;
    text-transform: uppercase
}

.ConHead1 {
    text-decoration: underline;
    font-weight: bold;
    font-family: arial;
    font-size: 13px;
}

.ConHead1Arb {
    text-decoration: underline;
    font-weight: bold;
    font-family: arial;
    font-size: 13px;
    text-align: right;
}

.ConCenter {
    text-align: center;
}

.ConJustify {
    text-align: justify
}

.ConFill {
    vertical-align: bottom;
    text-align: center;
    border-collapse: collapse;
    font-weight: bold
}

.conFillArb {
    text-align: right;
    border-bottom: solid 1px black
}

.FormHead {
    font-size: 20px;
    font-family: arial;
    font-weight: bold;
    text-align: left;
}

.ReceiptHeadArb {
    font-size: 18px;
    font-family: arial;
    text-align: right;
    font-weight: bold;
}

.ReceiptHeadArbL {
    font-size: 18px;
    font-family: arial;
    text-align: left;
    font-weight: bold;
}
/*.ReceiptFieldArb{font-size:14px;font-family:arial;text-align:right;font-weight:normal;background:f0f0f0}*/
.ReceiptFieldArb {
    font-size: 14px;
    font-family: 'Sakkal-Majalla-Regular' !important;
    text-align: right;
    font-weight: normal;
    /* background: f0f0f0;*/
}

.ReceiptSubHeadArb {
    font-size: 20px;
    font-family: 'Sakkal-Majalla-Regular' !important;
    text-align: right;
    font-weight: bold;
    background: silver
}

.ReceiptFieldArbBG {
    font-size: 14px;
    font-family: 'Sakkal-Majalla-Regular' !important;
    text-align: right;
    font-weight: bold;
}

.ReportEngBold {
    font-weight: bold;
    font-size: 13px;
    font-family: 'Sakkal-Majalla-Bold' !important;
    text-align: right;
}

.ReportArbBold {
    font-weight: bold;
    font-size: 14px;
    font-family: arial;
    text-align: right;
}

.ReportEng {
    font-weight: normal;
    font-size: 12px;
    font-family: 'Sakkal-Majalla-Regular' !important;
    text-align: left
}

.ReportArb {
    font-weight: normal;
    font-size: 13px;
    font-family: 'Sakkal-Majalla-Regular' !important;
    text-align: right
}

.footer11 {
    BACKGROUND-COLOR: #BB9106;
    color: white;
    height: 25px;
    text-align: center
}

.pagebreak {
    page-break-before: always
}

.FormHead {
    font-size: 16px;
    font-family: 'Sakkal-Majalla-Regular' !important;
    font-weight: bold;
    background: #E2E2E2;
    text-align: center
}

.FormSubHead {
    font-size: 15px;
    font-family: arial;
    font-weight: bold;
    background: #E2E2E2
}

.FormFieldArb {
    font-size: 12px;
    font-family: Tahoma,arial;
    font-weight: normal;
    background: #EEEEEE;
    text-align: right
}

.FormFieldBoldArb {
    font-size: 12px;
    font-family: Tahoma,arial;
    font-weight: bold;
    text-align: right
}

.FormFieldArbLeft {
    font-size: 11px;
    font-family: Tahoma,arial;
    font-weight: normal;
    background: #EEEEEE;
    text-align: left
}

.FormField {
    font-size: 11px;
    font-family: Tahoma;
    font-weight: normal;
    background: #EEEEEE;
}

.btn4 {
    width: 75px;
    color: #000000;
    background-color: #D6D7D9;
}

.btnPhoto {
    width: 65px;
    color: #000000;
    background-color: #D6D7D9;
    BACKGROUND-IMAGE: url(../images/shadow.jpg);
    height: 84px;
    border: solid 1px #f7f7f7;
}

.MainHead {
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    font-family: arial;
    background: #f0f0f0;
}

.center {
    text-align: center
}

.Barcode {
    font-family: Free 3 of 9 Extended;
    font-size: 45px;
    line-height: 45px;
    margin: 0 !important;
    display: inline-block;
}

.ConSmall {
    font-size: 9px;
    font-weight: bold;
    vertical-align: baseline;
}

.ConVerySmall {
    font-size: 5px;
    font-weight: bold
}

.ConFillRight {
    border-bottom: solid 0px #000000;
    vertical-align: bottom;
    text-align: right;
}

.ConFillCenter {
    border-bottom: solid 0px #000000;
    vertical-align: bottom;
    text-align: center;
}
/*.arb2{FONT-SIZE: 16px; FONT-FAMILY: arial;text-align:right;}*/
.arb2 {
    FONT-SIZE: 16px;
    font-family: 'Frutiger LT Arabic 55 Roman', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    text-align: right;
}

.BigBoxArabic {
    width: 335px;
    text-align: right;
}

.BigBoxEnglish {
    width: 335px;
    text-align: left;
    text-transform: uppercase;
}

.SmallBoxArabic {
    width: 140px;
    text-align: right;
}

.box5Arabic {
    text-align: right;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    width: 170px;
}

.arb2Arabic {
    FONT-SIZE: 16px;
    FONT-FAMILY: Arial;
    text-align: right;
    width: 410px;
}

.box2Arabic {
    text-align: right;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    width: 140px;
}

.content {
    text-align: justify
}

.conContent {
    font-weight: bold
}

.contentArb {
    text-align: justify;
    font-size: 14px
}

.subHeadArb {
    text-align: right;
    font-weight: bold
}

.head6 {
    color: #000000;
    font-weight: bold;
    text-align: right
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.conHead2 {
    font-size: 18px;
    font-weight: bold
}

.conHead3 {
    font-size: 14px;
    font-weight: bold
}

.conHead4 {
    font-size: 20px;
    font-weight: bold
}

.conHead5 {
    font-size: 13px;
    font-weight: bold
}

.coverpage {
    text-align: right
}

.NoPrintButton {
    width: 108px;
    color: #000000;
    height: 25px;
    display: block;
}

.NoPrintButtonNew {
    margin-top: 5px;
    margin-top: 2px;
    font-weight: normal;
    font-size: small;
    font-family: 'Frutiger LT Arabic 55 Roman', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.Margin-5 {
    margin: 5px;
}

.FormField1 {
    font-size: 11px;
    font-family: arial;
    font-weight: normal;
    background: #F7F1DE;
    font-weight: bold
}

.Value1 {
    font-size: 11px;
    font-family: arial;
    font-weight: normal;
    background: #F7F1DE;
    text-align: right
}

.Value1Arabic {
    font-size: 11px;
    font-family: arial;
    font-weight: normal;
    background: #F7F1DE;
    text-align: right
}

.box2Arabic {
    text-align: right;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    width: 140px;
}

.SmallAjax {
    width: 156px;
}

.ReceiptHeadArbCenter {
    font-size: 12px;
    font-family: arial;
    text-align: center;
    font-weight: bold;
    background: silver
}
/*.ReceiptValueArbCenter{font-size:12px;font-family:arial;text-align:center;font-weight:bold;}*/
.ReceiptValueArbCenter {
    font-size: 14px;
    font-family: 'Frutiger LT Arabic 55 Roman', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    text-align: right;
    font-weight: normal;
    background: #f0f0f0;
    color: #616161;
}

.ReceiptHeadArbCenterHead {
    font-size: 12px;
    font-family: arial;
    text-align: center;
    font-weight: bold;
    background: #f0f0f0;
}

.ReceiptHeadArbCenterHead1 {
    font-size: 15px;
    font-family: arial;
    text-align: center;
    font-weight: bold;
    background: silver
}

.ReceiptHeadArbBig {
    font-size: 25px;
    font-family: arial;
    text-align: center;
    font-weight: bold;
}

.ReceiptHeadArbRightHead {
    font-size: 15px;
    font-family: arial;
    text-align: right;
    font-weight: bold;
    background: silver
}

a.homePage {
    text-decoration: underline;
    color: darkgreen;
    font-size: 12px;
    font-weight: bold
}

.tableHeader {
    background: #f0f0f0;
    color: #000000;
}


.ConBalag {
    font-family: times;
    font-size: 16px;
    text-align: right
}

.ConBalagHead1 {
    font-family: times;
    font-size: 20px;
    text-align: center;
    font-weight: bold
}

.ConBalagHead2 {
    font-family: times;
    font-size: 14px;
    text-align: center;
}

.Letterhead {
    font-weight: bold;
    font-size: 18px;
    font-family: arial;
    text-align: right;
}

.LetterContent {
    font-size: 16px;
    font-family: arial;
    font-weight: normal;
}

.box9 {
    text-align: left;
    text-decoration: none;
    font-family: Arial;
    font-size: 11px;
    width: 160px;
}

.boxArabic9 {
    text-align: right;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    width: 160px;
}

.boxhead {
    background: url(../images/righttbarback.jpg) no-repeat right center;
    font-family: arial;
    font-weight: bold;
    color: black;
    font-size: 12px;
}

.WPBoxArabic {
    width: 180px;
    text-align: right;
}

.WPBoxEnglish {
    width: 180px;
    text-align: left;
}

.compFillArb {
    text-align: center;
    border-bottom: dotted 1px black;
    font-weight: bold
}

.compFillArbRight {
    text-align: right;
    border-bottom: dotted 1px black;
    font-weight: bold
}

.bar {
    background-image: url(../images/bar.jpg);
    background-repeat: no-repeat;
}

.footer {
    font-family: tahoma,Arial;
    font-size: 8pt;
    color: #7b858a;
}

.linkWhite {
    font-family: tahoma,arial;
    font-size: 8pt;
    text-decoration: none;
    color: white;
}

.TableHead {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    background: #E2E2E2;
    text-align: left
}

a.linkHead {
    color: black;
    text-decoration: none;
    cursor: pointer;
    font-family: tahoma,arial;
    font-size: 8pt;
    font-weight: bold;
}

    a.linkHead:hover {
        color: #bd910a;
        text-decoration: none;
        cursor: pointer;
        font-family: tahoma,arial;
        font-size: 8pt;
        font-weight: bold;
    }

.labelBlackLarge {
    font-family: tahoma,Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #0C0C0C;
}

.Lside_border {
    background: url(../images/newbox/lback.jpg) repeat-y left center;
}

.Rside_border {
    background: url(../images/newbox/rback.jpg) repeat-y right center;
}

a.linkSubHead {
    color: black;
    text-decoration: none;
    cursor: pointer;
    font-family: tahoma,arial;
    font-size: 9pt;
    font-weight: bold;
}

    a.linkSubHead:hover {
        color: #bd910a;
        text-decoration: none;
        cursor: pointer;
        font-family: tahoma,arial;
        font-size: 9pt;
        font-weight: bold;
    }

.linkBlackBold {
    color: green;
    font-family: tahoma,Arial;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: none;
    color: #0C0C0C;
}

.linkBlackBoldHover {
    font-family: tahoma,Arial;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: none;
    color: #BF1E2E;
}

a.linkHead {
    color: black;
    text-decoration: none;
    cursor: pointer;
    font-family: tahoma,arial;
    font-size: 8pt;
    font-weight: bold;
}

    a.linkHead:hover {
        color: #bd910a;
        text-decoration: none;
        cursor: pointer;
        font-family: tahoma,arial;
        font-size: 8pt;
        font-weight: bold;
    }

.linkHeadClick {
    color: #bd910a;
    text-decoration: none;
    cursor: pointer;
    font-family: tahoma,arial;
    font-size: 8pt;
    font-weight: bold;
}

.pagetitle {
    font-family: tahoma,arial;
    color: #000000;
    font-size: 11pt;
    font-weight: bold;
}

.linkMore {
    color: green;
    font-family: tahoma,Arial;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: #0C0C0C;
}

.linkMoreHover {
    font-family: tahoma,Arial;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: #BF1E2E;
}

.linkBlack {
    color: green;
    font-family: tahoma,Arial;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    color: #0C0C0C;
}

.linkBlackHover {
    font-family: tahoma,Arial;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    color: #BF1E2E;
}

.popup {
    font-family: Simplified Arabic, Arial, Verdana, Sans-Serif;
    z-index: 1000;
    display: none;
    font-size: 11px;
    position: absolute;
    background-image: url(../images/ArabicBanner.jpg);
    background-repeat: no-repeat;
    background-position: right 0px top;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    padding: 0px;
    /* filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135);*/
}

.MenuItem {
    background-color: #CEB769;
    color: #000000;
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    width: 147px;
    border: solid;
    border-color: #ffffff;
    border-width: 1px;
    padding: 2px;
    height: 20px;
}

.DynamicMenuItem {
    background-color: #CEB769;
    color: #000000;
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    width: 147px;
    border: solid;
    border-color: #ffffff;
    border-width: 1px;
    padding: 2px;
    height: 20px;
}

.MenuItemSelected {
    background-color: #CEB769;
    text-align: center;
    border: solid;
    border-color: #FFA000;
    border-width: 1px;
    padding: 2px;
    height: 20px;
}

.MenuItemHover {
    background-color: #E5DB97;
    color: #000000;
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    border: solid;
    border-color: #ffffff;
    border-width: 1px;
    padding: 2px;
    height: 20px;
}

input {
    background-color: white;
}

.customBackgroud {
    background-color: blue !important;
}

.langEng .lang-switch {
    position: absolute;
    right: 3%;
}

.langArb .lang-switch {
    position: absolute;
    left: 3%;
}
/***********************************/
/*** Report Styling Starts here ***/
/***********************************/
/** version 2 followd **/
/* Preloader
-------------------------------------------------------*/
.loader-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 99999;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    font-size: 0;
    color: #00c9d0;
    display: inline-block;
    margin: -25px 0 0 -25px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.lead {
    font-size: 13px;
}

.loader div {
    background-color: #d9b06a;
    display: inline-block;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    opacity: .5;
    border-radius: 50%;
    -webkit-animation: ballPulseDouble 2s ease-in-out infinite;
    animation: ballPulseDouble 2s ease-in-out infinite;
}

    .loader div:last-child {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

@-webkit-keyframes ballPulseDouble {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ballPulseDouble {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

table.report-table thead,
table.report-table tfoot,
table.report-table {
    width: 1240px;
}

.header, .header-space,
.footer, .footer-space {
    height: inherit;
}

.threecoloumn {
    margin: 0;
    overflow: hidden;
}

.back-button-wrapp .btn-secondary {
    min-width: 130px;
    margin: 0 3px;
}

.btnContract {
    min-width: 150px;
    text-decoration: none;
}

.langArb,
.langEng,
.report-body {
    background: #F5F6FA;
}

.langArb {
    direction: rtl;
    text-align: right;
}

    .langArb .second-section.signature-section .single-infobox {
        text-align: right !important;
    }

.langEng .tabular .profile-image {
    text-align: left;
}

.single-infobox h3 span,
.server-data p {
    text-align: center;
}

.signature-section .single-infobox {
    min-height: 200px;
    position: relative;
}

.second-section.signature-section .single-infobox {
    min-height: 100px;
    text-align: left !important;
}

.single-infobox {
    background: #fff;
    margin: 0;
    padding: 10px 15px 5px;
    min-height: inherit;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.15);
    position: relative;
}

    .single-infobox ul, .single-infobox ol {
        min-height: 80px;
    }

    .single-infobox ul {
        min-height: 107px;
    }

.second-section .single-infobox ol {
    min-height: 60px;
}

.header.bottom-indent {
    margin: 0 0 10px;
    box-sizing: border-box;
}

header h3 strong {
    padding: 5px;
}

.header .col {
    padding: 0;
    text-align: center;
}

.header .single-infobox {
    min-height: 96px;
    margin: 0 3px 6px;
}

.form-group:empty {
    margin: 0;
}

.single-infobox h2 {
    font-size: 22px;
    line-height: 30px;
    margin: 0;
    font-family: 'Sakkal-Majalla-Bold';
}

.single-infobox h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}

.single-infobox.server-data {
    min-height: inherit;
}

.server-data ul li,
.single-infobox ul li,
.single-infobox ol li {
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 13px;
    text-align: right;
    direction: rtl;
    font-family: 'Sakkal-Majalla-Regular';
}

.single-infobox h3 span {
    display: block;
}

.threecoloumn.single-infobox h3 {
    font-size: 20px;
    line-height: 26px;
    margin: 0;
    font-family: 'Sakkal-Majalla-Regular';
}

.single-infobox h3 br {
    display: none;
}

.report-wrapper {
    max-width: 1240px;
    position: relative;
    padding: 5px 0 0;
    margin: 0 auto;
    page-break-before: auto;
    font-family: 'Sakkal-Majalla-Regular' !important;
}
/** version 1 not followd **/
.list-section {
    margin: 8px 0 20px;
    padding: 0;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.2;
    list-style: none;
}

    .list-section li {
        background: none;
        margin: 8px 16px;
        padding: 10px;
        box-shadow: 1px 2px 16px 6px rgba(0,0,0,0.04);
        -webkit-box-shadow: 1px 2px 16px 6px rgba(0,0,0,0.04);
        -moz-box-shadow: 1px 2px 16px 6px rgba(0,0,0,0.04);
    }

.server-data {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    line-height: 20px;
}

.image-holder {
    overflow: hidden;
    margin: 0 0 20px;
}

.profile-image img {
    width: auto;
    height: 80px;
}

.partial-section {
    overflow: hidden;
    position: relative;
    margin: 0 0 15px;
    padding: 15px 15px 5px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.15);
    text-align: right;
    min-height: 120px;
}

.signature-section {
    margin: 0 0 15px;
}

.langEng .entry-title,
.langEng .partial-section {
    text-align: left;
}

.langEng .entry-title {
    margin: 0 1% 10px 0;
}

.langEng .partial-section h2 {
    text-align: left;
}

.langEng .server-data ul li,
.langEng .single-infobox ul li,
.langEng .single-infobox ol li {
    text-align: left;
    direction: ltr;
}

.langEng .signature-part {
    direction: ltr;
    text-align: left;
}

.langEng .signature-electronic {
    direction: ltr;
    text-align: left;
}

.entry-title {
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 10px 3%;
    display: inline-block;
    max-width: 50%;
    min-width: 49%;
    text-align: right;
    letter-spacing: normal;
    font-family: 'Sakkal-Majalla-Bold';
    vertical-align: top;
}

.entry-detail {
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 7px;
    display: inline-block;
    max-width: 40%;
    letter-spacing: normal;
    font-family: Sakkal-Majalla-Regular;
    vertical-align: top;
}

.entry-detail_table {
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 2px;
    display: inline-block;
    max-width: 80%;
    letter-spacing: normal;
    font-family: Sakkal-Majalla-Regular;
}

.entry-detail.btn-style:empty {
    background: none;
    padding: 0;
    border-radius: 0;
}

.entry-detail.btn-style.no-data-detail {
    background: none;
    padding: 0;
}

.detail-row {
    letter-spacing: -8px;
}

.entry-detail.btn-style {
    background: #E7EEF7;
    padding: 2px 10px;
    border-radius: 5px;
}

.profile-image {
    text-align: left;
    padding: 0 0 0 50px;
    margin: -50px 0 20px;
}

.tabular .profile-image {
    text-align: right;
    padding: 0;
    margin: -10px 0 20px;
}

.partial-section table,
.partial-section table tbody td {
    border: 1px solid #D6D7D9;
}

    .partial-section table.tb-no-border,
    .partial-section table.tb-no-border tbody td {
        border: 0 !important;
    }

.table-data thead th {
    padding: 10px;
    font-size: 20px;
    line-height: 26px;
    background: #E7EEF7;
    border-color: #A1B0C5;
    font-family: 'Sakkal-Majalla-Bold';
}

.table-data tbody td {
    padding: 7px 10px;
    font-size: 15px;
    line-height: 20px;
    border-color: #A1B0C5;
    font-family: Sakkal-Majalla-Regular;
    vertical-align: middle;
}

.partial-section h2 {
    font-family: 'Sakkal-Majalla-Bold';
    font-size: 30px;
    color: #000;
    margin: 0 0 15px;
    text-align: right;
}

.report-logo-holder {
    overflow: hidden;
    margin: 10px 0;
    text-align: center;
}

    .report-logo-holder .report-logo {
        display: inline-block;
    }

    .report-logo-holder + .row + .row,
    .report-logo-holder + .row {
        margin: 0 -2px;
    }

.footer-bottom {
    text-align: center;
    font-size: 15px;
    font-family: Sakkal-Majalla-Regular;
}

    .footer-bottom li {
        margin: 0 10px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

        .footer-bottom li:after {
            /*content: "";*/
            position: absolute;
            height: 12px;
            width: 1px;
            left: -10px;
            top: 5px;
            background: #D4D9E0;
            display: none;
        }

        .footer-bottom li:first-child:after {
            display: block;
        }

.bottom-indent,
.form-group {
    margin: 0 0 15px;
    overflow: hidden;
}

.server-data {
    min-height: 180px;
    background: #fff;
    margin: 0 0 15px;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.15);
}

    .server-data b {
        font-family: 'Sakkal-Majalla-Regular';
        font-weight: normal;
    }

    .server-data table {
        width: 100%;
    }

    .server-data br {
        display: none;
    }

    .server-data:empty {
        padding: 0;
    }

    .server-data td,
    .server-data ol li,
    .server-data ul li,
    .server-data p {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 15px;
        font-family: 'Sakkal-Majalla-Regular';
    }

    .server-data ul,
    .single-infobox ol,
    .single-infobox ul {
        padding: 0 15px;
    }

.barcode-holder h3 {
    line-height: 26px;
    font-size: 20px;
    margin: -13px 0 0;
}

.signature-part {
    padding: 10px 0;
    max-width: 400px;
    direction: rtl;
    text-align: right;
    border-bottom: dashed 1px silver;
    position: absolute;
    left: 10px;
    bottom: 10px;
    min-width: 300px;
}

.second-signature.signature-part {
    left: 40%;
    min-width: 400px;
}

.langArb .second-signature.signature-part {
    right: 40%;
    left: unset;
}

.receipt-no {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.payment-wrap {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Sakkal-Majalla-bold';
}

    .payment-wrap p {
        padding: 10px 15px 25px;
    }

        .payment-wrap p:empty {
            display: none;
        }

.signature-section {
    margin: 0px -7px 15px;
    text-align: left;
}

.langArb .signature-section {
    text-align: right;
}

.payment-wrap p {
    margin-bottom: 0;
}

.back-button-wrapp {
    text-align: center;
    position: relative;
}

.Spacertwo,
.Spacerone,
.Spaceronetwo,
.Spacerthree,
.Spacerfour {
    height: 0;
}

.langArb .signature-part {
    right: 10px;
}

.Addspace {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.langArb .back-button-wrapp {
    text-align: right;
}

.back-button-wrapp {
    position: fixed;
    bottom: 0;
    text-align: center;
    z-index: 1;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px 7px 15px;
    background: rgba(255,255,255,0.9);
}

    .back-button-wrapp img {
        max-width: 12px;
        height: auto;
    }

    .back-button-wrapp .btn-secondary {
        border-width: 1px;
        border-color: #6c757d;
        min-width: 130px !important;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        padding: 0;
        margin: 0 2px;
        border-radius: 5px;
        font-size: 13px;
    }

    .back-button-wrapp .btnContract {
        border-width: 1px;
        border-color: #6c757d;
        min-width: 130px !important;
        height: 40px;
        line-height: 40px;
        padding: 0;
        margin: 0 3px;
        border-radius: 5px;
        font-size: 13px;
    }

        .back-button-wrapp .btnContract:hover,
        .back-button-wrapp .btn-secondary:hover {
            color: #6c757d;
            background-color: #E7EEF7;
            border-color: #E7EEF7;
            text-decoration: none;
        }

.langEng .back-button-wrapp {
    text-align: left;
}

.btm-sec {
    width: 100%;
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}

.highlighted {
    background-color: #ededed !important;
    display: inline-block;
    padding: 2px 5px;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 1.4rem;
    margin-bottom: 2px;
}

.img-voucher {
    height: auto;
    width: 100%;
}

.partial-section .database-table-view {
    padding: 20px 0;
}

    .partial-section .database-table-view h3 {
        font-size: 20px;
        font-weight: 700;
    }

    .partial-section .database-table-view table {
        width: 100% !important;
        max-width: 100% !important;
    }

        .partial-section .database-table-view table tr td {
            padding: 15px !important;
        }

            .partial-section .database-table-view table tr td:first-child {
                text-align: center !important;
            }

            .partial-section .database-table-view table tr td:nth-child(1) {
                width: 5% !important;
            }

            .partial-section .database-table-view table tr td:nth-child(2) {
                width: 95% !important;
            }

.owner-img-holder img {
    width: 100%;
    height: auto;
}

.owner-img-holder h3 {
    text-align: center;
    letter-spacing: normal;
    margin: 0 0 15px;
    font-weight: 700;
}

.owner-img-holder {
    padding: 20px 0;
}

    .owner-img-holder .col-sm-3 {
        margin-bottom: 20px;
    }

.certification-wrap p,
.certification-wrap {
    font-size: 18px !important;
}

.list-area {
    padding: 30px 0;
}

#paymentfooter {
    overflow: hidden;
}
.qr-wrapper.row{
    align-items:center;
    padding: 0 15px;
}
.langArb .qr-wrapper .col-4 {
    text-align: left;
}
.langArb .qr-wrapper .col-8 {
    text-align: right;
}
.qr-wrapper .col-4 {
    text-align: right;
}
.qr-wrapper .col-8 {
    text-align: left;
}
.qr-wrapper .col-4 img{
    width:125px;
    height:auto;

}
@media only screen and (max-width: 1399px) {
    table .report-table thead, table.report-table tfoot, table.report-table {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {

    .footer-bottom li:first-child {
        display: none;
    }

    .header .col {
        flex: auto;
    }

    .header .single-infobox {
        min-height: inherit;
        padding: 5px 15px;
        margin: 0 1px 2px;
    }

    .Barcode {
        font-size: 35px;
        margin: -8px 0 0 !important;
    }

    .entry-title {
        max-width: 60%;
        min-width: 60%;
        vertical-align: top;
    }

    .entry-detail {
        max-width: 37%;
    }

    .partial-section {
        padding: 5px 10px;
    }

    .signature-section > div {
        margin-bottom: 15px;
    }

    .table-responsive table {
        min-width: 500px;
    }

    .report-logo-holder img {
        max-width: 280px;
    }

    .single-infobox h2 {
        font-size: 18px;
        line-height: 22px;
    }

    .partial-section h2 {
        font-size: 26px;
    }

    .signature-section {
        margin: 0px -10px 15px;
    }
}

@media print {
    .langEng .partial-section h2,
    .langEng .partial-section h4 {
        text-align: left !important;
    }

    .employees-list .table-data tbody td {
        padding: 2px 7px !important;
    }

        .employees-list .table-data tbody td .entry-detail_table {
            font-size: 12px !important;
            line-height: 14px !important;
        }

    .employees-list-table .header,
    .employees-list-table .header-space {
        height: 50px !important;
    }

    .p-show-all,
    .pagination {
        display: none !important;
    }

    .new-print {
        padding: 15px 20px !important;
        max-width: 960px !important;
    }

    .report-wrapper {
        overflow: hidden !important;
        background: #F5F6FA !important;
    }

    #divArticles2 {
        margin-bottom: 400px;
    }

    .btm-position {
        bottom: 120px;
    }

    .btm-sec {
        width: 100%;
        bottom: 0;
        left: 50%;
        position: absolute;
        transform: translate(-50%,-50%);
    }

    pagebreak {
        page-break-before: always;
    }

    body {
        background: #F5F6FA !important;
    }

    .btn-pdf {
        display: none !important;
    }

    .Spacerone {
        width: 100%;
        height: 110px;
        overflow: hidden;
    }

    .Spaceronetwo {
        width: 100%;
        height: 230px;
        overflow: hidden;
    }

    .Spacertwo {
        width: 100%;
        height: 150px;
        overflow: hidden;
    }

    .Spacerthree {
        width: 100%;
        height: 370px;
        overflow: hidden;
    }

    .Spacerfour {
        width: 100%;
        height: 450px;
        overflow: hidden;
    }

    table.report-table tr td,
    table.report-table thead,
    table.report-table tfoot,
    table.report-table {
        width: 100%;
        margin: 0;
    }

    .langEng .report-wrapper {
        width: 100%;
    }

    .langArb .report-wrapper {
        width: 100%;
    }

    .partial-section {
        width: 100%;
    }

    .table-data tbody td {
        padding: 5px !important;
        margin: 2px;
    }

    .header {
        position: fixed;
        top: 0;
        max-width: 100%;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-49%);
    }

    .footer {
        position: fixed;
        bottom: 40px;
        max-width: 100%;
        left: 50%;
        transform: translateX(-49.5%);
    }

    .langArb .header.bottom-indent {
        margin: 0 -7px 5px 0;
    }

    .langEng .header.bottom-indent {
        margin: 0 0 5px -7px;
    }

    .header,
    .header-space {
        height: 200px !important;
        width: 94%;
    }

    .footer,
    .footer-space {
        height: 150px;
        width: 92%;
    }

    table.report-table thead,
    table.report-table tfoot,
    table.report-table {
        width: 100%;
    }

    .header .single-infobox {
        min-height: 90px;
    }

    .header .first-row .col {
        width: 48%;
        float: left;
    }

    .header .second-row .col {
        width: 24%;
        float: left;
    }

    .footer-bottom,
    table.report-table td {
        padding: 0;
    }

    .server-data td,
    .server-data ol li,
    .server-data ul li,
    .server-data p {
        margin: 0 0 5px;
    }

    .langEng .entry-title {
        margin: 0 1% 4px 0;
    }

    .single-infobox,
    .partial-section {
        padding: 5px 15px;
    }


    .report-logo-holder + .row + .row,
    .report-logo-holder + .row {
        margin: 0 0 0 -6px;
    }

    .Barcode {
        font-size: 40px;
    }

    .report-logo-holder img {
        width: 250px !important;
        height: auto;
    }

    .report-logo-holder + .row .col:nth-child(2) .single-infobox h2 {
        padding: 15px 0 0;
    }

    .report-logo-holder + .row + .row,
    .report-logo-holder + .row {
        margin: 0 7px !important;
    }

    .footer-bottom {
        font-size: 10px;
    }

    .barcode-holder h3 {
        margin: -5px 0 0;
    }

    .server-data table ul li,
    .server-data table p {
        font-size: 15px;
        font-family: 'Sakkal-Majalla-Regular';
    }

    .partial-section .col-sm-3 {
        float: left;
        width: 33.3%;
    }

    .partial-section .col-sm-9 .col-sm-4 {
        float: left;
        width: 50%;
    }

    .partial-section .col-sm-9 {
        float: left;
        width: 66.3%;
    }

    .tabular .profile-image {
        margin: 0 0 20px;
    }

    .report-logo-holder + .row + .row .single-infobox {
        min-height: inherit;
    }

    .single-infobox h2 {
        font-size: 15px;
        line-height: 17px;
    }

    .single-infobox h3 {
        font-size: 11px;
        line-height: 13px;
    }

    .entry-title {
        font-size: 13px;
        line-height: 13px;
    }

    .entry-detail {
        font-size: 12px;
        line-height: 12px;
    }

    .partial-section,
    .bottom-indent,
    .form-group {
        margin: 0 0 10px;
    }

    .tabular .profile-image {
        margin: 0 0 10px;
    }

    #divCancellationReceiptComInfo2 {
        padding: 0 0 60px;
    }

    .partial-section h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .signature-section .single-infobox {
        min-height: 160px;
        margin: 0 0 15px;
    }

    .report-logo-holder + .row + .row,
    .report-logo-holder + .row {
        margin: 0;
    }

    .container {
        width: 93%;
        max-width: 93%;
    }

    .printInfoBox {
        background-color: red;
        display: flow;
        white-space: normal;
        max-height: 210px;
    }

    .print-5.partial-section {
        margin: 0;
        padding: 5px 15px;
    }

    .report-body {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    .img-voucher {
        width: 80%;
    }

    .no-head-foot {
        width: 108%;
        margin: 0 0 0 -3%;
        height: 98.5vh;
        background: #F5F6FA;
        position: relative;
        z-index: 9999;
    }

    .nawaks-section.partial-section {
        max-width: 100%;
    }

    .partial-section .database-table-view table tr td:nth-child(1) {
        width: 5% !important;
    }

    .partial-section .database-table-view table tr td:nth-child(2) {
        width: 95% !important;
    }

    .certification-wrap .table-data thead th {
        font-size: 14px;
        line-height: 20px;
    }

    .certification-wrap .barcode-holder h2 {
        font-size: 20px !important;
    }

    .certification-wrap .barcode-holder {
        font-size: 30px !important;
        line-height: 30px !important;
    }

    .certification-wrap .partial-section h2 {
        font-size: 22px !important;
    }

    .list-area .col-md-9 {
        float: left;
        width: 70%;
    }

    .list-area .col-md-3 {
        float: left;
        width: 30%;
    }

    .langEng .person-detail .entry-title,
    .langEng .person-detail .partial-section {
        text-align: left !important;
    }
    .qr-wrapper .col-4 img {
        width: 125px !important;
        height: auto !important;
    }
    .back-button-wrapp{
        padding:0 !important;
        display:none !important;
    }
}

@page {
    margin: 0.2cm;
}
/*@page last_page{position:relative;}
@page last_page:after {
    content: "";
    width:500px;
    height:500px;
    background:silver;
    position:absolute;
    left:0;
    top:0;
    z-index:999;
}*/