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;
					}