#main-notification-panel { .marginLeft3 { margin-left: 3px; } .marginBottom5 { margin-bottom: 5px; } #left-control-panel { border-width: 0px; background-color: rgba(242, 242, 242, 1); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(228, 228, 228, 1); border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; .left-top-action-panel { .left-action-menu { cursor: pointer; i { margin-left: 50px; margin-top: 20px; margin-right: 20px; margin-bottom: 10px; } span { font-size: 12px; } } } .left-bottom-action-panel { .tabCat { background-color: rgba(242, 242, 242, 1); color: black; font-size: 14px; font-weight: bold; border-top: 0; border-left: 0; border-right: 0; } .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; border-top: 0; border-left: 0; border-right: 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: black; border-top: 0; border-left: 0; border-right: 0; } .nav > li > a { color: black !important; height: 55px; } select::-ms-expand { width: 12px; border: none; background: #fff; } .notification-picker { float: left; width: 150px; height: 32px; border: 1px solid rgb(169, 169, 169); display: inline-block; .red-color { color: #e0301e; } .vat-subheader { display: inline-block; font-size: 15px; height: 30px; line-height: 30px; vertical-align: middle; border: none; select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; } } } #notificationCategory { .expandableList { margin-top: 20px; margin-left: 50px; .expandableListItem { margin-top: 20px; } .active i.fa-plus-square-o { display: inline-block; } .active i.fa-minus-square-o { display: none; } .inactive i.fa-minus-square-o { display: inline-block; } .inactive i.fa-plus-square-o { display: none; } } } .line2Date { font-size: 12px; color: gray; } } } .unReadMessage { font-weight: bold; cursor: pointer; } .readMessage { cursor: pointer; color:black; } .LRmargin10 { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } .panel-title:hover { cursor: pointer; } .panel-default > .panel-heading { background-color: rgba(242, 242, 242, 1); } .HighPriority { color: red; } .MidPriority { color: #ff006e; } .LowPriority { color: #ffd800; } .watermark { position: relative; top: 40%; transform: translateY(-50%); opacity: 0.25; font-size: 3em; width: 100%; text-align: center; z-index: 1000; } /*搜索框*/ .search-container { /*display: inline-block;*/ height: 40px; border: 1px solid #c7c8ca; border-radius: 5px; line-height: 39px; margin-top: 12px; width: 256px; background-color: white; .search-input { border: none; outline: none; width: 84%; height: 30px; box-sizing: border-box; display: inline-block; padding: 0 5px 5px 10px; margin-left: 1%; } .search-icon { height: 20px; width: 15%; display: inline-block; background-color: white; border: 0px; box-sizing: border-box; padding-top: 0px; } .clearable input::-ms-clear { /* Remove IE default X */ display: inline-block; } } }