.login { background: url('../resources/images/login_bg.png') no-repeat; width: 100%; height: 100%; background-size: 100% 100%; } .login-box { background-color: rgba(255,255,255,0.5); width: 592px; height: 298px; border-radius: 20px; position: absolute; left: 50%; top: 50%; margin-left: -296px; margin-top: -149px; } .login-logo { float: left; width: 40%; text-align: center; border-right: 1px solid #fff; position: relative; top: 50px; padding-top: 20px; padding-bottom: 20px; } .login-input { position: relative; top: 70px; left: 35px; } .login-input .user-label, .login-input .pwd-label { font-size: 12px; color: #999; position: absolute; padding-left: 20px; margin-top: 14px; margin-left: 10px; } .login-input .user-label { background: url('../resources/images/icon/icon_user.png') 0 no-repeat; } .login-input .pwd-label { background: url('../resources/images/icon/icon_lock.png') 0 no-repeat; } .login-input input { padding-left: 70px; width: 200px; height: 32px; border-radius: 10px!important; margin-bottom: 20px; } .login-input button { width: 278px; height: 40px; background: #206cdd; border-radius: 10px!important; border: none; box-shadow: none; text-shadow: none; } .login-input button span { color: #fff; } .login-footer { width: 100%; height: 36px; background-color: rgba(255,255,255,0.5); text-align: center; bottom: 41px; position: relative; padding-top: 5px; } .loading { -webkit-box-shadow: none!important; box-shadow: none!important; background: none!important; border: none!important; } .loading .ui-dialog-content { padding: 14px!important; } .ui-layout-north { border: none; border-radius: 0px; padding: 0px!important; margin: 0px!important; height: 90px!important; } .ui-layout-north .ui-layout-unit-content { background: url('../resources/images/head_bg.png') no-repeat; background-size: 100% 100%; padding: 0px!important; margin: 0px!important; height: 90px!important; } .ui-layout-north .ui-layout-unit-content form { height: 100%; } .header { width: 100%; height: 100%; border: none; min-width: 800px; background: none; } .header tr, .header td { border: none!important; background: none; } .header .header-logo { width: 120px; text-align: center; } .header .header-title { color: #fff; font-size: 22px; font-weight: bold; } .header .header-personal { width: 150px; color: #fff; } .header .header-personal label { height: 25px; display: inline-block; padding-top: 10px; padding-right: 25px; margin-right: 25px; } .header .header-personal a.userName { color: white; text-decoration: none; padding-right: 4px; } .header .header-personal a.logout { background: url('../resources/images/icon/icon_logout.png') no-repeat; width: 18px; height: 18px; display: inline-block; position: relative; top: 5px; } /*.header .header-personal a:hover,*/ /*.header .header-personal a:active {*/ /*background: url('../resources/images/icon/icon_close_highlighted.png') no-repeat;*/ /*}*/ .ui-layout-south { border: none; border-radius: 0px; background-color: #fff; padding: 0px!important; margin: 0px!important; height: 48px!important; min-width: 800px; } .ui-layout-south .ui-layout-unit-content { color: #7b7b7b; background-color: #fff; text-align:center; padding-top: 17px!important; border-top: 1px solid #e5e5e5!important; margin: auto; font-size: 12px; } .ui-layout-west { border-radius: 0px; border: none; background-color: #353f52; padding: 0px!important; margin: 0px!important; } .ui-layout-west .ui-layout-unit-content { border-radius: 0px; border: none; background-color: #353f52; padding: 0px!important; margin: 0px!important; overflow-x: hidden!important; } .menu { width: 180px; border: none!important; margin: 0 auto; padding: 0px!important; } .menu tr { border: none!important; padding: 0px!important; background-color: #edf0f5; } .menu tr td { border: none!important; border-bottom: 1px solid #293241!important; padding: 0px!important; background-color: #edf0f5; } .menu .menu-item { border: none; background: none; height: 76px; text-shadow: none; box-shadow: none!important; width: 100%; border-radius: 0px; padding-top: 35px; border-left: 3px solid #edf0f5; } .menu .menu-item > span { color: #8e91a1; } .menu .ui-state-hover, .menu .ui-state-focus, .menu .ui-state-active { outline: none!important; box-shadow: none!important; background: none!important; background-image: none!important; } .menu-item-selected { background-color: #22303f!important; border-left: 3px solid #206cdd!important; } .menu-item-selected a span { color: #fff!important; } .menu tr td .ui-panelmenu-panel .ui-panelmenu-header { background-color: #353f52!important; height: 38px!important; border: none!important; background-image: none!important; border: none; border-radius: 0px; box-shadow: none!important; } .menu tr td .ui-panelmenu-panel .ui-panelmenu-header .ui-icon { height: 18px!important; top: 16px; } .menu tr td .ui-panelmenu-panel .ui-panelmenu-header a { color: #ffffff; text-decoration: none; padding-right: 0px; padding-top: 8px; text-shadow: none; } .menu tr td .ui-panelmenu-panel .ui-panelmenu-content { background-color: #353f52; border: none; } .menu tr td .ui-panelmenu-panel .ui-panelmenu-content .ui-menu-list .ui-menuitem { border: none; height: 33px; padding-top: 5px; border-radius: 0px; border-left: 3px solid #353f52; } .menu tr td .ui-panelmenu-panel .ui-panelmenu-content .ui-menu-list .ui-menuitem a .ui-menuitem-text { font-size: 12px; color: #a0abbf; } .menu tr td .icon_sidebar1 .ui-panelmenu-header span { background: url('../resources/images/icon/icon_sidebar1.png') no-repeat; } .menu tr td .icon_sidebar2 .ui-panelmenu-header span { background: url('../resources/images/icon/icon_sidebar2.png') no-repeat; } .menu tr td .icon_sidebar3 .ui-panelmenu-header span { background: url('../resources/images/icon/icon_sidebar3.png') no-repeat; } .menu tr td .icon_sidebar4 .ui-panelmenu-header span { background: url('../resources/images/icon/icon_sidebar4.png') no-repeat; } #centerRootPanel { border: none; min-height: 98%; min-width: 800px; } .ui-layout-center { border-radius: 0px; background-color: #fff; border: none; margin: 0px!important; padding: 0px!important; } .ui-layout-center .ui-layout-unit-content { margin: 0px!important; padding: 0px!important; background-color: #fff; } #centerRootPanel .center-header { border-bottom: 1px solid #e5e5e5; } #centerRootPanel .center-header .title { font-size: 18px; display: block; padding-top: 22px; padding-left: 22px; margin-bottom: 20px; } #centerRootPanel .center-header .filter { margin-bottom: 10px; margin-right: 22px; } #centerRootPanel .center-header .filter tr td { padding-bottom: 10px!important; } #centerRootPanel .center-header .filter tr td > label { margin-left: 22px; } #centerRootPanel .center-header .filter input { height: 30px; background-color: #eaeef7!important; width: 150px; } #centerRootPanel .center-header .filter .ui-selectonemenu { width: 150px; } #centerRootPanel .center-header .filter .ui-selectonemenu .ui-selectonemenu-label { height: 25px; background-color: #eaeef7!important; padding-left: 10px; padding-top: 10px; } #centerRootPanel .center-header .filter .ui-selectonemenu .ui-selectonemenu-trigger { background: none!important; background-color: #eaeef7!important; border: none!important; box-shadow: none!important; } #centerRootPanel .center-header .filter .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { margin-top: 10px!important; } #centerRootPanel .center-header .filter .search,.ui-dialog .center-header .filter .search { background: #206cdd url('../resources/images/icon/icon_search.png') 13px 8px no-repeat; width: 50px; height: 38px; display: inline-block; position: relative; top: 2px; border-radius: 5px; margin-left: 20px; } #centerRootPanel .center-body .new-btn, #centerRootPanel .center-body .edit-btn, #centerRootPanel .center-body .del-btn, #centerRootPanel .center-body .import-btn, #centerRootPanel .center-body .view-btn, #centerRootPanel .center-body .ruku-btn, #centerRootPanel .center-body .cancel-btn, #centerRootPanel .center-body .save-btn, #centerRootPanel .center-body .reset-btn{ width: 120px; height: 32px; border: 1px solid #e5e5e5; border-radius: 0px; margin-right: 12px; } #centerRootPanel .center-body .new-btn { background: url('../resources/images/icon/icon_btn_new.png') 10px 7px no-repeat; } #centerRootPanel .center-body .edit-btn { background: url('../resources/images/icon/icon_btn_edit.png') 10px 7px no-repeat; } #centerRootPanel .center-body .del-btn { background: url('../resources/images/icon/icon_btn_delete.png') 10px 7px no-repeat; } #centerRootPanel .center-body .import-btn { background: url('../resources/images/icon/icon_in.png') 10px 7px no-repeat; } #centerRootPanel .center-body .view-btn { background: url('../resources/images/icon/icon_btn_see.png') 10px 7px no-repeat; } #centerRootPanel .center-body .ruku-btn { background: url('../resources/images/icon/icon_btn_ruku.png') 10px 7px no-repeat; } #centerRootPanel .center-body .cancel-btn { background: url('../resources/images/icon/icon_btn_cancel.png') 10px 7px no-repeat; } #centerRootPanel .center-body .save-btn { background: url('../resources/images/icon/icon_btn_save.png') 10px 7px no-repeat; } #centerRootPanel .center-body .reset-btn { background: url('../resources/images/icon/icon_btn_reset.png') 10px 7px no-repeat; } #centerRootPanel .center-body .btn { margin-top: 12px; margin-bottom: 12px; margin-left: 32px; margin-right: 32px; } #centerRootPanel .center-body .data-table { margin-left: 32px; margin-right: 32px; } #centerRootPanel .center-body .data-table th { height: 38px; border: none; background: #206cdd; border-radius: 0px; } #centerRootPanel .center-body .data-table th span { color: #fff; text-shadow: none; } .ui-dialog .content { width: 100%; } .ui-dialog .content .ui-outputlabel { font-size: 14px; color: #8e91a1; margin-bottom: 10px; margin-top: 16px; display: block; } .ui-dialog .content .ui-inputfield, .ui-dialog .content .ui-selectonemenu { border-radius: 5px!important; border: 1px solid #e5e5e5!important; box-shadow: none!important; background-color: #f2f2f2; height: 30px; width: 100%; } .ui-dialog .content .ui-selectonemenu { border: none!important; background: none!important; } .ui-dialog .content .ui-selectonemenu .ui-selectonemenu-label { padding-top: 10px; height: 24px; } .ui-dialog .content .ui-selectonemenu .ui-selectonemenu-trigger { background: none!important; background-color: #f2f2f2!important; border: none!important; box-shadow: none!important; right: 20px!important; top: 2px!important; } .ui-dialog .content .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { margin-top: 10px!important; } .center-body .bottom-btn { text-align: center; padding-top: 26px!important; padding-bottom: 26px!important; } .ui-dialog .btn { margin-top: 26px!important; margin-bottom: 26px!important; text-align: center; } .ui-dialog .btn .ui-button, .center-body .bottom-btn .ui-button { width: 152px; height: 40px; background: #206cdd; border: none; border-radius: 5px; } .ui-dialog .btn .ui-button span, .center-body .bottom-btn .ui-button span { color: #fff; } .ui-dialog .btn .no-btn { background: #E04D4D; margin-right: 10px; } .ui-dialog .btn .no-btn, .ui-dialog .btn .yes-btn { width: 100px; } .grid-padding-bottom tr, .grid-padding-bottom tr td { padding-bottom: 16px!important; } .grid-padding-bottom tr:last-child, .grid-padding-bottom tr td:last-child { padding-bottom: 0px!important; } #centerRootPanel .center-header2 { padding-top: 10px!important; padding-bottom: 15px!important; } #centerRootPanel .center-header2 table { width: 100%; } #centerRootPanel .center-header2 .header-column1, #centerRootPanel .center-header2 .header-column3, #centerRootPanel .center-header2 .header-column5, #centerRootPanel .center-header2 .header-column7 { width: 120px; text-align: right; } #centerRootPanel .center-header2 .header-column2 label, #centerRootPanel .center-header2 .header-column4 label, #centerRootPanel .center-header2 .header-column6 label, #centerRootPanel .center-header2 .header-column8 label { background-color: #eaeef7; width: 90%; display: block; height: 28px; margin-top: 6px; padding-top: 10px; padding-left: 10px; } .report-analysis-fire-detail-body-filter { padding-left: 36px!important; padding-right: 36px!important; padding-top: 10px!important; padding-bottom: 10px!important; } .report-analysis-fire-detail-body-filter .ui-calendar .ui-inputfield { height: 28px; background-color: #eaeef7; } .report-analysis-fire-detail-body-filter .search { width: 100px; height: 26px; background: #206cdd; border: none; border-radius: 5px; color: #fff; text-align: center; text-decoration: none; padding-top: 10px; margin-left: 20px; display: inline-block; } .quantity-warn { background-color: #ffd7da!important; background: url('../resources/images/icon/mark_warn.png') 100% 0% no-repeat; } .ui-dialog .content2 { width: 100%; } .ui-dialog .content2 .ui-outputlabel, #centerRootPanel .center-body .apply-mng-new-body .info .ui-outputlabel { font-size: 14px; color: #8e91a1; margin-bottom: 10px; margin-top: 16px; display: block; } .ui-dialog .content2 .ui-inputfield, .ui-dialog .content2 .ui-selectonemenu, #centerRootPanel .center-body .apply-mng-new-body .info .ui-inputfield, #centerRootPanel .center-body .apply-mng-new-body .info .ui-selectonemenu { border-radius: 5px!important; border: 1px solid #e5e5e5!important; box-shadow: none!important; background-color: #f2f2f2; height: 30px; width: 200px; } .ui-dialog .content2 .ui-selectonemenu, #centerRootPanel .center-body .apply-mng-new-body .info .ui-selectonemenu { border: none!important; background: none!important; } .ui-dialog .content2 .ui-selectonemenu .ui-selectonemenu-label, #centerRootPanel .center-body .apply-mng-new-body .info .ui-selectonemenu .ui-selectonemenu-label { padding-top: 10px; height: 24px; } .ui-dialog .center-body .ui-selectmanycheckbox.ui-widget { width: 100%; } .ui-dialog .center-body .ui-selectmanycheckbox.ui-widget tr td:nth-child(odd){ width: 10px; } .ui-dialog .center-body .ui-selectmanycheckbox.ui-widget tr{ height: 45px; } .ui-dialog .center-body .ui-selectmanycheckbox.ui-widget td label{ display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } .ui-dialog .content2 .ui-selectonemenu .ui-selectonemenu-trigger, #centerRootPanel .center-body .apply-mng-new-body .info .ui-selectonemenu .ui-selectonemenu-trigger { background: none!important; background-color: #f2f2f2!important; border: none!important; box-shadow: none!important; right: 20px!important; top: 2px!important; } .ui-dialog .content2 .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon, #centerRootPanel .center-body .apply-mng-new-body .info .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { margin-top: 10px!important; } .grid-padding-bottom2 tr, .grid-padding-bottom2 tr td { padding-bottom: 16px!important; } #centerRootPanel .center-body .apply-mng-new-body { border: 1px solid #e5e5e5; margin-left: 32px!important; margin-right: 32px!important; margin-top: 20px!important; margin-bottom: 20px!important; padding: 20px!important; } #centerRootPanel .center-body .apply-mng-new-body .btn { margin-top: 20px; text-align: right; } #centerRootPanel .center-body .apply-mng-new-body .btn .cancel-btn, #centerRootPanel .center-body .apply-mng-new-body .btn .reset-btn, #centerRootPanel .center-body .apply-mng-new-body .btn .save-btn { width: 102px; height: 40px; border-radius: 5px; margin-right: 12px; } #centerRootPanel .center-body .apply-mng-new-body .btn .cancel-btn { border: 1px solid #E04D4D; background: none; } #centerRootPanel .center-body .apply-mng-new-body .btn .cancel-btn span { color: #E04D4D; } #centerRootPanel .center-body .apply-mng-new-body .btn .reset-btn { border: 1px solid #333333; background: none; } #centerRootPanel .center-body .apply-mng-new-body .btn .reset-btn span { color: #333333; } #centerRootPanel .center-body .apply-mng-new-body .btn .save-btn { border: 1px solid #206cdd; background: #206cdd; } #centerRootPanel .center-body .apply-mng-new-body .btn .save-btn span { color: #ffffff; } .apply-mng-new-info-column1 { width: 100px; } .apply-mng-new-info-column2 { width: 250px; } .apply-mng-new-info-column3 { width: 350px; } #centerRootPanel .center-body .apply-mng-new-reagent-filter { margin-bottom: 12px; margin-right: 22px; margin-left: 10px; } #centerRootPanel .center-body .apply-mng-new-reagent-filter tr td > label { margin-left: 22px; } #centerRootPanel .center-body .apply-mng-new-reagent-filter input { height: 30px; background-color: #eaeef7!important; width: 150px; } #centerRootPanel .center-body .apply-mng-new-reagent-filter .search { background: #206cdd url('../resources/images/icon/icon_search.png') 13px 8px no-repeat; width: 50px; height: 38px; display: inline-block; position: relative; top: 2px; border-radius: 5px; margin-left: 20px; } .ui-dialog .data-table th { border: none; background: #206cdd; border-radius: 0px; } .ui-dialog .data-table th span { color: #fff; text-shadow: none; } #centerRootPanel .ui-tabs .ui-tabs-panel { padding-left: 0; padding-right: 0; } #centerRootPanel .center-header .store-btn { border: 1px solid #206cdd; background: #206cdd; } #centerRootPanel .center-header .store-btn span { color: #ffffff; } #centerRootPanel .center-header .store-btn { width: 102px; height: 38px; border-radius: 5px; margin-right: 12px; margin-left: 12px; } #centerRootPanel .center-header { border-bottom: 1px solid #e5e5e5; } #centerRootPanel .center-header .title { font-size: 18px; display: block; padding-top: 22px; padding-left: 22px; margin-bottom: 20px; } #centerRootPanel .center-header .filter { margin-bottom: 10px; margin-right: 22px; } #centerRootPanel .center-header .filter tr td { padding-bottom: 10px!important; } #centerRootPanel .center-header .filter tr td > label { margin-left: 22px; } #centerRootPanel .center-header .filter input { height: 30px; background-color: #eaeef7!important; width: 150px; } #centerRootPanel .center-header .filter .ui-selectonemenu { width: 150px; } #centerRootPanel .center-header .filter .ui-selectonemenu .ui-selectonemenu-label { height: 25px; background-color: #eaeef7!important; padding-left: 10px; padding-top: 10px; } #centerRootPanel .center-header .filter .ui-selectonemenu .ui-selectonemenu-trigger { background: none!important; background-color: #eaeef7!important; border: none!important; box-shadow: none!important; } #centerRootPanel .center-header .filter .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { margin-top: 10px!important; } #centerRootPanel .center-header .filter .search,.ui-dialog .center-header .filter .search { background: #206cdd url('../resources/images/icon/icon_search.png') 13px 8px no-repeat; width: 50px; height: 38px; display: inline-block; position: relative; top: 2px; border-radius: 5px; margin-left: 20px; } .container-status-form .ui-state-active { background: #206cdd !important; color: #fff !important; } .apply-user-autocomplete button{ background: none !important; border: none !important; box-shadow: none !important; } .ui-selectonemenu-panel .ui-selectonemenu-list-item{ padding: 7px 4px 7px 4px!important; } .ui-state-highlight { background-color: #badff5!important; background-image: linear-gradient(to bottom, #badff5, #badff5)!important; color: #333333!important; } .ui-datatable tbody td{ padding: 12px 10px !important; } .ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current{ padding: 1px 10px !important; vertical-align: top !important; display: inline-block !important; font-size: 14px !important; min-width: 36px !important; min-height: 28px !important; line-height: 28px !important; cursor: pointer !important; box-sizing: border-box !important; text-align: center !important; background-color: #f3f7f9 !important; color: #606266 !important; border-radius: 6px !important; margin: 0 2px !important; border: 1px solid #e6e6e6 !important; height: 30px !important; background-image: none; } .ui-paginator .ui-paginator-pages{ padding: unset !important; } .ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon, .ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon { height: 50% !important; position: relative; top: 18%; } .ui-paginator-pages .ui-state-active { background: #98A6AD !important; color: white !important; cursor: not-allowed !important; box-shadow:unset !important; text-shadow: unset !important; } .ui-paginator-pages a:hover{ transform: scale(1.07); background-color: #F4F6F8; } .ui-datepicker-calendar .ui-state-default{ text-align: center; } .favor{ display: inline-block; padding: 1px 3px 0 3px; color: #ffffff; font-size: 12px; height: 20px; border-radius: 4px; background-color: #ff870b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform: scale(0.8); } .favor-btn-common{ color: #fff; height: 32px; border-radius: 2px; cursor: pointer; } .favor-btn{ background-color: #ff6e6e; border: 2px solid #ff6e6e; } .not-favor-btn{ background-color: #1b9aee; border: 2px solid #1b9aee; } .favor-btn:hover{ background-color: #ec7070; } .not-favor-btn:hover{ background-color: #2e84ee } .table-bordered,.table-bordered>tbody>tr>td { border: 1px solid #ddd !important; } .table-bordered>tbody>tr>td { padding: 8px !important; } .toggle-class { width: 60px !important; height: 32px !important; } .toggle-class>.ui-inputswitch-handle{ width: 30px !important; height: 32px !important; } .toggle-class>.ui-inputswitch-off>span,.toggle-class>.ui-inputswitch-on>span{ line-height: 24px; } .toggle-class>.ui-state-active{ height: 32px !important; } .warning-status{ display: inline-block; padding: 1px 3px 0 3px; color: #ffffff; font-size: 12px; height: 20px; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .undo{ background-color: #ff870b; } .done{ background-color: #3dc35e; } .ac-btn{ color: #fff; background-color: #337ab7; border-color: #2e6da4; display: inline-block; padding: 12px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; text-decoration: none; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 4px; } @media screen and (max-width:1024px) { #applyMngForm table[class*=filter] td:first-child>*:nth-child(7), #applyMngForm table[class*=filter] td:first-child>*:nth-child(8), #applyMngForm table[class*=filter] td:first-child>*:nth-child(9), #applyMngForm table[class*=filter] td:first-child>*:nth-child(10), #applyMngForm table[class*=filter] td:first-child>*:nth-child(11), #applyMngForm table[class*=filter] td:last-child>div { display: none; } #approvalMngForm table[class*=filter] td:nth-child(3), #approvalMngForm table[class*=filter] td:nth-child(4), #approvalMngForm table[class*=filter] td:nth-child(5), #approvalMngForm table[class*=filter] td:nth-child(6), #approvalMngForm table[class*=filter] td:nth-child(13), #approvalMngForm table[class*=filter] td:nth-child(14) { display: none; } #orderMngForm table[class*=filter] td:nth-child(5), #orderMngForm table[class*=filter] td:nth-child(6), #orderMngForm table[class*=filter] td:nth-child(7), #orderMngForm table[class*=filter] td:nth-child(8) { display: none; } #personalUseInfoForm table[class*=filter] td:nth-child(1), #personalUseInfoForm table[class*=filter] td:nth-child(2), #personalUseInfoForm table[class*=filter] td:nth-child(3), #personalUseInfoForm table[class*=filter] td:nth-child(4), #personalUseInfoForm table[class*=filter] td:nth-child(7), #personalUseInfoForm table[class*=filter] td:nth-child(8), #personalUseInfoForm table[class*=filter] td:nth-child(9), #personalUseInfoForm table[class*=filter] td:nth-child(10) { display: none; } #reagentUseFlowInfoForm table[class*=filter] td:nth-child(1), #reagentUseFlowInfoForm table[class*=filter] td:nth-child(2), #reagentUseFlowInfoForm table[class*=filter] td:nth-child(3), #reagentUseFlowInfoForm table[class*=filter] td:nth-child(4), #reagentUseFlowInfoForm table[class*=filter] td:nth-child(9), #reagentUseFlowInfoForm table[class*=filter] td:nth-child(10) { display: none; } #reagentMngForm table[class*=filter] td:nth-child(5), #reagentMngForm table[class*=filter] td:nth-child(6), #reagentMngForm table[class*=filter] td:nth-child(7), #reagentMngForm table[class*=filter] td:nth-child(8) { display: none; } #projectMngForm table[class*=filter] td:nth-child(5), #projectMngForm table[class*=filter] td:nth-child(6) { display: none; } #supplyOrderMngForm table[class*=filter] td:nth-child(5), #supplyOrderMngForm table[class*=filter] td:nth-child(6), #supplyOrderMngForm table[class*=filter] td:nth-child(7), #supplyOrderMngForm table[class*=filter] td:nth-child(8), #supplyOrderMngForm table[class*=filter] td:nth-child(9), #supplyOrderMngForm table[class*=filter] td:nth-child(10) { display: none; } } .label-tip{ display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; background-color: #d9534f; }