#cmdbright-sidebar { bottom: 0; position: fixed; right: -400px; top: 0; -moz-transition: all 0.3s !important 0s; -o-transition: all 0.3s !important 0s; -webkit-transition: all 0.3s !important; -webkit-transition-delay: 0s; transition: all 0.3s !important 0s; width: 400px; z-index: 1091; background: #ffffff; border-left: 1px solid #c8c7cc; border-top: 1px solid #c8c7cc; overflow: hidden; } #cmdbright-sidebar.app-offsidebar-open { right: 0; } #cmdbright-sidebar .tab-content { position: absolute; bottom: 0; left: 0; right: 0; top: 45px; } @media (max-width: 991px) { #cmdbright-sidebar { position: fixed; top: 0; right: 0; z-index: 0; -webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); -moz-transition: -moz-transform 300ms ease 0s; -o-transition: -o-transform 300ms ease 0s; -webkit-transition: -webkit-transform 300ms ease; -webkit-transition-delay: 0s; transition: transform 300ms ease 0s; } } @media (max-width: 991px) { .app-offsidebar-open #cmdbright-sidebar { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: -moz-transform 300ms ease 0s; -o-transition: -o-transform 300ms ease 0s; -webkit-transition: -webkit-transform 300ms ease; -webkit-transition-delay: 0s; transition: transform 300ms ease 0s; } } @media (min-width: 992px) { .app-offsidebar-open #cmdbright-sidebar { right: 0; } } @media (max-width: 768px) { #cmdbright-sidebar { position: fixed; top: 0; right: 0; z-index: 0; -webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); -moz-transition: -moz-transform 300ms ease 0s; -o-transition: -o-transform 300ms ease 0s; -webkit-transition: -webkit-transform 300ms ease; -webkit-transition-delay: 0s; transition: transform 300ms ease 0s; } } @media (max-width: 768px) { .app-offsidebar-open #cmdbright-sidebar { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: -moz-transform 300ms ease 0s; -o-transition: -o-transform 300ms ease 0s; -webkit-transition: -webkit-transform 300ms ease; -webkit-transition-delay: 0s; transition: transform 300ms ease 0s; } } @media (min-width: 769px) { .app-offsidebar-open #cmdbright-sidebar { right: 0; } } @media (max-width: 600px) { #cmdbright-sidebar { position: fixed; top: 0; right: 0; z-index: 0; -webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); -moz-transition: -moz-transform 300ms ease 0s; -o-transition: -o-transform 300ms ease 0s; -webkit-transition: -webkit-transform 300ms ease; -webkit-transition-delay: 0s; transition: transform 300ms ease 0s; } } @media (max-width: 600px) { .app-offsidebar-open #cmdbright-sidebar { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: -moz-transform 300ms ease 0s; -o-transition: -o-transform 300ms ease 0s; -webkit-transition: -webkit-transform 300ms ease; -webkit-transition-delay: 0s; transition: transform 300ms ease 0s; } } @media (min-width: 601px) { .app-offsidebar-open #cmdbright-sidebar { right: 0; } } #cmdbright-sidebar .tab-pane { height: 100%; padding: 0; } #cmdbright-sidebar div[perfect-scrollbar] { overflow: hidden !important; } .app-mobile #cmdbright-sidebar div[perfect-scrollbar] { overflow-x: hidden !important; overflow-y: auto !important; } #cmdbright-sidebar .nav-tabs.nav-justified>li { display: table-cell; width: 1%; } #cmdbright-sidebar .nav-tabs.nav-justified>li.active>a, #cmdbright-sidebar .nav-tabs.nav-justified>li.active>a:hover, #cmdbright-sidebar .nav-tabs.nav-justified>li.active>a:focus { border-bottom-color: #fff; } #cmdbright-sidebar .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #c8c7cc; border-right: 1px solid #c8c7cc; border-left: none; border-radius: 0; border-top: none; } #cmdbright-sidebar .nav-tabs.nav-justified>li>a i { font-size: 17px; } #cmdbright-sidebar .nav-tabs.nav-justified>li.active>a, #cmdbright-sidebar .nav-tabs.nav-justified>li.active>a:hover, #cmdbright-sidebar .nav-tabs.nav-justified>li.active>a:focus { color: #aeacb4; } #cmdbright-sidebar .nav-tabs.nav-justified>li:first-child>a { border-left: none !important; } #cmdbright-sidebar .nav-tabs.nav-justified>li:last-child>a { border-right: none !important; } #cmdbright-sidebar .save-options { padding: 10px; } #cmdbright-sidebar .sidebar-wrapper { position: relative; min-height: 100%; } #cmdbright-sidebar #users { position: relative; right: 0; top: 0; height: 100%; } .app-offsidebar-open #cmdbright-sidebar #users { -moz-transition: right 0.3s ease 0s; -o-transition: right 0.3s ease 0s; -webkit-transition: right 0.3s ease; -webkit-transition-delay: 0s; transition: right 0.3s ease 0s; } .app-slide-off #cmdbright-sidebar #users { right: 0 !important; } #cmdbright-sidebar #users.chat-open { right: 260px; } #cmdbright-sidebar #users .user-chat { position: relative; left: 260px; top: 0; height: 100%; } #cmdbright-sidebar #users .chat-content { position: absolute; left: 0; right: 0; top: 40px; bottom: 50px; } #cmdbright-sidebar .users-list { position: absolute; right: 0; left: 0; top: 0; height: 100%; } #cmdbright-sidebar .media-list .media { border-bottom: 1px solid #c8c7cc; margin: 0; } #cmdbright-sidebar .media-list .media a { padding: 10px; display: block; } #cmdbright-sidebar .media-list .media a:hover { background: #efeff0; text-decoration: none; } #cmdbright-sidebar .sidebar-title { color: #aeacb4; font-size: 11px; margin: 15px 10px 10px 10px; text-transform: uppercase; } #cmdbright-sidebar .sidebar-back { position: absolute; text-decoration: none; padding: 10px; top: -40px; } #cmdbright-sidebar .sidebar-back i { display: inline-block; font-size: 17px; margin-right: -2px; margin-top: 2px; font-weight: 600; vertical-align: top; } #cmdbright-sidebar .sidebar-back span { font-size: 15px; position: relative; } #cmdbright-sidebar .media-list .media .media-object { border-radius: 50% !important; float: left; margin-right: 10px; opacity: 0.8; width: 40px; } #cmdbright-sidebar .media-list .media .user-label { display: inline-block; margin-top: 10px; position: absolute; right: 25px; } #cmdbright-sidebar .media-list .media .status-online { line-height: 40px; font-size: 6px; position: absolute; right: 10px; display: inline-block; color: #1FBBA6; } #cmdbright-sidebar .media-list .media .media-heading { color: #8e8e93 !important; display: block; font-size: 13px; margin-bottom: 4px; } #cmdbright-sidebar .media-list .media .media-body span { color: #c8c7cc; display: block; font-size: 12px; } #cmdbright-sidebar .sidebar-content { height: 100%; position: relative; } #cmdbright-sidebar .discussion .avatar img { border-radius: 50% !important; width: 40px; } #cmdbright-sidebar .discussion .messages { margin-top: 10px; } #cmdbright-sidebar .discussion .messages p { font-size: 12px; } #cmdbright-sidebar .message-bar { position: absolute; bottom: 0; } /* 资产关系列表*/ .table.table-noline { border: 0px; } .table>tbody>tr>td, .table>thead>tr>th { /* min-height: 35px; border: 1px solid #eaeaea; */ border-bottom: 0px; padding-left: 0px; padding-right: 0px; } .table.table-aline { border: 0px; } .table>tbody>tr>td.th-aline { min-height: 35px; border-bottom: 0px solid #eaeaea; border-top: 0px solid #eaeaea; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding-left: 10px; padding-right: 10px; border: 1px solid #eaeaea; /* border-bottom: 0px; padding-left: 0px; padding-right: 0px; */ } .table>thead>tr>th.th-aline { /* min-height: 35px; border: 1px solid #eaeaea; text-align: center; */ border: 1px solid #eaeaea; border-top: 1px solid #eaeaea !important; text-align: center; /* border-bottom: 0px; */ padding-left: 0px; padding-right: 0px; } /** *删除字体颜色 */ .table>tbody>tr>td.removecolor { color: #005395 !important; } .table>tbody>tr>td.removecolor.active, .table>tbody>tr>td.removecolor:focus, .table>tbody>tr>td.removecolor:hover { color: #be2636 !important; } .table-heading-background { background-color: #f3f3f3; } .cmdbtext-head { color: #333 !important; font-size: 14px !important; } .iconfontsmall { font-family: iconfont!important; font-size: 14px; color: #005395; z-index: 1; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; } .pagers { padding-left: 0; margin: 20px 0; text-align: right; list-style: none; } .pagers li { display: inline; } .pagers li>a.noborder, .pagers li>span.noborder { display: inline-block; padding: 0px 0px; background-color: #fff; border: 0px solid #ddd; } /*按钮*/ /*暂存*/ .btn-zancun { background-color: #e6eef4; border-color: #005395; color: #005395; } .btn.zancunlistheight { height: 28px; padding: 3px 25px !important; } .btn-zancun.active, .btn-zancun:focus, .btn-zancun:hover { background-color: #e6eef4; border-color: #005395; color: #005395 !important; } /*确认/搜索*/ .btn-isok { background-color: #005395; /* border-color: #fff; */ color: #fff; } .btn.isoklistheight { height: 28px; padding: 3px 25px !important; } .btn-isok.active, .btn-isok:focus, .btn-isok:hover { background-color: #004279; /* border-color: #999; */ color: #fff !important; } .btn-isok.disabled:hover, .btn-isok.disabled:focus, .btn-isok.disabled:active, .btn-isok.disabled.active, .btn-isok[disabled], .btn-isok[disabled]:hover, .btn-isok[disabled]:focus, .btn-isok[disabled]:active, .btn-isok[disabled].active, fieldset[disabled] .btn-isok:hover, fieldset[disabled] .btn-isok:focus, fieldset[disabled] .btn-isok:active, fieldset[disabled] .btn-isok.active { background-color: #f3f3f3; border-color: #eaeaea; color: #ddd; } /** *字体颜色 */ .fontcolor_blue { color: #005395; } /*28px输入框*/ .form-control.smallline { height: 28px; } /*28px按钮*/ .btn.smallbutton { padding: 3px 12px; } .btn.weibutton { padding: 3px 20px; } /*底色*/ .alertback { padding: 10px; margin-bottom: 0px; background: #f9f9f9; /* border: 1px solid #dedede; */ /* border-bottom-left-radius: 8px; */ /* border-bottom-right-radius: 8px; */ } .table>tbody+tbody { border-top: 1px solid #ddd; } .iconfontstyle { font-family: iconfont!important; font-size: 16px; color: #000; z-index: 1; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; } .dianback { background: #79a3c4; } /** *提示框 */ .tipopenback { background: #f9f9f9; border: 1px solid #d1d1d1; border-radius: 2px; } .shucenter { display: flex; align-items: center; justify-content: center; }