@keyframes blink {
    50% {
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 5px solid #6e7cde;
    }

}

@keyframes rightArrow {
    0% {
        border-top: 3px solid transparent;
        border-left: 5px solid #7a8eb5;
        border-bottom: 4px solid transparent;
    }

    49% {
        border-top: 3px solid transparent;
        border-left: 5px solid #7a8eb5;
        border-bottom: 4px solid transparent;
    }

    60% {
        border-top: 3px solid transparent;
        border-left: 5px solid #b8c7e4;
        border-bottom: 4px solid transparent;
    }

    99% {
        border-top: 3px solid transparent;
        border-left: 5px solid #b8c7e4;
        border-bottom: 4px solid transparent;
    }

    100% {
        border-top: 3px solid transparent;
        border-left: 5px solid #212529;
        border-bottom: 4px solid transparent;
    }
}

@keyframes leftArrow {
    0% {
        border-top: 3px solid transparent;
        border-right: 5px solid #7a8eb5;
        border-bottom: 4px solid transparent;
    }

    49% {
        border-top: 3px solid transparent;
        border-right: 5px solid #7a8eb5;
        border-bottom: 4px solid transparent;
    }

    60% {
        border-top: 3px solid transparent;
        border-right: 5px solid #b8c7e4;
        border-bottom: 4px solid transparent;
    }

    99% {
        border-top: 3px solid transparent;
        border-right: 5px solid #b8c7e4;
        border-bottom: 4px solid transparent;
    }

    100% {
        border-top: 3px solid transparent;
        border-right: 5px solid #212529;
        border-bottom: 4px solid transparent;
    }
}
#img-purchase {
    background-size: 1082px 645px;
    background-repeat: no-repeat;
    width: 1082px;
    height: 645px;
    position: relative;
}

    #img-purchase a {
        display: block;
        position: absolute;
        border: 1px solid #7185cc;
    }

        #img-purchase a:hover {
            border: 1px solid #d8dadf;
        }

.bacTransparent {
    opacity: 0.5 !important;
    background-color: #ffff !important;
    cursor: default;
}
.inventorytitle {
    position: absolute;
    right: 169px;
    font-size: 14px;
    background: #304967;
    color: #fff;
    top: 531px;
    font-weight: 600;
    border: 1px solid;
    padding: 0 56px;
    border-radius: 4px;
    font-family: cursive;
    letter-spacing: 0.04em;
}

.itemwirhdrawaltitle {
    position: absolute;
    right: 169px;
    font-size: 14px;
    background: #304967;
    color: #fff;
    top: 719px;
    font-weight: 600;
    border: 1px solid;
    padding: 0 56px;
    border-radius: 4px;
    font-family: cursive;
    letter-spacing: 0.04em;
}
/* PURCHASING NAVIGATION */
a#PurchaseRequest {
    left: 49.5%;
    top: 13.4%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#PurchaseOrder {
    left: 59.8%;
    top: 13.4%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#Forcetoclose {
    right: 223px;
    top: 13.4%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#ApprovedPO {
    left: 59.8%;
    top: 25.5%;
    width: 100px;
    height: 60px;
    z-index: 2;
}
a#purchasereqApprove {
    top: 244px;
    width: 100px;
    height: 60px;
    z-index: 2;
    right: 446px;
}
a#NonTradePurchasing {
    top: 323px;
    width: 100px;
    height: 60px;
    z-index: 2;
    right: 335px;
}
a#purchaserequestverification2 {
    left: 536px;
    top: 164px;
    width: 100px;
    height: 60px;
    z-index: 2;
}
a#ApprovedNonTradePurchasing {
    left: 13.5%;
    top: 38.4%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#TradePurchasing {
    left: 85.3%;
    top: 31.5%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#RequestForPayment {
    left: 78%;
    top: 56.3%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#ApprAccountingRFP {
    left: 78%;
    top: 68.6%;
    width: 100px;
    height: 60px;
    z-index: 2;
}


a#ApprManagementRFP {
    left: 78%;
    top: 69.8%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#CheckVoucher {
    left: 88.9%;
    top: 70%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#CreditDebitMemoPurchase {
    left: 83%;
    top: 44%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#StockReturnPurchase {
    left: 72.8%;
    top: 44%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#purchasebarcode {
    left: 70.3%;
    top: 31.5%;
    width: 100px;
    height: 60px;
    z-index: 2;
}
a#createRR {
    right: 59px;
    top: 203px;
    width: 100px;
    height: 60px;
    z-index: 2;
}
.arrow-down-blink {
    animation: blink .5s step-end infinite alternate;
}

.arrow-right-blink {
    animation: rightArrow .5s step-end infinite alternate;
}

.arrow-left-blink {
    animation: leftArrow .5s step-end infinite alternate;
}

.triangle-down-nontrade {
    position: absolute;
    top: 30.95%;
    left: 53.71%;
}

.triangle-down-approvepurchaseorder {
    position: absolute;
    top: 24.56%;
    left: 64.1%;
}

.triangle-down-tradepurchase {
    position: absolute;
    top: 32.1%;
    left: 74.4%;
}

.triangle-down-approvetradepurchase {

    position: absolute;
    top: 16.3%;
    left: 40%;
}

.triangle-down-approvenontrade {

    position: absolute;
    top: 37.3%;
    left: 18.55%;
}

.triangle-right-purchaseorder {
    position: absolute;
    left: 87.1%;
    top: 61.6%;
}

.triangle-right-requestforpayment {
    position: absolute;
    left: 64.1%;
    top: 38.25%;
}

.triangle-left-ApprovedTradePurchasingleft {

    position: absolute;
    left: 43.89%;
    top: 51.87%;
}

.triangle-down-approverfpaccounting {
    position: absolute;
    top: 69.6%;
    left: 82.32%;
}

.triangle-down-approverfpmanagement {
    position: absolute;
    top: 81.95%;
    left: 82.35%;
}

.triangle-right-checkvoucher {
    position: absolute;
    left: 88.3%;
    top: 86.85%;
}

.triangle-right-cmdm {
    position: absolute;
    left: 79.6%;
    top: 57.2%;
}

.triangle-right-stockreturn {
    position: absolute;
    left: 77.25%;
    top: 61.6%;
}

.triangle-down-approvecmdm {
    position: absolute;
    top: 32.1%;
    left: 89.45%;
}

.triangle-down-approvestockreturn {
    position: absolute;
    top: 57.2%;
    left: 84.65%;
}

/*** SALES NAVIGATION ***/


a#ConsignmentApp {
    left: 13%;
    top: 65%;
    width: 100px;
    height: 60px;
    z-index: 2;
}
a#SalesOrder {
    width: 100px;
    height: 60px;
    left: 2.1%;
    top: 13.3%;
    z-index: 2;
}

a#SOApproved1 {
    width: 100px;
    height: 60px;
    left: 2.1%;
    /*top: 25.6%;*/
    top: 244px;
    z-index: 2;
}

a#SOApproved2 {
    width: 100px;
    height: 60px;
    left: 2.1%;
    /*top: 37.8%;*/
    top: 322px;
    z-index: 2;
}
a#BarcodeScanCons {
    width: 100px;
    height: 60px;
    left: 2.1%;
    top: 50.1%;
    z-index: 2;
}
a#BarcodeSanning {
    left: 2.1%;
    top: 65%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#DeliveryReceipt {
    left: 2%;
    /*top: 50.1%;*/
    /*top: 401px;*/
    top: 322px;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#DeliveryStatus {
    left: 23.9%;
    /*left:13%;*/
    /*top: 50.1%;*/
    top: 323px;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#Payment {
    left: 23.9%;
    top: 86px;
    width: 100px;
    height: 60px;
    z-index: 2;
}
a#invoicestatus {
    left: 23.9%;
    top: 165px;
    width: 100px;
    height: 60px;
    z-index: 2;
}
a#PreparedInvoice {
    left: 23.9%;
    top: 37.9%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#PreparedInvoiceWithOutDR {
    left: 12.9%;
    top: 25.9%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#CreateApproval {
    /*left: 12.9%;*/
    left: 22px;
    top: 25.9%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#ConsignDelivery {
    left: 23.9%;
    top: 65%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#ConsignmentInvoice {
    left: 34.8%;
    top: 65%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#salesonhold {
    left: 13%;
    /*top: 37.9%;*/
    top: 321px;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#dailydeliveryplan {
    left: 13%;
    top: 25.9%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#StockReturn {
    left: 34.8%;
    top: 25.6%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#CreditDebitMemo {
    left: 34.8%;
    top: 37.9%;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#invoicenonso {
    left: 377px;
    /*left: 23.9%;*/
    /*top: 50.1%;*/
    top: 323px;
    width: 100px;
    height: 60px;
    z-index: 2;
}

.triangle-down-soapproved3 {
    position: absolute;
    top: 61.85%;
    left: 6.45%;
}
.triangle-down-soapproved2 {
    position: absolute;
    top: 49.4%;
    left: 6.45%;
}
.triangle-right-deliverystatus2 {
    position: absolute;
    left: 23.6%;
    top: 79.25%;
}
.triangle-right-deliverystatus3 {
    position: absolute;
    left: 12.7%;
    top: 79.25%;
}

.triangle-down-salesorder {
    position: absolute;
    top: 24.6%;
    left: 6.4%;
}

.triangle-down-soapproved1 {
    position: absolute;
    top: 37%;
    left: 6.4%;
}

.triangle-right-barcodescanning {
    position: absolute;
    left: 12.65%;
    top: 40%;
}

.triangle-right-deliveryreceipt {
    position: absolute;
    left: 23.6%;
    top: 54.4%;
}

.triangle-right-deliverystatus {
    position: absolute;
    left: 34.7%;
    top: 79.25%;
}

.triangle-down-payment {
    position: absolute;
    top: 37.2%;
    left: 28.5%;
}

.triangle-down-preparedinvoice {
    position: absolute;
    top: 49.4%;
    left: 28.55%;
}

.triangle-right-creditdebitmemo {
    position: absolute;
    left: 34.7%;
    top: 42%;
}


/*** production ***/


a#salesforecastmonthly {
    width: 100px;
    height: 60px;
    left: 36px;
    /*bottom: 82px;*/
    top: 574px;
    z-index: 2;
}

a#salesforecastdaily {
    width: 100px;
    height: 60px;
    left: 149px;
    /*bottom: 82px;*/
    top: 574px;
    z-index: 2;
}



a#productionorder {
    width: 100px;
    height: 60px;
    left: 264px;
    /*bottom: 82px;*/
    top: 574px;
    z-index: 2;
}

a#mrfproduct {
    left: 381px;
    /*bottom: 82px;*/
    top: 574px;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#inventorybased {
    left: 380px;
    width: 100px;
    height: 60px;
    z-index: 2;
    bottom: 82px;
}

a#misproduct {
    left: 381px;
    /*bottom: 3px;*/
    top: 652px;
    width: 100px;
    height: 60px;
    z-index: 2;
}

a#production {
    left: 381px;
    /*bottom: -76px;*/
    top:730px;
    width: 100px;
    height: 60px;
    z-index: 2;
}

/** Inventory Image **/

#img_stockreceiving {
    width: 45px;
    height: 48px;
    right: 411px;
    position: absolute;
    top: 576px;
}

#img_stockadjustment {
    width: 45px;
    height: 35px;
    right: 409px;
    position: absolute;
    top: 655px;
}

#img_stocktransferdelivery {
    width: 45px;
    height: 30px;
    right: 283px;
    position: absolute;
    top: 621px;
}

#img_stocktransferreceiving {
    width: 45px;
    height: 30px;
    right: 165px;
    position: absolute;
    top: 621px;
}

#img_physicalonhand {
    width: 45px;
    height: 30px;
    right: 49px;
    position: absolute;
    top: 621px;
}

/** Inventory Action **/

a#stockreceivinginv {
    width: 100px;
    height: 60px;
    top: 575px;
    left: 600px;
    z-index: 2;
}

a#stockadjustmentginv {
    width: 100px;
    height: 60px;
    right: 382px;
    top: 653px;
    z-index: 2;
}

a#stocktransferdeliveryinv {
    width: 100px;
    height: 60px;
    top: 617px;
    right: 256px;
    z-index: 2;
}

a#stocktransferreceivinginv {
    width: 100px;
    height: 60px;
    top: 613px;
    right: 138px;
    z-index: 2;
}

a#physicalonhandinv {
    width: 100px;
    height: 60px;
    top: 613px;
    z-index: 2;
    right: 20px;
}
/** Inventory parag **/

/****  Restaurant   *****/
    /****  Link   *****/
    a#restaurantinvoicee {
        left: 38px;
        top: 906px;
        width: 100px;
        height: 60px;
        z-index: 2;
    }

    a#physicalOnHand {
        width: 100px;
        height: 60px;
        left: 149px;
        top: 906px;
        z-index: 2;
    }

    a#compvsactual {
        left: 264px;
        top: 906px;
        width: 100px;
        height: 60px;
        z-index: 2;
    }

    a#sta {
        left: 381px;
        top: 906px;
        width: 100px;
        height: 60px;
        z-index: 2;
    }






/** ItemWithdrawal **/
    /******** box ********/
    a#prepitemwithdrawbx {
        width: 100px;
        height: 60px;
        right: 342px;
        z-index: 2;
    }
    a#acctappvlbx {
        width: 100px;
        height: 60px;
        right: 211px;
        z-index: 2;
    }
    a#omabx {
        width: 100px;
        height: 60px;
        z-index: 2;
        right: 79px;
    }
        a#prepitemwithdrawbx,
        a#acctappvlbx,
        a#omabx {
            top: 756px;
        }

    /******** image ********/

    #img_prepitemwithdraw {
        left: 664px;
    }
    #img_acctappvl {
        left: 793px;
    }
    #img_oma {
        left: 922px;
    }
        #img_oma,
        #img_acctappvl,
        #img_prepitemwithdraw {
            position: absolute;
            width: 60px;
            top: 759px;
            height: 33px;
        }
/******** caption ********/
#prepitemwithdrawlbl {
    line-height: 10px;
    z-index: 1;
    right: 355px;
}
    #acctappvllbl {
        line-height: 10px;
        z-index: 1;
        right: 231px;
    }
    #omalbl {
        line-height: 10px;
        z-index: 1;
        right: 81px;
    }
        #prepitemwithdrawlbl,
        #acctappvllbl,
        #omalbl {
            top: 792px;
        }
/** --End-- **/


#stockreceivingparag {
    top: 623px;
    line-height: 10px;
    z-index: 1;
    right: 395px;
}

#stockadjustmentparag {
    top: 696px;
    line-height: 10px;
    z-index: 1;
    right: 390px;
}

#stocktransferdeliveryparag {
/*    top: 727px;*/
    line-height: 10px;
    z-index: 1;
    left: 736px;
}
#stocktransferdeliveryparag {
    top: calc(727px + -77px);
}

#stocktransferreceivingparag {
    top: 652px;
    line-height: 10px;
    z-index: 1;
    right: 149px;
}

#physicalonhandparag {
    top: 652px;
    line-height: 10px;
    z-index: 1;
    right: 30px;
}

/** Inventory line **/
.img_line_54 {
    border: 2px solid #a1b7ce;
    top: 682px;
    right: 371px;
    width: 12px;
    position: absolute;
}

.img_line_55 {
    border: 2px solid #a1b7ce;
    top: 606px;
    right: 371px;
    width: 12px;
    position: absolute;
}

.img_line_56 {
    border: 2px solid #a1b7ce;
    top: 606px;
    right: 367px;
    height: 80px;
    position: absolute;
}

.img_line_57 {
    border: 2px solid #a1b7ce;
    top: 642px;
    right: 354px;
    width: 16px;
    position: absolute;
}

.img_line_58 {
    border: 2px solid #a1b7ce;
    top: 643px;
    right: 237px;
    width: 20px;
    position: absolute;
}

.img_line_59 {
    border: 2px solid #a1b7ce;
    top: 643px;
    left: 943px;
    width: 20px;
    position: absolute;
}