@charset "utf-8";
/* CSS Document */

.showButton {
    background: url(images/rythelp.png) no-repeat center;
}

body {
    margin: 0;
    background: #FFF;
}
/*overflow:hidden;*/
/*a{color:#fff;text-decoration:none;}*/


.pull-left {
    float: left;
}
/*.pull-right{float:right;}*/

.clearfix {
    clear: both;
}

.radius {
    border-radius: 90px;
    -moz-border-radius: 90px;
}

ul {
    margin: 0;
    padding: 0;
}

    ul li {
        list-style: none;
    }

a {
    border: none;
    outline: none;
}

img {
    border: none;
}

.pull-right {
    float: right;
}

    

.body, .innerTiles {
    font: normal 12px "Segoe UI";
    width: 85%;
}

.innerSubTiles {
    font: normal 12px "Segoe UI";
    width: 85%;
}

.header123 {
    padding-top: 20px;
    height: 110px;
}

.Indxhome {
    background: url(../Images/Metro/Indxhome.png) no-repeat left center;
}

.Dash {
    background: url(../Images/Metro/top_right_sprite.png) no-repeat left center;
}

.profile {
    background: url(../NimbleUploads/NimbleContents/images/top_right_sprite_1.png) no-repeat left center;
    padding: 12px 6px;
    background-position: -10px -126px;
    cursor: pointer;
}
/*.profile{background:url(../metroimages/profileIco.png) 5px 15px no-repeat #2d7bbe ;padding:17px 15px 14px 25px;color:#fff;margin:-14px 10px 0 0;cursor:pointer;transition:all .5s ease;-moz-trasition:all .5s ease;width:100%;}*/
/*.profile:hover{background:url(../metroimages/profileIco.png) 5px 8px no-repeat #004f7f;border-radius:10px 10px 10px 10px;}*/
.profile-icon {
    background: url(../metroimages/arrow.png) top right no-repeat;
    font-size: 15px;
    padding-right: 20px;
}
.supportData {
    background: #fff;
    position: absolute;
    top: 44px;
    border: 1px solid #b5cacf;
    border-bottom: 2px solid #b5cacf;
    display: none;
    z-index: 10000;
    padding: 10px;
    width: 130px;
    margin-left: -10px;
}
.profileData {
    background: #fff;
    position: absolute;
    top: 50px;
    /* border: 1px solid #b5cacf; */
    border-bottom: 2px solid #b5cacf;
    display: none;
    z-index: 10000;
    padding: 10px;
    width: 250px;
    right: 20px;
    box-shadow: 0 1px 15px 1px #0000000a, 0 1px 6px #00000014;
}

.menuData {
    background: #fff;
    position: absolute;
    top: 68px;
    border-bottom: 2px solid #B5CACF;
    display: none;
    z-index: 10000;
    padding: 10px;
    width: 17%;
    margin-left: -48px;
}

.profile-pic {
    width: 30px;
    float: left;
}

.name {
    padding-bottom: 10px;
    color: #AD7264;
    text-align: center;
    font-size: 14px;
    color: #089A4D;
}

ul.settings li a {
    text-align: center;
    padding: 10px 0 0 0;
    color: #107D98;
    display: block;
}

    ul.settings li a:hover {
        color: #004F7F;
    }

ul.settings li:last-child a {
    padding-bottom: 10px;
}

ul.settings li {
    background: #EFEFEF;
    position: relative;
    top: 78px;
}

.mainTiles {
    color: #fff;
}

    .mainTiles span {
        text-align: right;
        display: block;
        margin-top: 20px;
        width: 50%;
    }

.logoutBtn {
    background: #f06c02;
    display: block;
    text-align: center;
    font-size: 12px;
    padding: 8px;
    color: #1e5799;
    margin: 10px 0 0 0;
    color: #fff !important;
}



.Tile1, .Tile2, .Tile3, .Tile4, .Tile5, .Tile6, .Tile7, .Tile8, .Tile9, .Tile10, .Tile11, .Tile12, .Tile13, .Tile14, .Tile15, .Tile16, .Tile17, .Tile18, .Tile19, .Tile20 {
    margin: 3px;
    font-size: 20px;
    float: left;
    padding: 10px;
    cursor: pointer;
    position: relative;
    cursor: pointer;
    width: 225px;
    height: 95px;
}
/*transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;*/

.Tile1 {
    background: #ab67ff;
}

.Tile2 {
    background: #15ab32;
}

.Tile3 {
    background: #cc97a1;
}

.Tile4 {
    background: #f12f83;
}

.Tile5 {
    background: #3CB371;
}

.Tile6 {
    background: #11809A;
}

.Tile7 {
    background: #1e3fb8;
}

.Tile8 {
    background: #aeb904;
}

.Tile9 {
    background: #008351;
}

.Tile10 {
    background: #CD853F;
}

.Tile11 {
    background: #f06c02;
}

.Tile12 {
    background: #00CF67;
}

.Tile13 {
    background: #107d98;
}

.Tile14 {
    background: #DC143C;
}

.Tile15 {
    background: #DDA0DD;
}

.Tile16 {
    background: #888a65;
}

.Tile17 {
    background: #4169E1;
}

.Tile18 {
    background: #CD853F;
}

.Tile19 {
    background: #4169E1;
}

.Tile20 {
    background: #CD853F;
}

/*.metro1,.metro2,.metro3,.metro4,.metro9,.metro5,.metro6,.metro7,.metro9,.metro10,.metro11,.metro8{background-image:url(/metroimages/UserManagement.png);background-repeat:no-repeat;}*/
.UserMgmt, .CorpMgmt, .SearchCls, .Masters, .PayReceive, .BankCls, .Transfers, .BudgetForecast, .PayrollCls, .ReportCls, .MailBox, .DunkinDonuts, .Motel, .GasStation, .Pharmacy, .BurgerKing, .JimmyJones, .Consulting {
    background-image: url('/Images/Metro/Home.png');
    background-repeat: no-repeat;
}

.UserMgmt {
    background-position: -1px -1px;
    width: 48px;
    height: 46px;
}

.CorpMgmt {
    background-position: -84px -141px;
    width: 51px;
    height: 52px;
}

.SearchCls {
    background-position: -57px -248px;
    width: 44px;
    height: 44px;
}

.Masters {
    background-position: -1px -119px;
    width: 75px;
    height: 60px;
}

.PayReceive {
    background-position: -83px -8px;
    width: 56px;
    height: 52px;
}

.BankCls {
    background-position: -1px -248px;
    width: 48px;
    height: 44px;
}

.Transfers {
    background-position: -84px -74px;
    width: 52px;
    height: 64px;
}

.BudgetForecast {
    background-position: -2px -189px;
    width: 53px;
    height: 55px;
}

.PayrollCls {
    background-position: -83px -196px;
    width: 44px;
    height: 48px;
}

.ReportCls {
    background-position: -2px -53px;
    width: 55px;
    height: 30px;
}

.MailBox {
    background-position: -105px -252px;
    width: 55px;
    height: 35px;
}

.DunkinDonuts {
    background-position: -1px -365px;
    width: 44px;
    height: 61px;
}

.Motel {
    background-position: -55px -389px;
    width: 64px;
    height: 34px;
}
 .MrrPopup {
        position: relative;
    
    /*top: 101px;*/
    z-index: 9999999;
    visibility: visible;
    
    overflow: visible;
        }
  /*.MrrPopup {
        position: fixed;
    
    top: 101px;
    z-index: 9999999;
    visibility: visible;
    
    overflow: visible;
        }*/
.ASpxFixedPopUp {

    position: fixed;
    /* left: -32px; */
    top: 0px;
    z-index: 999999999;
    visibility: visible;  
    overflow: visible;
}
.GasStation {
    background-position: -69px -309px;
    width: 62px;
    height: 64px;
}

.Pharmacy {
    background-position: -3px -432px;
    width: 58px;
    height: 58px;
}

.BurgerKing {
    background-position: -64px -427px;
    width: 64px;
    height: 64px;
}

.JimmyJones {
    background-position: -1px -493px;
    width: 74px;
    height: 74px;
}

.Consulting {
    background-position: -82px -502px;
    width: 57px;
    height: 59px;
}
/*
#dlMetroMenu {
    margin:50px 0;
}


.innerSubTiles,.innerTiles{display:none;}
.list1 ,.list5 ,.list10 ,.list15 ,.list20 ,.list25,.list30 ,.list35 ,.list40 ,.list45 a{background:#2E8DFF !important;border:2px solid #1D7DEF !important;min-width:80px;height:80px;font-size: 20px;text-align: center;cursor: pointer;position:relative;padding:10px;cursor:pointer;}
.list2 ,.list6 ,.list11 ,.list16 ,.list21 ,.list26 ,.list31 ,.list36 ,.list41 ,.list46 a{background:#f06c02 !important;border:2px solid #ff923b !important;min-width:80px;height:80px;font-size: 20px;text-align: center;cursor: pointer;position:relative;padding:10px;cursor:pointer;}
.list3 ,.list7 ,.list12 ,.list17 ,.list22 ,.list27 ,.list32 ,.list37 ,.list42 ,.list47 a{background:#AB67FF !important;border:2px solid #c393ff !important;min-width:80px;height:80px;font-size: 20px;text-align: center;cursor: pointer;position:relative;padding:10px;cursor:pointer;}
.list5 ,.list8 ,.list13 ,.list18 ,.list23 ,.list28 ,.list33 ,.list38 ,.list43 ,.list48 a{background:#004F7F !important;border:2px solid #167fbf !important;min-width:80px;height:80px;font-size: 20px;text-align: center;cursor: pointer;position:relative;padding:10px;cursor:pointer;}
.list4 ,.list9 ,.list14 ,.list19 ,.list24 ,.list29 ,.list34 ,.list39 ,.list44 ,.list49 a{background:#aeb904 !important;border:2px solid #AEB930 !important;min-width:80px;height:80px;font-size: 20px;text-align: center;cursor: pointer;position:relative;padding:10px;cursor:pointer;}
.list a:hover{background:#1b39b0 !important;border:2px solid #092B9F !important;}

.MailBox1{background: url('/Images/Metro/mailSprite.png') no-repeat -1px -94px; width: 48px; height: 40px;}
.MailBox2{background: url('/Images/Metro/mailSprite.png') no-repeat -1px -55px; width: 34px; height: 33px;}
.MailBox3{background: url('/Images/Metro/mailSprite.png') no-repeat -1px -140px; width: 48px; height: 45px;}
.MailBox4{background: url('/Images/Metro/mailSprite.png') no-repeat -1px -190px; width: 42px; height: 39px;}
.MailBox5{background: url('/Images/Metro/mailSprite.png') no-repeat 0 -233px; width: 42px; height: 42px;}

.UserMgmt2{background: url('imgs/MetroMenuSpriteOne.png'); background-repeat:no-repeat;}
.UserRole{width:40px;height:48px;background: url(/Images/Metro/UserManagement.png) no-repeat -2px -52px;}
.UserSetUp{width:48px;height:36px;background: url(/Images/Metro/UserManagement.png) no-repeat -2px -105px;}
.BUSetUp{width:48px;height:40px;background: url(/Images/Metro/UserManagement.png) no-repeat -2px -146px;}
.UserPrivs{width:48px;height:48px;background: url(/Images/Metro/UserManagement.png) no-repeat 0 -193px;}

.Corporation{width:38px;height:39px;background: url(/Images/Metro/CorpMangement.png) no-repeat -5px -58px;}
.ProfitCenter{width:48px;height:38px;background: url(/Images/Metro/CorpMangement.png) no-repeat -5px -104px;}
.CostCenter{width:48px;height:45px;background: url(/Images/Metro/CorpMangement.png) no-repeat -5px -150px;}

.Mmaster{background: url('/Images/Metro/Masters2.png') no-repeat -4px -2px; width: 48px; height: 48px;}
.MContacts{background: url('/Images/Metro/Masters2.png') no-repeat -3px -54px; width: 44px; height: 39px;}
.MUtility{background: url('/Images/Metro/Masters2.png') no-repeat -3px -97px; width: 48px; height: 30px;}
.MTransactions{background: url('/Images/Metro/Masters2.png') no-repeat -2px -130px; width: 46px; height: 48px;}
.MJournalImport{background: url('/Images/Metro/Masters2.png') no-repeat -2px -183px; width: 41px; height: 48px;}

.MSubmasterAccount{background: url('/Images/Metro/MasterSubMaster3.png') no-repeat -4px -3px; width: 42px; height: 42px;}
.MSubmasterCard{background: url('/Images/Metro/MasterSubMaster3.png') no-repeat -1px -51px; width: 48px; height: 30px;}
.MSubmasterPurpose{background: url('/Images/Metro/MasterSubMaster3.png') no-repeat -1px -85px; width: 37px; height: 37px;}
.MSubmasterCreditNetDays{background: url('/Images/Metro/MasterSubMaster3.png') no-repeat -1px -127px; width: 50px; height: 46px;}
.MSubmasterServiceInfo{background: url('/Images/Metro/MasterSubMaster3.png') no-repeat -1px -177px; width: 48px; height: 48px;}
.MSubmasterCustomPL{background: url('/Images/Metro/MasterSubMaster3.png') no-repeat 0 -236px; width: 48px; height: 46px;}

.MContactsCustomers{background: url('/Images/Metro/Master-Contacts3.png') no-repeat 0 0; width: 47px; height: 40px;}
.MContactsVendors{background: url('/Images/Metro/Master-Contacts3.png') no-repeat 0 -43px; width: 40px; height: 30px;}
.MContactsEmps{background: url('/Images/Metro/Master-Contacts3.png') no-repeat 0 -76px; width: 40px; height: 39px;}
.MContactsOthers{background: url('/Images/Metro/Master-Contacts3.png') no-repeat -2px -122px; width: 42px; height: 42px;}

.MUtilityCloning{background: url('/Images/Metro/Master-utility3.png') no-repeat 0 0; width: 40px; height: 43px;}
.MUtilityLock{background: url('/Images/Metro/Master-utility3.png') no-repeat 0 -46px; width: 26px; height: 44px;}
.MUtilityAdjust{background: url('/Images/Metro/Master-utility3.png') no-repeat 0 -94px; width: 43px; height: 44px;}
.MUtilityQB{background: url('/Images/Metro/Master-utility3.png') no-repeat 0 -142px; width: 35px; height: 44px;}
.MUtilityRecurring{background: url('/Images/Metro/Master-utility3.png') no-repeat 0 -190px; width: 43px; height: 35px;}
.MUtilityInventoryAdjust{background: url('/Images/Metro/Master-utility3.png') no-repeat 0 -231px; width: 40px; height: 44px;}
.MUtilityLoanSchedule{background: url('/Images/Metro/Master-utility3.png') no-repeat 0 -277px; width: 43px; height: 43px;}

.MTrnxPurpose {background: url('/Images/Metro/Master-TrnxJournalI3.png') no-repeat -48px -2px; width: 40px; height: 38px;}
.MTrnxJournal {background: url('/Images/Metro/Master-TrnxJournalI3.png') no-repeat -1px -1px; width: 42px; height: 48px;}

.MJournalImprot {background: url('/Images/Metro/Master-TrnxJournalI3.png') no-repeat -137px -1px; width: 48px; height: 40px;}
.MJournalNameAdjust {background: url('/Images/Metro/Master-TrnxJournalI3.png') no-repeat -93px -2px; width: 40px; height: 44px;}

.AccountPayables{background: url('/Images/Metro/PayReceiv.png') no-repeat -84px -2px; width: 48px; height: 40px;}
.AccountReceivables{background: url('/Images/Metro/PayReceiv.png') no-repeat -137px -2px; width: 48px; height: 40px;}
.BillInvoice {background: url('/Images/Metro/PayReceiv.png') no-repeat -1px -47px; width: 38px; height: 48px;}
.BillPayInvoiceReciet {background: url('/Images/Metro/PayReceiv.png') no-repeat -44px -46px; width: 38px; height: 42px;}
.CreditMemo {background: url('/Images/Metro/PayReceiv.png') no-repeat -94px -60px; width: 38px; height: 31px;}
.DebitMemo {background: url('/Images/Metro/PayReceiv.png') no-repeat -141px -47px; width: 38px; height: 48px;}

.AcReceivables,.AcPayables{background-image: url('/Images/Metro/SpriteOne.png'); background-repeat:no-repeat; }
.AcPayables{background-position: 0 -384px; width: 24px; height: 30px;}
.AcReceivables{background-position: -1px -419px; width: 19px; height: 26px;}

.Bank2{background: url('/Images/Metro/Bank.png'); background-repeat:no-repeat;}
.BankCheck{background-position:-49px -50px; width: 48px; height: 34px;}
.BankReceipt{background-position:-1px -1px; width: 38px; height: 48px;}
.BankReceiptDeposit{background-position:-98px -50px; width: 48px; height: 36px;}
.BankReconcile{background-position:-45px -1px; width: 46px; height: 48px;}
.BankCreditCard{background-position: -94px -7px; width: 50px; height: 36px;}

.bank1{width:48px;height:34px;background: url(/Images/Metro/Bank.png) no-repeat -57px -63px;}
.bank2{width:38px;height:48px;background: url(/Images/Metro/Bank.png) no-repeat -169px -2px;}
.bank3{width:48px;height:36px;background: url(/Images/Metro/Bank.png) no-repeat -110px -59px;}
.bank4{width:46px;height:48px;background: url(/Images/Metro/Bank.png) no-repeat -168px -56px;}

.transfer1{width:48px;height:43px;background: url(/Images/Metro/Trasfers.png) no-repeat -3px -71px;}
.transfer2{width:46px;height:48px;background: url(/Images/Metro/Trasfers.png) no-repeat -2px -117px;}
.transfer3{width:46px;height:48px;background: url(/Images/Metro/Trasfers.png) no-repeat -2px -172px;}
.transfer4{width:48px;height:46px;background: url(/Images/Metro/Trasfers.png) no-repeat -2px -224px;}

.BudgetForecastimg {background: url('/Images/Metro/budgetforecasting.png'); background-repeat: no-repeat;}
.Budgeting{background-position:-3px -3px; width: 40px; height: 40px;}
.Forecast{background-position: -4px -139px; width: 42px; height: 35px;}
.BudgetReview{background-position: -4px -47px; width: 44px; height: 42px;}
.BudgetDetails{background-position: -3px -94px; width: 36px; height: 36px;}

.PAPayroll_second {background: url('/Images/Metro/payroll2ndlevel.png'); background-repeat:no-repeat;}
.PAPayroll{background-position: -1px -1px; width: 48px; height: 37px;}
.PAPayrollMasters{background-position: -1px -44px; width: 36px; height: 48px;}

.Payroll_third {background: url('/Images/Metro/payroll3rdlevel.png'); background-repeat:no-repeat;}
.PWageCost { background-position: -1px -1px; width: 48px; height: 44px;}
.PPayLiability {background-position: -1px -47px; width: 48px; height: 36px;}
.PAgencyPayment {background-position: -1px -85px; width: 44px; height: 44px;}

.PMaster_third {background: url('/Images/Metro/Payrollmastetrs3rdlevel.png'); background-repeat: no-repeat;}
.PMJob { background-position: -1px 0; width: 48px; height: 38px;}
.PMRelation {background-position:-1px -94px; width: 48px; height: 48px;}
.PMPayrollItem{background-position: 0 -40px; width: 40px; height: 48px;}
.PMTaxMap{background-position:-2px -145px; width: 48px; height: 34px;}

.report1{width:32px;height:46px;background: url(/Images/Metro/reports.png) no-repeat -1px -65px;}
.report2{width:43px;height:47px;background: url(/Images/Metro/reports.png) no-repeat 0 -113px;}
.report3{width:48px;height:47px;background: url(/Images/Metro/reports.png) no-repeat -47px -110px;}
.report4{width:45px;height:45px;background: url(/Images/Metro/reports.png) no-repeat -1px -164px;}
.report5{width:48px;height:42px;background: url(/Images/Metro/reports.png) no-repeat -1px -212px;}
.report6{width:34px;height:40px;background: url(/Images/Metro/reports.png) no-repeat -64px -218px;}
.report7{width:36px;height:34px;background: url(/Images/Metro/reports.png) no-repeat -58px -170px;}


.Franch_secondlevel{
    background-image:url('/Images/Metro/franchese2ndlevel.png');
    background-repeat:no-repeat;
}
.FranMasters{background-position: -1px -1px; width: 64px; height: 62px;}
.FranPayments{background-position:  -1px -64px; width: 48px; height: 40px;}
.FranSales{background-position:  -1px -105px; width: 48px; height: 45px;}
.FranSalesReport{background-position:  -1px -152px; width: 46px; height: 47px;}
.FranStock{background-position:  -6px -201px; width: 37px; height: 38px;}
.FranPLGeneration{background-position:  -1px -389px; width: 42px; height: 36px;}
.FranPLReport{background-position: -1px -430px; width: 36px; height: 42px;}
.FranFlashPL{background-position: -1px -343px; width: 42px; height: 42px;}
.Franpurchase{background-position: -1px -246px; width: 48px; height: 48px;}

.MotelSales {background: url('/Images/Metro/gasstation3rdlevel.png'); no-repeat;}
.MotelAcConfig {background-position: -1px -1px; width: 47px; height: 42px;}
.MotelSalesDetails {background-position: -101px -56px; width: 44px; height: 41px;}
.MotelApproveSales {background-position: -1px -51px; width: 46px; height: 48px;}
.MotelSalesJournal {background-position: -149px -51px; width: 42px; height: 48px;}
.MotelDeposit {background-position: -49px -58px; width: 48px; height: 36px;}
.MotelRevenue {background-position: -90px -1px; width: 38px; height: 48px;}

.Dunkin3_1 {background: url('/Images/Metro/DD-3-1.png'); background-repeat: no-repeat;}
.DDDCPBill {background-position: -1px -1px; width: 38px; height: 48px;}
.DDBillPay {background-position:-368px 0; width: 38px; height: 48px;}
.DDFranFee{background-position:-41px -1px; width: 48px; height: 48px;}
.DDStockAdjust {background-position:-91px -1px; width: 44px; height: 48px;}
.DDAcConfig{background-position:-137px -1px; width: 47px; height: 42px;}
.DDSalesDetails{background-position:-187px -1px; width: 44px; height: 41px;}
.DDApproveSales{background-position:-277px -1px; width: 40px; height: 42px;}
.DDSalesJournal{background-position:-233px -1px; width: 42px; height: 48px;}
.DDBankDeposit{background-position:-318px -1px; width: 48px; height: 36px;}

.Dunkin3_2 {background: url('/Images/Metro/DD-3-2.png'); background-repeat: no-repeat;}
.DDImportDCR{background-position: -1px 0; width: 42px; height: 46px;}
.DDRadiantReg{background-position: -44px -1px; width: 41px; height: 48px;}
.DDRadiantRegMap{background-position: -86px -1px; width: 48px; height: 48px;}
.DDDCMap{background-position: -135px -1px; width: 44px; height: 45px;}
.DDGLSettings{background-position: -226px -1px; width: 42px; height: 42px;}
.DDProducts{background-position: -181px -1px; width: 41px; height: 42px;}
.DDGroupName{background-position: -311px 0; width: 46px; height: 48px;}
.DDGroupConfig{background-position: -269px 0; width: 40px; height: 48px;}

.Gas3 {background: url('/Images/Metro/Gas3.png'); background-repeat: no-repeat;}
.GasSettings {background-position: -179px -1px; width: 47px; height: 38px;}
.GasSales{background-position: -101px -56px; width: 44px; height: 41px;}
.GasProducts{background-position:-130px -1px; width: 48px; height: 48px;}
.GasPurchase{background-position:-90px -1px; width: 38px; height: 48px;}
.GasAcConfig{background-position:-1px -1px; width: 47px; height: 42px;}
.GasTaxMap{background-position:-194px -47px; width: 34px; height: 35px;}
.GasApproveSales{background-position:-1px -51px; width: 46px; height: 48px;}
.GasJournalEntry{background-position:-149px -51px; width: 42px; height: 48px;}
.GasBankDeposit{background-position:-49px -58px; width: 48px; height: 36px;}
.GasBill {background-position:-50px -1px; width: 38px; height: 48px;}

.Pharm3{background: url('/Images/Metro/pharmacy3.png'); background-repeat:no-repeat;}
.PharmServiceInfo{background-position: -85px -2px; width: 48px; height: 48px;}
.PharmInvoiceImport{background-position: -1px -1px; width: 41px; height: 48px;}
.PharmInvoiceEntry{background-position: -44px -1px; width: 38px; height: 48px;}

.BK3{background: url('/Images/Metro/BergerKing3.png'); background-repeat: no-repeat;}
.BKSales{background-position: -1px -232px; width: 44px; height: 41px;}
.BKApproveSales{background-position:-2px -143px; width: 46px; height: 48px;}
.BKJournalEntry{background-position:-1px -275px; width: 42px; height: 48px;}
.BKBankDeposit{background-position:-1px -193px; width: 48px; height: 36px;}
.BKAcConfig{background-position:-1px -1px; width: 47px; height: 42px;}
.BKImport{background-position:-4px -95px; width: 42px; height: 46px;}*/


.menuDots {
    position: absolute;
    top: 0px;
    right: 15px;
    color: white;
}

.maintileTxt {
    position: absolute;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
}

.innertileTxt {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 10pt;
    color: #fff !important;
    cursor: pointer;
}

.breadcrumb {
    background-color: #F5F5F5;
    border-radius: 4px;
    list-style: none outside none;
    margin: 0 0 20px;
    float: left;
}

    .breadcrumb > li {
        display: inline-block;
        text-shadow: 0 1px 0 #FFFFFF;
    }

        .breadcrumb > li > a {
            color: #0088CC;
        }

        .breadcrumb > li > .divider {
            color: #CCCCCC;
            padding: 0 5px;
        }

    .breadcrumb > .active {
        color: #999999;
    }

.marginLeft {
    margin: 10px 5px;
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

    .btn:focus {
        outline: thin dotted #333333;
        outline-offset: -2px;
    }

    .btn:hover, .btn:focus {
        color: #303641;
        outline: 0 none;
        text-decoration: none;
    }


.btn-blue {
    background-color: #0072BC;
    border-color: #0072BC;
    color: #FFFFFF !important;
}

    .btn-blue:hover, .btn-blue:focus, .btn-blue:active {
        background-color: #005993;
        border-color: #004D7F;
        color: #FFFFFF;
    }

    .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue {
        background-image: none;
    }

.metroheader {
    font-family: segoe ui,verdana,arial,sans-serif;
    font-size: 8pt;
    padding-top: 2px;
    color: #2C4D79;
    width: 100%;
    text-align: left;
    font-weight: bold;
    margin-top: 0;
    /*rahul*/
    align-content: center;
    background: none repeat scroll 0 0 #2d7bbe;
    min-height: 60px;
}

.content {
    background: #ffffff;
    overflow: auto;
    width: 96%;
}

.inner_content {
    float: left;
    /*margin-left: 50px;
    margin-top: 29px;
    min-height: 500px;*/
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.form_container {
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px;
}

#divInnerHeader {
    background: #2d7bbe;
    width: 100%;
    overflow: hidden;
    margin-bottom: 4px;
}

.logo {
    float: left;
    width: 29%;
}

.header_right {
    float: right;
    width: 70%;
    height: 68px;
}

#cpCompany {
    min-height: 40px;

}

.header_right ul {
    margin-top: 0px;
    /*margin-right: 20px;*/
}

    .header_right ul li {
        float: left;
        list-style: none;
        background: url(../NimbleUploads/NimbleContents/images/list_broder.png) no-repeat right center;
        padding: 0 10px;
    }

        .header_right ul li a {
            padding-left: 25px;
            color: #ffffff;
            font-size: 15px;
            text-decoration: none;
        }

.dash {
    background: url(../NimbleUploads/NimbleContents/images/top_right_sprite_1.png) no-repeat left center;
    padding: 12px 4px;
    background-position: -10px -33px;
}

.hme {
    background: url(../NimbleUploads/NimbleContents/images/top_right_sprite_1.png) no-repeat left center;
    padding: 2px 4px;
    background-position: -10px -86px;
}

.quicktour {
    background: url(../NimbleUploads/NimbleContents/images/top_right_sprite_1.png) no-repeat left center;
    padding: 12px 4px;
    background-position: -10px -161px;
}
/*.menu1{background:url(../images/header_icons_1.png) no-repeat left center;padding: 12px 9px;background-position: -10px -250px;}*/
/*.submenu2 li{ list-style:none; background:none !important; float:none !important}
.menu1{float: left;list-style: none;background: url(../images/list_broder.png) no-repeat left center !important;padding: 0 10px;color:#fff;font-weight:bold;}*/
.serh_l {
    background: url(../NimbleUploads/NimbleContents/images/header_icons_1.png) no-repeat left center;
    padding: 12px 15px;
    background-position: -10px -261px;
    cursor: pointer;
}

.search {
    background: url(../NimbleUploads/NimbleContents/images/top_right_sprite_1.png) no-repeat left center;
    padding: 12px 4px;
    background-position: -10px -201px;
}

.hlp {
    background: url(../NimbleUploads/NimbleContents/images/help.png) no-repeat left center;
}
.btnClose2 {
    background: url(../Images/close.png) no-repeat left center;
        width: 20px;
    height: 20px;
    border: none;
    float: right;
    margin-right: 2px;
    margin-top: 2px;
}

/*.select {
    border: 2px solid #2D7BBE;
    color: #2D7BBE;
    border-radius: 5px;
    -webkit-appearance: none;
    background: url("../NimbleUploads/NimbleContents/images/donw_arw.png");
    background-position: right;
    background-repeat: no-repeat;
}*/

.metroheaderhome {
    width: 86%;
    margin: 0 auto;
    height: 80px;
    background: none !important;
    filter: none;
}

a.toggleMenu {
    color: #2289c7;
    text-decoration: none;
    padding: 3px 0;
}

    a.toggleMenu:hover {
        color: #004F7F;
    }

/*.profile:hover .profileData {
            display: block;
        }*/
.breadCrumb {
    background: #A9E2F3;
    width: 100%;
    padding: 0 5px;
}

.metroContainer {
    margin: 20px 0 0 100px;
}

.nimblehelp {
    position: absolute;
    top: 5px;
    right: 10px;
    height: 18px;
    width: 18px;
    background: url(../Images/help.png) top left no-repeat;
}
/*.tile15:hover{box-shadow:inset 0 0 10px #fff;-webkit-box-shadow:inset 0 0 10px #fff;-o-box-shadow:inset 0 0 10px #fff;-moz-box-shadow:inset 0 0 10px #fff; background:#c29af3;}
.tile2:hover{box-shadow:inset 0 0 10px #fff;-webkit-box-shadow:inset 0 0 10px #fff;-o-box-shadow:inset 0 0 10px #fff;-moz-box-shadow:inset 0 0 10px #fff; background:#ea934d;}
.tile3:hover{box-shadow:inset 0 0 10px #fff;-webkit-box-shadow:inset 0 0 10px #fff;-o-box-shadow:inset 0 0 10px #fff;-moz-box-shadow:inset 0 0 10px #fff; background:#cb9db1;}
.tile4:hover{box-shadow:inset 0 0 10px #fff;-webkit-box-shadow:inset 0 0 10px #fff;-o-box-shadow:inset 0 0 10px #fff;-moz-box-shadow:inset 0 0 10px #fff; background:#8bbad7;}
.tile7:hover{box-shadow:inset 0 0 10px #fff;-webkit-box-shadow:inset 0 0 10px #fff;-o-box-shadow:inset 0 0 10px #fff;-moz-box-shadow:inset 0 0 10px #fff; background:#f06c02;}
.tile1:hover {transform:rotateY(180deg);-webkit-transform:rotate(180deg);}*/

@media (min-width: 768px) and (max-width: 1024px) {

    .tile1, .tile2, .tile3, .tile4, .tile5, .tile6, .tile7, .tile8, .tile9, .tile10, .tile11, .tile12, .tile13, .tile14, .tile15, .tile16, .tile17, .tile18, .tile19, .tile20 {
        margin: 2px;
        font-size: 15px;
        width: 190px;
        height: 80px;
    }

    .metroContainer {
        margin: 20px;
    }
}


/*Metro accordian styles*/

.AccordionContent, .AccordionContainer {
    position: relative;
    width: 100%;
}

.AccordionTitle {
    width: 88%;
    position: relative;
    /*Rahul*/
    background-color: whitesmoke; /*#c2c2c2;#DBDBDB;*/
    padding: 5px 11px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    background-repeat: repeat-x;
    /*background-image: url('title_repeater.jpg');*/
    -moz-user-select: none;
    border-bottom: 1px solid black;
    line-height: 24px;
}

.AccordionContent {
    height: auto;
    display: none;
}

.AccordionContentss {
    display: block;
    /*height:115px;*/
    min-height: 85px;
    max-height: 95px;
    overflow-y: auto;
}

    .AccordionContentss a {
        display: block;
        background: #f2f2f2;
        padding: 6px 15px;
        color: #004F7F;
        border-bottom: 1px solid #e5e5e5;
    }

        .AccordionContentss a:hover {
            background: #79BAEC; /*#004F7F;*/
            color: #004F7F;
            text-decoration: none;
        }

.AccordionContent a {
    display: block;
    background: #f2f2f2;
    padding: 6px 15px;
    border-bottom: 1px solid #e5e5e5;
    color: #004f7f;
}

    .AccordionContent a:hover {
        background: #004F7F;
        color: #fff !important;
    }

.AccordionContainer {
    /*border-right: 2px solid #0098ca;*/
}

.imgStyle {
    height: 15px;
    width: 13px;
    margin-left: 5px;
}

.MainMenuItem {
    /*Rahul*/
    color: black;
    font: normal 14px;
    cursor: pointer;
}

.upArrow {
    height: 20px;
}

.RemoveLeft {
    left: 0px !important;
}

.AddLeft {
    left: -160px !important;
}

.QlNav {
    position: fixed;
    /*top: 69px;*/
    /* width:18%;*/
    top: -420px;
    right: 0px;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    background: #DBDBDB;
    /*min-height: 610px;*/
    z-index: 9999;
}

.SRNav {
    position: fixed;
    /*top: 69px;*/
    top: -420px;
    /*width:18%;*/
    right: 0px;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    background: #DBDBDB;
    /*min-height: 610px;*/
    z-index: 9999;
}

.SwHelp {
    position: fixed;
    top: -750px;
    /*width:38%;*/
    right: 0px;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    background: white;
    /*min-height: 610px;*/
    z-index: 9999;
    border:2px solid #8b8b8b;
}

.QRHelp {
    position: fixed;
    /*top: 69px;*/
    top: -420px;
    /*width:18%;*/
    right: 0px;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    background: #DBDBDB;
    /*min-height: 610px;*/
    z-index: 9999;
}



/*.leftarrow {
            position: absolute;
            /*Rahul
            /*top: 60px;
            left: -200px;
            transition: all ease 0.3s;
            -moz-transition: all ease 0.3s;
            -webkit-transition: all ease 0.3s;
            background: #dbdbdb;
            /*min-height: 610px;
            z-index:9999;
        }*/

.MenuNav:hover {
    left: 0px;
}

.MenuTabpane li {
    /*background: #0c293b ;*/
    /*Rahul*/
    color: black;
    padding: 10px 0;
    width: 40%;
    text-align: center;
    border-bottom: 2px solid black;
    float: left;
}

.QLTabpane li {
    /*background: #0c293b ;*/
    color: #fff !important;
    padding: 10px 0;
    width: 40%;
    text-align: center;
    border-bottom: 2px solid #fff;
    float: left;
}

.MenuTabpane li:hover, .MenuTabpane li.ActiveTabPane {
    background: #1f4d8f;
    color: #fff;
    cursor: pointer;
}

.minimenu {
    float: right;
    padding: 5px 4px 2px 0px;
    border-bottom: 2px solid black;
    padding-right: 8px;
    padding-left: 8px;
    background: #dbdbdb;
}

    .minimenu:hover .MenuTabpane {
        display: block;
    }

.SearchInput {
    background: whitesmoke; /*#c2c2c2;*/
    color: black;
    margin: 5px;
    border: none;
    padding: 5px 3px;
    font-size: 14px;
    width: 160px;
    margin-right: 0px;
}

.MenuSearch {
    margin: 5px 0 5px 2px;
}

.margintb5 {
    margin: 5px 0;
}


.LinkStyle {
    color: #004f7f;
    font: normal 14px segoe UI;
    text-decoration: none;
    cursor: pointer;
}
.CmpLinkStyle {
    text-decoration: none;
    cursor: pointer;
}

.Companydiv {
    background-color: white;
}

.CompanydivSelected {
    background-color: #1b467b;
}
.CompanydivSelected a{
    color:#fff!important;
}

.CompanydivSelected a:hover{
     background-color:transparent !important;
}
.quicklinks {
    clear: both;
    /* margin-top:10px;*/
    width: 230px;
    /*margin-left:10px;*/
}

ul.quicklinks li {
    color: #fff;
    padding: 5px 0;
}

    ul.quicklinks li a {
        color: black;
        text-decoration: none;
        display: inline-flex;
        font-size: 14px;
        background-color: whitesmoke;
    }

        ul.quicklinks li a:hover {
            color: #0098ca;
        }

.HighLightSearchMenu {
    font-weight: bold;
    text-decoration: underline;
}

.HighLightOpenMenu {
    font-weight: bold;
    background-color: #9bbcd0 !important;
    text-decoration: underline;
}

.HighLightOpenQuickLink {
    font-weight: bold;
}

div.CLientName {
    /*background: rgb(0, 153, 196);*/
    width: 300px;
    position: absolute;
    padding: 5px;
    color: rgb(12, 41, 59);
    text-align: center;
    left: 38%;
    top: 0px;
    border-radius: 0px 0px 3px 3px;
}

.left_menu {
    width: 2%;
    float: left;
}

.right_menu {
    width: 2%;
    float: right;
}

.menuarrow {
    position: fixed;
    /*height:400px;*/
    /*width:28px;*/
    /*height:50%;*/
    border-radius: 12px 12px 12px 12px;
    /*overflow: hidden;*/
    background-color: #dbdbdb;
}

.leftmenuarrow {
    position: fixed;
    width: 28px;
    height: 100%;
    border-radius: 12px 12px 12px 12px;
    /*overflow: hidden;*/
    background-color: #dbdbdb;
}

.leftarrow {
    /*background: url('images/left.png') no-repeat right top #6ac;*/
    top: 69px;
    left: -200px;
    width: 200px;
}

    .leftarrow:after {
        content: url('../NimbleUploads/NimbleContents/images/left.png');
        position: absolute;
        top: 10px;
        right: -28px;
    }

.leftHidearrow {
    /*background: url('images/left.png') no-repeat right top #6ac;*/
    top: 69px;
    left: -200px;
    width: 200px;
}

    .leftHidearrow:after {
        content: url('../CSS/images/Hide.jpg');
        position: absolute;
        top: 10px;
        right: -28px;
    }

.rightarrow {
    /*background: url('../images/right.png') no-repeat left top;
    padding-left: 28px;*/
    top: 230px;
    right: 0px;
    width: 40px;
}

.rightQuickLinkarrow {
    /*background: url('../images/right.png') no-repeat left top;
    padding-left: 28px;*/
    top: 66px;
    right: -200px;
    width: 200px;
}

.cssmenu {
    /*display: none;*/
}

.HomeMenu {
    background: url(../Images/Metro/Indxhome.png) top left no-repeat;
    width: 25px;
    height: 25px;
    float: left;
    margin: 7px 10px 0 0;
    cursor: pointer;
}
    /*transition:all 0.5s ease;*/
    .HomeMenu:hover {
        opacity: 0.8;
    }

.HomeDashBoard {
    background: url('/Images/DashboardIcon.png') top left no-repeat;
    width: 25px;
    height: 25px;
    float: left;
    margin: 8px 8px;
    cursor: pointer;
}

.HomeHelp {
    width: 25px;
    height: 25px;
    float: left;
    cursor: pointer;
}

.hidden {
    display: none;
}

.show {
    display: block;
}

.Expand {
    background: url('/Images/Metro/addnew.png') top left no-repeat;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    cursor: pointer;
    display: inline-block;
}

.Collapse {
    background: url('/Images/Metro/subtract.png') top left no-repeat;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    cursor: pointer;
    display: inline-block;
}

.QuickLinkDelete {
    background: url('/Images/Metro/Delete15.png') top left no-repeat;
    width: 15px;
    height: 15px;
    margin: 0 8px;
    cursor: pointer;
    display: inline-flex;
}
.btnQuickLinkDelete {
    background: url('/Images/Metro/Delete15.png') top left no-repeat;
    width: 15px;
    height: 15px;
    margin: 0 8px;
    cursor: pointer;
    display: inline-flex;
}
.AddQuickLink {
    background: url('/Images/pin.png') top left no-repeat;
    width: 30px; /*height:32px;*/
    margin: 3px;
    cursor: pointer;
    margin-bottom: 0;
}

.ScreenHelp {
    background: url('/Images/screen_help.png') top left no-repeat;
    width: 25px;
    height: 22px;
    margin: 7px 0px;
    cursor: pointer;
    margin-bottom: 0;
}

/*Sprite CSS starts*/

/*Usermanagement*/
.Role, .UserSetup, .BUserSetup, .UserPriviliges, .DashboardSettings {
    background-image: url('/Images/Metro/usermanagment.png');
    background-repeat: no-repeat;
}

.Role {
    background-position: -2px -26px;
    width: 20px;
    height: 24px;
}

.UserSetup {
    background-position: -1px -57px;
    width: 23px;
    height: 17px;
}

.BUserSetup {
    background-position: -1px -79px;
    width: 23px;
    height: 19px;
}

.UserPriviliges {
    background-position: 0 -102px;
    width: 24px;
    height: 24px;
}

.DashboardSettings {
    background-position: -2px 0;
    width: 22px;
    height: 21px;
}
/*Usermanagement*/

/*Masters*/
.MMasters, .Contacts, .Utility, .Transactions, .JournalImport {
    background-image: url('/Images/Metro/masters.png');
    background-repeat: no-repeat;
}

.MMasters {
    background-position: 0 -5px;
    width: 24px;
    height: 24px;
}

.Contacts {
    background-position: 0 -34px;
    width: 24px;
    height: 22px;
}

.Utility {
    background-position: 0 -61px;
    width: 24px;
    height: 15px;
}

.Transactions {
    background-position: -1px -81px;
    width: 23px;
    height: 24px;
}

.JournalImport {
    background-position: -2px -112px;
    width: 22px;
    height: 24px;
}
/*Masters*/

/*Corpmanagement*/
.Corporation, .ProfitCenter, .CostCenter {
    background-image: url('/Images/Metro/corprmanagment.png');
    background-repeat: no-repeat;
}

.Corporation {
    background-position: 0 -2px;
    width: 24px;
    height: 24px;
}

.ProfitCenter {
    background-position: -1px -32px;
    width: 23px;
    height: 18px;
}

.CostCenter {
    background-position: 0 -57px;
    width: 23px;
    height: 23px;
}
/*Corpmanagement*/

/*Payables & Receivables*/
/*.AccountPayables, .AccountReceivables {background-image: url('/Images/Metro/PayRecivables.png'); background-repeat:no-repeat;}
.AccountPayables{background-position: 0 -2px;width: 24px;height: 30px;}
.AccountReceivables{background-position: -1px -37px;width: 19px;height: 24px;}*/
/*Payables & Receivables*/

/*Payroll Accounting*/
.Payroll, .PayrollMasters {
    background-image: url('/Images/Metro/payrollAC.png');
    background-repeat: no-repeat;
}

.Payroll {
    background-position: -1px -4px;
    width: 24px;
    height: 19px;
}

.PayrollMasters {
    background-position: -3px -28px;
    width: 18px;
    height: 24px;
}
/*Payroll Accounting*/

/*Inter Comapany*/
.FundTransfer, .BillTransfer, .BillPaymenTransfer, .DebitMemotransfer, .Journaltransfer, .ICFALedgerReport {
    background-image: url('/Images/Metro/transfers.png');
    background-repeat: no-repeat;
}

.FundTransfer {
    background-position: -1px -55px;
    width: 23px;
    height: 23px;
}

.BillTransfer {
    background-position: -1px -26px;
    width: 23px;
    height: 24px;
}

.BillPaymenTransfer {
    background-position: -1px -26px;
    width: 23px;
    height: 24px;
}

.DebitMemotransfer {
    background-position: -1px -82px;
    width: 23px;
    height: 22px;
}

.Journaltransfer {
    background-position: -1px -82px;
    width: 23px;
    height: 22px;
}

.ICFALedgerReport {
    background-position: -1px -82px;
    width: 23px;
    height: 22px;
}
/*Inter Comapany*/

/*Bank*/
.Check, .PrintMultipleChecks, .CreditCard, .Receipt, .ReceiptDeposit, .Reconciliation {
    background-image: url('/Images/Metro/bank.png');
    background-repeat: no-repeat;
}

.Check {
    background-position: -1px -77px;
    width: 24px;
    height: 19px;
}

.PrintMultipleChecks {
    background-position: -4px -2px;
    width: 18px;
    height: 23px;
}

.CreditCard {
    background-position: -1px -58px;
    width: 23px;
    height: 16px;
}

.Receipt {
    background-position: -4px -2px;
    width: 18px;
    height: 23px;
}

.ReceiptDeposit {
    background-position: -2px -100px;
    width: 22px;
    height: 17px;
}

.Reconciliation {
    background-position: -2px -29px;
    width: 23px;
    height: 24px;
}
/*Bank*/

/*Budget & Forecast*/
.Budgeting, .Forecasting {
    background-image: url('/Images/Metro/budfore.png');
    background-repeat: no-repeat;
}

.Budgeting {
    background-position: -4px -1px;
    width: 17px;
    height: 23px;
}

.Forecasting {
    background-position: -2px -27px;
    width: 21px;
    height: 18px;
}
/*Budget & Forecast*/


/*mail*/
.Inbox, .Composemail, .Sentmail, .Externalmail, .Externalsentmail {
    background-image: url('/Images/Metro/mail.png');
    background-repeat: no-repeat;
}

.Inbox {
    background-position: -1px -75px;
    width: 23px;
    height: 21px;
}

.Composemail {
    background-position: -1px -1px;
    width: 23px;
    height: 23px;
}

.Sentmail {
    background-position: -1px -50px;
    width: 23px;
    height: 22px;
}

.Externalmail {
    background-position: -1px -27px;
    width: 23px;
    height: 19px;
}

.Externalsentmail {
    background-position: -1px -101px;
    width: 23px;
    height: 23px;
}
/*mail*/


/*Reports*/
.GeneralReports, .AccountantReports, .CombinedReports, .Agingreports, .ContactList, .PayrollReport, .TransactionList, .CustomizedReports {
    background-image: url('/Images/Metro/Reports1.png');
    background-repeat: no-repeat;
}

.GeneralReports {
    background-position: -4px -1px;
    width: 17px;
    height: 24px;
}

.AccountantReports {
    background-position: -2px -28px;
    width: 22px;
    height: 24px;
}

.CombinedReports {
    background-position: -1px -55px;
    width: 23px;
    height: 23px;
}

.Agingreports {
    background-position: -1px -84px;
    width: 23px;
    height: 23px;
}

.ContactList {
    background-position: -1px -166px;
    width: 23px;
    height: 20px;
}

.PayrollReport {
    background-position: -3px -139px;
    width: 20px;
    height: 23px;
}

.TransactionList {
    background-position: -1px -114px;
    width: 23px;
    height: 21px;
}

.CustomizedReports {
    background-position: -2px -191px;
    width: 21px;
    height: 30px;
}
/*Reports*/

.MastersUtilities, .Sales, .Payments, .Stock, .Reports, .DunkinPandL, .FlashProfitandLoss, .WageCost, .TimeSheet, .AccountReceiables {
    background-image: url('/Images/Metro/franchese2ndlevel.png');
    background-repeat: no-repeat;
}

.MastersUtilities {
    background-position: 0 -1px;
    width: 23px;
    height: 23px;
}

.Sales {
    background-position: -1px -48px;
    width: 22px;
    height: 21px;
}

.Payments {
    background-position: -1px -27px;
    width: 22px;
    height: 18px;
}

.Stock {
    background-position: -1px -93px;
    width: 23px;
    height: 20px;
}

.DunkinPandL {
    background-position: 0 -195px;
    width: 23px;
    height: 20px;
}

.Reports {
    background-position: -1px -75px;
    width: 23px;
    height: 13px;
}

.FlashProfitandLoss {
    background-position: -1px -167px;
    width: 22px;
    height: 23px;
}

.WageCost {
    background-position: -1px -248px;
    width: 23px;
    height: 18px;
}

.TimeSheet {
    background-position: 0 -116px;
    width: 23px;
    height: 23px;
}

.AccountReceiables {
    background-position: 0 -143px;
    width: 23px;
    height: 19px;
}


/*Sign Up Page Starts*/

.sign_form {
    padding: 0px 20px;
}

    .sign_form table {
        font-size: 14px;
        width: 100%;
    }

        .sign_form table tr td {
            padding: 3px 5px;
        }

            .sign_form table input {
            border: 1px solid #efefef;
            width: 205px;
            height: 30px;
            line-height: normal;
            border-radius: 2px;
            text-indent: 5px;
            /*-webkit-input-placeholder:c*/
        }

.indicates {
    font-size: 12px;
    color: #666;
}

.sign-button {
    background: #2b6fb0;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
}

    .sign-button:hover {
        background: #1A5FA1;
    }

#sign_bg {
    background: rgb(91,152,199);
    overflow: hidden; /* Old browsers */
    background: -moz-linear-gradient(left, rgba(91,152,199,1) 6%, rgba(31,89,152,1) 69%, rgba(45,130,195,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(6%,rgba(91,152,199,1)), color-stop(69%,rgba(31,89,152,1)), color-stop(100%,rgba(45,130,195,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(91,152,199,1) 6%,rgba(31,89,152,1) 69%,rgba(45,130,195,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(91,152,199,1) 6%,rgba(31,89,152,1) 69%,rgba(45,130,195,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(91,152,199,1) 6%,rgba(31,89,152,1) 69%,rgba(45,130,195,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(91,152,199,1) 6%,rgba(31,89,152,1) 69%,rgba(45,130,195,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b98c7', endColorstr='#2d82c3',GradientType=1 ); /* IE6-9 */
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow-x: hidden;
}

.sign_form {
    padding: 0px 30px;
}

.sign_main {
    width: 1000px;
    margin: 0 auto;
}

.sign_content {
    width: 550px;
    margin: 60px auto;
    *height: 300px;
}

.sign {
    background: #ffffff;
    border-radius: 4px;
    min-height: 200px;
    padding: 20px 0px;
}

.signup {
    background: #ffffff;
    border-radius: 4px;
    min-height: 200px; /*height:500px;*/
    padding: 20px 0px;
}

    .signup h1 {
        background: #fafafa;
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        border-left: 12px solid #1cbbb4;
        padding: 15px;
    }

.signbg_img {
    background: url(images/sign-bg.png) no-repeat;
    position: absolute;
    margin-left: 398px;
    padding: 50px;
    position: absolute;
    margin-top: -20px;
}

.sign h1 {
    background: #fafafa;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    border-left: 12px solid #2b6fb0;
    padding: 15px;
}

.sign_usr {
    width: 94%;
    padding: 13px 10px;
    border: 1px solid #efefef;
    border-radius: 4px;
    font-size: 14px;
    color: #8a8686;
    ;
    background: url(images/sign-urs.jpg) no-repeat left center;
    margin-bottom: 25px;
    text-indent: 70px;
}

.sign_password {
    width: 94%;
    padding: 13px 10px;
    border: 1px solid #efefef;
    border-radius: 4px;
    font-size: 14px;
    color: #8a8686;
    ;
    background: url(images/sign-pass.jpg) no-repeat left center;
    margin-bottom: 25px;
    text-indent: 70px;
}

.sign_btn {
    width: 99%;
    background: #2b6fb0;
    text-align: center;
    color: #ffffff;
    padding: 15px;
    border: none;
    border-radius: 4px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 25px;
    cursor: pointer;
}

    .sign_btn:hover {
        background: #1a5fa1;
    }

.sign_a {
    float: left;
    text-decoration: none;
    font-size: 14px;
    color: #464242;
    font-family: Arial, Helvetica, sans-serif;
}

.sign_a2 {
    float: right;
    text-decoration: none;
    font-size: 14px;
    color: #464242;
    font-family: Arial, Helvetica, sans-serif;
}

    .sign_a:hover, .sign_a2:hover {
        color: #000000;
    }

.displayfocus::-webkit-input-placeholder {
    color: transparent;
}

/*Sign Up Page End*/
#main {
    width: 100%;
    height: 100%;
}

#rightmenu {
    position: fixed;
    top: 230px;
    background-color: rgb(238,238,238);
    /*background: #fa0;*/
    /*height: 31%;*/
    width: 97px;
    /*padding:10px;*/
    box-sizing: border-box;
    box-shadow: 0px 0px 2px rgba(0,0,0,1);
    transition: 0.5s all;
    right: -60px;
    background: #fff;
}


#iconsul {
    /*position:absolute;*/
    height: 164px;
    /*padding:5px;*/
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    transition: 1s all;
}

    #iconsul li {
        list-style: none;
        text-align: center;
        background: rgba(255,255,255,0.2);
        /*box-shadow:inset 0px 0px 3px rgba(0,0,0,0.5);*/
        padding: 2px;
        margin: 4px 1px;
        width: 30px;
        height: 32px;
        transition: 1s all;
    }

        #iconsul li:hover {
            background: rgba(255,255,255,0.5);
            transition: 0.5s all;
        }

        #iconsul li img {
            height: 24px;
            width: 24px;
        }

span.arrow {
    margin-top: 5px;
    cursor: pointer;
    color: #acacac;
    padding-left: 14px !important;
    background: none !important;
    border: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    span.arrow:hover {
        color: #555;
    }

span.info {
    display: block;
    color: #333;
    background: #ccc;
    padding: 2px 5px;
    margin-bottom: 5px;
    /*color:#fff;*/
}

#rightmenu:after {
    left: -45px;
    bottom: 30px;
    border-radius: 0px 0px 3px 3px;
    /*background: #d84d08;*/
    /*background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); 
		background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); 
		background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);  
		background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); 
		background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); */
    position: absolute;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding: 5px 10px;
    color: #fff;
    font-family: segoe ui;
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
 /*@media screen and (max-width: 1920px) {
    .reportscroll {
        width: 1842px;
        height: 750px;
        overflow: auto;
    }
}

@media screen and (max-width: 1600px) {
    .reportscroll {
        width: 1536px !important;
        height: 610px !important;
        overflow: auto;
    }
}

@media screen and (max-width: 1440px) {
    .reportscroll {
        width: 1383px !important;
        height: 610px !important;
        overflow: auto;
    }
}

@media screen and (max-width: 1366px) {
    .reportscroll {
        width: 1310px!important;
        height: 499px!important;
        overflow: auto;
    }
}


@media screen and (max-width: 1280px) {
    .reportscroll {
        width: 1105px !important;
        height: 590px !important;
        overflow: auto;
    }
}


@media screen and (max-width: 1024px) {
    .reportscroll {
        width: 985px !important;
        height: 500px!important;
        overflow: auto;
    }
}




@media only screen and (max-width: 991px) and (min-width: 768px) {
    .reportscroll {
        width: calc(100% - 100px) !important;
    }
}*/