.wrapper { overflow: hidden; } .page-wrapper { position: static; /*border-left: 1px solid #e7e7e7;去掉web vat横向滚动条*/ overflow: hidden; } .tree-i { padding: 0px 5px; vertical-align: middle; outline-color: white; } .navbar-custom { width: 250px; position: static; border: none; float: left; } .navbar-custom-top { top: 0; height: 55px; position: fixed; width: 100%; border: none; background-color: #602320; z-index: 1000; } .nav-container { position: relative; width: 100%; height: 100%; font-size: 17px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; color: white; padding-left: 30px; /*padding-right: 35px;*/ } .nav-element-left { font-size: 15px; position: relative; float: left; height: 55px; line-height: 55px; width: 155px; text-align: center; } .nav-element-right { position: relative; float: right; height: 55px; line-height: 55px; margin-right: 20px; /*30px*/ text-align: center; /*top: 50%; transform:translateY(-50%) ;*/ } .nav-element-right a { text-decoration: none; display: inline-block; height: 50px; width: 50px; } .nav-element-right a:hover i { color: #e0301e; } .nav-element-left a { text-decoration: none; display: inline-block; height: 100%; width: 100%; } .nav-element-left a:hover { color: white; background-color: #833836; } .nav-element-left a.active { background-color: #e0301e; color: white; } .nav-sub-container { height: 55px; background-color: white; box-shadow: 2px 2px 4px #946d6d; display: none; } .nav-sub-container:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; content: " "; position: relative; top: -28px; height: 0; width: 0; } .nav-sub-container.first { padding-left: 136px; } .nav-sub-container.second { padding-left: 550px; } .nav-sub-container.first:after { left: -740px; } .nav-sub-container.second:after { left: -160px; } .nav-sub-container .element-left { font-size: 15px; position: relative; float: left; height: 55px; line-height: 55px; width: 140px; text-align: center; } .nav-sub-container .element-right { position: relative; float: right; height: 55px; line-height: 55px; margin-right: 20px; /*30px*/ text-align: center; /*top: 50%; transform:translateY(-50%) ;*/ } .nav-sub-container .element-left a { text-decoration: none; display: inline-block; height: 100%; width: 100%; } .nav-sub-icon-color{ /* color: black; */ } .nav-sub-container .element-left a:hover { color: #e0301e; } .nav-sub-container .element-left a.active { color: #e0301e; } .nav-icon-color { color: white; } .sidebar { width: 250px !important; } .nav-left { width: 250px; height: 70px; } .nav > li > a.active { text-decoration: none; background-color: rgba(238, 238, 238, 0.38) !important; } .nav > ul > li:hover, .nav > ul > li:focus { background-color: rgba(238, 238, 238, 0.38) !important; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: rgba(238, 238, 238, 0.38) !important; } .project { float: left; margin: 18px 10px; } .project img { display: none; } .project-info .progress-bar { background-color: #ffca00; } .project-info { float: left; margin: 15px 5px 0px 0px; color: white; font-size: 13px; width: 100px; margin-left: 30px; } .project-info .project-percentage { float: right; font-family: Arial; } .project-info > div { margin-top: 3px; margin-left: 8px; font-family: 'Arial Bold', 'Arial'; font-weight: 700; font-style: normal; font-size: 20px; color: #FFFFFF; } .custom-progress { background-color: #ffffff; height: 5px; border-radius: 0px; box-shadow: none; } .custom-progress .progress-bar { box-shadow: none; } .custom-arrow { float: right; font-size: 1.5em; /*margin-top: -12px;*/ line-height: 55px; vertical-align: middle; } .project-info .progress { margin-bottom: 0px; } .nav-left .navbar-custom-button { border: none; float: right; margin: 0px -2px 0px 0px; padding: 3px 5px; display: block; color: white; } .nav-left .navbar-custom-button:hover, .nav-left .navbar-custom-button:focus { opacity: 0.45; } .nav > li { /*background-color: #f3f2f0;*/ } #sidebar-area > .nav > li > a { height: 55px; padding: 10px 15px 0px 15px; /*background-color: #f3f2f0;*/ color: white; } .nav > li > a { line-height: 55px; vertical-align: middle; padding: 0 20px; } .nav .menu-number { font-family: 'Arial Bold', 'Arial'; font-weight: 700; font-style: normal; font-size: 16px; color: white; overflow: hidden; float: left; } .nav-second-level > li > a { height: 55px; /*background-color: white;*/ padding: 0px 15px 20px 15px; line-height: 55px; color: white; } .nav-second-level > li.active > a { /*-webkit-box-shadow: inset -2px 0px 0px 0px #fe8400; -moz-box-shadow: inset -2px 0px 0px 0px #fe8400; box-shadow: inset -2px 0px 0px 0px #fe8400;*/ } .nav-second-level > li > a:hover, .nav-second-level > li > a:focus { /*background-color: #ffffff !important;*/ } .nav-second-level > li > a:hover { /*-webkit-box-shadow: inset -2px 0px 0px 0px #fe8400; -moz-box-shadow: inset -2px 0px 0px 0px #fe8400; box-shadow: inset -2px 0px 0px 0px #fe8400; */ } .nav-second-level > li.active > a > i { color: white; } .nav-second-level > li.active > a > span { color: white; } .second-menu-title { margin-left: 15px; } .superior-menu-active > a > .menu-number, .superior-menu-active > a > .side-menu-title { /*color:#fe8400;*/ } .side-menu-title { margin-left: 25px; /*font-weight: bold;*/ } .side-menu-title span { padding-left: 10px; } body.sidebar-closed .sidebar { width: 70px !important; } body.sidebar-closed .nav-left { width: 70px !important; } body.sidebar-closed .navbar-custom { width: 70px; } body.sidebar-closed .project { float: left; margin: 18px 17px 5px 17px; } body.sidebar-closed .number-toggler { text-align: center; line-height: 60px; vertical-align: middle; float: none; margin: 0px; font-family: 'Arial Bold', 'Arial'; font-weight: 700; font-style: normal; font-size: 12px; } body.sidebar-closed #sidebar-area > .nav > li > a { padding: 0px 0px 0px 0px; } body.sidebar-closed .navbar-custom-toggler { /*margin-top: -60px;*/ } body.sidebar-closed .nav-second-level > li > a { height: 55px; /*background-color: white;*/ padding: 0px 0px 0px 0px; text-align: center; line-height: 55px; color: white; } body.sidebar-closed .nav-second-level > li { border-bottom: none; border-right: none; } body.sidebar-closed .custom-arrow, body.sidebar-closed .second-menu-title, body.sidebar-closed .project-toggler, body.sidebar-closed .side-menu-title { display: none; } .clear { clear: both; } /*to be moved to other place*/ .page-nav-header { height: 70px; background-color: white; border-bottom: 1px solid #d4d4d4; /*-webkit-box-shadow: 0px 1px 12px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 1px 12px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 1px 12px 0px rgba(50, 50, 50, 0.5);*/ } .page-nav-header .vertical-align-middle { line-height: 70px; height: 70px; overflow: hidden; margin-left: 42px; } .page-nav-header .vertical-align-middle .page-nav-header-left { font-size: 18px; float: left; padding: 0 45px 0 0px; border-right-style: solid; border-width: 1px; border-color: #dadada; } .login-user .profile-image { width: 60px; border-radius: 60px; height: 60px; line-height: 50px; vertical-align: middle; text-align: center; margin: 0 auto; border: 1px solid #ffffff; margin-top: 16px; } .login-user .profile-image i { font-size: 35px; } .login-user-below .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #ffffff; } .profile-name { overflow: hidden; text-align: center; margin-top: 6px; } .profile-name i { vertical-align: middle; } .profile-name :hover { cursor: pointer; } .sidebar-closed .profile-image { width: 40px; border-radius: 40px; height: 40px; line-height: 35px; vertical-align: middle; text-align: center; margin: 0 auto; border: 1px solid #ffffff; margin-top: 16px; } .sidebar-closed .login-user .profile-image i { font-size: 22px; } .busy-indicator-container { width: 100%; height: 100%; /*background-image:url(../images/bg.png);*/ background-color: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; bottom: 0; right: 0; /*opacity: 0; visibility: hidden;*/ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; z-index: 9000; opacity: 0.6; filter: alpha(opacity=6); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); } .busy-indicator { margin: 17% 45%; } input[type=text]::-ms-clear { display: none; } /**************app-modal css*********************/ .nav-element-right .user-info { outline: none; } .nav-element-right .user-menu { line-height: 40px; border: 1px solid #d4d4d4; background-color: #fff; display: none; width: 100px; position: absolute; top: 55px; left: 0; color: #333; border-radius: 5px 5px; -webkit-border-radius: 5px 5px; -moz-border-radius: 5px 5px; box-shadow: 4px 4px 4px #7b7a7a; -webkit-box-shadow: 4px 4px 4px #7b7a7a; -moz-box-shadow: 4px 4px 4px #7b7a7a; } .nav-element-right .user-menu p { text-align: center; height: 30px; line-height: 30px; margin: 0; font-size: 15px; } .nav-element-right .user-menu p:hover { background-color: rgb(239, 225, 223); } .nav-element-right .user-menu a { text-decoration: none; width: 100%; height: 30px; }