body{ font-size: 14px; font-family: Tahoma, "MS Sans Serif"; } @media screen and (min-width: 700px) { font-size: 13px; font-family: Tahoma, "MS Sans Serif"; } .backend-menu{ z-index:10000; list-style-type: none; position:fixed; background-color:transparent; width:20%; height:95%; top:40px; right:0%; padding:0%; display: none; } .backend-menu li{ width:100%; height:40px; color:#4D4D4D; text-align: left; display: inline-block; font-size:14px; line-height: 40px; padding-left:7%; font-family:"Sans-serif",tahoma; border-left:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; cursor:pointer; background:white; } .admin-menu{ box-shadow: 0 6px 12px rgba(0,0,0,.175); } li.admin-menu span{ padding-left:20px; } .m-organize i{ color:#26A69A; }.m-organize:hover{ background:#26A69A; color:#FFFFFF; } .m-personal i{ color:#03A9F4; }.m-personal:hover{ background:#03A9F4; color:#FFFFFF; } .m-time-attendance i{ color:#F57C00; }.m-time-attendance:hover{ background:#F57C00; color:#FFFFFF; } .m-payroll i{ color:red; }.m-payroll:hover{ background:red; color:#FFFFFF; } .m-training i{ color:#9575CD; }.m-training:hover{ background:#9575CD; color:#FFFFFF; } .m-appraisal i{ color:#3F51B5; }.m-appraisal:hover{ background:#3F51B5; color:#FFFFFF; } .m-welfare i{ color:#EC407A; }.m-welfare:hover{ background:#EC407A; color:#FFFFFF; } .m-recruitment i{ color:#1DE9B6; }.m-recruitment:hover{ background:#1DE9B6; color:#FFFFFF; } .m-empview i{ color:#607D8B; }.m-empview:hover{ background:#607D8B; color:#FFFFFF; } .m-workflow i{ color:#FF5722; }.m-workflow:hover{ background:#FF5722; color:#FFFFFF; } .m-setting i{ color:#000000; }.m-setting:hover{ background:#000000; color:#FFFFFF; } .admin-menu:hover i{ color:#FFFFFF; } .admin-menu:hover a{ color:#FFFFFF; } .admin-left-menu{ width:20%; top:50px; padding-top:20px; padding-left:10px; position:fixed; background:#FAFAFA; left:0px; z-index:100; border-right:1px solid #e5e5e5; height: calc(100% - 50px); overflow: auto; } .nav-listfiletree:nth-of-type(1){ padding-bottom:100px; } .nav-list,.tree-toggler{ padding-left:20px; } .tree-nochild{ padding:10px !important; display:block; width:100%; cursor:pointer; padding-left:30px !important; } .tree-nochild:hover{ background:#EEEEEE; } .nav-header{ color:black; } .tree-folder:hover{ background:red; cursor:pointer; } .tree-toggler{ cursor:pointer; padding:10px; display:block; width:100%; background-position : 184px center !important; } .tree-toggler:hover{ background:#EEEEEE; cursor:pointer; padding:10px; display:block; } span.tree-toggler:before{ margin: auto 7px auto 5px; position: relative; font-family: 'FontAwesome'; width: 100%; color: #CCCCCC; content: "\f0da"; } span.expandable:before{ margin: auto 7px auto 5px; position: relative; font-family: 'FontAwesome'; width: 100%; color: #CCCCCC; content: "\f0d7"; } a { text-decoration: none !important; } #mainFrame{ width:80%; position:fixed; top:50px; left:20%; border: 0px; height: calc(100% - 50px); } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #FFFFFF; background-color: transparent; } .navbar-default{ border:none; border-radius:0px; background-color:#0072C6; margin-bottom:0; z-index:500; } .navbar-default .navbar-nav>li>a{ color:#FFFFFF; } .navbar-default .navbar-nav>li>a:hover{ color:#FFFFFF; } .navbar-default .navbar-nav>li:hover{ background-color:#1E90E4; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background-color:#1E90E4; color:#FFFFFF; } .navbar-default .navbar-brand{ color:#FFFFFF; } .dropdown-menu{ min-width:100%; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:#FFFFFF; }