.login1{color:#F4F4EF; margin-top:5px; margin-left:400px; font-size:14px;}
.login3{color:#FFFFFF; font-size:14px; background-color:#091f7c; font-weight:bold; text-decoration:none; border-radius:25px; padding:5px 15px}
.login3:hover {
  background-color:#FF0000;
  color: white;
}

.login4{color:#FFFFFF; font-size:14px; background-color:#FF0000; font-weight:bold; text-decoration:none; border-radius:25px; padding:5px 20px}
.login4:hover {
  background-color: #BF0C0F;
  color: white;
}
.login8{width:960px; height:12000px; background-color:#F4F4EF; position:absolute}

.right{margin-left:500px; margin-top:90px; width:260px; height:500px; background-color:#999999; position:absolute}
.lname{color:#000000; font-weight:bold; font-size:14px; background-color:#F4F4EF; padding-left:10px; padding-top:25px}
.fail{color:#FF0000; font-size:14px; padding-top:5px; margin-left:400px}
.error{color:#FF0000; font-weight:bold}
.error1{color:#FF0000; font-weight:bold}
.sucess{color:#006600; font-size:14px; font-weight:bold}
.sucess1{color:#006600; font-size:12px; font-weight:bold}
.notice{margin-left:5px; font-weight:bold; font-size:12px; margin-right:5px}
.expense{margin-left:450px; margin-top:62px; width:420px; height:710px; background-color:#F4F4EF; position:absolute}
.print{margin-left:850px; font-weight:bold; font-size:14px; margin-right:5px}
.colour{color:#FFFFFF; font-size:14px; font-weight:bold}
.colour2{color:#FFFFFF; font-size:14px; font-weight:bold}
.one{color:#FFFFFF; font-weight:bold; height:25px; font-size:14px; background:#008099}
.onem{color:#000000; font-weight:bold; height:25px; font-size:14px; background:#FF0000}
.onef{color:#000000; font-weight:bold; height:25px; font-size:14px; background:#00CC00}
.onex{color:#FFFFFF; font-weight:bold; height:25px; font-size:14px; background:#333333}
.oney{color:#FFFF00; font-weight:bold; height:25px; font-size:14px; background:#000000}
.onexx{color:#FFFFFF; font-weight:bold; height:25px; font-size:14px; background:#333333}
.oneyy{color:#FFFF00; font-weight:bold; height:25px; font-size:14px; background:#000000}
.y{color:#000000; font-weight:bold;font-size:16px; font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif }
.submit{color:#009900; font-weight:bold; font-size:18px; padding-left:20px}
.submit1{color:#009900; font-weight:bold; font-size:18px;}


.y{color:#000000; font-weight:bold; font-size:16px; font-weight:bold; font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif}
.yt{color:#000000; font-weight:bold; font-size:14px; border-color:#00FF00; background-color:#6699FF;}
.yyy{color:#000000; font-weight:bold; font-size:14px; margin-left:-800px}
.yv{color:#FFFFFF; font-weight:bold; height:30px; font-size:32px; background:#000000; margin-top:100px; margin-left:500px}
.s{color:#FFFF00; font-weight:bold; font-size:36px; margin-left:500px}
.a{color:#FFFF00; font-weight:bold; font-size:20px;}
.b{color:#000000; font-weight:bold; font-size:14px;}
.y1{color:#FFFFFF; font-weight:bold; height:30px;  font-size:16px; font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif}
.y111{color:#FFFF00; font-weight:bold; height:30px; font-size:14px}
.y112{color:#CCCC33; font-weight:bold; height:30px; font-size:32px; margin-left:500px}
.n{color:#000000; font-weight:bold; font-size:30px; background-color:#17BCD0}

.pimgs{width:100px; height:100px; background-image:url(images/gravatar.png)}
.banner100{width:960px; height:80px; background-color:#009900; background-image:url(images/finance.png); border-radius:5px; background-repeat:no-repeat
}
.grp{width:400px; margin-left:160px; position:absolute}
.gr2p{margin-left:400px; width:400px;}
.gr{width:400px; position:absolute}
.gr1{width:400px;}
.gr2{margin-left:350px; width:400px; position:absolute}
.gr3{margin-left:500px; width:400px; margin-top:64px; position:absolute}
.c{font-size:16px}
.padding{padding-left:20px; font-size:16px; font-weight:bold}
.invicefooter{height:80px; width:1200px; background-color:#0099FF}
 td{padding:3px;}
.hdden{visibility:hidden}
.copyright{color:#000000; font-weight:bold; font-size:14px; font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif}
.datebox{
width:220px;
padding:8px 12px;
font-size:14px;
border:1px solid #bbb;
border-radius:5px;
background:#ffffff;
}

.datebox:hover{
border-color:#007bff;
}



  /* Sidebar Main Background */
.main-sidebar {
    background: #b8c7ce !important;
}

/* Menu Header */
.sidebar-menu .header {
    color: #b8c7ce;
    font-size: 13px;
    letter-spacing: 1px;
}

/* All Menu Links */
.sidebar-menu > li > a {
    color: #b8c7ce !important;
    padding: 12px 15px;
    transition: 0.3s;
}

/* Hover Effect */
.sidebar-menu > li > a:hover {
    background: #D9B912 !important;
    color: #fff !important;
    border-left: 4px solid #fff;
}

/* Active Menu */
.sidebar-menu > li.active > a {
    background: #16a085 !important;
    color: #fff !important;
    border-left: 4px solid #fff;
}

/* Treeview Icon Rotate */
.treeview-menu {
    background: #2c3b41 !important;
    border-left: 2px solid #16a085;
}

/* Sub Menu Links */
.treeview-menu > li > a {
    color: #d2d6de !important;
    padding-left: 30px;
    transition: 0.3s;
}

/* Sub Menu Hover */
.treeview-menu > li > a:hover {
    background: #16a085 !important;
    color: #fff !important;
    padding-left: 35px;
}

/* Active Sub Menu */
.treeview-menu > li.active > a {
    background: #1abc9c !important;
    color: #fff !important;
}

/* Icon Color */
.sidebar-menu i {
    color: #1abc9c;
}

/* User Panel */
.user-panel > .info {
    color: #fff;
}

/* Search Box */
.sidebar-form input {
    background: #374850 !important;
    color: #fff !important;
    border: none;
}

.sidebar-form .btn {
    background: #16a085 !important;
    color: #fff;
}

/* Smooth Animation */
.treeview-menu li {
    transition: all 0.3s ease;
}
/* ===== SIDEBAR DARK ===== */
.main-sidebar {
    background: #1a2226 !important;
}

/* ===== MENU TEXT ===== */
.sidebar-menu > li > a {
    color: #b8c7ce !important;
    padding: 12px 15px;
    transition: all 0.3s ease;
}

/* ===== HOVER GREEN EFFECT ===== */
.sidebar-menu > li > a:hover {
    background: #00a65a !important;
    color: #fff !important;
    border-left: 4px solid #00ff99;
}

/* ===== ACTIVE MENU ===== */
.sidebar-menu > li.active > a {
   color: #fff !important;
    border-left: 4px solid #00ff99;
}

/* ===== TREEVIEW SUBMENU ===== */
.treeview-menu {
    background: #222d32 !important;
    display: none;
    transition: all 0.3s ease;
}

/* ===== SUBMENU LINK ===== */
.treeview-menu > li > a {
    color: #d2d6de !important;
    padding: 10px 15px 10px 30px;
    transition: all 0.3s ease;
}

/* ===== SUBMENU HOVER ===== */
.treeview-menu > li > a:hover {
    background: #00a65a !important;
    color: #fff !important;
    padding-left: 35px;
}

/* ===== ACTIVE SUBMENU ===== */
.treeview-menu > li.active > a {
    background: #00a65a !important;
    color: #fff !important;
}

/* ===== ICON COLOR ===== */
.sidebar-menu i {
    color: #00c97a;
}

/* ===== USER PANEL ===== */
.user-panel > .info {
    color: #fff;
}

/* ===== SMOOTH OPEN ANIMATION ===== */
.treeview.active > .treeview-menu {
    display: block;
    animation: slideDown 0.3s ease;
}

/* ===== ANIMATION KEYFRAME ===== */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}