body {
    font-family: Arial;
    overflow: hidden !important;
}

.cursor {
    cursor: pointer;
}

.ErrorFont {
    color: brown;
    font-weight: 600;
    font-size: 16px;
}

.accountingHead {
    text-align: right;
    margin-right: 3%;
    width: 24%;
}


#btnTransferToIrrelevant {
    margin-right: 40%;
}

.branchTitleTr {
    height: 34px;
}

.AccountingLTR {
    position: absolute !important;
    background: rgba(255,255,255,0.5);
    left: 1%;
    top: 5%;
    width: 32%;
    height: 98%;
    background-color: white;
    border-style: ridge;
    direction: ltr;
    font-family: Arial;
    overflow: auto;
}


.fullSize {
    height: 89vh;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    direction: rtl;
}

.trWidth100 {
    width: 100%;
    padding-right: 2%;
}

.paddingTop10Px {
    padding-top: 10px !important;
}


.AccountingLeftDiv {
    position: absolute;
    left: 34%;
    top: 5%;
    width: 32%;
    height: 98%;
    background: rgba(232, 225, 225, 0.5);
    overflow: auto;
}

    .AccountingLeftDiv.rotated {
        transform: rotate(180deg);
    }

.AccountingCenterDiv {
    position: absolute;
    left: 1%;
    top: 5%;
    width: 32%;
    height: 98%;
    background-color: white;
    border-style: ridge;
    direction: rtl;
    font-family: Arial;
    overflow: auto;
}


#AccountingRightUpDiv {
    position: absolute;
    left: 67%;
    top: 5%;
    width: 32%;
    height: 50%;
    background: rgba(255,255,255,0.5);
    overflow: auto;
    text-align: center;
    direction: rtl;
}


.DisplayPDFHorizontalHalfScreen {
    position: absolute;
    left: 1%;
    top: 55%;
    width: 50%;
    height: 48%;
    background: rgba(232, 225, 225, 0.5);
}


.DisplayTXTHorizontalHalfScreen {
    position: absolute;
    left: 1%;
    top: 5%;
    width: 49.6%;
    height: 47%;
    background-color: white;
    border-style: ridge;
    direction: rtl;
    font-family: Arial;
    overflow: auto;
}


.overflowAuto {
    overflow: auto;
}

.borderStyle {
    border-style: solid;
    border-width: 0.6px;
    border-color: #CCC;
}


.btnRotate {
    z-index: 1;
}

#SplitDivLeftSideUsPension {
    position: absolute;
    left: 0%;
    top: 36%;
    width: 50%;
    height: auto;
    overflow: auto;
    text-align: center;
    border-right-color: rgba(128, 128, 128, 0.15);
    border-right-style: solid;
    border-right-width: 1px;
}

#SplitDivRightSide {
    position: absolute;
    left: 50%;
    top: 36%;
    width: 50%;
    height: auto;
    background: rgba(255,255,255,0.7);
    overflow: auto;
    text-align: center;
}

.FullwidthLineDiv2 {
    position: absolute;
    top: 10.2%;
    width: 99.6%;
    left: 0.3%;
    height: 9.7%;
    background-color: white;
}


#SplitDivLeftSideUsPension {
    position: absolute;
    left: 0%;
    top: 36%;
    width: 50%;
    height: auto;
    /*background-color: rgba(255, 229, 255, 0.2);*/
    overflow: auto;
    text-align: center;
    border-right-color: rgba(128, 128, 128, 0.15);
    border-right-style: solid;
    border-right-width: 1px;
}

.Height95 {
    height: 95%;
}

.Height100 {
    height: 100%;
}

.textAlignCenterImp {
    text-align: center !important;
}

.fontSize18 {
    font-size: 18px;
}
.Width91 {
width:91%;

}

.marginTop2 {
  margin-top:  2%;
}

.margin-right3_8 {
 margin-right:   3.8% !important;
}


.Percent100 {
    width: 100%;
    height: 100%;
}

.lblFont {
    font-family: Arial;
    font-size: 12px;
    color: black;
}

.imjusttext {
    font-family: Arial;
    font-size: 74%;
    color: black;
    text-decoration: none;
    font-weight: normal;
}

.sumTotalPayments {
    width: 30%;
    vertical-align: super;
    margin-right:5%;
}

.font12PXBold {
    font-family: Arial;
    font-size: 72%;
    color: #2114d8;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

.boldFont {
    font-weight: bold;
}


a.imjusttext {
    font-family: Arial;
    font-size: 74%;
    color: black;
    text-decoration: none;
    font-weight: normal;
}

    a.imjusttext:hover {
        text-decoration: none;
        color: #837E7E;
    }


.txtStyle {
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    margin-top: 0.3%;
    height: 18px;
    font-size: 96%;
    width: 80%;    
    font-weight:bold;
}

.borderNone {
    border-top:none;
    border-left:none;
    border-right:none;
}

.fontSize30Px {
    font-size: 30px;
}

.fontSize25Px {
    font-size: 25px;
}

.fontSize20Px {
    font-size: 20px;
}

.Width1-8 {
    width: 1.8%;
}

.Width2 {
    width: 2%;
}

.Width2-1 {
    width: 2.1%;
}

.Width4 {
    width: 4%;
}

.Width5 {
    width: 5%;
}

.Width7 {
    width: 7%;
}

.Width8 {
    width: 8%;
}

.Width10 {
    width: 10%;
}

.Width12 {
    width: 12%;
}

.Width14 {
    width: 14%;
}

.Width15 {
    width: 15%;
}


.Width20 {
    width: 20%;
}

.Width25 {
    width: 25%;
}

.WidthReal30 {
    width: 30%;
}


.Width33 {
    width: 33%;
}

.Width30 {
    width: 20%;
}

.Width40 {
    width: 40%;
}

.Width50 {
    width: 50%;
}

.Width15Imp {
    width: 15% !important;
}

.Width12Imp {
    width: 12% !important;
}

.Width24Imp {
    width: 24% !important;
}


.Width54 {
    width: 54%;
}

.Width55 {
    width: 55%;
}

.Width70 {
    width: 70%;
}

.Width80 {
    width: 80%;
}

.Width90 {
    width: 90%;
}

.width96 {
    width: 96%;
}

.Width100 {
    width: 100%;
}


.trWidth14 {
    width: 14%;
}

.trWidth30 {
    width: 36%;
}

.trWidth70 {
    width: 70%;
    text-align: center;
}


.noPaymentFoundFont {
    font-family: Arial;
    font-size: 15px;
    color: rgba(216, 20, 91, 0.79);
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

.npPaymentFoundDivContaining {
    width: 100%;
    height: 100%;
    font-size: 22px;
}

.searchSupplierByInvoiceTypeId {
    height: 36px;
    width: 30%;
    padding-right: 3%;
}

tr {
    text-align: right;
}

td {
    height: 25px;
}

.divApprovedUserId {
    position: absolute;
    left: 70%;
    top: 95%;
    width: 30%;
    height: 5%;
    /*background-color: white;*/
    overflow: auto;
    text-align: center;
    font-family: Arial;
    color: #8C4141;
}

#saveDocumentDiv {
    position: absolute;
    left: 66.5%;
    top: 100%;
    width: 33%;
    height: 5%;
    background-color: white;
    overflow: auto;
    text-align: center;
}

#divErrorMessage {
    position: absolute;
    left: 0%;
    top: 105%;
    width: 100%;
    height: 5%;
    text-align: center;
}


.btnDoubleAccounting {
    background-color: transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 0;
    border: 1px solid #b2b8ad;
    display: inline-block;
    cursor: pointer;
    color: #837E7E;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 11px 11px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ced9bf;
}

    .btnDoubleAccounting:hover {
        background-color: #EBF7F1;
    }

    .btnDoubleAccounting:active {
        position: relative;
        top: 1px;
    }

.aDiv {
    position: absolute;
    width: 30%;
    height: auto;
    padding: 50px;
    left: 35%;
    top: 39%;
    background-color: #e2e0e0;
    text-align: center;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
}

.bodyExtraDesign {
    background-color: white;
}

.aLogOnDiv {
    position: absolute;
    width: 30%;
    height: auto;
    left: -2%;
    top: 5%;
    text-align: center;
}

.aExtraDesign {
    background-color: rgba(20, 102, 170, 0.78) !important;
}

.textBoxExtraDesign {
    border-radius: 0 !important;
    padding: 10px 10px 6px 25px !important;
}

.textbox {
    background: #F1F1F1 url(http://html-generator.weebly.com/files/theme/input-text-40.png) no-repeat;
    background-position: 5px -7px !important;
    padding: 10px 10px 10px 25px;
    width: 270px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
}

    .textbox:focus {
        background-color: #FFF;
        border-color: #E8C291;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #e8c291 inset;
        -webkit-box-shadow: 0 0 0 1px #E8C291 inset;
        box-shadow: 0 0 0 1px #E8C291 inset;
    }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #999999 inset;
}


.textboxWithoutImg {
    background: #F1F1F1;
    padding: 10px 10px 10px 25px;
    width: 270px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
}

    .textboxWithoutImg:focus {
        background-color: #FFF;
        border-color: #E8C291;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #e8c291 inset;
        -webkit-box-shadow: 0 0 0 1px #E8C291 inset;
        box-shadow: 0 0 0 1px #E8C291 inset;
    }

#divErrorMessage {
    z-index: 1;
}




.carOrMobileDiv {
    position: fixed;
    top: 16%;
    height: 65%;
    right: 2%;
    width: 28%;
    z-index: 4;
    text-align: center;
    border-style: groove;
    background-color: white;
    overflow: auto;
    border: 0;
    overflow: auto;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
}


#innerCarOrMobileDiv {
    position: absolute;
    width: 90%;
    right: 5%;
    height: auto;
    top: 10%;
}

.dynamicCreate {
    position: relative;
    float: right;
    width: 100%;
    height: 33px;
}

.entityName {
    position: inherit;
    right: 0;
    width: 30%;
    height: 24px;
    text-align: center;
    font-family: Arial;
    font-size: 16px;
    border-color: rgba(0, 0, 0, 0.12);
    border-width: thin;
    letter-spacing: 5px;
}

.entityPrice {
    position: inherit;

    /*left: 0;*/
    width: 30%;
    height: 24px;
    text-align: center;
    font-family: Arial;
    font-size: 16px;
    border-color: rgba(0, 0, 0, 0.12);
    border-width: thin;
    letter-spacing: 5px;
}
.entityPriceVat{
     position: inherit;
    left: 0;
    width: 30%;
    height: 24px;
    text-align: center;
    font-family: Arial;
    font-size: 16px;
    border-color: rgba(0, 0, 0, 0.12);
    border-width: thin;
    letter-spacing: 5px;
}
.textboxWithoutImgAndWidth {
    background: #F1F1F1;
    padding: 10px 10px 10px 25px;
    margin-top: 1%;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
}

    .textboxWithoutImgAndWidth:focus {
        background-color: #FFF;
        border-color: #E8C291;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #e8c291 inset;
        -webkit-box-shadow: 0 0 0 1px #E8C291 inset;
        box-shadow: 0 0 0 1px #E8C291 inset;
    }




.btn {
    background-color: transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 0;
    border: 1px solid #b2b8ad;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding: 11px 20px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ced9bf;
}

    .btn:hover {
        background-color: transparent;
    }

    .btn:active {
        position: relative;
        top: 1px;
    }

.drpStyle {
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    margin-top: 1%;
    background-color: white;
    height: 22px;
    font-size: 96%;
}


.noArrow select {
    /*for firefox*/
    -moz-appearance: none;
    /*for chrome*/
    -webkit-appearance: none;
}



.displayNone {
    display: none;
}

.visibleNone {
    display: none;
}

.visibleVisible {
    display: table-row;
}



.center {
    margin-left: auto;
    margin-right: auto;
}

.divLblTitle {
    position: absolute;
    width: 50%;
    right: 5%;
    top: 2%;
    height: 5%;
    overflow: auto;
    text-align: right;
}

.divTitleEditSupplier {
    position: absolute;
    width: 62%;
    right: 2%;
    top: 4.5%;
    height: 16%;
    overflow: auto;
    text-align: center;
    /*-webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);*/
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#c7c3c3, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#c7c3c3, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#c7c3c3, white); /* Standard syntax (must be last) */
}


.divGridMain {
    position: absolute;
    width: 47%;
    left: 3%;
    top: 10%;
    height: 40%;
    overflow: auto;
}


#divMainBranchName {
    position: absolute;
    width: 47%;
    right: 3%;
    /*top: 32%;*/
    top: 35%;
    height: 2%;
    text-align: center;
}

.Font-Red-14px-UnderLine {
    color: #cb5c5c;
    font-size: 14px;
    text-decoration: underline;
}

.Font-Red-14px {
    color: #cb5c5c;
    font-size: 14px;
}


.divGridBranch {
    position: absolute;
    width: 47%;
    right: 3%;
    /*top: 34%;*/
    top: 38%;
    height: 66%;
    overflow: auto;
}

.divForTextBox {
    position: absolute;
    width: 23%;
    right: 19%;
    top: 11%;
    height: 18%;
    vertical-align: middle;
    line-height: 90px;
    border-radius: 15px;
    text-align: center;
    border-width: 1px;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
}

.fontErrorMessage {
    font-family: Arial;
    font-size: 16px;
    color: black;
    margin-top: 10px;
}

.fontSpecificErrorMessage {
    font-family: Arial;
    font-size: 16px;
    color: brown;
    margin-top: 10px;
}

textarea:focus, input:focus {
    outline: 0;
}

.HomeMainLinkDiv {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
}

.homeBackgroundColor {
    /*background-color: #141B22;*/
    background-color: rgba(239, 237, 237, 0.97);
}

.logo {
    position: absolute;
    width: 30%;
    height: 10%;
    padding: 50px;
    left: 35%;
    top: 10%;
    text-align: center;
}


#SearchDiv {
    direction: rtl;
    position: absolute;
    width: 50%;
    height: 5%;
    left: 25%;
    top: 15%;
    text-align: right;
    font-family: Arial;
    font-size: 16px;
    padding: 15px;
    background: rgba(255,255,255,0.8);
    border-radius: 15px;
}

#ErrorMessageDiv {
    direction: rtl;
    position: absolute;
    width: 50%;
    height: 2%;
    left: 25%;
    top: 24%;
    text-align: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    padding: 15px;
    background: rgba(255,255,255,0.8);
    border-radius: 15px;
    text-align: center;
    font-family: Arial;
    color: #808080;
}

.DivContainsGridView {
    direction: rtl;
    position: absolute;
    width: 50%;
    height: auto;
    left: 25%;
    top: 30%;
    font-family: Arial;
    font-size: 16px;
    padding: 15px;
    background: rgba(255,255,255,0.8);
    border-radius: 15px;
    text-align: center;
}

.fileUloadDiv {
    position: absolute;
    direction: rtl;
    width: 18%;
    left: 3%;
    top: 15%;
    background: rgba(255,255,255,0.8);
    border-radius: 15px;
    padding: 15px;
}

.GeneralFont {
    text-align: right;
    font-family: Arial;
    font-size: 16px;
}



.fileUloadDivShowDiv {
    position: absolute;
    direction: rtl;
    width: 18%;
    left: 3%;
    top: 8%;
    background: rgba(255,255,255,0.8);
    border-radius: 15px;
    padding: 15px;
    text-align: center;
}

.innerHomeDiv {
    width: auto;
    height: auto;
    float: right;
}

.btnSmall {
    background-color: transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 0;
    border: 1px solid #7E8478;
    display: inline-block;
    cursor: pointer;
    color: #796D6D;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 11px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ced9bf;
}

    .btnSmall:hover {
        background-color: transparent;
    }

    .btnSmall:active {
        position: relative;
        top: 1px;
    }

.divShowAllMainBranch {
    position: absolute;
    width: 30%;
    right: 13.3%;
    top: 12.5%;
    height: 20%;
    text-align: center;
    border-radius: 15px;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    line-height: 55px;
}

.divShowAllExpense {
    position: absolute;
    width: 30%;
    right: 56.6%;
    top: 12.5%;
    height: 20%;
    text-align: center;
    border-radius: 15px;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    line-height: 55px;
}

#divMainBranchClientExpense {
    position: absolute;
    width: 73.3%;
    right: 13.3%;
    top: 35%;
    height: 8%;
    text-align: center;
    border-radius: 15px;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    line-height: 90px;
}

.FontBig {
    font-family: Arial;
    color: black;
    /*font-size: 12px;
    letter-spacing: 3px;*/
    font-size: 16px;
    letter-spacing: 2px;
}

.alignRight {
    text-align: right;
    margin-right: 4%;
}

#leftRegionForMainBRanch {
    position: absolute;
    right: 1%;
    width: 30%;
    top: 0;
    height: auto;
    text-align: center;
}

#rightRegionForMainBRanch {
    position: absolute;
    right: 34%;
    width: 31%;
    top: 0;
    height: auto;
    text-align: center;
}

#rightRegion {
    position: absolute;
    right: 67%;
    width: 27%;
    top: 0;
    height: auto;
    text-align: center;
}

#DivbtnSaveMainBranchExpense {
    position: absolute;
    right: 91%;
    width: 7%;
    top: 0;
    height: auto;
    text-align: center;
}

#divShowAllExpeneseByMainBranch {
    position: absolute;
    width: 73.3%;
    right: 13.3%;
    top: 45%;
    /*height: 40%;*/
    height: 60%;
    text-align: center;
    overflow: auto;
}

.divShowAllClientBranches {
    width: 23.13%;
    right: 13.3%;
}

.divShowAllSupplierBranches {
    width: 23.13%;
    right: 38.43%;
}

.divShowAllExpenseForSupplierAndClient {
    width: 23.13%;
    right: 63.56%;
}

.divIncludeBranches {
    position: absolute;
    top: 12.5%;
    height: 20%;
    text-align: center;
    border-radius: 15px;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    line-height: 55px;
}

.smalIcon {
    width: 10px;
    height: 10px;
}

.UCdeleteBranch {
    margin-right: auto;
    margin-left: auto;
    width: 98%;
    padding-top: 1%;
    margin-bottom: 1%;
    margin-top: 1%;
    text-align: center;
    font-family: Arial;
    font-size: 22px;
}

.pageTitle {
    position: absolute;
    width: 98%;
    top: 2%;
    height: 10%;
    text-align: center;
}

.divPresentAllSupplierBranches {
    position: absolute;
    width: 98%;
    top: 13%;
    height: 30%;
    text-align: center;
}

.divForDropDwonSupplier {
    position: absolute;
    width: 98%;
    top: 42%;
    height: 46%;
    text-align: center;
}

.addClientMainDiv {
    position: absolute;
    width: 60%;
    height: auto;
    left: 15%;
    top: 20%;
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    padding: 2%;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
}

.assClientRow {
    position: relative;
    width: 90%;
    text-align: center;
    margin-left: 5%;
    margin-top: 2%;
    float: left;
}

.ImgeSize {
    width: 30px;
    height: 30px;
    line-height: 20px;
    cursor: pointer;
}


.Image50X50 {
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.Image60X60 {
    width: 60px;
    height: 60px;
    cursor: pointer;
}


.BigCell {
    width: 30.67%;
    transition: 0.5s ease-in-out;
    height: 22.5%;
}

.SmallCell {
    width: 14.34%;
    transition: 0.5s ease-in-out;
    height: 22.5%;
}

.BigCell:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.SmallCell:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.background-Green {
    background-color: #107C10;
    border: 0;
    cursor: pointer;
}

.background-Blue {
    background-color: #0078D7;
    border: 0;
    cursor: pointer;
}

.background-white {
    background-color: white;
    border: 0;
    cursor: pointer;
    color: black !important;
    border-style: solid;
    border-width: 0.5px;
    border-color: #dedada;
}

.background-Red {
    background-color: #CC0000;
    border: 0;
    cursor: pointer;
}

.background-DarkRed {
    background-color: #860303;
    border: 0;
    cursor: pointer;
}


.background-Purple {
    background-color: #4C68B1;
    border: 0;
    cursor: pointer;
}

.background-White {
    background-color: white;
    border: 0;
}

.FontPlates {
    font-family: Arial;
    color: white;
    font-size: 170%;
    font-weight: bolder;
}

.btn1Location {
    position: absolute;
    top: 2%;
    right: 2%;
}

.btn2Location {
    position: absolute;
    top: 26.5%;
    right: 2%;
}

.btn3Location {
    position: absolute;
    top: 51%;
    right: 2%;
}

.btn4Location {
    position: absolute;
    top: 75.5%;
    right: 2%;
}

.btn5Location {
    position: absolute;
    top: 26.5%;
    right: 18.34%;
}

.btn6Location {
    position: absolute;
    top: 4%;
    right: 50%;
}

.btnNew6Location {
    position: absolute;
    top: 2%;
    right: 34.67%;
}

.btn7Location {
    position: absolute;
    top: 2%;
    right: 51%;
}

.btn8Location {
    position: absolute;
    top: 2%;
    right: 67.34%;
}

.btn9Location {
    position: absolute;
    top: 75.5%;
    right: 51%;
}

.btn10Location {
    position: absolute;
    top: 51%;
    right: 51%;
}

.btnNew11Location {
    position: absolute;
    top: 26.5%;
    right: 34.67%;
}

.btnNew12Location {
    position: absolute;
    top: 26.5%;
    right: 51%;
}

.btn13Location {
    position: absolute;
    top: 51%;
    right: 34.67%;
}

.btn14Location {
    position: absolute;
    top: 2%;
    right: 83.69%;
}

.btn15Location {
    position: absolute;
    top: 75.5%;
    right: 34.67%;
}

.btn16Location {
    position: absolute;
    top: 26.5%;
    right: 67.34%;
}

.btn17Location {
    position: absolute;
    top: 26.5%;
    right: 83.69%;
}

.btn18Location {
    position: absolute;
    top: 51%;
    right: 67.34%;
}

.btn19Location {
    position: absolute;
    top: 2%;
    right: 18.34%;
}

.LogoLocation {
    position: absolute;
    top: 75.5%;
    right: 67.34%;
}

.HomeSettingEmail {
    position: relative;
    width: 100%;
    float: right;
    cursor: pointer;
    margin-bottom: 10px;
}

.dotBtnUnlockAllBatches {
    width: 5px;
    height: 5px;
    position: fixed;
    right: 0;
    top: 0;
    cursor: pointer;
}


.ScreenDivisionSelected {
    position: relative;
    width: 100%;
    float: right;
    cursor: pointer;
    margin-bottom: 10px;
    background-color: red;
    border-radius: 90px;
    padding: 2px;
}

.ScreenDivision {
    position: relative;
    width: 100%;
    float: right;
    cursor: pointer;
    margin-bottom: 10px;
}


#AnonymousCounterDocument {
    position: absolute;
    background-repeat: no-repeat;
    background-color: rgba(247, 244, 244, 0.67);
    z-index: 1;
    border-radius: 30px;
    width: 20px;
    height: 20px;
    text-align: center;
    bottom: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #383636;
}


.logoStyle {
    position: absolute;
    width: 90%;
    height: 70%;
    top: 15%;
    right: 5%;
}

.CenterLogo {
    position: absolute;
    top: 43%;
    right: 30%;
    width: 40%;
    height: 15%;
    z-index: 1;
}

#SplitDivRightSideAccounting {
    position: absolute;
    left: 50%;
    top: 9%;
    width: 50%;
    height: auto;
    background: rgba(255,255,255,0.7);
    overflow: auto;
    text-align: center;
}

#SplitDivRightSideAccountingNew {
    position: absolute;
    right: 0;
    top: 6%;
    width: 100%;
    height: auto;
    background: rgba(255,255,255,0.7);
    overflow: auto;
    text-align: center;
}

#SplitDivRightSideCreditDebit {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    background: rgba(255,255,255,0.7);
    overflow: auto;
    text-align: center;
}

#SplitDivLeftSideUsAccounting {
    position: absolute;
    left: 0%;
    top: 9%;
    width: 50%;
    height: auto;
    /*background-color: rgba(255, 229, 255, 0.2);*/
    overflow: auto;
    text-align: center;
    border-right-color: rgba(128, 128, 128, 0.15);
    border-right-style: solid;
    border-right-width: 1px;
}

#SplitDivLeftSideUsAccountingNew {
    position: absolute;
    left: 0%;
    top: 9%;
    width: 0%;
    height: auto;
    overflow: auto;
    text-align: center;
}

#MoreDetailsDiv {
    position: absolute;
    left: 0%;
    top: 50%;
    width: 100%;
    height: auto;
    /*background-color: rgba(255, 229, 255, 0.2);*/
    overflow: auto;
    text-align: center;
    border-right-color: rgba(128, 128, 128, 0.15);
    border-right-style: solid;
    border-right-width: 1px;
}


.diplay {
    display: none;
}

#AccountingRightUpDivAccounting {
    position: absolute;
    left: 67%;    
    top: 0%;
    width: 32%;
    height: 70%;    
    background: rgba(255,255,255,0.5);
    overflow: auto;
    text-align: center;
    direction: rtl;
}


.topMenuCreditDebit {
    position: absolute;
    left: 67%;
    top: 0%;
    width: 32%;
    height: 13%;
    background: rgba(255,255,255,0.5);
    overflow: auto;
    text-align: center;
    direction: rtl;
}

.creditDebitMainDivDesign {
    position: absolute;
    right: 1%;
    top: 19%;
    width: 46%;
    height: 76%;
    text-align: center;
    direction: rtl;
    overflow: auto;
}

.SelectBranchDesign {
    position: absolute;
    right: 1%;
    top: 14%;
    width: 46%;
    height: 4%;
    text-align: center;
    direction: rtl;
    overflow: auto;
}

#ImportRightUpDivAccounting {
    position: absolute;
    left: 67%;    
    top: 0%;
    width: 32%;
    height: 100%;    
    background: rgba(255,255,255,0.5);
    overflow: auto;
    text-align: center;
    direction: rtl;
}

#AccountingRightDivAccountingPayments {
    position: absolute;
    left: 0;
    top: 0%;
    width: 100%;
    height: 162%;
    background: rgba(255,255,255,0.5);
    overflow: auto;
    text-align: center;
    direction: rtl;
    overflow: auto;
}

#AccountingRightDivAccountingAddPaymentRow {
    position: absolute;
    left: 66.5%;
    width: 32%;
    top: 85.5%;
    height: 5%;
    background: rgba(255,255,255,0.5);
    overflow: auto;
    text-align: center;
    direction: rtl;
}


.AccountingTimerDiv {
    position: absolute;
    left: 66.5%;
    width: 32%;
    top: 90%;
    height: 9%;
    background: rgba(255,255,255,0.5);
    overflow: auto;
    text-align: center;
    direction: rtl;
}


#PaymentDiv {
    text-align: center;
}

#PaymentsHeader {
    position: absolute;
    width: 100%;
    height: 30px;
    top: 7px;
    left: 0;
}

#PaymentsData {
    position: absolute;
    width: 100%;
    top: 30px;
    /*height: 81%;*/
    height: 68%;
    text-align: center;
    left: 0;
    overflow: auto;
}


.paymentDrp {
    width: 11.7%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 26%;
    text-align: center;
    height: 20px;
}

.paymentDrpLarge {
    width: 30%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 26%;
    text-align: center;
    height: 20px;
}

.paymentDrp20 {
    width: 17%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 29%;
    text-align: center;
    height: 25px;
}

.paymentDrp20Payment {
    /*width: 31%;*/
    width: 20%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 26%;
    text-align: center;
    height: 20px;
}

.paymentDrpPaymentMethod {
    width: 35%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 29%;
    text-align: center;
    height: 25px;
}

.payment14PxHeig {
    width: 20%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 29%;
    text-align: center;
    height: 19px;
}


.paymentCell {
    width: 11%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 26%;
    text-align: center;
}


.paymentCellLarge {
    width: 30%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 26%;
    text-align: center;
}

.paymentCell2 {
    width: 11.7%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 26%;
    text-align: center;
}

.paymentCell20 {
    width: 14%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 29%;
    text-align: center;
    height: 19px;
}

.paymentCell20 {
    width: 14%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 29%;
    text-align: center;
    height: 19px;
}


.paymentCellDelegate{
    width: 14%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 29%;
    text-align: center;
    height: 19px;
}


.paymentCell20Title {
    width: 15%;
}

.paymentCell2Large {
    width: 30%;
    float: right;
    margin-left: 0.1%;
    font-family: Arial;
    font-size: 26%;
    text-align: center;
}

#CutPasteDocumentBtnDiv {
    position: absolute;
    left: 67%;
    width: 33%;
}

#LstBatchNames {
    position: absolute;
    left: 11.5%;
    width: 15.5%;
}


.classPositionAbsolute {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: center;
}

#totalDepositDiv {
    position: absolute;
    left: 3%;
    top: 16%;
    background-color: white;
    width: 143px;
    height: 50px;
    font-family: Arial;
    font-size: 26px;
    color: rgba(0, 0, 0, 0.46);
}

#totalDepositTitle {
    position: absolute;
    left: 5%;
    top: 0;
    background-color: white;
    width: 100px;
    height: 50px;
    font-family: Arial;
    font-size: 12px;
    color: black;
}

.importantClassForDepositLable {
    font-family: Arial;
    font-size: 12px;
    color: black;
}

.InstanceMonitorErrorMessage {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: center;
    width: 28%;
}


#UpdateBatchClientIdentityDiv {
    left: 0;
    width: 5%;
}

#oneOfSeveralDiv {
    left: 5%;
    width: 15%;
    line-height: 36px;
}

#SearchByDocId {
    /*left: 50%;*/
    left: 46%;
    width: 5%;
}

#ShowAllBatches {
    /*left: 54.9%;*/
    left: 54.9%;
    width: 3.4%;
    display:none;
}

#SelectDocumentType {
    left: 46.9%;
    width: 3.4%;
}

#LstBatch {
    /*left: 27.5%;*/ 
    left:23.9%;
    width: 20%;
}

#DocLearnOrNewDiv {
    /*left: 58.3%;*/
    left: 51.3%;
    width: 4%;
    line-height: 36px;
    font-family: fantasy;
    font-size: 20px;
    text-align: center;
    color: #8C4141;
}


.fontFantasy {
    font-family: Arial;
    text-align: center;
    color: #8C4141;
    font-weight: bold;
}

.commendWordsMainDiv {
    position: absolute;
    top: 30%;
    right: 5%;
    width: 95%;
}

#positiveWord {
    width: 17px;
    height: 22px;
    position: absolute;
    top: 47px;
    right: 9px;
}
#negativeWord {
    width: 17px;
    height: 22px;
    position: absolute;
    top: 47px;
    right: 34px;
}
#negativePositiveWord {
    width: 175px;
    height: 22px;
    position: absolute;
    top: 47px;
    right: 58px;
}

#CommonWordsSearchInput {
    width: 100px;
    height: 22px;
    position: absolute;
    top: 47px;
    right: 150px;
}

.DocLearnOrNewDiv {
    left: 58.3%;
    width: 4%;
    line-height: 36px;
    font-family: fantasy;
    font-size: 20px;
    text-align: center;
    color: #8C4141;
}

.supplierTransferBtnDiv {
    left: 58.3%;
    width: 40%;
    line-height: 36px;
    font-family: fantasy;
    font-size: 20px;
    text-align: center;
}

.DocsCount {
    /*left: 62%;*/
    left: 55%;
    width: 6%;
    line-height: 36px;
    font-family: fantasy;
    font-size: 20px;
    text-align: center;
    color: black;
}


.lockedBatchMsgDiv {
    margin-top: 0.5%;
    color: red;
    font-family: Arial;
    font-size: 14px;
    font-weight: 200;
    left: 6%;
    width: 5%;
}



hr {
    border-style: solid;
    border-color: #eeeaea;
    border-width: 1px;
}


.top61 {
    top: 61% !important;
}

.top65 {
    top: 65% !important;
}

.top55 {
    top: 55% !important;
}

.top88 {
    top: 88% !important;
}

.rightTimet {
    right: 24% !important;
}

.flipWrapperForDataCompletion {
    top: 75% !important;
    height: 17% !important;
}

.flipWrapper {
    position: absolute;
    left: 66.5%;
    top: 57%;
    width: 32%;
    height: 18%;
    background-color: white;
    visibility: visible;
    background-color: rgb(224, 224, 224);
    -webkit-perspective: 1000;
}

    .flipWrapper .card.flipped {
        -webkit-transform: rotatey(180deg);
    }



    .flipWrapper .card {
        width: 100%;
        height: 100%;
        -webkit-transform-style: preserve-3d;
        -webkit-transition: 0.5s;
    }

        .flipWrapper .card .face {
            width: 100%;
            height: 100%;
            position: absolute;
            -webkit-backface-visibility: hidden;
            z-index: 2;
            font-family: Georgia;
            font-size: 3em;
            text-align: center;
            line-height: 12px;
        }

        .flipWrapper .card .front {
            position: absolute;
            z-index: 1;
            background-color: white;
            color: black;
            cursor: pointer;
        }

        .flipWrapper .card .back {
            -webkit-transform: rotatey(-180deg);
            background-color: white;
            color: black;
            cursor: pointer;
        }

.TitleFont {
    font-family: Arial;
    color: black;
    letter-spacing: 2px;
    font-size: 26px;
}



.smallImage29X29 {
    width: 29px;
    height: 22px;
    cursor: pointer;
}


.homeImage {
    width: 35px;
    height: 35px;
    margin-bottom: -16px;
    cursor: pointer;
}

.reloadDocument {
    width: 70px;
    height: 70px;
    cursor: pointer;
}

.homeImageWithoutMarginBottom {
    width: 35px;
    height: 35px;
    /*margin-bottom: -16px;*/
    cursor: pointer;
}

.homeImage48 {
    width: 48px;
    height: 48px;
    cursor: pointer;
}

.homeImage41X35 {
    width: 41px;
    height: 35px;
    margin-bottom: -16px;
    cursor: pointer;
}

.marginBottom13 {
    margin-bottom: -13px;
}

.homeImage10px {
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.homeImage15px {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.homeImage20px {
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-bottom: -2px;
}


.homeImage50px {
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.txtHeight22px {
    height:22px;
    margin-top:1%;
    font-size: 16px;
    width:30% !important;
    background-color:#7d3e3e !important;
    color:white;
}

.drpHeight47px {
    height: 45px;
    margin-top: 1%;
    font-size: 16px;
    width: 33% !important;
    background-color: #7d3e3e !important;
    color: white;
}

.homeImage100X70 {
    width: 100px;
    height: 70px;
    cursor: pointer;
}

.HomeImage70Px {
    width: 70px;
    height: 70px;
    cursor: pointer;
}

.HomeImage100Px {
    width: 100px;
    height: 100px;
    cursor: pointer;
}



.footerDiv {
    position: absolute;
    top: 100%;
    height: 6%;
    width: 96%;
    left: 2%;
    background: rgba(255,255,255,0.8);
}

.footerRightDiv {
    line-height: 19px;
    position: absolute;
    top: 0%;
    height: 100%;
    width: 20%;
    left: 0;
    background-color: #107C10;
    color: white;
    font-family: Arial;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
}

.CounterFont {
    color: #eddada;
    font-family: Arial;
    text-align: center;
}

.footerSecondQuarterDiv {
    line-height: 19px;
    position: absolute;
    top: 0%;
    height: 100%;
    width: 20%;
    left: 20%;
    background-color: #0078D7;
    color: white;
    font-family: Arial;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
}

.footerThirdQuarterDiv {
    line-height: 19px;
    position: absolute;
    top: 0%;
    height: 100%;
    width: 20%;
    left: 40%;
    background-color: #4C68B1;
    color: white;
    font-family: Arial;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
}

.footerFourthQuarterDiv {
    line-height: 19px;
    position: absolute;
    top: 0%;
    height: 100%;
    width: 20%;
    left: 60%;
    background-color: #75a396;
    color: white;
    font-family: Arial;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
}

.footerWorkDocScanDiv {
    line-height: 19px;
    position: absolute;
    top: 0%;
    height: 100%;
    width: 20%;
    left: 80%;
    background-color: #CC0000;
    color: white;
    font-family: Arial;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
}


.flipWrapperBalance {
    position: absolute;
    left: 0;
    top: 43%;
    width: 100%;
    height: 54%;
    background-color: white;
    visibility: visible;
    background-color: rgb(224, 224, 224);
    -webkit-perspective: 1000;
}

    .flipWrapperBalance .card.flipped {
        -webkit-transform: rotatey(180deg);
    }



    .flipWrapperBalance .card {
        width: 100%;
        height: 100%;
        -webkit-transform-style: preserve-3d;
        -webkit-transition: 0.5s;
    }

        .flipWrapperBalance .card .face {
            width: 100%;
            height: 100%;
            position: absolute;
            -webkit-backface-visibility: hidden;
            z-index: 2;
            font-family: Arial;
            font-size: 100%;
            text-align: center;
            line-height: 12px;
        }

        .flipWrapperBalance .card .front {
            position: absolute;
            z-index: 1;
            background-color: white;
            color: black;
            cursor: pointer;
        }

        .flipWrapperBalance .card .back {
            -webkit-transform: rotatey(-180deg);
            background-color: white;
            color: black;
            cursor: pointer;
        }


.calendarImage {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.blocAllScreen {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 3;
}

.loadingGigDiv {
    position: fixed;
    top: 37%;
    height: 25%;
    left: 40%;
    width: 20%;
    z-index: 4;
}

.loadingGigDivExtension {
    height:20% !important;
    top:13% !important;
}

.loadingGigDivNoSupplier {
    position: fixed;
    top: 37%;
    height: 17%;
    left: 40%;
    width: 15%;
    z-index: 4;
    text-align: center;
    border-style: groove;
    border-radius: 0px;
    background-color: white;
}

.loadingGigDivReturnToMonitor {
    position: fixed;
    top: 37%;
    height: 17%;
    left: 40%;
    width: 20%;
    z-index: 4;
    text-align: center;
    border-style: groove;
    border-radius: 0px;
    background-color: white;
}

.createNewCardInRhDbInnerDiv {
    position: fixed;
    top: 72%;
    height: 8%;
    right: 0%;
    width: 100%;
    z-index: 4;
    text-align: center;
    border-style: hidden;
    border-radius: 0px;
    background-color: white;
}

.widthNewExpense {
    width: 24% !important;
}

.loadingGigDivExpense {
    position: fixed;
    top: 37%;
    height: 25%;
    left: 40%;
    width: 20%;
    z-index: 4;
}




.fontSize07 
{
    font-size:0.7em
}
button:focus { outline: none; }

.docInstanceWaitingForNumberInvoiceApproval
{
    position: fixed;
    top: 37%;
    height: 25%;
    left: 25%;
    width: 50%;
    background: white;
}

#tbNumberInvoiceEqule
{
    width:100%
}

.IncreaseDocumentSizeInnerDiv {
    position: fixed;
    top: 6%;
    height: 80vh;
    left: 25%;
    width: 50%;
    z-index: 4;
}

.innerCurrencySelectDiv {
    position: fixed;
    top: 40%;
    height: 400px;
    right: 1%;
    width: 10%;
    z-index: 4;
    background-color: #a0dde6;
    overflow: auto;
}

.UcCurrency {
    width: 98%;
    height: 5%;
    position: relative;
    float: right;
    margin-right: 1%;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    margin-top: 2%;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    cursor: pointer;
    transition: all 500ms linear;
    transition-delay: 0.1s;
    vertical-align: middle;
}

    /*.UcCurrency:hover {
        background-color: white;
        cursor: pointer;
        font-weight: bold;
    }*/

.innerFilterSupplierDiv {
    position: fixed;
    top: 20%;
    /*height: 500px;*/
    height: 63%;
    width: 35%;
    right: 32.5%;
    background-color: white;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
}


.AnotherDocumentDialogInnerDiv {
    position: fixed;
    top: 27%;
    height: 49%;
    right: 3%;
    width: 25%;
    z-index: 4;
    background-color: white;
}

.addBranchToSupplier {
    position: fixed;
    top: 23%;
    height: 14%;
    right: 5.5%;
    width: 25%;
    z-index: 4;
    background-color: white;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.28);
}

.TransferDocumentStatusnnerDiv {
    position: fixed;
    top: 10%;
    height: auto;
    right: 25%;
    width: 50%;
    z-index: 4;
    background-color: white;
}

.CheckMainDiv {
    position: fixed;
    top: 8%;
    height: 70%;
    right: 1%;
    width: 32%;
    z-index: 4;
    background-color: rgba(255,255,255,0.7);
    overflow: auto;
}

.HelpDescriptionCenterDiv {
    position: fixed;
    top: 57%;
    height: auto;
    right: 3%;
    width: 30%;
    z-index: 4;
    background-color: white;
}

.roundBtn90px {
    position: relative;
    width: 37px;
    height: 54px;
    color: white;
    float: right;
    margin: 1.2px;
    white-space: normal;
    cursor: pointer;
    font-size: x-small;
    padding-right: 2px;
    box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.28);
}

    .roundBtn90px:hover {
        box-shadow: 0px 0px 0px rgba(255,255,255,0.8);
    }


.classForBtnFiled {
   position: relative;
    width: 64px;
    height: 54px;
    border-color: white;
    color: black;
    float: right;
    margin: 1.2px;
    white-space: normal;
    cursor: pointer;
    font-size: 1em;
    padding-right: 2px;
    box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.28);
    background-color: white;
}
    .classForBtnFiled:hover {
        box-shadow: 0px 0px 0px rgba(255,255,255,0.8);
        background-color: #3fa98fad;
        color:white;
    }


.colorGreen {
    color:green !important;
}

.font25PxUnderLine {
    color: #9193A2;
    font-size: 25px;
    text-decoration: underline;
    font-family: Arial;
}

.font25PXBlue {
    color: #2f3fbd;
    font-size: 25px;
    font-family: Arial;
}


.smallImage15Px {
    width: 15px;
    height: 15px;
}

.smallImage40Px {
    width: 40px;
    height: 40px;
    vertical-align: middle;
}

#txtSearchByDocId {
    width: 100%;
}


.blocAllScreen {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(210, 209, 209, 0.68);
    z-index: 3;
    text-align: center;
}

.darkblocAllScreenColor {
    background-color: rgba(199, 195, 195, 0.96);
}

.suspiciousPuzzleSimilarDocuments {
    position: fixed;
    top: 2%;
    right: 32%;
    width: 24%;
    height: 46%;
    z-index: 3;
    text-align: center;
    border-radius: 50%;
    background: hsla(0, 0%, 97%, 0.68);
    display: none;
}

#BottomSuspiciousPuzzle {
    position: absolute;
    top: 101%;
    right: 10%;
    height: 6%;
    width: 80%;
    z-index: 3;
    text-align: center;
}

#ArrowFlatBack {
    position: absolute;
    top: 42%;
    right: 2%;
    height: 30%;
    width: 16%;
    z-index: 3;
    cursor: pointer;
}

#ArrowFlatNext {
    position: absolute;
    top: 42%;
    left: 2%;
    height: 37%;
    width: 18%;
    z-index: 3;
    cursor: pointer;
}


.innerSuspiciousPuzzleSimilarDocuments {
    position: absolute;
    top: 10%;
    height: 80%;
    right: 25%;
    width: 50%;
    z-index: 4;
    background-color: white;
}


.blocThirdScreen {
    width: 35%;
}


.blocCheckThirdScreen {
    width: 34%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    overflow: auto;
}

.LoadMessageDiv {
    position: fixed;
    top: 30%;
    height: 40%;
    left: 25%;
    width: 50%;
    z-index: 4;
    text-align: center;
    border-width: 0.4px;
    background-color: white;
    overflow: auto;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.28);
}

.FixCurrencyDiv {
    position: fixed;
    top: 52%;
    right: 1%;
    width: 13%;
    height: 17%;
    z-index: 100;
}

.FixedAssetsMainDiv {
    position: fixed;
    top: 30%;
    height: 40%;
    left: 20%;
    width: 60%;
    z-index: 4;
    text-align: center;
    border: 0;
    background-color: white;
    overflow: auto;
}

.FixedAssetsMainTitle {
    position: absolute;
    width: 96%;
    right: 2%;
    height: 30px;
    top: 30px;
    /*background-color: #a3bdbd;*/
}

.ShowFixedAssetsDiv {
    position: absolute;
    width: 96%;
    right: 2%;
    height: auto;
    top: 60px;
}




.DialogueMiddelSmallDiv {
    position: fixed;
    top: 30%;
    height: 17%;
    left: 35%;
    width: 30%;
    z-index: 4;
    text-align: center;
    border-width: 0.4px;
    background-color: rgba(251, 247, 247, 0.72);
    overflow: auto;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.28);
}

.LoadSmallSelfCheck {
    position: fixed;
    top: 58%;
    height: 25%;
    right: 1%;
    width: 34%;
    z-index: 4;
    text-align: center;
    border-width: 0.4px;
    background-color: white;
    overflow: auto;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.28);
}



.AlertSuppliePartnersInnerDiv {
    position: fixed;
    top: 30%;
    height: 40%;
    left: 25%;
    width: 50%;
    z-index: 4;
    text-align: center;
    border-style: groove;
    background-color: white;
    overflow: auto;
    font-size: 20px;
}

.LoadJournalEntryMessageDiv {
    position: fixed;
    top: 30%;
    height: 20%;
    left: 40%;
    width: 30%;
    z-index: 4;
    text-align: center;
    border-style: groove;
    border-radius: 11px;
    background-color: white;
    overflow: auto;
}

.HomeSetUserPages {
    position: fixed;
    direction: rtl;
    top: 15%;
    height: 73%;
    left: 15%;
    width: 70%;
    z-index: 4;
    text-align: center;
    border-radius: 0;
    background-color: white;
    overflow: auto;
}

.doublingPerYearDesign {
    position: fixed;
    direction: rtl;
    top: 15%;
    height: 23%;
    left: 15%;
    width: 70%;
    z-index: 4;
    text-align: center;
    border-radius: 0;
    background-color: white;
    overflow: auto;
}

.AppUserMainDiv {
    position: fixed;
    direction: rtl;
    top: 15%;
    height: 47%;
    left: 25%;
    width: 50%;
    z-index: 4;
    text-align: center;
    border-radius: 0;
    background-color: white;
    overflow: auto;
}

.AnonymousDoc {
    position: absolute;
    direction: rtl;
    top: 4%;
    height: 88%;
    left: 15%;
    width: 71%;
    z-index: 4;
    text-align: center;
    border-radius: 0;
    background-color: white;
    overflow: auto;
}


.BusinessToWorkOnDiv {
    position: fixed;
    direction: rtl;
    top: 5%;
    height: 70%;
    left: 5%;
    width: 40%;
    z-index: 4;
    text-align: center;
    border-radius: 0;
    background-color: white;
    overflow: auto;
}

.ResizeImageBtn {
    position: static;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    margin-right: 6px;
    margin-top: 6px;
}

.imageXbtn9px {
    position: static;
    left: 0;
    top: 0;
    width: 9px;
    height: 9px;
    cursor: pointer;
    float: right;
    margin-right: 6px;
    margin-top: 6px;
}

.CloseIncreaseDocumentSizeDiv {
    position: fixed;
    right: 25%;
    top: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    margin-right: 6px;
    margin-top: 6px;
}


.CloseCurrencySelectDiv {
    position: fixed;
    right: 10%;
    top: 37%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    margin-right: 6px;
    margin-top: 6px;
}

.CloseDivInSupplier {
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.UpdateDivInSupplier {
    position: absolute;
    right: 25px;
    bottom: 3px;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.FloatSupplierDiv {
    position: absolute;
    background-color: white;
    width: 63%;
    right: 2%;
    top: 17%;
    height: 11%;
    overflow: auto;
    text-align: center;
    border-radius: 0;
    direction: rtl;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    z-index: 4;
    /*background: linear-gradient(#c7c3c3, white);*/
}

.selectAllCeckBox {
    position: absolute;
    right: -10px;
    top: 45px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    float: right;
}

.unCheckAllCheckbox {
    right: 7px;
}

.SystempageSetForUser {
    position: fixed;
    left: 23%;
    top: 20%;
    width: 100px;
    height: 100px;
    cursor: pointer;
    float: right;
}


.btnDubleDesign {
    position: relative;
    left: 10px;
    top: 33%;
    width: 100px;
    height: 100px;
    cursor: pointer;
}

.saveBtnBusinessSetting {
    position: absolute;
    left: 30%;
    bottom: 15px;
    width: 100px;
    height: 100px;
    cursor: pointer;
    float: right;
}

.lblExpenseFont {
    color: black;
    font-family: Arial;
    font-size: 130%;
    font-weight: 600;
}

.fontNotBold {
    font-weight: 100 !important;
}

.homeButtomDiv {
    position: absolute;
    width: 39px;
    top: 30px;
    left: 5px;
    height: auto;
}


.AccountingCenterDivEliminate {
    position: absolute;
    left: 1%;
    top: 5%;
    width: 0;
    border: 0;
    height: 98%;
    background-color: white;
    border-style: ridge;
    direction: rtl;
    font-family: Arial;
    overflow: auto;
}

.AccountingLeftDivgrow {
    position: absolute;
    left: 2%;
    top: 5%;
    width: 64%;
    height: 98%;
    background: rgba(232, 225, 225, 0.5);
    white-space: nowrap;
    border: rgba(232, 225, 225, 0.5) 1px solid;
}


.WarningReportingVatDate {
    color: #808080;
    font-size: 42px;
    font-family: Arial;
}

.HalfScreenCreditDebit {
    position: absolute;
    left: 2%;
    top: 5%;
    width: 50%;
    height: 98%;
    background: rgba(232, 225, 225, 0.5);
    white-space: nowrap;
    border: rgba(232, 225, 225, 0.5) 1px solid;
}


.bottomDiv {
    position: fixed;
    bottom: 30px;
    left: 100px;
    font-family: 'Comic Sans MS';
    color: rgba(0, 0, 0, 0.54);
    font-size: 15px;
    direction: ltr;
}

.bottomBusinessSignatureDiv {
    position: fixed;
    bottom: 30px;
    font-family: 'Comic Sans MS';
    color: rgba(43, 43, 40, 0.44);
    font-size: 15px;
    direction: ltr;
    text-align: center;
    width: 40%;
    left: 30%;
    height: auto;
    font-family: Arial;
    font-size: 27px;
    font-weight: 700;
}


#DescriptionDocumentProcess {
    position: absolute;
    left: 71%;
    top: 50%;
    width: 28%;
    background-color: white;
    text-align: center;
}

#txtNumberOfPayments {
    width: 7%;
    vertical-align: super;
}


.expenseDetailsHKScss {
    position: absolute;
    top: 66%;
    width: 33%;
    margin-right: 1.5%;
}

.expenseDetailsInvoiceCss {
    position: absolute;
    top: 52%;
    width: 33%;
    margin-right: 1.5%;
}

.expenseDetailsReceiptCss {
    position: absolute;
    top: 55%;
    width: 33%;
    margin-right: 1.5%;
}

.cssTxtNewCradName {
    width: 74%;
    margin-right: 13%;
    height: 18px;
    font-size: 96%;
}

.textAlignCenter {
    text-align: center;
    color: black;
    font-family: Arial;
    margin-top: 1%;
}


.textAlignCenter {
    text-align: center;
    position: relative;
    float: right;
}


.alignCenter {
    text-align: center;
    font-family: Arial;
    margin-top: 2%;
}

.CellTitle {
    width: 10%;
}

.checkBoxCellTitle {
    width: 0%;
}

.CheckIdCellTitle {
    width: 21%;
}

.dateCellTitle {
    width: 12%;
}

.priceCellTitle {
    width: 21%;
}

.drpBankCellTitle {
    width: 27%;
}

.cleanAction {
    width: 4%;
    cursor: pointer;
}

.styleDepositTableTd {
    width: 70%;
    border: 0;
    background-color: #F7F0F0;
    color: black;
    text-align: center;
    font-size: 18px;
}


#compatibleOpenExpenseDiv {
    position: absolute;
    background-color: white;
    width: 100%;
    height: 300px;
    top: 30%;
    left: 0;
}

.compatibleOpenExpenseInnerDiv {
    width: 98%;
    height: 24px;
    position: relative;
    float: right;
    margin-right: 1%;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    margin-top: 1%;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 0.4px;
    border-bottom-color: #dcd9d9;
}


.marginRight {
    margin-right: 2%;
}

#subTitleRight {
    float:right;
    width:30%;
}

#subTitleLeft {
    float: left;
    width: 70%;
    height: 100%;
}

.marginBottom {
margin-bottom:1%;
margin-top:1%;
}

.height24px {
    height: 24px;
}


.backColorGreen {
    background-color: rgba(0, 255, 200, 0.2);
}




.divTotalSplitPrices {
    position: absolute;
    width: 90%;
    right: 0%;
    height: auto;
    top: 90%;
    font-size: 14px;
}

.divErrorDivMessage {
    width: 30%;
    height: 220px;
    background-color: #eeff4a;
    font-family: Arial;
    line-height: 150px;
    font-size: 16px;
    position: fixed;
    z-index: 10;
    text-align: center;
    -webkit-animation-name: divErrorDivMessageEnd; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 5s; /* Chrome, Safari, Opera */
    animation-name: divErrorDivMessageEnd;
    animation-duration: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
}


/* Chrome, Safari, Opera */
@-webkit-keyframes divErrorDivMessageEnd {

    0% {
        background-color: #eeff4a;
        right: 9%;
        top: 10%;
    }

    25% {
        background-color: #eeff4a;
        right: 9%;
        top: 10%;
    }

    50% {
        background-color: #eeff4a;
        right: 25.5%;
        top: 10%;
    }

    75% {
        background-color: #eeff4a;
        right: 45%;
        top: 0;
    }

    100% {
        background-color: #eeff4a;
        right: 55%;
        top: 0px;
    }

    to {
        width: 22%;
        height: 40px;
        line-height: 40px;
    }
}

@keyframes divErrorDivMessageEnd {

    0% {
        background-color: #eeff4a;
        right: 9%;
        top: 10%;
    }

    25% {
        background-color: #eeff4a;
        right: 9%;
        top: 10%;
    }

    50% {
        background-color: #eeff4a;
        right: 25.5%;
        top: 10%;
    }

    75% {
        background-color: #eeff4a;
        right: 45%;
        top: 0;
    }

    100% {
        background-color: #eeff4a;
        right: 55%;
        top: 0px;
    }

    to {
        width: 22%;
        height: 40px;
        line-height: 40px;
    }
}


.lablaClass {
    position: absolute;
    top: 8%;
    left: 1.5%;
    width: 96%;
    text-align: center;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.28);
    overflow: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgb(204, 204, 204);
    font-size: 50px;
    background-color: rgb(247, 247, 247);
    text-shadow: rgb(255, 255, 255) 1px 1px 0px;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
}

.lablaClass40pxFont {
    position: absolute;
    top: 8%;
    left: 1.5%;
    width: 96%;
    text-align: center;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.28);
    overflow: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgb(204, 204, 204);
    font-size: 40px;
    background-color: rgb(247, 247, 247);
    text-shadow: rgb(255, 255, 255) 1px 1px 0px;
    -webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.75);
}

.businessSettingCheckDoDate {
    position: absolute;
    top: 55%;
    left: 0;
    width: 100%;
    height: 100px;
}

.businessSettingTitle {
    position: absolute;
    top: 47%;
    left: 0;
    width: 100%;
    height: 40px;
}

.businessSettingUserName {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 50px;
}


.uploadFileDesign {
    position: absolute;
    top: 29%;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #d1e4d1;
}

.entityDocTypeDesign {
    position: absolute;
    top: 41%;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #edf9ed;
    line-height: 53px;
}

#LoadEntityDetailsForCompletion {
    position: absolute;
    top: 54%;
    left: 0;
    width: 100%;
    height: auto;
}

.businessSettingSaveBtn {
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    height: 50px;
}


.TimerClass {
    position: absolute;
    top: 50%;
    right: 30%;
}

#incomeTaxInvoiceReceiptConvertDiv {
    width: 23%;
    height: 50px;
    right: 0;
    position: absolute;
}

.ConvertDivBtn {
    position: relative;
    margin-right: 3%;
    width: 42.5%;
    float: right;
    top: 5%;
    height: 90%;
    background-color: #00b086;
    color: white;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding-top: 8px;
    padding-left: 3px;
    padding-right: 3px;
    cursor:pointer;
    box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.28);
}

    .ConvertDivBtn:hover {
        box-shadow: 0px 0px 0px rgba(255,255,255,0.8);
    }

.CrucifixionBackgroundColor {
    background-color:rgba(255, 0, 0, 0.18);
}

.txtCurrencySelect {
    border-bottom-color: #c39c9c;
    background-color: #a0dde6;
    border-bottom-style: solid;
    border-bottom-width: 0.5px;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    text-align: center;
    width: 45%;
    height: 14px;
}


.displayDivEntityExcelDetails {
    width: 100%;
    position: relative;
    float: left;
    left: 0;
    margin-top: 0.5%;
    height: auto;
}

.txtEntityExcelDetails {
    width: 49%;
    position: relative;
    float: left;
    height: 18px;
    margin-left: 0.5%;
}

.txtEntityExcelDetailsName {
    width: 49%;
    position: relative;
    float: left;
    height: 18px;
    margin-left: 0.5%;
}

.PuzzleRecommendDesign {
    position: fixed;
    bottom: 0;
    height: 24%;
    width: 60%;
    left: 4%;
    z-index: 2;
    background-color: rgba(220, 217, 217, 0.92);
}

.btnPuzzleRecommendDesign {
    position: fixed;
    bottom: 23%;
    height: 7%;
    width: 60%;
    left: 4%;
    z-index: 2;
}

.PresentPuzzleRecommendDesign {
    position: fixed;
    top: 1%;
    height: 75%;
    width: 30%;
    right: 1%;
    z-index: 2;
    background-color: rgba(69, 67, 67, 0.62);
}

.documentRecommendDesign {
    position:relative;
    width:20%;
    height:100%;
    margin-right:1%;
    float:right;
}

.lblDocInstatnceCounter {
    font-family: Arial;
    color: black;
    vertical-align: -webkit-baseline-middle;
    font-weight:600;
}


.lblDocInstatnceCounterLarge {
    font-family: Arial;
    color: white;
    font-weight: 600;
    font-size: 43px;
    vertical-align: text-bottom;
}

.largeFlagSelectDoc {
    width: 35px;
    height: 35px;
    cursor: pointer;
    vertical-align: super;
}

.JournalEntriesDetailsDesign {
    padding-top:1%;
    font-weight:bold;
    position: absolute;
    right: 0;
    top: 78%;
    width: 33.8%;
    height: 20%;
    overflow: auto;
    text-align: center;
    border-top-color:gray;
    border-top-style:solid;
    border-top-width:1px;
}


.txtBankPageChecks {
    padding: 10px 10px 10px 25px;
    width: 80%;
    border-bottom-color: #e0dfdf;
    border-bottom-style: solid;
    border-bottom-width: 0.5px;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    position: absolute;
    text-align: center;
    top: 25%;
    right: 10%;
}


.bankPageDetialsChecks {
    position: fixed;
    bottom: 23%;
    right: 2%;
    width: 23%;
    height: 81px;
    background-color: rgba(0, 0, 0, 0.53);
    line-height: 80px;
}

.bankPageDetials {
    position: fixed;
    bottom: 7%;
    right: 16%;
    width: 23%;
    height: 81px;
    background-color: rgba(0, 0, 0, 0.53);
    line-height: 80px;
}

.txtBankPage {
    padding: 10px 10px 10px 25px;
    width: 80%;
    border-bottom-color: #e0dfdf;
    border-bottom-style: solid;
    border-bottom-width: 0.5px;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    text-align: center;
}

.ucBranchpercentage {
    float:left;
}

.btnBorderColor {
    background-color: transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #70746D;
    display: inline-block;
    cursor: pointer;
    color: #666363;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding: 11px 20px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ced9bf;
    margin-top: 10px;
}

.inputSearc {
    position: absolute;
    text-align: right;
    padding-right: 30px;
    width: 70%;
    right: 5%;
    height: 60%;
    border-radius: 15px;
    font-family: 80%;
    color: #808080;
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
}


.btnSearc {
    position: absolute;
    width: 8%;
    left: 11%;
    height: 60%;
    background-color: transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #b2b8ad;
    display: inline-block;
    cursor: pointer;
    color: #837E7E;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding: 11px 20px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ced9bf;
}

.btnreload {
    position: absolute;
    width: 8%;
    left: 2%;
    height: 60%;
    background-color: transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #b2b8ad;
    display: inline-block;
    cursor: pointer;
    color: #837E7E;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding: 11px 20px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ced9bf;
}

#rightDivBuildKey {
    position: absolute;
    right: 1%;
    top: 7%;
    width: 18%;
    height: 100%;
}

.centerDivText {
    position: absolute;
    right: 21%;
    top: 7%;
    width: 38%;
    height: 82%;
    overflow: auto;
    background: rgba(255,255,255,0.9);
    direction: rtl;
}

.centerDivTextLTR {
    position: absolute;
    right: 21%;
    top: 7%;
    width: 38%;
    height: 82%;
    overflow: auto;
    background: rgba(255,255,255,0.9);
    direction: ltr;
}

#leftDivPdf {
    position: absolute;
    right: 60%;
    top: 7%;
    width: 38%;
    height: 82%;
}

#bottomDivGrid {
    position: absolute;
    right: 21%;
    top: 91%;
    width: 77%;
    height: 16%;
    overflow: auto;
}

.designBuildKey {
    background: rgba(255,255,255,0.8);
}

.inputTextBuildKey {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    padding-right: 10px;
    margin-top: 4%;
    background: rgba(255,255,255,0.5);
    height: 3%;
    font-size: 100%;
    font-weight: bold;
}

.drpTextBuildKey {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    padding-right: 10px;
    margin-top: 4%;
    background: rgba(255,255,255,0.5);
    height: 3%;
    font-size: 100%;
    font-weight: bold;
    display: inline;
}

.drpTextBuildKeyNonedisplay {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    padding-right: 10px;
    margin-top: 4%;
    background: rgba(255,255,255,0.5);
    height: 3%;
    font-size: 100%;
    font-weight: bold;
    display: none;
}

#BuildKeyDiv {
    position: absolute;
    width: 90%;
    left: 5%;
    height: 80%;
    top: 10%;
    text-align: center;
}

.fontErrorMessageBold {
    font-family: Arial;
    font-size: 16px;
    color: #ef2727;
    font-weight: bold;
    margin-top: 10px;
}

GridDiv {
    margin-top: 1%;
    background-color: rgb(191, 206, 224);
}

a:link {
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial;
    font-size: 20px;
}

a:visited {
    color: black;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: black;
    text-decoration: none;
}

/* selected link */
a:active {
    color: black;
    text-decoration: none;
}

.divFileDoc {
    position: fixed;
    top: 60%;
    z-index: 4;
    right: 13%;
}

.favStar {
    width: 15px;
    height: auto;
    vertical-align: top;
}

.favoriteTxt {
    font-weight: bold;
    color: #2973bf;
    vertical-align: super;
}


.RoundButton {
    height: 8%;
    width: 20%;
    position: absolute;
    border-radius: 90px;
    bottom: 3px;
    text-align: center;
    left: 40%;
    background-color: silver;
}

#LeftSimulatorDiv {
    position: absolute;
    left: 3%;
    top: 5%;
    width: 44%;
    height: 90%;
    background: rgba(255,255,255,0.7);
    overflow: auto;
}

#rightSimulatorDiv {
    position: absolute;
    left: 53%;
    top: 5%;
    width: 44%;
    height: 90%;
    background: rgba(255,255,255,0.5);
    overflow: auto;
}

#BackToPreviousPage {
    position: absolute;
    left: 47%;
    top: 97%;
    width: 6%;
    height: 10%;
}

.RoundButtonBack {
    height: 90%;
    width: 68%;
    position: absolute;
    border-radius: 90px;
    bottom: 3px;
    text-align: center;
    left: 16%;
    background-color: silver;
    font-family: Arial;
    font-size: 90%;
}

.AccountingCenterDivLtr {
    position: absolute;
    left: 1%;
    top: 5%;
    width: 35%;
    height: 98%;
    background-color: white;
    border-style: ridge;
    direction: ltr;
    font-family: Arial;
    overflow: auto;
}

#SplitDivLeftSide {
    position: absolute;
    left: 0%;
    top: 10%;
    width: 50%;
    height: 90%;
    background-color: #99ccff;
    overflow: auto;
    text-align: center;
}

.FullwidthLineDiv {
    position: absolute;
    top: 0.3%;
    width: 99.6%;
    left: 0.3%;
    height: 9.7%;
    background-color: white;
}


.drpClassificationBalance {
    Width: 15%;
    Height: 24px;
    margin-left: 0.5%;
}

.trWidth36 {
    width: 36%;
}

.AddSoftwareDiv {
    position: absolute;
    width: 80%;
    right: 10%;
    height: 80%;
    top: 10%;
    /*border-radius: 15px;*/
    color: rgb(97, 97, 97);
    font-size: 28px;
    /*background-color:#BCDDFF;*/
    text-shadow: rgb(224, 224, 224) 1px 1px 0px;
    font-family: Arial;
    text-align: center;
    direction: rtl;
    border-style: groove;
}

.txtStyleForLittleWinDows {
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    margin-top: 1%;
    background: rgba(255,255,255,0.5);
    height: 30px;
    font-size: 42%;
    width: 100%;
}

.tdInSettingKey1 {
    width: 25%;
    text-align: right;
    margin-right: 2%;
}

.tdInSettingKey2 {
    width: 45%;
    text-align: center;
}

.tdInSettingKey3 {
    width: 30%;
    text-align: left;
}

.trDiplay {
    display: none;
    width: 100%;
}

.backgroundColorGray {
    background-color: #99ccff;
}

.styleFontForLbl {
    font-family: Arial;
    font-size: 26px;
    color: rgb(73, 68, 68);
    text-shadow: rgb(224, 224, 224) 1px 1px 0px;
    text-align: center;
}

.textAlignTd {
    text-align: center;
}

.lblFontIsDocLearnOrNew {
    font-family: Arial;
    font-size: 19px;
    color: rgb(165, 37, 37);
    text-shadow: rgb(224, 224, 224) 1px 1px 0px;
    text-align: center;
}

.divHaderForTableExpenseTitles {
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0;
    top: 2%;
    text-align: center;
}

.divToContainsUCExpense {
    position: absolute;
    width: 100%;
    height: 86%;
    left: 0;
    overflow:auto;
    top: 46px;
    text-align: center;
}

.divHaderForTableExpenseTitlesUC {
    width: 100%;
    text-align: center;
    margin-top: 1px;
    height: 23px;
}

.divHaderForTableExpenseTitlesUCDispla {
    display: none;
    width: 100%;
    text-align: center;
    margin-top: 1px;
    height: 30px;
}

#divShowPdf {
    position: absolute;
    left: 0.5%;
    top: 4%;
    width: 35%;
    height: 98.1%;
    text-align: center;
    background-color: #f1eeee;
    direction: rtl;
}

    #divShowPdf.rotated {
        transform: rotate(180deg);
    }


#divExpense {
    position: absolute;
    right: 1%;
    top: 4%;
    width: 62.66%;
    height: 92%;
    text-align: center;
    background-color: white;
    direction: rtl;
}

.divExpenseG {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #B0D7FF;
}

.divExpenseWhite {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.divExpenseTop {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: white;
    top: 0%;
    height: 10%;
}

.divExpenseMiddle {
    top: 11.5%;
    height: 75%;
}

.divExpenseBottom {
    top: 90%;
    height: 17%;
    width: 36%;
    left: 0;
    overflow: auto;
}

.divExpenseBottomShowPayment {
    font-family: Arial;
    text-align: center;
    line-height: 153%;
    top: 90%;
    height: 17%;
    width: 62%;
    right: 0;
    color: #0C328C;
    font-size: 115%;
    text-shadow: 1px 1px 0px #fff;
    border: #ccc 1px solid;
    font-weight: bold;
}

#idTotalSum {
    height: 3%;
    right: 0%;
    top: 86.8%;
    text-align: left;
    font-family: Arial;
    font-size: 13px;
}

.ExpenseTopClientAndSupplier {
    position: absolute;
    width: 50%;
    height: 50%;
    text-align: center;
    background-color: white;
}

.divExpenseTopClientName {
    top: 0;
    left: 50%;
}

.divExpenseTopClientType {
    top: 50%;
    left: 50%;
}

.divExpenseTopSupplierName {
    top: 0;
    left: 0;
}

.divExpenseTopSupplierType {
    top: 50%;
    left: 0;
}

.txtExpense {
    background-color: #009DD9;
    color: white;
    border: 0;
    font-family: Arial;
    font-size: 140%;
    font-weight: 600;
    float: left;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    height: 31px;
}

#printAllBranches {
    position: absolute;
    width: 50%;
    left: 25%;
    height: auto;
    font-family:Arial;
    font-size:14px;
    margin-top:2%;
}

#branchBtnSection {
    position: absolute;
    width: 25%;
    left: 0%;
    height: 50%;
    margin-top:2%;
}

.fontColorRed {
    color:red;
    cursor: pointer;
}

.checkBoxFont {
    font-family: Arial;
    color: #f05e59;
    font-size: 12px;
    font-weight: bold;
}

#divAddExpense {
    position: absolute;
    top: 20%;
    right: 0;
    width: 3%;
    height: 10%;
    text-align: center;
}

.divExpenseMiddleType {
    margin-right: 0.5%;
    width: 16%;
    text-align: center;
}

.checkBoxExpenseDefualt {
    width: 1%;
}

.divExpenseMiddleTypeTitle {
    position: absolute;
    right: 18.5%;
    width: 17.1%;
    text-align: center;
}

.divExpenseTrialBalance {
    position: absolute;
    right: 0.5%;
    width: 18.2%;
    text-align: center;
}

.divExpenseExistCradName {
    position: absolute;
    right:35.5%;
    width: 12.7%;
    text-align: center;
}

.divExpenseCarsAndMobile {
    position: absolute;
    right:48%;
    width: 10.2%;
    text-align: center;
}

.divExpenseBusinessBranches {
    position: absolute;
    right:58%;
    text-align: center;
    width: 7.6%;
}

.divExpenseMiddleNumbers {
    margin-left: 0.5%;
    width: 11%;
    text-align: center;
}

.divExpenseMiddleCarsAndMobile {
    /*27.07.16*/
    margin-right: 0.5%;
    /*margin-right: 1.5%;*/
    margin-left: 0.5%;
    /*width: 10%;*/
    width: 9%;
    text-align: center;
}

.divExpenseMiddleDepreciation {
    margin-right: 0.5%;
    margin-left: 0.5%;
    width: 8.7%;
    text-align: center;
}

.divExpenseMiddleBusinessBranches {
    /*margin-right: 0.5%;
    margin-left: 0.5%;
    width: 8%;*/
    text-align: center;
    /*27.07.16*/
    margin-right: 0%;
    margin-left: 0.3%;
    width: 7%;
}

.divExpenseMiddleNumbersTitle {
    position: absolute;
    right: 49%;
    width: 9%;
    text-align: center;
}

.divQuantity {
    position: absolute;
    right: 94.5%;
    width: 4.1%;
    text-align: center;
    color: white;
    font-family: Arial;
    font-size: 93%;
    font-weight: 100;
    height: auto;
}

.divExpenseMiddleNotIncludeVat {
    text-align: center;
    /*width: 6.5%;*/
    width: 4.5%;
}

.divExpenseMiddleNotIncludeVatTitle {
    position: absolute;
    text-align: center;
    right:65.4%;
    width: 5.6%;
}

.divExpenseMiddleVat {
    text-align: center;
    margin-right: 0.5%;
    /*width: 6.5%;*/
    width: 4.5%;
}

.divExpenseMiddleVatTitle {
    position: absolute;
    text-align: center;
    right:70.8%;
    width: 5.6%;
}

.divExpenseMiddleTotalIncludVatInvoice {
    margin-right: 0.5%;
    width: 5%;
    text-align: center;
}

.divExpenseMiddlePercentage {
    margin-right: 0.5%;
    /*27.07.2016*/
    /*margin-left: 0.5%;*/
    width: 5%;
    text-align: center;
}

.divExpenseMiddlePercentageTitle {
    position: absolute;
    text-align: center;
    /*right: 64.3%;*/
    right:76.3%;
    width: 6.4%;
}

.divExpenseMiddleVatInvoiceTitle {
    position: absolute;
    text-align: center;
    right:82.5%;
    width: 6.1%;
}

.divExpenseMiddleTotalIncludVatInvoiceTitle {
    position: absolute;
    right:88.4%;
    width: 6.3%;
    text-align: center;
}

.divExpenseMiddleQuantity {
    width: 3.5%;
    margin-right: 0.1%;
    text-align: center;
}

.divExpenseMiddleTitle {
    background-color: #6699FF;
    color: white;
    font-family: Arial;
    font-size: 93%;
    font-weight: 100;
    height: auto;
}

.divExpenseMiddleDrp {
    width: 100%;
    top: 30px;
    overflow: auto;
    height: 100%;
}

.drpExpense {
    margin-top: 2px;
    height: 26px;
    background-color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-color: #2691ff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.txtExpense1 {
    /*margin-top: 2px;
    height: 20px;*/
    margin-top: 2px;
    height: 20px;
    background-color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-color: #2691ff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.splitExpenseTopRight {
    width: 23%;
    float: right;
    text-align: right;
    padding-right: 5px;
}

.splitExpenseTopLeft {
    width: 74%;
    float: left;
}

.paddingRight {
    padding-right: 17px !important;
}

#divExpenseFooter {
    position: absolute;
    width: 98%;
    height: 12%;
    left: 1%;
    top: 104%;
}

#divSaveButton {
    position: absolute;
    width: 33%;
    height: auto;
    right: 0;
    top: 0;
}

#divBatchAndDocumentId {
    position: absolute;
    width: 36%;
    height: auto;
    right: 36%;
    top: 0;
}

#divErrorMessageExpense {
    position: absolute;
    width: 36%;
    height: auto;
    right: 66%;
    top: 0;
    text-align: center;
}

#divDates {
    position: absolute;
    top: 0%;
    height: 100%;
    width: 70%;
    left: 10%;
}

.textboxUnderLine {
    font-size: smaller;
    padding-right: 1%;
    padding-left: 1%;
    height: 17px;
    border: 0;
    width: calc(76% - 2px);
    margin-left: 1px;
    box-shadow: -8px 10px 0px -7px #ebebeb, 8px 10px 0px -7px #ebebeb;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    background-color: #B0D7FF;
}
    .textboxUnderLine:focus {
        outline: none;
        box-shadow: -8px 10px 0px -7px #4EA6EA, 8px 10px 0px -7px #4EA6EA;
        background-color: rgba(191, 217, 243, 0.99);
    }

.textboxUnderLineShort {
    padding-right: 1%;
    padding-left: 1%;
    height: 17px;
    border: 0;
    width: 8.5%;
    margin-left: 1px;
    box-shadow: -8px 10px 0px -7px #ebebeb, 8px 10px 0px -7px #ebebeb;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    background-color: white;
    font-family: Arial;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}


    .textboxUnderLineShort:focus {
        outline: none;
        box-shadow: -8px 10px 0px -7px #4EA6EA, 8px 10px 0px -7px #4EA6EA;
        background-color: rgba(191, 217, 243, 0.99);
    }


.FontSipmple {
    color: black;
    font-size: 14px;
    text-decoration: underline;
    font-family: Arial;
}

.marginTop5Per {
    margin-top: 5%;
}

.smallImage {
    width: 20px;
    height: 20px;
    margin-bottom: -7px;
}

.smallImage10Px {
    width: 10px;
    height: 10px;
    margin-bottom: -5px;
    cursor: pointer;
}

.FontDrp {
    font-family: Arial;
    font-size: 12px;
    background-color: #fcfcfd;
    border-bottom-width: 1px;
    border-bottom-color: #2691ff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

#shareholderDetails {
    position:absolute;
    width: 100%;
    top: 20%;
    height: 80%;    
    background-color:white;
}

.shareholderDiv {
    position:relative;
    margin-right:2%;
    margin-top:2%;
    width:20%;
    height:40px;
    float: right;
    font-family: Arial;
    font-size: 14px;
    background-color: rgb(253, 252, 252);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.28);
    cursor:pointer;
    line-height:37px;
}
.shareholderDiv:hover {
        box-shadow: none;
    }

.draggable {
    width: 100%;
    height: 90px;
    float: left;
    margin: 0 10px 10px 0;
    /*background-color: rgba(19, 175, 245, 0.9)!important;*/
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.28);
    text-align: center;
    padding-top: 20px;
    letter-spacing: 2px;
    font-weight: bold;
    color:black!important;
}


.dragTitleFont {
    font-family: Arial;
    font-size: 16px;
    color: black;
}


#draggable, #draggable2 { margin-bottom:20px; }
  #draggable { cursor: n-resize; }
  #draggable2 { cursor: e-resize; }
  #containment-wrapper { width: 95%; height:150px; border:2px solid #ccc; padding: 10px; }