@charset "UTF-8"; /* 定制样式变量 */ @import "../lib/obpm.weixinRecord.css"; @import "../lib/bootstrap-datetimepicker.css"; @import "../lib/viewer.min.css"; @import "../lib/jquery.multiselect2side.css"; @import "../lib/jquery.pagination.css"; @import "../lib/sweetalert.css"; @import "../lib/toastr.css"; @import "../lib/obpm.weixinRecord.css"; @import "../../fonts/widget_icon_lib.css"; @import "../lib/swiper.min.css"; @import "../lib/webuploader.css"; fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=radio], input[type=checkbox] { margin: 4px 0 0; margin-top: 1px \9 ; line-height: normal; } /* input[type=file] { display: block; } */ input[type=range] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline: 0px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; } .form-control, .obpm-suggest, .obom-treedepartment, .obpm-department, .obpm-user, .obpm-select, .obpm-datediv .obpm-date, .obpm-input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus, .obpm-suggest:focus, .obom-treedepartment:focus, .obpm-department:focus, .obpm-user:focus, .obpm-select:focus, .obpm-datediv .obpm-date:focus, .obpm-input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder, .obpm-suggest::-moz-placeholder, .obom-treedepartment::-moz-placeholder, .obpm-department::-moz-placeholder, .obpm-user::-moz-placeholder, .obpm-select::-moz-placeholder, .obpm-datediv .obpm-date::-moz-placeholder, .obpm-input::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder, .obpm-suggest:-ms-input-placeholder, .obom-treedepartment:-ms-input-placeholder, .obpm-department:-ms-input-placeholder, .obpm-user:-ms-input-placeholder, .obpm-select:-ms-input-placeholder, .obpm-datediv .obpm-date:-ms-input-placeholder, .obpm-input:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder, .obpm-suggest::-webkit-input-placeholder, .obom-treedepartment::-webkit-input-placeholder, .obpm-department::-webkit-input-placeholder, .obpm-user::-webkit-input-placeholder, .obpm-select::-webkit-input-placeholder, .obpm-datediv .obpm-date::-webkit-input-placeholder, .obpm-input::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand, .obpm-suggest::-ms-expand, .obom-treedepartment::-ms-expand, .obpm-department::-ms-expand, .obpm-user::-ms-expand, .obpm-select::-ms-expand, .obpm-datediv .obpm-date::-ms-expand, .obpm-input::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], [disabled].obpm-suggest, [disabled].obom-treedepartment, [disabled].obpm-department, [disabled].obpm-user, [disabled].obpm-select, .obpm-datediv [disabled].obpm-date, [disabled].obpm-input, .form-control[readonly], [readonly].obpm-suggest, [readonly].obom-treedepartment, [readonly].obpm-department, [readonly].obpm-user, [readonly].obpm-select, .obpm-datediv [readonly].obpm-date, [readonly].obpm-input, fieldset[disabled] .form-control, fieldset[disabled] .obpm-suggest, fieldset[disabled] .obom-treedepartment, fieldset[disabled] .obpm-department, fieldset[disabled] .obpm-user, fieldset[disabled] .obpm-select, fieldset[disabled] .obpm-datediv .obpm-date, .obpm-datediv fieldset[disabled] .obpm-date, fieldset[disabled] .obpm-input { background-color: #eeeeee; opacity: 1; } .form-control[disabled], [disabled].obpm-suggest, [disabled].obom-treedepartment, [disabled].obpm-department, [disabled].obpm-user, [disabled].obpm-select, .obpm-datediv [disabled].obpm-date, [disabled].obpm-input, fieldset[disabled] .form-control, fieldset[disabled] .obpm-suggest, fieldset[disabled] .obom-treedepartment, fieldset[disabled] .obpm-department, fieldset[disabled] .obpm-user, fieldset[disabled] .obpm-select, fieldset[disabled] .obpm-datediv .obpm-date, .obpm-datediv fieldset[disabled] .obpm-date, fieldset[disabled] .obpm-input { cursor: not-allowed; } textarea.form-control, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.form-control, textarea.obpm-suggest, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-suggest, textarea.obom-treedepartment, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obom-treedepartment, textarea.obpm-department, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-department, textarea.obpm-user, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-user, textarea.obpm-select, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-select, .obpm-datediv textarea.obpm-date, .obpm-datediv .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-date, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .obpm-datediv textarea.obpm-date, textarea.obpm-input, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-input { height: auto; } input[type=search] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=date].form-control, input[type=date].obpm-suggest, input[type=date].obom-treedepartment, input[type=date].obpm-department, input[type=date].obpm-user, input[type=date].obpm-select, .obpm-datediv input[type=date].obpm-date, input[type=date].obpm-input, input[type=time].form-control, input[type=time].obpm-suggest, input[type=time].obom-treedepartment, input[type=time].obpm-department, input[type=time].obpm-user, input[type=time].obpm-select, .obpm-datediv input[type=time].obpm-date, input[type=time].obpm-input, input[type=datetime-local].form-control, input[type=datetime-local].obpm-suggest, input[type=datetime-local].obom-treedepartment, input[type=datetime-local].obpm-department, input[type=datetime-local].obpm-user, input[type=datetime-local].obpm-select, .obpm-datediv input[type=datetime-local].obpm-date, input[type=datetime-local].obpm-input, input[type=month].form-control, input[type=month].obpm-suggest, input[type=month].obom-treedepartment, input[type=month].obpm-department, input[type=month].obpm-user, input[type=month].obpm-select, .obpm-datediv input[type=month].obpm-date, input[type=month].obpm-input { line-height: 34px; } input[type=date].input-sm, .input-group-sm > .input-group-btn > input[type=date].btn, .upload-box .input-group-sm > .input-group-btn > input[type=date].obpm-upload-btn, .input-group-sm > .input-group-btn > input[type=date].obpm-viewdialog-default, .input-group-sm > .input-group-btn > input[type=date].obpm-treedepartment-btn, .input-group-sm > .input-group-btn > input[type=date].obpm-userbtn, .input-group-sm input[type=date], input[type=time].input-sm, .input-group-sm > .input-group-btn > input[type=time].btn, .upload-box .input-group-sm > .input-group-btn > input[type=time].obpm-upload-btn, .input-group-sm > .input-group-btn > input[type=time].obpm-viewdialog-default, .input-group-sm > .input-group-btn > input[type=time].obpm-treedepartment-btn, .input-group-sm > .input-group-btn > input[type=time].obpm-userbtn, .input-group-sm input[type=time], input[type=datetime-local].input-sm, .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .upload-box .input-group-sm > .input-group-btn > input[type=datetime-local].obpm-upload-btn, .input-group-sm > .input-group-btn > input[type=datetime-local].obpm-viewdialog-default, .input-group-sm > .input-group-btn > input[type=datetime-local].obpm-treedepartment-btn, .input-group-sm > .input-group-btn > input[type=datetime-local].obpm-userbtn, .input-group-sm input[type=datetime-local], input[type=month].input-sm, .input-group-sm > .input-group-btn > input[type=month].btn, .upload-box .input-group-sm > .input-group-btn > input[type=month].obpm-upload-btn, .input-group-sm > .input-group-btn > input[type=month].obpm-viewdialog-default, .input-group-sm > .input-group-btn > input[type=month].obpm-treedepartment-btn, .input-group-sm > .input-group-btn > input[type=month].obpm-userbtn, .input-group-sm input[type=month] { line-height: 30px; } input[type=date].input-lg, .input-group-lg > .input-group-btn > input[type=date].btn, .upload-box .input-group-lg > .input-group-btn > input[type=date].obpm-upload-btn, .input-group-lg > .input-group-btn > input[type=date].obpm-viewdialog-default, .input-group-lg > .input-group-btn > input[type=date].obpm-treedepartment-btn, .input-group-lg > .input-group-btn > input[type=date].obpm-userbtn, .input-group-lg input[type=date], input[type=time].input-lg, .input-group-lg > .input-group-btn > input[type=time].btn, .upload-box .input-group-lg > .input-group-btn > input[type=time].obpm-upload-btn, .input-group-lg > .input-group-btn > input[type=time].obpm-viewdialog-default, .input-group-lg > .input-group-btn > input[type=time].obpm-treedepartment-btn, .input-group-lg > .input-group-btn > input[type=time].obpm-userbtn, .input-group-lg input[type=time], input[type=datetime-local].input-lg, .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .upload-box .input-group-lg > .input-group-btn > input[type=datetime-local].obpm-upload-btn, .input-group-lg > .input-group-btn > input[type=datetime-local].obpm-viewdialog-default, .input-group-lg > .input-group-btn > input[type=datetime-local].obpm-treedepartment-btn, .input-group-lg > .input-group-btn > input[type=datetime-local].obpm-userbtn, .input-group-lg input[type=datetime-local], input[type=month].input-lg, .input-group-lg > .input-group-btn > input[type=month].btn, .upload-box .input-group-lg > .input-group-btn > input[type=month].obpm-upload-btn, .input-group-lg > .input-group-btn > input[type=month].obpm-viewdialog-default, .input-group-lg > .input-group-btn > input[type=month].obpm-treedepartment-btn, .input-group-lg > .input-group-btn > input[type=month].obpm-userbtn, .input-group-lg input[type=month] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type=radio], .radio-inline input[type=radio], .obpm-radio input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { position: absolute; margin-left: -20px; margin-top: 4px \9 ; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .obpm-radio, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .obpm-radio + .radio-inline, .radio-inline + .obpm-radio, .obpm-radio + .obpm-radio, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=checkbox].disabled, fieldset[disabled] input[type=checkbox] { cursor: not-allowed; } .radio-inline.disabled, .disabled.obpm-radio, fieldset[disabled] .radio-inline, fieldset[disabled] .obpm-radio, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.obpm-suggest, .input-group-lg > .form-control-static.obom-treedepartment, .input-group-lg > .form-control-static.obpm-department, .input-group-lg > .form-control-static.obpm-user, .input-group-lg > .form-control-static.obpm-select, .obpm-datediv .input-group-lg > .form-control-static.obpm-date, .input-group-lg > .form-control-static.obpm-input, .input-group-lg > .form-control-static.input-group-addon, .obpm-datediv .input-group-lg > .form-control-static.obpm-datespan, .input-group-lg > .input-group-btn > .form-control-static.btn, .upload-box .input-group-lg > .input-group-btn > .form-control-static.obpm-upload-btn, .input-group-lg > .input-group-btn > .form-control-static.obpm-viewdialog-default, #activityTable .input-group-lg > .input-group-btn > a.form-control-static.obpm-waring, #activityTable .input-group-lg > .input-group-btn > a.form-control-static.obpm-success, .input-group-lg > .input-group-btn > .form-control-static.obpm-treedepartment-btn, .input-group-lg > .input-group-btn > .form-control-static.obpm-userbtn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.obpm-suggest, .input-group-sm > .form-control-static.obom-treedepartment, .input-group-sm > .form-control-static.obpm-department, .input-group-sm > .form-control-static.obpm-user, .input-group-sm > .form-control-static.obpm-select, .obpm-datediv .input-group-sm > .form-control-static.obpm-date, .input-group-sm > .form-control-static.obpm-input, .input-group-sm > .form-control-static.input-group-addon, .obpm-datediv .input-group-sm > .form-control-static.obpm-datespan, .input-group-sm > .input-group-btn > .form-control-static.btn, .upload-box .input-group-sm > .input-group-btn > .form-control-static.obpm-upload-btn, .input-group-sm > .input-group-btn > .form-control-static.obpm-viewdialog-default, #activityTable .input-group-sm > .input-group-btn > a.form-control-static.obpm-waring, #activityTable .input-group-sm > .input-group-btn > a.form-control-static.obpm-success, .input-group-sm > .input-group-btn > .form-control-static.obpm-treedepartment-btn, .input-group-sm > .input-group-btn > .form-control-static.obpm-userbtn { padding-left: 0; padding-right: 0; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .obpm-suggest, .input-group-sm > .obom-treedepartment, .input-group-sm > .obpm-department, .input-group-sm > .obpm-user, .input-group-sm > .obpm-select, .obpm-datediv .input-group-sm > .obpm-date, .input-group-sm > .obpm-input, .input-group-sm > .input-group-addon, .obpm-datediv .input-group-sm > .obpm-datespan, .input-group-sm > .input-group-btn > .btn, .upload-box .input-group-sm > .input-group-btn > .obpm-upload-btn, .input-group-sm > .input-group-btn > .obpm-viewdialog-default, #activityTable .input-group-sm > .input-group-btn > a.obpm-waring, #activityTable .input-group-sm > .input-group-btn > a.obpm-success, .input-group-sm > .input-group-btn > .obpm-treedepartment-btn, .input-group-sm > .input-group-btn > .obpm-userbtn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.obpm-suggest, .input-group-sm > select.obom-treedepartment, .input-group-sm > select.obpm-department, .input-group-sm > select.obpm-user, .input-group-sm > select.obpm-select, .obpm-datediv .input-group-sm > select.obpm-date, .input-group-sm > select.obpm-input, .input-group-sm > select.input-group-addon, .obpm-datediv .input-group-sm > select.obpm-datespan, .input-group-sm > .input-group-btn > select.btn, .upload-box .input-group-sm > .input-group-btn > select.obpm-upload-btn, .input-group-sm > .input-group-btn > select.obpm-viewdialog-default, .input-group-sm > .input-group-btn > select.obpm-treedepartment-btn, .input-group-sm > .input-group-btn > select.obpm-userbtn { height: 30px; line-height: 30px; } textarea.input-sm, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.input-sm, .input-group-sm > textarea.form-control, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > textarea.form-control, .input-group-sm > textarea.obpm-suggest, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > textarea.obpm-suggest, .input-group-sm > textarea.obom-treedepartment, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > textarea.obom-treedepartment, .input-group-sm > textarea.obpm-department, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > textarea.obpm-department, .input-group-sm > textarea.obpm-user, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > textarea.obpm-user, .input-group-sm > textarea.obpm-select, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > textarea.obpm-select, .obpm-datediv .input-group-sm > textarea.obpm-date, .obpm-datediv .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > textarea.obpm-date, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .obpm-datediv .input-group-sm > textarea.obpm-date, .input-group-sm > textarea.obpm-input, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > textarea.obpm-input, .input-group-sm > textarea.input-group-addon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > textarea.input-group-addon, .obpm-datediv .input-group-sm > textarea.obpm-datespan, .obpm-datediv .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > textarea.obpm-datespan, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .obpm-datediv .input-group-sm > textarea.obpm-datespan, .input-group-sm > .input-group-btn > textarea.btn, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > .input-group-btn > textarea.btn, .upload-box .input-group-sm > .input-group-btn > textarea.obpm-upload-btn, .upload-box .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > .input-group-btn > textarea.obpm-upload-btn, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .upload-box .input-group-sm > .input-group-btn > textarea.obpm-upload-btn, .input-group-sm > .input-group-btn > textarea.obpm-viewdialog-default, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > .input-group-btn > textarea.obpm-viewdialog-default, .input-group-sm > .input-group-btn > textarea.obpm-treedepartment-btn, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > .input-group-btn > textarea.obpm-treedepartment-btn, .input-group-sm > .input-group-btn > textarea.obpm-userbtn, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-sm > .input-group-btn > textarea.obpm-userbtn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].obpm-suggest, .input-group-sm > select[multiple].obom-treedepartment, .input-group-sm > select[multiple].obpm-department, .input-group-sm > select[multiple].obpm-user, .input-group-sm > select[multiple].obpm-select, .obpm-datediv .input-group-sm > select[multiple].obpm-date, .input-group-sm > select[multiple].obpm-input, .input-group-sm > select[multiple].input-group-addon, .obpm-datediv .input-group-sm > select[multiple].obpm-datespan, .input-group-sm > .input-group-btn > select[multiple].btn, .upload-box .input-group-sm > .input-group-btn > select[multiple].obpm-upload-btn, .input-group-sm > .input-group-btn > select[multiple].obpm-viewdialog-default, .input-group-sm > .input-group-btn > select[multiple].obpm-treedepartment-btn, .input-group-sm > .input-group-btn > select[multiple].obpm-userbtn { height: auto; } .form-group-sm .form-control, .form-group-sm .obpm-suggest, .form-group-sm .obom-treedepartment, .form-group-sm .obpm-department, .form-group-sm .obpm-user, .form-group-sm .obpm-select, .form-group-sm .obpm-datediv .obpm-date, .obpm-datediv .form-group-sm .obpm-date, .form-group-sm .obpm-input { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control, .form-group-sm select.obpm-suggest, .form-group-sm select.obom-treedepartment, .form-group-sm select.obpm-department, .form-group-sm select.obpm-user, .form-group-sm select.obpm-select, .form-group-sm .obpm-datediv select.obpm-date, .obpm-datediv .form-group-sm select.obpm-date, .form-group-sm select.obpm-input { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.form-control, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-sm textarea.form-control, .form-group-sm textarea.obpm-suggest, .form-group-sm .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-suggest, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-sm textarea.obpm-suggest, .form-group-sm textarea.obom-treedepartment, .form-group-sm .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obom-treedepartment, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-sm textarea.obom-treedepartment, .form-group-sm textarea.obpm-department, .form-group-sm .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-department, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-sm textarea.obpm-department, .form-group-sm textarea.obpm-user, .form-group-sm .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-user, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-sm textarea.obpm-user, .form-group-sm textarea.obpm-select, .form-group-sm .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-select, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-sm textarea.obpm-select, .form-group-sm .obpm-datediv textarea.obpm-date, .form-group-sm .obpm-datediv .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-date, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-sm .obpm-datediv textarea.obpm-date, .obpm-datediv .form-group-sm textarea.obpm-date, .obpm-datediv .form-group-sm .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-date, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .obpm-datediv .form-group-sm textarea.obpm-date, .form-group-sm textarea.obpm-input, .form-group-sm .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-input, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-sm textarea.obpm-input, .form-group-sm select[multiple].form-control, .form-group-sm select[multiple].obpm-suggest, .form-group-sm select[multiple].obom-treedepartment, .form-group-sm select[multiple].obpm-department, .form-group-sm select[multiple].obpm-user, .form-group-sm select[multiple].obpm-select, .form-group-sm .obpm-datediv select[multiple].obpm-date, .obpm-datediv .form-group-sm select[multiple].obpm-date, .form-group-sm select[multiple].obpm-input { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .obpm-suggest, .input-group-lg > .obom-treedepartment, .input-group-lg > .obpm-department, .input-group-lg > .obpm-user, .input-group-lg > .obpm-select, .obpm-datediv .input-group-lg > .obpm-date, .input-group-lg > .obpm-input, .input-group-lg > .input-group-addon, .obpm-datediv .input-group-lg > .obpm-datespan, .input-group-lg > .input-group-btn > .btn, .upload-box .input-group-lg > .input-group-btn > .obpm-upload-btn, .input-group-lg > .input-group-btn > .obpm-viewdialog-default, #activityTable .input-group-lg > .input-group-btn > a.obpm-waring, #activityTable .input-group-lg > .input-group-btn > a.obpm-success, .input-group-lg > .input-group-btn > .obpm-treedepartment-btn, .input-group-lg > .input-group-btn > .obpm-userbtn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.obpm-suggest, .input-group-lg > select.obom-treedepartment, .input-group-lg > select.obpm-department, .input-group-lg > select.obpm-user, .input-group-lg > select.obpm-select, .obpm-datediv .input-group-lg > select.obpm-date, .input-group-lg > select.obpm-input, .input-group-lg > select.input-group-addon, .obpm-datediv .input-group-lg > select.obpm-datespan, .input-group-lg > .input-group-btn > select.btn, .upload-box .input-group-lg > .input-group-btn > select.obpm-upload-btn, .input-group-lg > .input-group-btn > select.obpm-viewdialog-default, .input-group-lg > .input-group-btn > select.obpm-treedepartment-btn, .input-group-lg > .input-group-btn > select.obpm-userbtn { height: 46px; line-height: 46px; } textarea.input-lg, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.input-lg, .input-group-lg > textarea.form-control, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > textarea.form-control, .input-group-lg > textarea.obpm-suggest, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > textarea.obpm-suggest, .input-group-lg > textarea.obom-treedepartment, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > textarea.obom-treedepartment, .input-group-lg > textarea.obpm-department, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > textarea.obpm-department, .input-group-lg > textarea.obpm-user, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > textarea.obpm-user, .input-group-lg > textarea.obpm-select, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > textarea.obpm-select, .obpm-datediv .input-group-lg > textarea.obpm-date, .obpm-datediv .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > textarea.obpm-date, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .obpm-datediv .input-group-lg > textarea.obpm-date, .input-group-lg > textarea.obpm-input, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > textarea.obpm-input, .input-group-lg > textarea.input-group-addon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > textarea.input-group-addon, .obpm-datediv .input-group-lg > textarea.obpm-datespan, .obpm-datediv .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > textarea.obpm-datespan, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .obpm-datediv .input-group-lg > textarea.obpm-datespan, .input-group-lg > .input-group-btn > textarea.btn, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > .input-group-btn > textarea.btn, .upload-box .input-group-lg > .input-group-btn > textarea.obpm-upload-btn, .upload-box .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > .input-group-btn > textarea.obpm-upload-btn, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .upload-box .input-group-lg > .input-group-btn > textarea.obpm-upload-btn, .input-group-lg > .input-group-btn > textarea.obpm-viewdialog-default, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > .input-group-btn > textarea.obpm-viewdialog-default, .input-group-lg > .input-group-btn > textarea.obpm-treedepartment-btn, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > .input-group-btn > textarea.obpm-treedepartment-btn, .input-group-lg > .input-group-btn > textarea.obpm-userbtn, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .input-group-lg > .input-group-btn > textarea.obpm-userbtn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].obpm-suggest, .input-group-lg > select[multiple].obom-treedepartment, .input-group-lg > select[multiple].obpm-department, .input-group-lg > select[multiple].obpm-user, .input-group-lg > select[multiple].obpm-select, .obpm-datediv .input-group-lg > select[multiple].obpm-date, .input-group-lg > select[multiple].obpm-input, .input-group-lg > select[multiple].input-group-addon, .obpm-datediv .input-group-lg > select[multiple].obpm-datespan, .input-group-lg > .input-group-btn > select[multiple].btn, .upload-box .input-group-lg > .input-group-btn > select[multiple].obpm-upload-btn, .input-group-lg > .input-group-btn > select[multiple].obpm-viewdialog-default, .input-group-lg > .input-group-btn > select[multiple].obpm-treedepartment-btn, .input-group-lg > .input-group-btn > select[multiple].obpm-userbtn { height: auto; } .form-group-lg .form-control, .form-group-lg .obpm-suggest, .form-group-lg .obom-treedepartment, .form-group-lg .obpm-department, .form-group-lg .obpm-user, .form-group-lg .obpm-select, .form-group-lg .obpm-datediv .obpm-date, .obpm-datediv .form-group-lg .obpm-date, .form-group-lg .obpm-input { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control, .form-group-lg select.obpm-suggest, .form-group-lg select.obom-treedepartment, .form-group-lg select.obpm-department, .form-group-lg select.obpm-user, .form-group-lg select.obpm-select, .form-group-lg .obpm-datediv select.obpm-date, .obpm-datediv .form-group-lg select.obpm-date, .form-group-lg select.obpm-input { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.form-control, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-lg textarea.form-control, .form-group-lg textarea.obpm-suggest, .form-group-lg .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-suggest, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-lg textarea.obpm-suggest, .form-group-lg textarea.obom-treedepartment, .form-group-lg .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obom-treedepartment, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-lg textarea.obom-treedepartment, .form-group-lg textarea.obpm-department, .form-group-lg .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-department, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-lg textarea.obpm-department, .form-group-lg textarea.obpm-user, .form-group-lg .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-user, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-lg textarea.obpm-user, .form-group-lg textarea.obpm-select, .form-group-lg .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-select, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-lg textarea.obpm-select, .form-group-lg .obpm-datediv textarea.obpm-date, .form-group-lg .obpm-datediv .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-date, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-lg .obpm-datediv textarea.obpm-date, .obpm-datediv .form-group-lg textarea.obpm-date, .obpm-datediv .form-group-lg .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-date, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .obpm-datediv .form-group-lg textarea.obpm-date, .form-group-lg textarea.obpm-input, .form-group-lg .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea.obpm-input, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .form-group-lg textarea.obpm-input, .form-group-lg select[multiple].form-control, .form-group-lg select[multiple].obpm-suggest, .form-group-lg select[multiple].obom-treedepartment, .form-group-lg select[multiple].obpm-department, .form-group-lg select[multiple].obpm-user, .form-group-lg select[multiple].obpm-select, .form-group-lg .obpm-datediv select[multiple].obpm-date, .obpm-datediv .form-group-lg select[multiple].obpm-date, .form-group-lg select[multiple].obpm-input { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control, .has-feedback .obpm-suggest, .has-feedback .obom-treedepartment, .has-feedback .obpm-department, .has-feedback .obpm-user, .has-feedback .obpm-select, .has-feedback .obpm-datediv .obpm-date, .obpm-datediv .has-feedback .obpm-date, .has-feedback .obpm-input { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .obpm-suggest + .form-control-feedback, .input-group-lg > .obom-treedepartment + .form-control-feedback, .input-group-lg > .obpm-department + .form-control-feedback, .input-group-lg > .obpm-user + .form-control-feedback, .input-group-lg > .obpm-select + .form-control-feedback, .obpm-datediv .input-group-lg > .obpm-date + .form-control-feedback, .input-group-lg > .obpm-input + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .obpm-datediv .input-group-lg > .obpm-datespan + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .upload-box .input-group-lg > .input-group-btn > .obpm-upload-btn + .form-control-feedback, .input-group-lg > .input-group-btn > .obpm-viewdialog-default + .form-control-feedback, #activityTable .input-group-lg > .input-group-btn > a.obpm-waring + .form-control-feedback, #activityTable .input-group-lg > .input-group-btn > a.obpm-success + .form-control-feedback, .input-group-lg > .input-group-btn > .obpm-treedepartment-btn + .form-control-feedback, .input-group-lg > .input-group-btn > .obpm-userbtn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback, .form-group-lg .obpm-suggest + .form-control-feedback, .form-group-lg .obom-treedepartment + .form-control-feedback, .form-group-lg .obpm-department + .form-control-feedback, .form-group-lg .obpm-user + .form-control-feedback, .form-group-lg .obpm-select + .form-control-feedback, .form-group-lg .obpm-datediv .obpm-date + .form-control-feedback, .obpm-datediv .form-group-lg .obpm-date + .form-control-feedback, .form-group-lg .obpm-input + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .obpm-suggest + .form-control-feedback, .input-group-sm > .obom-treedepartment + .form-control-feedback, .input-group-sm > .obpm-department + .form-control-feedback, .input-group-sm > .obpm-user + .form-control-feedback, .input-group-sm > .obpm-select + .form-control-feedback, .obpm-datediv .input-group-sm > .obpm-date + .form-control-feedback, .input-group-sm > .obpm-input + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .obpm-datediv .input-group-sm > .obpm-datespan + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .upload-box .input-group-sm > .input-group-btn > .obpm-upload-btn + .form-control-feedback, .input-group-sm > .input-group-btn > .obpm-viewdialog-default + .form-control-feedback, #activityTable .input-group-sm > .input-group-btn > a.obpm-waring + .form-control-feedback, #activityTable .input-group-sm > .input-group-btn > a.obpm-success + .form-control-feedback, .input-group-sm > .input-group-btn > .obpm-treedepartment-btn + .form-control-feedback, .input-group-sm > .input-group-btn > .obpm-userbtn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback, .form-group-sm .obpm-suggest + .form-control-feedback, .form-group-sm .obom-treedepartment + .form-control-feedback, .form-group-sm .obpm-department + .form-control-feedback, .form-group-sm .obpm-user + .form-control-feedback, .form-group-sm .obpm-select + .form-control-feedback, .form-group-sm .obpm-datediv .obpm-date + .form-control-feedback, .obpm-datediv .form-group-sm .obpm-date + .form-control-feedback, .form-group-sm .obpm-input + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .obpm-radio, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.obpm-radio label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control, .has-success .obpm-suggest, .has-success .obom-treedepartment, .has-success .obpm-department, .has-success .obpm-user, .has-success .obpm-select, .has-success .obpm-datediv .obpm-date, .obpm-datediv .has-success .obpm-date, .has-success .obpm-input { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus, .has-success .obpm-suggest:focus, .has-success .obom-treedepartment:focus, .has-success .obpm-department:focus, .has-success .obpm-user:focus, .has-success .obpm-select:focus, .has-success .obpm-datediv .obpm-date:focus, .obpm-datediv .has-success .obpm-date:focus, .has-success .obpm-input:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon, .has-success .obpm-datediv .obpm-datespan, .obpm-datediv .has-success .obpm-datespan { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .obpm-radio, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.obpm-radio label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control, .has-warning .obpm-suggest, .has-warning .obom-treedepartment, .has-warning .obpm-department, .has-warning .obpm-user, .has-warning .obpm-select, .has-warning .obpm-datediv .obpm-date, .obpm-datediv .has-warning .obpm-date, .has-warning .obpm-input { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus, .has-warning .obpm-suggest:focus, .has-warning .obom-treedepartment:focus, .has-warning .obpm-department:focus, .has-warning .obpm-user:focus, .has-warning .obpm-select:focus, .has-warning .obpm-datediv .obpm-date:focus, .obpm-datediv .has-warning .obpm-date:focus, .has-warning .obpm-input:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon, .has-warning .obpm-datediv .obpm-datespan, .obpm-datediv .has-warning .obpm-datespan { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .obpm-radio, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.obpm-radio label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control, .has-error .obpm-suggest, .has-error .obom-treedepartment, .has-error .obpm-department, .has-error .obpm-user, .has-error .obpm-select, .has-error .obpm-datediv .obpm-date, .obpm-datediv .has-error .obpm-date, .has-error .obpm-input { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus, .has-error .obpm-suggest:focus, .has-error .obom-treedepartment:focus, .has-error .obpm-department:focus, .has-error .obpm-user:focus, .has-error .obpm-select:focus, .has-error .obpm-datediv .obpm-date:focus, .obpm-datediv .has-error .obpm-date:focus, .has-error .obpm-input:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon, .has-error .obpm-datediv .obpm-datespan, .obpm-datediv .has-error .obpm-datespan { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control, .form-inline .obpm-suggest, .form-inline .obom-treedepartment, .form-inline .obpm-department, .form-inline .obpm-user, .form-inline .obpm-select, .form-inline .obpm-datediv .obpm-date, .obpm-datediv .form-inline .obpm-date, .form-inline .obpm-input { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .obpm-datediv .obpm-datespan, .obpm-datediv .form-inline .input-group .obpm-datespan, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control, .form-inline .input-group .obpm-suggest, .form-inline .input-group .obom-treedepartment, .form-inline .input-group .obpm-department, .form-inline .input-group .obpm-user, .form-inline .input-group .obpm-select, .form-inline .input-group .obpm-datediv .obpm-date, .obpm-datediv .form-inline .input-group .obpm-date, .form-inline .input-group .obpm-input { width: auto; } .form-inline .input-group > .form-control, .form-inline .input-group > .obpm-suggest, .form-inline .input-group > .obom-treedepartment, .form-inline .input-group > .obpm-department, .form-inline .input-group > .obpm-user, .form-inline .input-group > .obpm-select, .form-inline .obpm-datediv .input-group > .obpm-date, .obpm-datediv .form-inline .input-group > .obpm-date, .form-inline .input-group > .obpm-input { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .obpm-radio, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control, .input-group .obpm-suggest, .input-group .obom-treedepartment, .input-group .obpm-department, .input-group .obpm-user, .input-group .obpm-select, .input-group .obpm-datediv .obpm-date, .obpm-datediv .input-group .obpm-date, .input-group .obpm-input { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .obpm-suggest:focus, .input-group .obom-treedepartment:focus, .input-group .obpm-department:focus, .input-group .obpm-user:focus, .input-group .obpm-select:focus, .input-group .obpm-datediv .obpm-date:focus, .obpm-datediv .input-group .obpm-date:focus, .input-group .obpm-input:focus { z-index: 3; } .input-group-addon, .obpm-datediv .obpm-datespan, .input-group-btn, .input-group .form-control, .input-group .obpm-suggest, .input-group .obom-treedepartment, .input-group .obpm-department, .input-group .obpm-user, .input-group .obpm-select, .input-group .obpm-datediv .obpm-date, .obpm-datediv .input-group .obpm-date, .input-group .obpm-input { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .obpm-datediv .obpm-datespan:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child), .input-group .obpm-suggest:not(:first-child):not(:last-child), .input-group .obom-treedepartment:not(:first-child):not(:last-child), .input-group .obpm-department:not(:first-child):not(:last-child), .input-group .obpm-user:not(:first-child):not(:last-child), .input-group .obpm-select:not(:first-child):not(:last-child), .input-group .obpm-datediv .obpm-date:not(:first-child):not(:last-child), .obpm-datediv .input-group .obpm-date:not(:first-child):not(:last-child), .input-group .obpm-input:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .obpm-datediv .obpm-datespan, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon, .obpm-datediv .obpm-datespan { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm, .obpm-datediv .input-sm.obpm-datespan, .input-group-sm > .input-group-addon, .obpm-datediv .input-group-sm > .obpm-datespan, .input-group-sm > .input-group-btn > .input-group-addon.btn, .upload-box .input-group-sm > .input-group-btn > .input-group-addon.obpm-upload-btn, .input-group-sm > .input-group-btn > .input-group-addon.obpm-viewdialog-default, #activityTable .input-group-sm > .input-group-btn > a.input-group-addon.obpm-waring, #activityTable .input-group-sm > .input-group-btn > a.input-group-addon.obpm-success, .input-group-sm > .input-group-btn > .input-group-addon.obpm-treedepartment-btn, .input-group-sm > .input-group-btn > .input-group-addon.obpm-userbtn, .obpm-datediv .input-group-sm > .input-group-btn > .btn.obpm-datespan, .obpm-datediv .upload-box .input-group-sm > .input-group-btn > .obpm-datespan.obpm-upload-btn, .upload-box .obpm-datediv .input-group-sm > .input-group-btn > .obpm-datespan.obpm-upload-btn, .obpm-datediv .input-group-sm > .input-group-btn > .obpm-datespan.obpm-viewdialog-default, .obpm-datediv #activityTable .input-group-sm > .input-group-btn > a.obpm-datespan.obpm-waring, #activityTable .obpm-datediv .input-group-sm > .input-group-btn > a.obpm-datespan.obpm-waring, .obpm-datediv #activityTable .input-group-sm > .input-group-btn > a.obpm-datespan.obpm-success, #activityTable .obpm-datediv .input-group-sm > .input-group-btn > a.obpm-datespan.obpm-success, .obpm-datediv .input-group-sm > .input-group-btn > .obpm-datespan.obpm-treedepartment-btn, .obpm-datediv .input-group-sm > .input-group-btn > .obpm-datespan.obpm-userbtn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg, .obpm-datediv .input-lg.obpm-datespan, .input-group-lg > .input-group-addon, .obpm-datediv .input-group-lg > .obpm-datespan, .input-group-lg > .input-group-btn > .input-group-addon.btn, .upload-box .input-group-lg > .input-group-btn > .input-group-addon.obpm-upload-btn, .input-group-lg > .input-group-btn > .input-group-addon.obpm-viewdialog-default, #activityTable .input-group-lg > .input-group-btn > a.input-group-addon.obpm-waring, #activityTable .input-group-lg > .input-group-btn > a.input-group-addon.obpm-success, .input-group-lg > .input-group-btn > .input-group-addon.obpm-treedepartment-btn, .input-group-lg > .input-group-btn > .input-group-addon.obpm-userbtn, .obpm-datediv .input-group-lg > .input-group-btn > .btn.obpm-datespan, .obpm-datediv .upload-box .input-group-lg > .input-group-btn > .obpm-datespan.obpm-upload-btn, .upload-box .obpm-datediv .input-group-lg > .input-group-btn > .obpm-datespan.obpm-upload-btn, .obpm-datediv .input-group-lg > .input-group-btn > .obpm-datespan.obpm-viewdialog-default, .obpm-datediv #activityTable .input-group-lg > .input-group-btn > a.obpm-datespan.obpm-waring, #activityTable .obpm-datediv .input-group-lg > .input-group-btn > a.obpm-datespan.obpm-waring, .obpm-datediv #activityTable .input-group-lg > .input-group-btn > a.obpm-datespan.obpm-success, #activityTable .obpm-datediv .input-group-lg > .input-group-btn > a.obpm-datespan.obpm-success, .obpm-datediv .input-group-lg > .input-group-btn > .obpm-datespan.obpm-treedepartment-btn, .obpm-datediv .input-group-lg > .input-group-btn > .obpm-datespan.obpm-userbtn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type=radio], .obpm-datediv .obpm-datespan input[type=radio], .input-group-addon input[type=checkbox], .obpm-datediv .obpm-datespan input[type=checkbox] { margin-top: 0; } .input-group .form-control:first-child, .input-group .obpm-suggest:first-child, .input-group .obom-treedepartment:first-child, .input-group .obpm-department:first-child, .input-group .obpm-user:first-child, .input-group .obpm-select:first-child, .input-group .obpm-datediv .obpm-date:first-child, .obpm-datediv .input-group .obpm-date:first-child, .input-group .obpm-input:first-child, .input-group-addon:first-child, .obpm-datediv .obpm-datespan:first-child, .input-group-btn:first-child > .btn, .upload-box .input-group-btn:first-child > .obpm-upload-btn, .input-group-btn:first-child > .obpm-viewdialog-default, #activityTable .input-group-btn:first-child > a.obpm-waring, #activityTable .input-group-btn:first-child > a.obpm-success, .input-group-btn:first-child > .obpm-treedepartment-btn, .input-group-btn:first-child > .obpm-userbtn, .input-group-btn:first-child > .btn-group > .btn, .upload-box .input-group-btn:first-child > .btn-group > .obpm-upload-btn, .input-group-btn:first-child > .btn-group > .obpm-viewdialog-default, #activityTable .input-group-btn:first-child > .btn-group > a.obpm-waring, #activityTable .input-group-btn:first-child > .btn-group > a.obpm-success, .input-group-btn:first-child > .btn-group > .obpm-treedepartment-btn, .input-group-btn:first-child > .btn-group > .obpm-userbtn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .upload-box .input-group-btn:last-child > .obpm-upload-btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .obpm-viewdialog-default:not(:last-child):not(.dropdown-toggle), #activityTable .input-group-btn:last-child > a.obpm-waring:not(:last-child):not(.dropdown-toggle), #activityTable .input-group-btn:last-child > a.obpm-success:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .obpm-treedepartment-btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .obpm-userbtn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .upload-box .input-group-btn:last-child > .btn-group:not(:last-child) > .obpm-upload-btn, .input-group-btn:last-child > .btn-group:not(:last-child) > .obpm-viewdialog-default, #activityTable .input-group-btn:last-child > .btn-group:not(:last-child) > a.obpm-waring, #activityTable .input-group-btn:last-child > .btn-group:not(:last-child) > a.obpm-success, .input-group-btn:last-child > .btn-group:not(:last-child) > .obpm-treedepartment-btn, .input-group-btn:last-child > .btn-group:not(:last-child) > .obpm-userbtn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child, .obpm-datediv .obpm-datespan:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group .obpm-suggest:last-child, .input-group .obom-treedepartment:last-child, .input-group .obpm-department:last-child, .input-group .obpm-user:last-child, .input-group .obpm-select:last-child, .input-group .obpm-datediv .obpm-date:last-child, .obpm-datediv .input-group .obpm-date:last-child, .input-group .obpm-input:last-child, .input-group-addon:last-child, .obpm-datediv .obpm-datespan:last-child, .input-group-btn:last-child > .btn, .upload-box .input-group-btn:last-child > .obpm-upload-btn, .input-group-btn:last-child > .obpm-viewdialog-default, #activityTable .input-group-btn:last-child > a.obpm-waring, #activityTable .input-group-btn:last-child > a.obpm-success, .input-group-btn:last-child > .obpm-treedepartment-btn, .input-group-btn:last-child > .obpm-userbtn, .input-group-btn:last-child > .btn-group > .btn, .upload-box .input-group-btn:last-child > .btn-group > .obpm-upload-btn, .input-group-btn:last-child > .btn-group > .obpm-viewdialog-default, #activityTable .input-group-btn:last-child > .btn-group > a.obpm-waring, #activityTable .input-group-btn:last-child > .btn-group > a.obpm-success, .input-group-btn:last-child > .btn-group > .obpm-treedepartment-btn, .input-group-btn:last-child > .btn-group > .obpm-userbtn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .upload-box .input-group-btn:first-child > .obpm-upload-btn:not(:first-child), .input-group-btn:first-child > .obpm-viewdialog-default:not(:first-child), #activityTable .input-group-btn:first-child > a.obpm-waring:not(:first-child), #activityTable .input-group-btn:first-child > a.obpm-success:not(:first-child), .input-group-btn:first-child > .obpm-treedepartment-btn:not(:first-child), .input-group-btn:first-child > .obpm-userbtn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .upload-box .input-group-btn:first-child > .btn-group:not(:first-child) > .obpm-upload-btn, .input-group-btn:first-child > .btn-group:not(:first-child) > .obpm-viewdialog-default, #activityTable .input-group-btn:first-child > .btn-group:not(:first-child) > a.obpm-waring, #activityTable .input-group-btn:first-child > .btn-group:not(:first-child) > a.obpm-success, .input-group-btn:first-child > .btn-group:not(:first-child) > .obpm-treedepartment-btn, .input-group-btn:first-child > .btn-group:not(:first-child) > .obpm-userbtn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child, .obpm-datediv .obpm-datespan:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn, .upload-box .input-group-btn > .obpm-upload-btn, .input-group-btn > .obpm-viewdialog-default, #activityTable .input-group-btn > a.obpm-waring, #activityTable .input-group-btn > a.obpm-success, .input-group-btn > .obpm-treedepartment-btn, .input-group-btn > .obpm-userbtn { position: relative; } .input-group-btn > .btn + .btn, .upload-box .input-group-btn > .obpm-upload-btn + .btn, .upload-box .input-group-btn > .btn + .obpm-upload-btn, .upload-box .input-group-btn > .obpm-upload-btn + .obpm-upload-btn, .input-group-btn > .obpm-viewdialog-default + .btn, .upload-box .input-group-btn > .obpm-viewdialog-default + .obpm-upload-btn, .input-group-btn > .btn + .obpm-viewdialog-default, .upload-box .input-group-btn > .obpm-upload-btn + .obpm-viewdialog-default, .input-group-btn > .obpm-viewdialog-default + .obpm-viewdialog-default, #activityTable .input-group-btn > a.obpm-waring + .btn, #activityTable .upload-box .input-group-btn > a.obpm-waring + .obpm-upload-btn, .upload-box #activityTable .input-group-btn > a.obpm-waring + .obpm-upload-btn, #activityTable .input-group-btn > a.obpm-waring + .obpm-viewdialog-default, #activityTable .input-group-btn > .btn + a.obpm-waring, #activityTable .upload-box .input-group-btn > .obpm-upload-btn + a.obpm-waring, .upload-box #activityTable .input-group-btn > .obpm-upload-btn + a.obpm-waring, #activityTable .input-group-btn > .obpm-viewdialog-default + a.obpm-waring, #activityTable .input-group-btn > a.obpm-waring + a.obpm-waring, #activityTable .input-group-btn > a.obpm-success + .btn, #activityTable .upload-box .input-group-btn > a.obpm-success + .obpm-upload-btn, .upload-box #activityTable .input-group-btn > a.obpm-success + .obpm-upload-btn, #activityTable .input-group-btn > a.obpm-success + .obpm-viewdialog-default, #activityTable .input-group-btn > a.obpm-success + a.obpm-waring, #activityTable .input-group-btn > .btn + a.obpm-success, #activityTable .upload-box .input-group-btn > .obpm-upload-btn + a.obpm-success, .upload-box #activityTable .input-group-btn > .obpm-upload-btn + a.obpm-success, #activityTable .input-group-btn > .obpm-viewdialog-default + a.obpm-success, #activityTable .input-group-btn > a.obpm-waring + a.obpm-success, #activityTable .input-group-btn > a.obpm-success + a.obpm-success, .input-group-btn > .obpm-treedepartment-btn + .btn, .upload-box .input-group-btn > .obpm-treedepartment-btn + .obpm-upload-btn, .input-group-btn > .obpm-treedepartment-btn + .obpm-viewdialog-default, #activityTable .input-group-btn > .obpm-treedepartment-btn + a.obpm-waring, #activityTable .input-group-btn > .obpm-treedepartment-btn + a.obpm-success, .input-group-btn > .btn + .obpm-treedepartment-btn, .upload-box .input-group-btn > .obpm-upload-btn + .obpm-treedepartment-btn, .input-group-btn > .obpm-viewdialog-default + .obpm-treedepartment-btn, #activityTable .input-group-btn > a.obpm-waring + .obpm-treedepartment-btn, #activityTable .input-group-btn > a.obpm-success + .obpm-treedepartment-btn, .input-group-btn > .obpm-treedepartment-btn + .obpm-treedepartment-btn, .input-group-btn > .obpm-userbtn + .btn, .upload-box .input-group-btn > .obpm-userbtn + .obpm-upload-btn, .input-group-btn > .obpm-userbtn + .obpm-viewdialog-default, #activityTable .input-group-btn > .obpm-userbtn + a.obpm-waring, #activityTable .input-group-btn > .obpm-userbtn + a.obpm-success, .input-group-btn > .obpm-userbtn + .obpm-treedepartment-btn, .input-group-btn > .btn + .obpm-userbtn, .upload-box .input-group-btn > .obpm-upload-btn + .obpm-userbtn, .input-group-btn > .obpm-viewdialog-default + .obpm-userbtn, #activityTable .input-group-btn > a.obpm-waring + .obpm-userbtn, #activityTable .input-group-btn > a.obpm-success + .obpm-userbtn, .input-group-btn > .obpm-treedepartment-btn + .obpm-userbtn, .input-group-btn > .obpm-userbtn + .obpm-userbtn { margin-left: -1px; } .input-group-btn > .btn:hover, .upload-box .input-group-btn > .obpm-upload-btn:hover, .input-group-btn > .obpm-viewdialog-default:hover, #activityTable .input-group-btn > a.obpm-waring:hover, #activityTable .input-group-btn > a.obpm-success:hover, .input-group-btn > .obpm-treedepartment-btn:hover, .input-group-btn > .obpm-userbtn:hover, .input-group-btn > .btn:focus, .upload-box .input-group-btn > .obpm-upload-btn:focus, .input-group-btn > .obpm-viewdialog-default:focus, #activityTable .input-group-btn > a.obpm-waring:focus, #activityTable .input-group-btn > a.obpm-success:focus, .input-group-btn > .obpm-treedepartment-btn:focus, .input-group-btn > .obpm-userbtn:focus, .input-group-btn > .btn:active, .upload-box .input-group-btn > .obpm-upload-btn:active, .input-group-btn > .obpm-viewdialog-default:active, #activityTable .input-group-btn > a.obpm-waring:active, #activityTable .input-group-btn > a.obpm-success:active, .input-group-btn > .obpm-treedepartment-btn:active, .input-group-btn > .obpm-userbtn:active { z-index: 2; } .input-group-btn:first-child > .btn, .upload-box .input-group-btn:first-child > .obpm-upload-btn, .input-group-btn:first-child > .obpm-viewdialog-default, #activityTable .input-group-btn:first-child > a.obpm-waring, #activityTable .input-group-btn:first-child > a.obpm-success, .input-group-btn:first-child > .obpm-treedepartment-btn, .input-group-btn:first-child > .obpm-userbtn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .upload-box .input-group-btn:last-child > .obpm-upload-btn, .input-group-btn:last-child > .obpm-viewdialog-default, #activityTable .input-group-btn:last-child > a.obpm-waring, #activityTable .input-group-btn:last-child > a.obpm-success, .input-group-btn:last-child > .obpm-treedepartment-btn, .input-group-btn:last-child > .obpm-userbtn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } @font-face { font-family: "Glyphicons Halflings"; src: url("../../fonts/glyphicons-halflings-regular.eot"); src: url("../../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon, .obpm-upload-icon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "*"; } .glyphicon-plus:before { content: "+"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "€"; } .glyphicon-minus:before { content: "−"; } .glyphicon-cloud:before { content: "☁"; } .glyphicon-envelope:before { content: "✉"; } .glyphicon-pencil:before { content: "✏"; } .glyphicon-glass:before { content: ""; } .glyphicon-music:before { content: ""; } .glyphicon-search:before { content: ""; } .glyphicon-heart:before { content: ""; } .glyphicon-star:before { content: ""; } .glyphicon-star-empty:before { content: ""; } .glyphicon-user:before { content: ""; } .glyphicon-film:before { content: ""; } .glyphicon-th-large:before { content: ""; } .glyphicon-th:before { content: ""; } .glyphicon-th-list:before { content: ""; } .glyphicon-ok:before { content: ""; } .glyphicon-remove:before { content: ""; } .glyphicon-zoom-in:before { content: ""; } .glyphicon-zoom-out:before { content: ""; } .glyphicon-off:before { content: ""; } .glyphicon-signal:before { content: ""; } .glyphicon-cog:before { content: ""; } .glyphicon-trash:before { content: ""; } .glyphicon-home:before { content: ""; } .glyphicon-file:before { content: ""; } .glyphicon-time:before { content: ""; } .glyphicon-road:before { content: ""; } .glyphicon-download-alt:before { content: ""; } .glyphicon-download:before { content: ""; } .glyphicon-upload:before { content: ""; } .glyphicon-inbox:before { content: ""; } .glyphicon-play-circle:before { content: ""; } .glyphicon-repeat:before { content: ""; } .glyphicon-refresh:before { content: ""; } .glyphicon-list-alt:before { content: ""; } .glyphicon-lock:before { content: ""; } .glyphicon-flag:before { content: ""; } .glyphicon-headphones:before { content: ""; } .glyphicon-volume-off:before { content: ""; } .glyphicon-volume-down:before { content: ""; } .glyphicon-volume-up:before { content: ""; } .glyphicon-qrcode:before { content: ""; } .glyphicon-barcode:before { content: ""; } .glyphicon-tag:before { content: ""; } .glyphicon-tags:before { content: ""; } .glyphicon-book:before { content: ""; } .glyphicon-bookmark:before { content: ""; } .glyphicon-print:before { content: ""; } .glyphicon-camera:before { content: ""; } .glyphicon-font:before { content: ""; } .glyphicon-bold:before { content: ""; } .glyphicon-italic:before { content: ""; } .glyphicon-text-height:before { content: ""; } .glyphicon-text-width:before { content: ""; } .glyphicon-align-left:before { content: ""; } .glyphicon-align-center:before { content: ""; } .glyphicon-align-right:before { content: ""; } .glyphicon-align-justify:before { content: ""; } .glyphicon-list:before { content: ""; } .glyphicon-indent-left:before { content: ""; } .glyphicon-indent-right:before { content: ""; } .glyphicon-facetime-video:before { content: ""; } .glyphicon-picture:before { content: ""; } .glyphicon-map-marker:before { content: ""; } .glyphicon-adjust:before { content: ""; } .glyphicon-tint:before { content: ""; } .glyphicon-edit:before { content: ""; } .glyphicon-share:before { content: ""; } .glyphicon-check:before { content: ""; } .glyphicon-move:before { content: ""; } .glyphicon-step-backward:before { content: ""; } .glyphicon-fast-backward:before { content: ""; } .glyphicon-backward:before { content: ""; } .glyphicon-play:before { content: ""; } .glyphicon-pause:before { content: ""; } .glyphicon-stop:before { content: ""; } .glyphicon-forward:before { content: ""; } .glyphicon-fast-forward:before { content: ""; } .glyphicon-step-forward:before { content: ""; } .glyphicon-eject:before { content: ""; } .glyphicon-chevron-left:before { content: ""; } .glyphicon-chevron-right:before { content: ""; } .glyphicon-plus-sign:before { content: ""; } .glyphicon-minus-sign:before { content: ""; } .glyphicon-remove-sign:before { content: ""; } .glyphicon-ok-sign:before { content: ""; } .glyphicon-question-sign:before { content: ""; } .glyphicon-info-sign:before { content: ""; } .glyphicon-screenshot:before { content: ""; } .glyphicon-remove-circle:before { content: ""; } .glyphicon-ok-circle:before { content: ""; } .glyphicon-ban-circle:before { content: ""; } .glyphicon-arrow-left:before { content: ""; } .glyphicon-arrow-right:before { content: ""; } .glyphicon-arrow-up:before { content: ""; } .glyphicon-arrow-down:before { content: ""; } .glyphicon-share-alt:before { content: ""; } .glyphicon-resize-full:before { content: ""; } .glyphicon-resize-small:before { content: ""; } .glyphicon-exclamation-sign:before { content: ""; } .glyphicon-gift:before { content: ""; } .glyphicon-leaf:before { content: ""; } .glyphicon-fire:before { content: ""; } .glyphicon-eye-open:before { content: ""; } .glyphicon-eye-close:before { content: ""; } .glyphicon-warning-sign:before { content: ""; } .glyphicon-plane:before { content: ""; } .glyphicon-calendar:before { content: ""; } .glyphicon-random:before { content: ""; } .glyphicon-comment:before { content: ""; } .glyphicon-magnet:before { content: ""; } .glyphicon-chevron-up:before { content: ""; } .glyphicon-chevron-down:before { content: ""; } .glyphicon-retweet:before { content: ""; } .glyphicon-shopping-cart:before { content: ""; } .glyphicon-folder-close:before { content: ""; } .glyphicon-folder-open:before { content: ""; } .glyphicon-resize-vertical:before { content: ""; } .glyphicon-resize-horizontal:before { content: ""; } .glyphicon-hdd:before { content: ""; } .glyphicon-bullhorn:before { content: ""; } .glyphicon-bell:before { content: ""; } .glyphicon-certificate:before { content: ""; } .glyphicon-thumbs-up:before { content: ""; } .glyphicon-thumbs-down:before { content: ""; } .glyphicon-hand-right:before { content: ""; } .glyphicon-hand-left:before { content: ""; } .glyphicon-hand-up:before { content: ""; } .glyphicon-hand-down:before { content: ""; } .glyphicon-circle-arrow-right:before { content: ""; } .glyphicon-circle-arrow-left:before { content: ""; } .glyphicon-circle-arrow-up:before { content: ""; } .glyphicon-circle-arrow-down:before { content: ""; } .glyphicon-globe:before { content: ""; } .glyphicon-wrench:before { content: ""; } .glyphicon-tasks:before { content: ""; } .glyphicon-filter:before { content: ""; } .glyphicon-briefcase:before { content: ""; } .glyphicon-fullscreen:before { content: ""; } .glyphicon-dashboard:before { content: ""; } .glyphicon-paperclip:before { content: ""; } .glyphicon-heart-empty:before { content: ""; } .glyphicon-link:before { content: ""; } .glyphicon-phone:before { content: ""; } .glyphicon-pushpin:before { content: ""; } .glyphicon-usd:before { content: ""; } .glyphicon-gbp:before { content: ""; } .glyphicon-sort:before { content: ""; } .glyphicon-sort-by-alphabet:before { content: ""; } .glyphicon-sort-by-alphabet-alt:before { content: ""; } .glyphicon-sort-by-order:before { content: ""; } .glyphicon-sort-by-order-alt:before { content: ""; } .glyphicon-sort-by-attributes:before { content: ""; } .glyphicon-sort-by-attributes-alt:before { content: ""; } .glyphicon-unchecked:before { content: ""; } .glyphicon-expand:before { content: ""; } .glyphicon-collapse-down:before { content: ""; } .glyphicon-collapse-up:before { content: ""; } .glyphicon-log-in:before { content: ""; } .glyphicon-flash:before { content: ""; } .glyphicon-log-out:before { content: ""; } .glyphicon-new-window:before { content: ""; } .glyphicon-record:before { content: ""; } .glyphicon-save:before { content: ""; } .glyphicon-open:before { content: ""; } .glyphicon-saved:before { content: ""; } .glyphicon-import:before { content: ""; } .glyphicon-export:before { content: ""; } .glyphicon-send:before { content: ""; } .glyphicon-floppy-disk:before { content: ""; } .glyphicon-floppy-saved:before { content: ""; } .glyphicon-floppy-remove:before { content: ""; } .glyphicon-floppy-save:before { content: ""; } .glyphicon-floppy-open:before { content: ""; } .glyphicon-credit-card:before { content: ""; } .glyphicon-transfer:before { content: ""; } .glyphicon-cutlery:before { content: ""; } .glyphicon-header:before { content: ""; } .glyphicon-compressed:before { content: ""; } .glyphicon-earphone:before { content: ""; } .glyphicon-phone-alt:before { content: ""; } .glyphicon-tower:before { content: ""; } .glyphicon-stats:before { content: ""; } .glyphicon-sd-video:before { content: ""; } .glyphicon-hd-video:before { content: ""; } .glyphicon-subtitles:before { content: ""; } .glyphicon-sound-stereo:before { content: ""; } .glyphicon-sound-dolby:before { content: ""; } .glyphicon-sound-5-1:before { content: ""; } .glyphicon-sound-6-1:before { content: ""; } .glyphicon-sound-7-1:before { content: ""; } .glyphicon-copyright-mark:before { content: ""; } .glyphicon-registration-mark:before { content: ""; } .glyphicon-cloud-download:before { content: ""; } .glyphicon-cloud-upload:before { content: ""; } .glyphicon-tree-conifer:before { content: ""; } .glyphicon-tree-deciduous:before { content: ""; } .glyphicon-cd:before { content: ""; } .glyphicon-save-file:before { content: ""; } .glyphicon-open-file:before { content: ""; } .glyphicon-level-up:before { content: ""; } .glyphicon-copy:before { content: ""; } .glyphicon-paste:before { content: ""; } .glyphicon-alert:before { content: ""; } .glyphicon-equalizer:before { content: ""; } .glyphicon-king:before { content: ""; } .glyphicon-queen:before { content: ""; } .glyphicon-pawn:before { content: ""; } .glyphicon-bishop:before { content: ""; } .glyphicon-knight:before { content: ""; } .glyphicon-baby-formula:before { content: ""; } .glyphicon-tent:before { content: "⛺"; } .glyphicon-blackboard:before { content: ""; } .glyphicon-bed:before { content: ""; } .glyphicon-apple:before { content: ""; } .glyphicon-erase:before { content: ""; } .glyphicon-hourglass:before { content: "⌛"; } .glyphicon-lamp:before { content: ""; } .glyphicon-duplicate:before { content: ""; } .glyphicon-piggy-bank:before { content: ""; } .glyphicon-scissors:before { content: ""; } .glyphicon-bitcoin:before { content: ""; } .glyphicon-btc:before { content: ""; } .glyphicon-xbt:before { content: ""; } .glyphicon-yen:before { content: "¥"; } .glyphicon-jpy:before { content: "¥"; } .glyphicon-ruble:before { content: "₽"; } .glyphicon-rub:before { content: "₽"; } .glyphicon-scale:before { content: ""; } .glyphicon-ice-lolly:before { content: ""; } .glyphicon-ice-lolly-tasted:before { content: ""; } .glyphicon-education:before { content: ""; } .glyphicon-option-horizontal:before { content: ""; } .glyphicon-option-vertical:before { content: ""; } .glyphicon-menu-hamburger:before { content: ""; } .glyphicon-modal-window:before { content: ""; } .glyphicon-oil:before { content: ""; } .glyphicon-grain:before { content: ""; } .glyphicon-sunglasses:before { content: ""; } .glyphicon-text-size:before { content: ""; } .glyphicon-text-color:before { content: ""; } .glyphicon-text-background:before { content: ""; } .glyphicon-object-align-top:before { content: ""; } .glyphicon-object-align-bottom:before { content: ""; } .glyphicon-object-align-horizontal:before { content: ""; } .glyphicon-object-align-left:before { content: ""; } .glyphicon-object-align-vertical:before { content: ""; } .glyphicon-object-align-right:before { content: ""; } .glyphicon-triangle-right:before { content: ""; } .glyphicon-triangle-left:before { content: ""; } .glyphicon-triangle-bottom:before { content: ""; } .glyphicon-triangle-top:before { content: ""; } .glyphicon-console:before { content: ""; } .glyphicon-superscript:before { content: ""; } .glyphicon-subscript:before { content: ""; } .glyphicon-menu-left:before { content: ""; } .glyphicon-menu-right:before { content: ""; } .glyphicon-menu-down:before { content: ""; } .glyphicon-menu-up:before { content: ""; } .btn, .upload-box .obpm-upload-btn, .obpm-viewdialog-default, #activityTable a.obpm-waring, #activityTable a.obpm-success, .obpm-treedepartment-btn, .obpm-userbtn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 3px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .upload-box .obpm-upload-btn:focus, .obpm-viewdialog-default:focus, #activityTable a.obpm-waring:focus, #activityTable a.obpm-success:focus, .obpm-treedepartment-btn:focus, .obpm-userbtn:focus, .btn.focus, .upload-box .focus.obpm-upload-btn, .focus.obpm-viewdialog-default, #activityTable a.focus.obpm-waring, #activityTable a.focus.obpm-success, .focus.obpm-treedepartment-btn, .focus.obpm-userbtn, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: 0px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .upload-box .obpm-upload-btn:hover, .obpm-viewdialog-default:hover, #activityTable a.obpm-waring:hover, #activityTable a.obpm-success:hover, .obpm-treedepartment-btn:hover, .obpm-userbtn:hover, .btn:focus, .upload-box .obpm-upload-btn:focus, .obpm-viewdialog-default:focus, #activityTable a.obpm-waring:focus, #activityTable a.obpm-success:focus, .obpm-treedepartment-btn:focus, .obpm-userbtn:focus, .btn.focus, .upload-box .focus.obpm-upload-btn, .focus.obpm-viewdialog-default, #activityTable a.focus.obpm-waring, #activityTable a.focus.obpm-success, .focus.obpm-treedepartment-btn, .focus.obpm-userbtn { color: #333; text-decoration: none; } .btn:active, .upload-box .obpm-upload-btn:active, .obpm-viewdialog-default:active, #activityTable a.obpm-waring:active, #activityTable a.obpm-success:active, .obpm-treedepartment-btn:active, .obpm-userbtn:active, .btn.active, .upload-box .active.obpm-upload-btn, .active.obpm-viewdialog-default, #activityTable a.active.obpm-waring, #activityTable a.active.obpm-success, .active.obpm-treedepartment-btn, .active.obpm-userbtn { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .upload-box .disabled.obpm-upload-btn, .disabled.obpm-viewdialog-default, #activityTable a.disabled.obpm-waring, #activityTable a.disabled.obpm-success, .disabled.obpm-treedepartment-btn, .disabled.obpm-userbtn, .btn[disabled], .upload-box [disabled].obpm-upload-btn, [disabled].obpm-viewdialog-default, #activityTable a[disabled].obpm-waring, #activityTable a[disabled].obpm-success, [disabled].obpm-treedepartment-btn, [disabled].obpm-userbtn, fieldset[disabled] .btn, fieldset[disabled] .upload-box .obpm-upload-btn, .upload-box fieldset[disabled] .obpm-upload-btn, fieldset[disabled] .obpm-viewdialog-default, fieldset[disabled] #activityTable a.obpm-waring, #activityTable fieldset[disabled] a.obpm-waring, fieldset[disabled] #activityTable a.obpm-success, #activityTable fieldset[disabled] a.obpm-success, fieldset[disabled] .obpm-treedepartment-btn, fieldset[disabled] .obpm-userbtn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, .upload-box a.disabled.obpm-upload-btn, a.disabled.obpm-viewdialog-default, #activityTable a.disabled.obpm-waring, #activityTable a.disabled.obpm-success, a.disabled.obpm-treedepartment-btn, a.disabled.obpm-userbtn, fieldset[disabled] a.btn, fieldset[disabled] .upload-box a.obpm-upload-btn, .upload-box fieldset[disabled] a.obpm-upload-btn, fieldset[disabled] a.obpm-viewdialog-default, fieldset[disabled] #activityTable a.obpm-waring, #activityTable fieldset[disabled] a.obpm-waring, fieldset[disabled] #activityTable a.obpm-success, #activityTable fieldset[disabled] a.obpm-success, fieldset[disabled] a.obpm-treedepartment-btn, fieldset[disabled] a.obpm-userbtn { pointer-events: none; } .btn-default, .obpm-viewdialog-default, #activityTable a.obpm-default, .obpm-treedepartment-btn, .obpm-userbtn { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .obpm-viewdialog-default:focus, #activityTable a.obpm-default:focus, .obpm-treedepartment-btn:focus, .obpm-userbtn:focus, .btn-default.focus, .focus.obpm-viewdialog-default, #activityTable a.focus.obpm-default, .focus.obpm-treedepartment-btn, .focus.obpm-userbtn { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover, .obpm-viewdialog-default:hover, #activityTable a.obpm-default:hover, .obpm-treedepartment-btn:hover, .obpm-userbtn:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .obpm-viewdialog-default:active, #activityTable a.obpm-default:active, .obpm-treedepartment-btn:active, .obpm-userbtn:active, .btn-default.active, .active.obpm-viewdialog-default, #activityTable a.active.obpm-default, .active.obpm-treedepartment-btn, .active.obpm-userbtn, .open > .btn-default.dropdown-toggle, .open > .dropdown-toggle.obpm-viewdialog-default, #activityTable .open > a.dropdown-toggle.obpm-default, .open > .dropdown-toggle.obpm-treedepartment-btn, .open > .dropdown-toggle.obpm-userbtn { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .obpm-viewdialog-default:active:hover, #activityTable a.obpm-default:active:hover, .obpm-treedepartment-btn:active:hover, .obpm-userbtn:active:hover, .btn-default:active:focus, .obpm-viewdialog-default:active:focus, #activityTable a.obpm-default:active:focus, .obpm-treedepartment-btn:active:focus, .obpm-userbtn:active:focus, .btn-default:active.focus, .obpm-viewdialog-default:active.focus, #activityTable a.obpm-default:active.focus, .obpm-treedepartment-btn:active.focus, .obpm-userbtn:active.focus, .btn-default.active:hover, .active.obpm-viewdialog-default:hover, #activityTable a.active.obpm-default:hover, .active.obpm-treedepartment-btn:hover, .active.obpm-userbtn:hover, .btn-default.active:focus, .active.obpm-viewdialog-default:focus, #activityTable a.active.obpm-default:focus, .active.obpm-treedepartment-btn:focus, .active.obpm-userbtn:focus, .btn-default.active.focus, .active.focus.obpm-viewdialog-default, #activityTable a.active.focus.obpm-default, .active.focus.obpm-treedepartment-btn, .active.focus.obpm-userbtn, .open > .btn-default.dropdown-toggle:hover, .open > .dropdown-toggle.obpm-viewdialog-default:hover, #activityTable .open > a.dropdown-toggle.obpm-default:hover, .open > .dropdown-toggle.obpm-treedepartment-btn:hover, .open > .dropdown-toggle.obpm-userbtn:hover, .open > .btn-default.dropdown-toggle:focus, .open > .dropdown-toggle.obpm-viewdialog-default:focus, #activityTable .open > a.dropdown-toggle.obpm-default:focus, .open > .dropdown-toggle.obpm-treedepartment-btn:focus, .open > .dropdown-toggle.obpm-userbtn:focus, .open > .btn-default.dropdown-toggle.focus, .open > .dropdown-toggle.focus.obpm-viewdialog-default, #activityTable .open > a.dropdown-toggle.focus.obpm-default, .open > .dropdown-toggle.focus.obpm-treedepartment-btn, .open > .dropdown-toggle.focus.obpm-userbtn { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .obpm-viewdialog-default:active, #activityTable a.obpm-default:active, .obpm-treedepartment-btn:active, .obpm-userbtn:active, .btn-default.active, .active.obpm-viewdialog-default, #activityTable a.active.obpm-default, .active.obpm-treedepartment-btn, .active.obpm-userbtn, .open > .btn-default.dropdown-toggle, .open > .dropdown-toggle.obpm-viewdialog-default, #activityTable .open > a.dropdown-toggle.obpm-default, .open > .dropdown-toggle.obpm-treedepartment-btn, .open > .dropdown-toggle.obpm-userbtn { background-image: none; } .btn-default.disabled:hover, .disabled.obpm-viewdialog-default:hover, #activityTable a.disabled.obpm-default:hover, .disabled.obpm-treedepartment-btn:hover, .disabled.obpm-userbtn:hover, .btn-default.disabled:focus, .disabled.obpm-viewdialog-default:focus, #activityTable a.disabled.obpm-default:focus, .disabled.obpm-treedepartment-btn:focus, .disabled.obpm-userbtn:focus, .btn-default.disabled.focus, .disabled.focus.obpm-viewdialog-default, #activityTable a.disabled.focus.obpm-default, .disabled.focus.obpm-treedepartment-btn, .disabled.focus.obpm-userbtn, .btn-default[disabled]:hover, [disabled].obpm-viewdialog-default:hover, #activityTable a[disabled].obpm-default:hover, [disabled].obpm-treedepartment-btn:hover, [disabled].obpm-userbtn:hover, .btn-default[disabled]:focus, [disabled].obpm-viewdialog-default:focus, #activityTable a[disabled].obpm-default:focus, [disabled].obpm-treedepartment-btn:focus, [disabled].obpm-userbtn:focus, .btn-default[disabled].focus, [disabled].focus.obpm-viewdialog-default, #activityTable a[disabled].focus.obpm-default, [disabled].focus.obpm-treedepartment-btn, [disabled].focus.obpm-userbtn, fieldset[disabled] .btn-default:hover, fieldset[disabled] .obpm-viewdialog-default:hover, fieldset[disabled] #activityTable a.obpm-default:hover, #activityTable fieldset[disabled] a.obpm-default:hover, fieldset[disabled] .obpm-treedepartment-btn:hover, fieldset[disabled] .obpm-userbtn:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .obpm-viewdialog-default:focus, fieldset[disabled] #activityTable a.obpm-default:focus, #activityTable fieldset[disabled] a.obpm-default:focus, fieldset[disabled] .obpm-treedepartment-btn:focus, fieldset[disabled] .obpm-userbtn:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .focus.obpm-viewdialog-default, fieldset[disabled] #activityTable a.focus.obpm-default, #activityTable fieldset[disabled] a.focus.obpm-default, fieldset[disabled] .focus.obpm-treedepartment-btn, fieldset[disabled] .focus.obpm-userbtn { background-color: #fff; border-color: #ccc; } .btn-default .badge, .obpm-viewdialog-default .badge, #activityTable a.obpm-default .badge, .obpm-treedepartment-btn .badge, .obpm-userbtn .badge { color: #fff; background-color: #333; } .btn-primary, #activityTable a.obpm-primary { color: #fff; background-color: #2e8ad7; border-color: #2e8ad7; } .btn-primary:focus, #activityTable a.obpm-primary:focus, .btn-primary.focus, #activityTable a.focus.obpm-primary { color: #fff; background-color: #286090; /* border-color: #122b40; */ } .btn-primary:hover, #activityTable a.obpm-primary:hover { color: #fff; background-color: #286090; /* border-color: #204d74; */ } .btn-primary:active, #activityTable a.obpm-primary:active, .btn-primary.active, #activityTable a.active.obpm-primary, .open > .btn-primary.dropdown-toggle, #activityTable .open > a.dropdown-toggle.obpm-primary { color: #fff; background-color: #286090; /* border-color: #204d74; */ } .btn-primary:active:hover, #activityTable a.obpm-primary:active:hover, .btn-primary:active:focus, #activityTable a.obpm-primary:active:focus, .btn-primary:active.focus, #activityTable a.obpm-primary:active.focus, .btn-primary.active:hover, #activityTable a.active.obpm-primary:hover, .btn-primary.active:focus, #activityTable a.active.obpm-primary:focus, .btn-primary.active.focus, #activityTable a.active.focus.obpm-primary, .open > .btn-primary.dropdown-toggle:hover, #activityTable .open > a.dropdown-toggle.obpm-primary:hover, .open > .btn-primary.dropdown-toggle:focus, #activityTable .open > a.dropdown-toggle.obpm-primary:focus, .open > .btn-primary.dropdown-toggle.focus, #activityTable .open > a.dropdown-toggle.focus.obpm-primary { color: #fff; background-color: #204d74; /* border-color: #122b40; */ } .btn-primary:active, #activityTable a.obpm-primary:active, .btn-primary.active, #activityTable a.active.obpm-primary, .open > .btn-primary.dropdown-toggle, #activityTable .open > a.dropdown-toggle.obpm-primary { background-image: none; } .btn-primary.disabled:hover, #activityTable a.disabled.obpm-primary:hover, .btn-primary.disabled:focus, #activityTable a.disabled.obpm-primary:focus, .btn-primary.disabled.focus, #activityTable a.disabled.focus.obpm-primary, .btn-primary[disabled]:hover, #activityTable a[disabled].obpm-primary:hover, .btn-primary[disabled]:focus, #activityTable a[disabled].obpm-primary:focus, .btn-primary[disabled].focus, #activityTable a[disabled].focus.obpm-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] #activityTable a.obpm-primary:hover, #activityTable fieldset[disabled] a.obpm-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] #activityTable a.obpm-primary:focus, #activityTable fieldset[disabled] a.obpm-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] #activityTable a.focus.obpm-primary, #activityTable fieldset[disabled] a.focus.obpm-primary { background-color: #337ab7; /* border-color: #2e6da4; */ } .btn-primary .badge, #activityTable a.obpm-primary .badge { color: #337ab7; background-color: #fff; } .btn-success, #activityTable a.obpm-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, #activityTable a.obpm-success:focus, .btn-success.focus, #activityTable a.focus.obpm-success { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover, #activityTable a.obpm-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, #activityTable a.obpm-success:active, .btn-success.active, #activityTable a.active.obpm-success, .open > .btn-success.dropdown-toggle, #activityTable .open > a.dropdown-toggle.obpm-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, #activityTable a.obpm-success:active:hover, .btn-success:active:focus, #activityTable a.obpm-success:active:focus, .btn-success:active.focus, #activityTable a.obpm-success:active.focus, .btn-success.active:hover, #activityTable a.active.obpm-success:hover, .btn-success.active:focus, #activityTable a.active.obpm-success:focus, .btn-success.active.focus, #activityTable a.active.focus.obpm-success, .open > .btn-success.dropdown-toggle:hover, #activityTable .open > a.dropdown-toggle.obpm-success:hover, .open > .btn-success.dropdown-toggle:focus, #activityTable .open > a.dropdown-toggle.obpm-success:focus, .open > .btn-success.dropdown-toggle.focus, #activityTable .open > a.dropdown-toggle.focus.obpm-success { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, #activityTable a.obpm-success:active, .btn-success.active, #activityTable a.active.obpm-success, .open > .btn-success.dropdown-toggle, #activityTable .open > a.dropdown-toggle.obpm-success { background-image: none; } .btn-success.disabled:hover, #activityTable a.disabled.obpm-success:hover, .btn-success.disabled:focus, #activityTable a.disabled.obpm-success:focus, .btn-success.disabled.focus, #activityTable a.disabled.focus.obpm-success, .btn-success[disabled]:hover, #activityTable a[disabled].obpm-success:hover, .btn-success[disabled]:focus, #activityTable a[disabled].obpm-success:focus, .btn-success[disabled].focus, #activityTable a[disabled].focus.obpm-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] #activityTable a.obpm-success:hover, #activityTable fieldset[disabled] a.obpm-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] #activityTable a.obpm-success:focus, #activityTable fieldset[disabled] a.obpm-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] #activityTable a.focus.obpm-success, #activityTable fieldset[disabled] a.focus.obpm-success { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge, #activityTable a.obpm-success .badge { color: #5cb85c; background-color: #fff; } .btn-info, #activityTable .btn, #activityTable .upload-box .obpm-upload-btn, .upload-box #activityTable .obpm-upload-btn, #activityTable .obpm-userbtn, #activityTable .obpm-treedepartment-btn, #activityTable a.obpm-success, #activityTable a.obpm-waring, #activityTable .obpm-viewdialog-default, #activityTable a.obpm-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, #activityTable .btn:focus, #activityTable .upload-box .obpm-upload-btn:focus, .upload-box #activityTable .obpm-upload-btn:focus, #activityTable .obpm-userbtn:focus, #activityTable .obpm-treedepartment-btn:focus, #activityTable a.obpm-success:focus, #activityTable a.obpm-waring:focus, #activityTable .obpm-viewdialog-default:focus, #activityTable a.obpm-info:focus, .btn-info.focus, #activityTable .focus.btn, #activityTable .upload-box .focus.obpm-upload-btn, .upload-box #activityTable .focus.obpm-upload-btn, #activityTable .focus.obpm-userbtn, #activityTable .focus.obpm-treedepartment-btn, #activityTable a.focus.obpm-success, #activityTable a.focus.obpm-waring, #activityTable .focus.obpm-viewdialog-default, #activityTable a.focus.obpm-info { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover, #activityTable .btn:hover, #activityTable .upload-box .obpm-upload-btn:hover, .upload-box #activityTable .obpm-upload-btn:hover, #activityTable .obpm-userbtn:hover, #activityTable .obpm-treedepartment-btn:hover, #activityTable a.obpm-success:hover, #activityTable a.obpm-waring:hover, #activityTable .obpm-viewdialog-default:hover, #activityTable a.obpm-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, #activityTable .btn:active, #activityTable .upload-box .obpm-upload-btn:active, .upload-box #activityTable .obpm-upload-btn:active, #activityTable .obpm-userbtn:active, #activityTable .obpm-treedepartment-btn:active, #activityTable a.obpm-success:active, #activityTable a.obpm-waring:active, #activityTable .obpm-viewdialog-default:active, #activityTable a.obpm-info:active, .btn-info.active, #activityTable .active.btn, #activityTable .upload-box .active.obpm-upload-btn, .upload-box #activityTable .active.obpm-upload-btn, #activityTable .active.obpm-userbtn, #activityTable .active.obpm-treedepartment-btn, #activityTable a.active.obpm-success, #activityTable a.active.obpm-waring, #activityTable .active.obpm-viewdialog-default, #activityTable a.active.obpm-info, .open > .btn-info.dropdown-toggle, #activityTable .open > .dropdown-toggle.btn, #activityTable .upload-box .open > .dropdown-toggle.obpm-upload-btn, .upload-box #activityTable .open > .dropdown-toggle.obpm-upload-btn, #activityTable .open > .dropdown-toggle.obpm-userbtn, #activityTable .open > .dropdown-toggle.obpm-treedepartment-btn, #activityTable .open > a.dropdown-toggle.obpm-success, #activityTable .open > a.dropdown-toggle.obpm-waring, #activityTable .open > .dropdown-toggle.obpm-viewdialog-default, #activityTable .open > a.dropdown-toggle.obpm-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, #activityTable .btn:active:hover, #activityTable .upload-box .obpm-upload-btn:active:hover, .upload-box #activityTable .obpm-upload-btn:active:hover, #activityTable .obpm-userbtn:active:hover, #activityTable .obpm-treedepartment-btn:active:hover, #activityTable a.obpm-success:active:hover, #activityTable a.obpm-waring:active:hover, #activityTable .obpm-viewdialog-default:active:hover, #activityTable a.obpm-info:active:hover, .btn-info:active:focus, #activityTable .btn:active:focus, #activityTable .upload-box .obpm-upload-btn:active:focus, .upload-box #activityTable .obpm-upload-btn:active:focus, #activityTable .obpm-userbtn:active:focus, #activityTable .obpm-treedepartment-btn:active:focus, #activityTable a.obpm-success:active:focus, #activityTable a.obpm-waring:active:focus, #activityTable .obpm-viewdialog-default:active:focus, #activityTable a.obpm-info:active:focus, .btn-info:active.focus, #activityTable .btn:active.focus, #activityTable .upload-box .obpm-upload-btn:active.focus, .upload-box #activityTable .obpm-upload-btn:active.focus, #activityTable .obpm-userbtn:active.focus, #activityTable .obpm-treedepartment-btn:active.focus, #activityTable a.obpm-success:active.focus, #activityTable a.obpm-waring:active.focus, #activityTable .obpm-viewdialog-default:active.focus, #activityTable a.obpm-info:active.focus, .btn-info.active:hover, #activityTable .active.btn:hover, #activityTable .upload-box .active.obpm-upload-btn:hover, .upload-box #activityTable .active.obpm-upload-btn:hover, #activityTable .active.obpm-userbtn:hover, #activityTable .active.obpm-treedepartment-btn:hover, #activityTable a.active.obpm-success:hover, #activityTable a.active.obpm-waring:hover, #activityTable .active.obpm-viewdialog-default:hover, #activityTable a.active.obpm-info:hover, .btn-info.active:focus, #activityTable .active.btn:focus, #activityTable .upload-box .active.obpm-upload-btn:focus, .upload-box #activityTable .active.obpm-upload-btn:focus, #activityTable .active.obpm-userbtn:focus, #activityTable .active.obpm-treedepartment-btn:focus, #activityTable a.active.obpm-success:focus, #activityTable a.active.obpm-waring:focus, #activityTable .active.obpm-viewdialog-default:focus, #activityTable a.active.obpm-info:focus, .btn-info.active.focus, #activityTable .active.focus.btn, #activityTable .upload-box .active.focus.obpm-upload-btn, .upload-box #activityTable .active.focus.obpm-upload-btn, #activityTable .active.focus.obpm-userbtn, #activityTable .active.focus.obpm-treedepartment-btn, #activityTable a.active.focus.obpm-success, #activityTable a.active.focus.obpm-waring, #activityTable .active.focus.obpm-viewdialog-default, #activityTable a.active.focus.obpm-info, .open > .btn-info.dropdown-toggle:hover, #activityTable .open > .dropdown-toggle.btn:hover, #activityTable .upload-box .open > .dropdown-toggle.obpm-upload-btn:hover, .upload-box #activityTable .open > .dropdown-toggle.obpm-upload-btn:hover, #activityTable .open > .dropdown-toggle.obpm-userbtn:hover, #activityTable .open > .dropdown-toggle.obpm-treedepartment-btn:hover, #activityTable .open > a.dropdown-toggle.obpm-success:hover, #activityTable .open > a.dropdown-toggle.obpm-waring:hover, #activityTable .open > .dropdown-toggle.obpm-viewdialog-default:hover, #activityTable .open > a.dropdown-toggle.obpm-info:hover, .open > .btn-info.dropdown-toggle:focus, #activityTable .open > .dropdown-toggle.btn:focus, #activityTable .upload-box .open > .dropdown-toggle.obpm-upload-btn:focus, .upload-box #activityTable .open > .dropdown-toggle.obpm-upload-btn:focus, #activityTable .open > .dropdown-toggle.obpm-userbtn:focus, #activityTable .open > .dropdown-toggle.obpm-treedepartment-btn:focus, #activityTable .open > a.dropdown-toggle.obpm-success:focus, #activityTable .open > a.dropdown-toggle.obpm-waring:focus, #activityTable .open > .dropdown-toggle.obpm-viewdialog-default:focus, #activityTable .open > a.dropdown-toggle.obpm-info:focus, .open > .btn-info.dropdown-toggle.focus, #activityTable .open > .dropdown-toggle.focus.btn, #activityTable .upload-box .open > .dropdown-toggle.focus.obpm-upload-btn, .upload-box #activityTable .open > .dropdown-toggle.focus.obpm-upload-btn, #activityTable .open > .dropdown-toggle.focus.obpm-userbtn, #activityTable .open > .dropdown-toggle.focus.obpm-treedepartment-btn, #activityTable .open > a.dropdown-toggle.focus.obpm-success, #activityTable .open > a.dropdown-toggle.focus.obpm-waring, #activityTable .open > .dropdown-toggle.focus.obpm-viewdialog-default, #activityTable .open > a.dropdown-toggle.focus.obpm-info { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, #activityTable .btn:active, #activityTable .upload-box .obpm-upload-btn:active, .upload-box #activityTable .obpm-upload-btn:active, #activityTable .obpm-userbtn:active, #activityTable .obpm-treedepartment-btn:active, #activityTable a.obpm-success:active, #activityTable a.obpm-waring:active, #activityTable .obpm-viewdialog-default:active, #activityTable a.obpm-info:active, .btn-info.active, #activityTable .active.btn, #activityTable .upload-box .active.obpm-upload-btn, .upload-box #activityTable .active.obpm-upload-btn, #activityTable .active.obpm-userbtn, #activityTable .active.obpm-treedepartment-btn, #activityTable a.active.obpm-success, #activityTable a.active.obpm-waring, #activityTable .active.obpm-viewdialog-default, #activityTable a.active.obpm-info, .open > .btn-info.dropdown-toggle, #activityTable .open > .dropdown-toggle.btn, #activityTable .upload-box .open > .dropdown-toggle.obpm-upload-btn, .upload-box #activityTable .open > .dropdown-toggle.obpm-upload-btn, #activityTable .open > .dropdown-toggle.obpm-userbtn, #activityTable .open > .dropdown-toggle.obpm-treedepartment-btn, #activityTable .open > a.dropdown-toggle.obpm-success, #activityTable .open > a.dropdown-toggle.obpm-waring, #activityTable .open > .dropdown-toggle.obpm-viewdialog-default, #activityTable .open > a.dropdown-toggle.obpm-info { background-image: none; } .btn-info.disabled:hover, #activityTable .disabled.btn:hover, #activityTable .upload-box .disabled.obpm-upload-btn:hover, .upload-box #activityTable .disabled.obpm-upload-btn:hover, #activityTable .disabled.obpm-userbtn:hover, #activityTable .disabled.obpm-treedepartment-btn:hover, #activityTable a.disabled.obpm-success:hover, #activityTable a.disabled.obpm-waring:hover, #activityTable .disabled.obpm-viewdialog-default:hover, #activityTable a.disabled.obpm-info:hover, .btn-info.disabled:focus, #activityTable .disabled.btn:focus, #activityTable .upload-box .disabled.obpm-upload-btn:focus, .upload-box #activityTable .disabled.obpm-upload-btn:focus, #activityTable .disabled.obpm-userbtn:focus, #activityTable .disabled.obpm-treedepartment-btn:focus, #activityTable a.disabled.obpm-success:focus, #activityTable a.disabled.obpm-waring:focus, #activityTable .disabled.obpm-viewdialog-default:focus, #activityTable a.disabled.obpm-info:focus, .btn-info.disabled.focus, #activityTable .disabled.focus.btn, #activityTable .upload-box .disabled.focus.obpm-upload-btn, .upload-box #activityTable .disabled.focus.obpm-upload-btn, #activityTable .disabled.focus.obpm-userbtn, #activityTable .disabled.focus.obpm-treedepartment-btn, #activityTable a.disabled.focus.obpm-success, #activityTable a.disabled.focus.obpm-waring, #activityTable .disabled.focus.obpm-viewdialog-default, #activityTable a.disabled.focus.obpm-info, .btn-info[disabled]:hover, #activityTable [disabled].btn:hover, #activityTable .upload-box [disabled].obpm-upload-btn:hover, .upload-box #activityTable [disabled].obpm-upload-btn:hover, #activityTable [disabled].obpm-userbtn:hover, #activityTable [disabled].obpm-treedepartment-btn:hover, #activityTable a[disabled].obpm-success:hover, #activityTable a[disabled].obpm-waring:hover, #activityTable [disabled].obpm-viewdialog-default:hover, #activityTable a[disabled].obpm-info:hover, .btn-info[disabled]:focus, #activityTable [disabled].btn:focus, #activityTable .upload-box [disabled].obpm-upload-btn:focus, .upload-box #activityTable [disabled].obpm-upload-btn:focus, #activityTable [disabled].obpm-userbtn:focus, #activityTable [disabled].obpm-treedepartment-btn:focus, #activityTable a[disabled].obpm-success:focus, #activityTable a[disabled].obpm-waring:focus, #activityTable [disabled].obpm-viewdialog-default:focus, #activityTable a[disabled].obpm-info:focus, .btn-info[disabled].focus, #activityTable [disabled].focus.btn, #activityTable .upload-box [disabled].focus.obpm-upload-btn, .upload-box #activityTable [disabled].focus.obpm-upload-btn, #activityTable [disabled].focus.obpm-userbtn, #activityTable [disabled].focus.obpm-treedepartment-btn, #activityTable a[disabled].focus.obpm-success, #activityTable a[disabled].focus.obpm-waring, #activityTable [disabled].focus.obpm-viewdialog-default, #activityTable a[disabled].focus.obpm-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] #activityTable .btn:hover, fieldset[disabled] #activityTable .upload-box .obpm-upload-btn:hover, .upload-box fieldset[disabled] #activityTable .obpm-upload-btn:hover, #activityTable fieldset[disabled] .btn:hover, #activityTable fieldset[disabled] .upload-box .obpm-upload-btn:hover, .upload-box #activityTable fieldset[disabled] .obpm-upload-btn:hover, fieldset[disabled] #activityTable .obpm-userbtn:hover, #activityTable fieldset[disabled] .obpm-userbtn:hover, fieldset[disabled] #activityTable .obpm-treedepartment-btn:hover, #activityTable fieldset[disabled] .obpm-treedepartment-btn:hover, fieldset[disabled] #activityTable a.obpm-success:hover, #activityTable fieldset[disabled] a.obpm-success:hover, fieldset[disabled] #activityTable a.obpm-waring:hover, #activityTable fieldset[disabled] a.obpm-waring:hover, fieldset[disabled] #activityTable .obpm-viewdialog-default:hover, #activityTable fieldset[disabled] .obpm-viewdialog-default:hover, fieldset[disabled] #activityTable a.obpm-info:hover, #activityTable fieldset[disabled] a.obpm-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] #activityTable .btn:focus, fieldset[disabled] #activityTable .upload-box .obpm-upload-btn:focus, .upload-box fieldset[disabled] #activityTable .obpm-upload-btn:focus, #activityTable fieldset[disabled] .btn:focus, #activityTable fieldset[disabled] .upload-box .obpm-upload-btn:focus, .upload-box #activityTable fieldset[disabled] .obpm-upload-btn:focus, fieldset[disabled] #activityTable .obpm-userbtn:focus, #activityTable fieldset[disabled] .obpm-userbtn:focus, fieldset[disabled] #activityTable .obpm-treedepartment-btn:focus, #activityTable fieldset[disabled] .obpm-treedepartment-btn:focus, fieldset[disabled] #activityTable a.obpm-success:focus, #activityTable fieldset[disabled] a.obpm-success:focus, fieldset[disabled] #activityTable a.obpm-waring:focus, #activityTable fieldset[disabled] a.obpm-waring:focus, fieldset[disabled] #activityTable .obpm-viewdialog-default:focus, #activityTable fieldset[disabled] .obpm-viewdialog-default:focus, fieldset[disabled] #activityTable a.obpm-info:focus, #activityTable fieldset[disabled] a.obpm-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] #activityTable .focus.btn, fieldset[disabled] #activityTable .upload-box .focus.obpm-upload-btn, .upload-box fieldset[disabled] #activityTable .focus.obpm-upload-btn, #activityTable fieldset[disabled] .focus.btn, #activityTable fieldset[disabled] .upload-box .focus.obpm-upload-btn, .upload-box #activityTable fieldset[disabled] .focus.obpm-upload-btn, fieldset[disabled] #activityTable .focus.obpm-userbtn, #activityTable fieldset[disabled] .focus.obpm-userbtn, fieldset[disabled] #activityTable .focus.obpm-treedepartment-btn, #activityTable fieldset[disabled] .focus.obpm-treedepartment-btn, fieldset[disabled] #activityTable a.focus.obpm-success, #activityTable fieldset[disabled] a.focus.obpm-success, fieldset[disabled] #activityTable a.focus.obpm-waring, #activityTable fieldset[disabled] a.focus.obpm-waring, fieldset[disabled] #activityTable .focus.obpm-viewdialog-default, #activityTable fieldset[disabled] .focus.obpm-viewdialog-default, fieldset[disabled] #activityTable a.focus.obpm-info, #activityTable fieldset[disabled] a.focus.obpm-info { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge, #activityTable .btn .badge, #activityTable .upload-box .obpm-upload-btn .badge, .upload-box #activityTable .obpm-upload-btn .badge, #activityTable .obpm-userbtn .badge, #activityTable .obpm-treedepartment-btn .badge, #activityTable a.obpm-success .badge, #activityTable a.obpm-waring .badge, #activityTable .obpm-viewdialog-default .badge, #activityTable a.obpm-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning, #activityTable a.obpm-waring { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, #activityTable a.obpm-waring:focus, .btn-warning.focus, #activityTable a.focus.obpm-waring { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover, #activityTable a.obpm-waring:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, #activityTable a.obpm-waring:active, .btn-warning.active, #activityTable a.active.obpm-waring, .open > .btn-warning.dropdown-toggle, #activityTable .open > a.dropdown-toggle.obpm-waring { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, #activityTable a.obpm-waring:active:hover, .btn-warning:active:focus, #activityTable a.obpm-waring:active:focus, .btn-warning:active.focus, #activityTable a.obpm-waring:active.focus, .btn-warning.active:hover, #activityTable a.active.obpm-waring:hover, .btn-warning.active:focus, #activityTable a.active.obpm-waring:focus, .btn-warning.active.focus, #activityTable a.active.focus.obpm-waring, .open > .btn-warning.dropdown-toggle:hover, #activityTable .open > a.dropdown-toggle.obpm-waring:hover, .open > .btn-warning.dropdown-toggle:focus, #activityTable .open > a.dropdown-toggle.obpm-waring:focus, .open > .btn-warning.dropdown-toggle.focus, #activityTable .open > a.dropdown-toggle.focus.obpm-waring { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, #activityTable a.obpm-waring:active, .btn-warning.active, #activityTable a.active.obpm-waring, .open > .btn-warning.dropdown-toggle, #activityTable .open > a.dropdown-toggle.obpm-waring { background-image: none; } .btn-warning.disabled:hover, #activityTable a.disabled.obpm-waring:hover, .btn-warning.disabled:focus, #activityTable a.disabled.obpm-waring:focus, .btn-warning.disabled.focus, #activityTable a.disabled.focus.obpm-waring, .btn-warning[disabled]:hover, #activityTable a[disabled].obpm-waring:hover, .btn-warning[disabled]:focus, #activityTable a[disabled].obpm-waring:focus, .btn-warning[disabled].focus, #activityTable a[disabled].focus.obpm-waring, fieldset[disabled] .btn-warning:hover, fieldset[disabled] #activityTable a.obpm-waring:hover, #activityTable fieldset[disabled] a.obpm-waring:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] #activityTable a.obpm-waring:focus, #activityTable fieldset[disabled] a.obpm-waring:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] #activityTable a.focus.obpm-waring, #activityTable fieldset[disabled] a.focus.obpm-waring { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge, #activityTable a.obpm-waring .badge { color: #f0ad4e; background-color: #fff; } .btn-danger, #activityTable a.obpm-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, #activityTable a.obpm-danger:focus, .btn-danger.focus, #activityTable a.focus.obpm-danger { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover, #activityTable a.obpm-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, #activityTable a.obpm-danger:active, .btn-danger.active, #activityTable a.active.obpm-danger, .open > .btn-danger.dropdown-toggle, #activityTable .open > a.dropdown-toggle.obpm-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, #activityTable a.obpm-danger:active:hover, .btn-danger:active:focus, #activityTable a.obpm-danger:active:focus, .btn-danger:active.focus, #activityTable a.obpm-danger:active.focus, .btn-danger.active:hover, #activityTable a.active.obpm-danger:hover, .btn-danger.active:focus, #activityTable a.active.obpm-danger:focus, .btn-danger.active.focus, #activityTable a.active.focus.obpm-danger, .open > .btn-danger.dropdown-toggle:hover, #activityTable .open > a.dropdown-toggle.obpm-danger:hover, .open > .btn-danger.dropdown-toggle:focus, #activityTable .open > a.dropdown-toggle.obpm-danger:focus, .open > .btn-danger.dropdown-toggle.focus, #activityTable .open > a.dropdown-toggle.focus.obpm-danger { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, #activityTable a.obpm-danger:active, .btn-danger.active, #activityTable a.active.obpm-danger, .open > .btn-danger.dropdown-toggle, #activityTable .open > a.dropdown-toggle.obpm-danger { background-image: none; } .btn-danger.disabled:hover, #activityTable a.disabled.obpm-danger:hover, .btn-danger.disabled:focus, #activityTable a.disabled.obpm-danger:focus, .btn-danger.disabled.focus, #activityTable a.disabled.focus.obpm-danger, .btn-danger[disabled]:hover, #activityTable a[disabled].obpm-danger:hover, .btn-danger[disabled]:focus, #activityTable a[disabled].obpm-danger:focus, .btn-danger[disabled].focus, #activityTable a[disabled].focus.obpm-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] #activityTable a.obpm-danger:hover, #activityTable fieldset[disabled] a.obpm-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] #activityTable a.obpm-danger:focus, #activityTable fieldset[disabled] a.obpm-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] #activityTable a.focus.obpm-danger, #activityTable fieldset[disabled] a.focus.obpm-danger { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge, #activityTable a.obpm-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #337ab7; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn, .upload-box .btn-group-lg > .obpm-upload-btn, .btn-group-lg > .obpm-viewdialog-default, #activityTable .btn-group-lg > a.obpm-waring, #activityTable .btn-group-lg > a.obpm-success, .btn-group-lg > .obpm-treedepartment-btn, .btn-group-lg > .obpm-userbtn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn, .upload-box .btn-group-sm > .obpm-upload-btn, .btn-group-sm > .obpm-viewdialog-default, #activityTable .btn-group-sm > a.obpm-waring, #activityTable .btn-group-sm > a.obpm-success, .btn-group-sm > .obpm-treedepartment-btn, .btn-group-sm > .obpm-userbtn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn, .upload-box .btn-group-xs > .obpm-upload-btn, .btn-group-xs > .obpm-viewdialog-default, #activityTable .btn-group-xs > a.obpm-waring, #activityTable .btn-group-xs > a.obpm-success, .btn-group-xs > .obpm-treedepartment-btn, .btn-group-xs > .obpm-userbtn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*=col-] { position: static; float: none; display: table-column; } table td[class*=col-], table th[class*=col-] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control, .navbar-form .obpm-suggest, .navbar-form .obom-treedepartment, .navbar-form .obpm-department, .navbar-form .obpm-user, .navbar-form .obpm-select, .navbar-form .obpm-datediv .obpm-date, .obpm-datediv .navbar-form .obpm-date, .navbar-form .obpm-input { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .obpm-datediv .obpm-datespan, .obpm-datediv .navbar-form .input-group .obpm-datespan, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control, .navbar-form .input-group .obpm-suggest, .navbar-form .input-group .obom-treedepartment, .navbar-form .input-group .obpm-department, .navbar-form .input-group .obpm-user, .navbar-form .input-group .obpm-select, .navbar-form .input-group .obpm-datediv .obpm-date, .obpm-datediv .navbar-form .input-group .obpm-date, .navbar-form .input-group .obpm-input { width: auto; } .navbar-form .input-group > .form-control, .navbar-form .input-group > .obpm-suggest, .navbar-form .input-group > .obom-treedepartment, .navbar-form .input-group > .obpm-department, .navbar-form .input-group > .obpm-user, .navbar-form .input-group > .obpm-select, .navbar-form .obpm-datediv .input-group > .obpm-date, .obpm-datediv .navbar-form .input-group > .obpm-date, .navbar-form .input-group > .obpm-input { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn, .upload-box .btn-group-sm > .navbar-btn.obpm-upload-btn, .btn-group-sm > .navbar-btn.obpm-viewdialog-default, #activityTable .btn-group-sm > a.navbar-btn.obpm-waring, #activityTable .btn-group-sm > a.navbar-btn.obpm-success, .btn-group-sm > .navbar-btn.obpm-treedepartment-btn, .btn-group-sm > .navbar-btn.obpm-userbtn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn, .upload-box .btn-group-xs > .navbar-btn.obpm-upload-btn, .btn-group-xs > .navbar-btn.obpm-viewdialog-default, #activityTable .btn-group-xs > a.navbar-btn.obpm-waring, #activityTable .btn-group-xs > a.navbar-btn.obpm-success, .btn-group-xs > .navbar-btn.obpm-treedepartment-btn, .btn-group-xs > .navbar-btn.obpm-userbtn { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge, .upload-box .obpm-upload-btn .badge, .obpm-viewdialog-default .badge, #activityTable a.obpm-waring .badge, #activityTable a.obpm-success .badge, .obpm-treedepartment-btn .badge, .obpm-userbtn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge, .upload-box .btn-group-xs > .obpm-upload-btn .badge, .btn-group-xs > .obpm-viewdialog-default .badge, #activityTable .btn-group-xs > a.obpm-waring .badge, #activityTable .btn-group-xs > a.obpm-success .badge, .btn-group-xs > .obpm-treedepartment-btn .badge, .btn-group-xs > .obpm-userbtn .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: 0.2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "— "; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ""; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: " —"; } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9 ; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .upload-box .btn-group > .obpm-upload-btn, .btn-group > .obpm-viewdialog-default, #activityTable .btn-group > a.obpm-waring, #activityTable .btn-group > a.obpm-success, .btn-group > .obpm-treedepartment-btn, .btn-group > .obpm-userbtn, .btn-group-vertical > .btn, .upload-box .btn-group-vertical > .obpm-upload-btn, .btn-group-vertical > .obpm-viewdialog-default, #activityTable .btn-group-vertical > a.obpm-waring, #activityTable .btn-group-vertical > a.obpm-success, .btn-group-vertical > .obpm-treedepartment-btn, .btn-group-vertical > .obpm-userbtn { position: relative; float: left; } .btn-group > .btn:hover, .upload-box .btn-group > .obpm-upload-btn:hover, .btn-group > .obpm-viewdialog-default:hover, #activityTable .btn-group > a.obpm-waring:hover, #activityTable .btn-group > a.obpm-success:hover, .btn-group > .obpm-treedepartment-btn:hover, .btn-group > .obpm-userbtn:hover, .btn-group > .btn:focus, .upload-box .btn-group > .obpm-upload-btn:focus, .btn-group > .obpm-viewdialog-default:focus, #activityTable .btn-group > a.obpm-waring:focus, #activityTable .btn-group > a.obpm-success:focus, .btn-group > .obpm-treedepartment-btn:focus, .btn-group > .obpm-userbtn:focus, .btn-group > .btn:active, .upload-box .btn-group > .obpm-upload-btn:active, .btn-group > .obpm-viewdialog-default:active, #activityTable .btn-group > a.obpm-waring:active, #activityTable .btn-group > a.obpm-success:active, .btn-group > .obpm-treedepartment-btn:active, .btn-group > .obpm-userbtn:active, .btn-group > .btn.active, .upload-box .btn-group > .active.obpm-upload-btn, .btn-group > .active.obpm-viewdialog-default, #activityTable .btn-group > a.active.obpm-waring, #activityTable .btn-group > a.active.obpm-success, .btn-group > .active.obpm-treedepartment-btn, .btn-group > .active.obpm-userbtn, .btn-group-vertical > .btn:hover, .upload-box .btn-group-vertical > .obpm-upload-btn:hover, .btn-group-vertical > .obpm-viewdialog-default:hover, #activityTable .btn-group-vertical > a.obpm-waring:hover, #activityTable .btn-group-vertical > a.obpm-success:hover, .btn-group-vertical > .obpm-treedepartment-btn:hover, .btn-group-vertical > .obpm-userbtn:hover, .btn-group-vertical > .btn:focus, .upload-box .btn-group-vertical > .obpm-upload-btn:focus, .btn-group-vertical > .obpm-viewdialog-default:focus, #activityTable .btn-group-vertical > a.obpm-waring:focus, #activityTable .btn-group-vertical > a.obpm-success:focus, .btn-group-vertical > .obpm-treedepartment-btn:focus, .btn-group-vertical > .obpm-userbtn:focus, .btn-group-vertical > .btn:active, .upload-box .btn-group-vertical > .obpm-upload-btn:active, .btn-group-vertical > .obpm-viewdialog-default:active, #activityTable .btn-group-vertical > a.obpm-waring:active, #activityTable .btn-group-vertical > a.obpm-success:active, .btn-group-vertical > .obpm-treedepartment-btn:active, .btn-group-vertical > .obpm-userbtn:active, .btn-group-vertical > .btn.active, .upload-box .btn-group-vertical > .active.obpm-upload-btn, .btn-group-vertical > .active.obpm-viewdialog-default, #activityTable .btn-group-vertical > a.active.obpm-waring, #activityTable .btn-group-vertical > a.active.obpm-success, .btn-group-vertical > .active.obpm-treedepartment-btn, .btn-group-vertical > .active.obpm-userbtn { z-index: 2; } .btn-group .btn + .btn, .btn-group .upload-box .obpm-upload-btn + .btn, .upload-box .btn-group .obpm-upload-btn + .btn, .btn-group .upload-box .btn + .obpm-upload-btn, .upload-box .btn-group .btn + .obpm-upload-btn, .btn-group .upload-box .obpm-upload-btn + .obpm-upload-btn, .upload-box .btn-group .obpm-upload-btn + .obpm-upload-btn, .btn-group .obpm-viewdialog-default + .btn, .btn-group .upload-box .obpm-viewdialog-default + .obpm-upload-btn, .upload-box .btn-group .obpm-viewdialog-default + .obpm-upload-btn, .btn-group .btn + .obpm-viewdialog-default, .btn-group .upload-box .obpm-upload-btn + .obpm-viewdialog-default, .upload-box .btn-group .obpm-upload-btn + .obpm-viewdialog-default, .btn-group .obpm-viewdialog-default + .obpm-viewdialog-default, .btn-group #activityTable a.obpm-waring + .btn, .btn-group #activityTable .upload-box a.obpm-waring + .obpm-upload-btn, .upload-box .btn-group #activityTable a.obpm-waring + .obpm-upload-btn, .btn-group #activityTable a.obpm-waring + .obpm-viewdialog-default, #activityTable .btn-group a.obpm-waring + .btn, #activityTable .btn-group .upload-box a.obpm-waring + .obpm-upload-btn, .upload-box #activityTable .btn-group a.obpm-waring + .obpm-upload-btn, #activityTable .btn-group a.obpm-waring + .obpm-viewdialog-default, .btn-group #activityTable .btn + a.obpm-waring, .btn-group #activityTable .upload-box .obpm-upload-btn + a.obpm-waring, .upload-box .btn-group #activityTable .obpm-upload-btn + a.obpm-waring, .btn-group #activityTable .obpm-viewdialog-default + a.obpm-waring, #activityTable .btn-group .btn + a.obpm-waring, #activityTable .btn-group .upload-box .obpm-upload-btn + a.obpm-waring, .upload-box #activityTable .btn-group .obpm-upload-btn + a.obpm-waring, #activityTable .btn-group .obpm-viewdialog-default + a.obpm-waring, .btn-group #activityTable a.obpm-waring + a.obpm-waring, #activityTable .btn-group a.obpm-waring + a.obpm-waring, .btn-group #activityTable a.obpm-success + .btn, .btn-group #activityTable .upload-box a.obpm-success + .obpm-upload-btn, .upload-box .btn-group #activityTable a.obpm-success + .obpm-upload-btn, .btn-group #activityTable a.obpm-success + .obpm-viewdialog-default, .btn-group #activityTable a.obpm-success + a.obpm-waring, #activityTable .btn-group a.obpm-success + .btn, #activityTable .btn-group .upload-box a.obpm-success + .obpm-upload-btn, .upload-box #activityTable .btn-group a.obpm-success + .obpm-upload-btn, #activityTable .btn-group a.obpm-success + .obpm-viewdialog-default, #activityTable .btn-group a.obpm-success + a.obpm-waring, .btn-group #activityTable .btn + a.obpm-success, .btn-group #activityTable .upload-box .obpm-upload-btn + a.obpm-success, .upload-box .btn-group #activityTable .obpm-upload-btn + a.obpm-success, .btn-group #activityTable .obpm-viewdialog-default + a.obpm-success, .btn-group #activityTable a.obpm-waring + a.obpm-success, #activityTable .btn-group .btn + a.obpm-success, #activityTable .btn-group .upload-box .obpm-upload-btn + a.obpm-success, .upload-box #activityTable .btn-group .obpm-upload-btn + a.obpm-success, #activityTable .btn-group .obpm-viewdialog-default + a.obpm-success, #activityTable .btn-group a.obpm-waring + a.obpm-success, .btn-group #activityTable a.obpm-success + a.obpm-success, #activityTable .btn-group a.obpm-success + a.obpm-success, .btn-group .obpm-treedepartment-btn + .btn, .btn-group .upload-box .obpm-treedepartment-btn + .obpm-upload-btn, .upload-box .btn-group .obpm-treedepartment-btn + .obpm-upload-btn, .btn-group .obpm-treedepartment-btn + .obpm-viewdialog-default, .btn-group #activityTable .obpm-treedepartment-btn + a.obpm-waring, #activityTable .btn-group .obpm-treedepartment-btn + a.obpm-waring, .btn-group #activityTable .obpm-treedepartment-btn + a.obpm-success, #activityTable .btn-group .obpm-treedepartment-btn + a.obpm-success, .btn-group .btn + .obpm-treedepartment-btn, .btn-group .upload-box .obpm-upload-btn + .obpm-treedepartment-btn, .upload-box .btn-group .obpm-upload-btn + .obpm-treedepartment-btn, .btn-group .obpm-viewdialog-default + .obpm-treedepartment-btn, .btn-group #activityTable a.obpm-waring + .obpm-treedepartment-btn, #activityTable .btn-group a.obpm-waring + .obpm-treedepartment-btn, .btn-group #activityTable a.obpm-success + .obpm-treedepartment-btn, #activityTable .btn-group a.obpm-success + .obpm-treedepartment-btn, .btn-group .obpm-treedepartment-btn + .obpm-treedepartment-btn, .btn-group .obpm-userbtn + .btn, .btn-group .upload-box .obpm-userbtn + .obpm-upload-btn, .upload-box .btn-group .obpm-userbtn + .obpm-upload-btn, .btn-group .obpm-userbtn + .obpm-viewdialog-default, .btn-group #activityTable .obpm-userbtn + a.obpm-waring, #activityTable .btn-group .obpm-userbtn + a.obpm-waring, .btn-group #activityTable .obpm-userbtn + a.obpm-success, #activityTable .btn-group .obpm-userbtn + a.obpm-success, .btn-group .obpm-userbtn + .obpm-treedepartment-btn, .btn-group .btn + .obpm-userbtn, .btn-group .upload-box .obpm-upload-btn + .obpm-userbtn, .upload-box .btn-group .obpm-upload-btn + .obpm-userbtn, .btn-group .obpm-viewdialog-default + .obpm-userbtn, .btn-group #activityTable a.obpm-waring + .obpm-userbtn, #activityTable .btn-group a.obpm-waring + .obpm-userbtn, .btn-group #activityTable a.obpm-success + .obpm-userbtn, #activityTable .btn-group a.obpm-success + .obpm-userbtn, .btn-group .obpm-treedepartment-btn + .obpm-userbtn, .btn-group .obpm-userbtn + .obpm-userbtn, .btn-group .btn + .btn-group, .btn-group .upload-box .obpm-upload-btn + .btn-group, .upload-box .btn-group .obpm-upload-btn + .btn-group, .btn-group .obpm-viewdialog-default + .btn-group, .btn-group #activityTable a.obpm-waring + .btn-group, #activityTable .btn-group a.obpm-waring + .btn-group, .btn-group #activityTable a.obpm-success + .btn-group, #activityTable .btn-group a.obpm-success + .btn-group, .btn-group .obpm-treedepartment-btn + .btn-group, .btn-group .obpm-userbtn + .btn-group, .btn-group .btn-group + .btn, .btn-group .upload-box .btn-group + .obpm-upload-btn, .upload-box .btn-group .btn-group + .obpm-upload-btn, .btn-group .btn-group + .obpm-viewdialog-default, .btn-group #activityTable .btn-group + a.obpm-waring, #activityTable .btn-group .btn-group + a.obpm-waring, .btn-group #activityTable .btn-group + a.obpm-success, #activityTable .btn-group .btn-group + a.obpm-success, .btn-group .btn-group + .obpm-treedepartment-btn, .btn-group .btn-group + .obpm-userbtn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .upload-box .obpm-upload-btn, .upload-box .btn-toolbar .obpm-upload-btn, .btn-toolbar .obpm-viewdialog-default, .btn-toolbar #activityTable a.obpm-waring, #activityTable .btn-toolbar a.obpm-waring, .btn-toolbar #activityTable a.obpm-success, #activityTable .btn-toolbar a.obpm-success, .btn-toolbar .obpm-treedepartment-btn, .btn-toolbar .obpm-userbtn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .upload-box .btn-toolbar > .obpm-upload-btn, .btn-toolbar > .obpm-viewdialog-default, #activityTable .btn-toolbar > a.obpm-waring, #activityTable .btn-toolbar > a.obpm-success, .btn-toolbar > .obpm-treedepartment-btn, .btn-toolbar > .obpm-userbtn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .upload-box .btn-group > .obpm-upload-btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .obpm-viewdialog-default:not(:first-child):not(:last-child):not(.dropdown-toggle), #activityTable .btn-group > a.obpm-waring:not(:first-child):not(:last-child):not(.dropdown-toggle), #activityTable .btn-group > a.obpm-success:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .obpm-treedepartment-btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .obpm-userbtn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child, .upload-box .btn-group > .obpm-upload-btn:first-child, .btn-group > .obpm-viewdialog-default:first-child, #activityTable .btn-group > a.obpm-waring:first-child, #activityTable .btn-group > a.obpm-success:first-child, .btn-group > .obpm-treedepartment-btn:first-child, .btn-group > .obpm-userbtn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .upload-box .btn-group > .obpm-upload-btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .obpm-viewdialog-default:first-child:not(:last-child):not(.dropdown-toggle), #activityTable .btn-group > a.obpm-waring:first-child:not(:last-child):not(.dropdown-toggle), #activityTable .btn-group > a.obpm-success:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .obpm-treedepartment-btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .obpm-userbtn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .upload-box .btn-group > .obpm-upload-btn:last-child:not(:first-child), .btn-group > .obpm-viewdialog-default:last-child:not(:first-child), #activityTable .btn-group > a.obpm-waring:last-child:not(:first-child), #activityTable .btn-group > a.obpm-success:last-child:not(:first-child), .btn-group > .obpm-treedepartment-btn:last-child:not(:first-child), .btn-group > .obpm-userbtn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .upload-box .btn-group > .btn-group:not(:first-child):not(:last-child) > .obpm-upload-btn, .btn-group > .btn-group:not(:first-child):not(:last-child) > .obpm-viewdialog-default, #activityTable .btn-group > .btn-group:not(:first-child):not(:last-child) > a.obpm-waring, #activityTable .btn-group > .btn-group:not(:first-child):not(:last-child) > a.obpm-success, .btn-group > .btn-group:not(:first-child):not(:last-child) > .obpm-treedepartment-btn, .btn-group > .btn-group:not(:first-child):not(:last-child) > .obpm-userbtn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .upload-box .btn-group > .btn-group:first-child:not(:last-child) > .obpm-upload-btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .obpm-viewdialog-default:last-child, #activityTable .btn-group > .btn-group:first-child:not(:last-child) > a.obpm-waring:last-child, #activityTable .btn-group > .btn-group:first-child:not(:last-child) > a.obpm-success:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .obpm-treedepartment-btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .obpm-userbtn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .upload-box .btn-group > .btn-group:last-child:not(:first-child) > .obpm-upload-btn:first-child, .btn-group > .btn-group:last-child:not(:first-child) > .obpm-viewdialog-default:first-child, #activityTable .btn-group > .btn-group:last-child:not(:first-child) > a.obpm-waring:first-child, #activityTable .btn-group > .btn-group:last-child:not(:first-child) > a.obpm-success:first-child, .btn-group > .btn-group:last-child:not(:first-child) > .obpm-treedepartment-btn:first-child, .btn-group > .btn-group:last-child:not(:first-child) > .obpm-userbtn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle, .upload-box .btn-group > .obpm-upload-btn + .dropdown-toggle, .btn-group > .obpm-viewdialog-default + .dropdown-toggle, #activityTable .btn-group > a.obpm-waring + .dropdown-toggle, #activityTable .btn-group > a.obpm-success + .dropdown-toggle, .btn-group > .obpm-treedepartment-btn + .dropdown-toggle, .btn-group > .obpm-userbtn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle, .upload-box .btn-group-lg.btn-group > .obpm-upload-btn + .dropdown-toggle, .btn-group-lg.btn-group > .obpm-viewdialog-default + .dropdown-toggle, #activityTable .btn-group-lg.btn-group > a.obpm-waring + .dropdown-toggle, #activityTable .btn-group-lg.btn-group > a.obpm-success + .dropdown-toggle, .btn-group-lg.btn-group > .obpm-treedepartment-btn + .dropdown-toggle, .btn-group-lg.btn-group > .obpm-userbtn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret, .upload-box .obpm-upload-btn .caret, .obpm-viewdialog-default .caret, #activityTable a.obpm-waring .caret, #activityTable a.obpm-success .caret, .obpm-treedepartment-btn .caret, .obpm-userbtn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret, .upload-box .btn-group-lg > .obpm-upload-btn .caret, .btn-group-lg > .obpm-viewdialog-default .caret, #activityTable .btn-group-lg > a.obpm-waring .caret, #activityTable .btn-group-lg > a.obpm-success .caret, .btn-group-lg > .obpm-treedepartment-btn .caret, .btn-group-lg > .obpm-userbtn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret, .dropup .upload-box .btn-group-lg > .obpm-upload-btn .caret, .upload-box .dropup .btn-group-lg > .obpm-upload-btn .caret, .dropup .btn-group-lg > .obpm-viewdialog-default .caret, .dropup #activityTable .btn-group-lg > a.obpm-waring .caret, #activityTable .dropup .btn-group-lg > a.obpm-waring .caret, .dropup #activityTable .btn-group-lg > a.obpm-success .caret, #activityTable .dropup .btn-group-lg > a.obpm-success .caret, .dropup .btn-group-lg > .obpm-treedepartment-btn .caret, .dropup .btn-group-lg > .obpm-userbtn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .upload-box .btn-group-vertical > .obpm-upload-btn, .btn-group-vertical > .obpm-viewdialog-default, #activityTable .btn-group-vertical > a.obpm-waring, #activityTable .btn-group-vertical > a.obpm-success, .btn-group-vertical > .obpm-treedepartment-btn, .btn-group-vertical > .obpm-userbtn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn, .upload-box .btn-group-vertical > .btn-group > .obpm-upload-btn, .btn-group-vertical > .btn-group > .obpm-viewdialog-default, #activityTable .btn-group-vertical > .btn-group > a.obpm-waring, #activityTable .btn-group-vertical > .btn-group > a.obpm-success, .btn-group-vertical > .btn-group > .obpm-treedepartment-btn, .btn-group-vertical > .btn-group > .obpm-userbtn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn, .upload-box .btn-group-vertical > .btn-group > .obpm-upload-btn, .btn-group-vertical > .btn-group > .obpm-viewdialog-default, #activityTable .btn-group-vertical > .btn-group > a.obpm-waring, #activityTable .btn-group-vertical > .btn-group > a.obpm-success, .btn-group-vertical > .btn-group > .obpm-treedepartment-btn, .btn-group-vertical > .btn-group > .obpm-userbtn { float: none; } .btn-group-vertical > .btn + .btn, .upload-box .btn-group-vertical > .obpm-upload-btn + .btn, .upload-box .btn-group-vertical > .btn + .obpm-upload-btn, .upload-box .btn-group-vertical > .obpm-upload-btn + .obpm-upload-btn, .btn-group-vertical > .obpm-viewdialog-default + .btn, .upload-box .btn-group-vertical > .obpm-viewdialog-default + .obpm-upload-btn, .btn-group-vertical > .btn + .obpm-viewdialog-default, .upload-box .btn-group-vertical > .obpm-upload-btn + .obpm-viewdialog-default, .btn-group-vertical > .obpm-viewdialog-default + .obpm-viewdialog-default, #activityTable .btn-group-vertical > a.obpm-waring + .btn, #activityTable .upload-box .btn-group-vertical > a.obpm-waring + .obpm-upload-btn, .upload-box #activityTable .btn-group-vertical > a.obpm-waring + .obpm-upload-btn, #activityTable .btn-group-vertical > a.obpm-waring + .obpm-viewdialog-default, #activityTable .btn-group-vertical > .btn + a.obpm-waring, #activityTable .upload-box .btn-group-vertical > .obpm-upload-btn + a.obpm-waring, .upload-box #activityTable .btn-group-vertical > .obpm-upload-btn + a.obpm-waring, #activityTable .btn-group-vertical > .obpm-viewdialog-default + a.obpm-waring, #activityTable .btn-group-vertical > a.obpm-waring + a.obpm-waring, #activityTable .btn-group-vertical > a.obpm-success + .btn, #activityTable .upload-box .btn-group-vertical > a.obpm-success + .obpm-upload-btn, .upload-box #activityTable .btn-group-vertical > a.obpm-success + .obpm-upload-btn, #activityTable .btn-group-vertical > a.obpm-success + .obpm-viewdialog-default, #activityTable .btn-group-vertical > a.obpm-success + a.obpm-waring, #activityTable .btn-group-vertical > .btn + a.obpm-success, #activityTable .upload-box .btn-group-vertical > .obpm-upload-btn + a.obpm-success, .upload-box #activityTable .btn-group-vertical > .obpm-upload-btn + a.obpm-success, #activityTable .btn-group-vertical > .obpm-viewdialog-default + a.obpm-success, #activityTable .btn-group-vertical > a.obpm-waring + a.obpm-success, #activityTable .btn-group-vertical > a.obpm-success + a.obpm-success, .btn-group-vertical > .obpm-treedepartment-btn + .btn, .upload-box .btn-group-vertical > .obpm-treedepartment-btn + .obpm-upload-btn, .btn-group-vertical > .obpm-treedepartment-btn + .obpm-viewdialog-default, #activityTable .btn-group-vertical > .obpm-treedepartment-btn + a.obpm-waring, #activityTable .btn-group-vertical > .obpm-treedepartment-btn + a.obpm-success, .btn-group-vertical > .btn + .obpm-treedepartment-btn, .upload-box .btn-group-vertical > .obpm-upload-btn + .obpm-treedepartment-btn, .btn-group-vertical > .obpm-viewdialog-default + .obpm-treedepartment-btn, #activityTable .btn-group-vertical > a.obpm-waring + .obpm-treedepartment-btn, #activityTable .btn-group-vertical > a.obpm-success + .obpm-treedepartment-btn, .btn-group-vertical > .obpm-treedepartment-btn + .obpm-treedepartment-btn, .btn-group-vertical > .obpm-userbtn + .btn, .upload-box .btn-group-vertical > .obpm-userbtn + .obpm-upload-btn, .btn-group-vertical > .obpm-userbtn + .obpm-viewdialog-default, #activityTable .btn-group-vertical > .obpm-userbtn + a.obpm-waring, #activityTable .btn-group-vertical > .obpm-userbtn + a.obpm-success, .btn-group-vertical > .obpm-userbtn + .obpm-treedepartment-btn, .btn-group-vertical > .btn + .obpm-userbtn, .upload-box .btn-group-vertical > .obpm-upload-btn + .obpm-userbtn, .btn-group-vertical > .obpm-viewdialog-default + .obpm-userbtn, #activityTable .btn-group-vertical > a.obpm-waring + .obpm-userbtn, #activityTable .btn-group-vertical > a.obpm-success + .obpm-userbtn, .btn-group-vertical > .obpm-treedepartment-btn + .obpm-userbtn, .btn-group-vertical > .obpm-userbtn + .obpm-userbtn, .btn-group-vertical > .btn + .btn-group, .upload-box .btn-group-vertical > .obpm-upload-btn + .btn-group, .btn-group-vertical > .obpm-viewdialog-default + .btn-group, #activityTable .btn-group-vertical > a.obpm-waring + .btn-group, #activityTable .btn-group-vertical > a.obpm-success + .btn-group, .btn-group-vertical > .obpm-treedepartment-btn + .btn-group, .btn-group-vertical > .obpm-userbtn + .btn-group, .btn-group-vertical > .btn-group + .btn, .upload-box .btn-group-vertical > .btn-group + .obpm-upload-btn, .btn-group-vertical > .btn-group + .obpm-viewdialog-default, #activityTable .btn-group-vertical > .btn-group + a.obpm-waring, #activityTable .btn-group-vertical > .btn-group + a.obpm-success, .btn-group-vertical > .btn-group + .obpm-treedepartment-btn, .btn-group-vertical > .btn-group + .obpm-userbtn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child), .upload-box .btn-group-vertical > .obpm-upload-btn:not(:first-child):not(:last-child), .btn-group-vertical > .obpm-viewdialog-default:not(:first-child):not(:last-child), #activityTable .btn-group-vertical > a.obpm-waring:not(:first-child):not(:last-child), #activityTable .btn-group-vertical > a.obpm-success:not(:first-child):not(:last-child), .btn-group-vertical > .obpm-treedepartment-btn:not(:first-child):not(:last-child), .btn-group-vertical > .obpm-userbtn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child), .upload-box .btn-group-vertical > .obpm-upload-btn:first-child:not(:last-child), .btn-group-vertical > .obpm-viewdialog-default:first-child:not(:last-child), #activityTable .btn-group-vertical > a.obpm-waring:first-child:not(:last-child), #activityTable .btn-group-vertical > a.obpm-success:first-child:not(:last-child), .btn-group-vertical > .obpm-treedepartment-btn:first-child:not(:last-child), .btn-group-vertical > .obpm-userbtn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child), .upload-box .btn-group-vertical > .obpm-upload-btn:last-child:not(:first-child), .btn-group-vertical > .obpm-viewdialog-default:last-child:not(:first-child), #activityTable .btn-group-vertical > a.obpm-waring:last-child:not(:first-child), #activityTable .btn-group-vertical > a.obpm-success:last-child:not(:first-child), .btn-group-vertical > .obpm-treedepartment-btn:last-child:not(:first-child), .btn-group-vertical > .obpm-userbtn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .upload-box .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .obpm-upload-btn, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .obpm-viewdialog-default, #activityTable .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > a.obpm-waring, #activityTable .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > a.obpm-success, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .obpm-treedepartment-btn, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .obpm-userbtn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .upload-box .btn-group-vertical > .btn-group:first-child:not(:last-child) > .obpm-upload-btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .obpm-viewdialog-default:last-child, #activityTable .btn-group-vertical > .btn-group:first-child:not(:last-child) > a.obpm-waring:last-child, #activityTable .btn-group-vertical > .btn-group:first-child:not(:last-child) > a.obpm-success:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .obpm-treedepartment-btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .obpm-userbtn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .upload-box .btn-group-vertical > .btn-group:last-child:not(:first-child) > .obpm-upload-btn:first-child, .btn-group-vertical > .btn-group:last-child:not(:first-child) > .obpm-viewdialog-default:first-child, #activityTable .btn-group-vertical > .btn-group:last-child:not(:first-child) > a.obpm-waring:first-child, #activityTable .btn-group-vertical > .btn-group:last-child:not(:first-child) > a.obpm-success:first-child, .btn-group-vertical > .btn-group:last-child:not(:first-child) > .obpm-treedepartment-btn:first-child, .btn-group-vertical > .btn-group:last-child:not(:first-child) > .obpm-userbtn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .upload-box .btn-group-justified > .obpm-upload-btn, .btn-group-justified > .obpm-viewdialog-default, #activityTable .btn-group-justified > a.obpm-waring, #activityTable .btn-group-justified > a.obpm-success, .btn-group-justified > .obpm-treedepartment-btn, .btn-group-justified > .obpm-userbtn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn, .btn-group-justified > .btn-group .upload-box .obpm-upload-btn, .upload-box .btn-group-justified > .btn-group .obpm-upload-btn, .btn-group-justified > .btn-group .obpm-viewdialog-default, .btn-group-justified > .btn-group #activityTable a.obpm-waring, #activityTable .btn-group-justified > .btn-group a.obpm-waring, .btn-group-justified > .btn-group #activityTable a.obpm-success, #activityTable .btn-group-justified > .btn-group a.obpm-success, .btn-group-justified > .btn-group .obpm-treedepartment-btn, .btn-group-justified > .btn-group .obpm-userbtn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle=buttons] > .btn input[type=radio], .upload-box [data-toggle=buttons] > .obpm-upload-btn input[type=radio], [data-toggle=buttons] > .obpm-viewdialog-default input[type=radio], #activityTable [data-toggle=buttons] > a.obpm-waring input[type=radio], #activityTable [data-toggle=buttons] > a.obpm-success input[type=radio], [data-toggle=buttons] > .obpm-treedepartment-btn input[type=radio], [data-toggle=buttons] > .obpm-userbtn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], .upload-box [data-toggle=buttons] > .obpm-upload-btn input[type=checkbox], [data-toggle=buttons] > .obpm-viewdialog-default input[type=checkbox], #activityTable [data-toggle=buttons] > a.obpm-waring input[type=checkbox], #activityTable [data-toggle=buttons] > a.obpm-success input[type=checkbox], [data-toggle=buttons] > .obpm-treedepartment-btn input[type=checkbox], [data-toggle=buttons] > .obpm-userbtn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: "FontAwesome"; src: url("../../sass/lib/font-awesome-sass/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0"); src: url("../../sass/lib/font-awesome-sass/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix") format("embedded-opentype"), url("../../sass/lib/font-awesome-sass/fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../../sass/lib/font-awesome-sass/fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../sass/lib/font-awesome-sass/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../sass/lib/font-awesome-sass/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa, .arrowDownicon, .arrowUpicon, .lowerDataicon, .upperDataicon, .formFlowstateicon, .calendaricon, .flowSubmiticon, .flowstateicon, .replyMessage, .releaseNoticeicon, .releaseNewsicon, .collapseicon, .openicon, .homeicon, .flowcentericon, .lockScreenicon, .moreicon, .softwareicon, .systemManagicon, .dropOuticon, .personalInformationicon, .infocentericon, .filedeleteicon, .fileUploadicon, .startflowlargeicon, .startflowlisticon, .reverseAttitudeArrowicon, .flowOperationicon, .importSurfaceicon, .searchicon, .treeviewRighticon, .processCenterMenuicon, .tabCollapseup, .tabCollapseright, .tabCollapsedown, .commonopinionsicon, .flowByUser, .jumpToBtnicon, .saveNewBtnicon, .transpondBtnicon, .printViewBtnicon, .saveBtnicon, .startWorkflowicon, .batchSignatureBtnicon, .signatureBtnicon, .excelImportBtnicon, .fileDownloadBtnicon, .exportToPdfBtnicon, .saveCopyBtnicon, .batchApproveBtnicon, .saveWithoutValidateBtnicon, .clearAllBtnicon, .exportToExcelBtnicon, .htmlPrintWithHisBtnicon, .htmlPrintBtnicon, .noneBtnicon, .saveBackBtnicon, .backBtnicon, .remindericon, .terminationicon, .retracementicon, .recoveryicon, .suspendicon, .closeWindowBtnicon, .submitflowicon, .regressesflowicon, .saveStarticon, .deleteBtnicon, .createBtnicon, .queryBtnicon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fa-pull-left.arrowDownicon, .fa-pull-left.arrowUpicon, .fa-pull-left.lowerDataicon, .fa-pull-left.upperDataicon, .fa-pull-left.formFlowstateicon, .fa-pull-left.calendaricon, .fa-pull-left.flowSubmiticon, .fa-pull-left.flowstateicon, .fa-pull-left.replyMessage, .fa-pull-left.releaseNoticeicon, .fa-pull-left.releaseNewsicon, .fa-pull-left.collapseicon, .fa-pull-left.openicon, .fa-pull-left.homeicon, .fa-pull-left.flowcentericon, .fa-pull-left.lockScreenicon, .fa-pull-left.moreicon, .fa-pull-left.softwareicon, .fa-pull-left.systemManagicon, .fa-pull-left.dropOuticon, .fa-pull-left.personalInformationicon, .fa-pull-left.infocentericon, .fa-pull-left.filedeleteicon, .fa-pull-left.fileUploadicon, .fa-pull-left.startflowlargeicon, .fa-pull-left.startflowlisticon, .fa-pull-left.reverseAttitudeArrowicon, .fa-pull-left.flowOperationicon, .fa-pull-left.importSurfaceicon, .fa-pull-left.searchicon, .fa-pull-left.treeviewRighticon, .fa-pull-left.processCenterMenuicon, .fa-pull-left.tabCollapseup, .fa-pull-left.tabCollapseright, .fa-pull-left.tabCollapsedown, .fa-pull-left.commonopinionsicon, .fa-pull-left.flowByUser, .fa-pull-left.jumpToBtnicon, .fa-pull-left.saveNewBtnicon, .fa-pull-left.transpondBtnicon, .fa-pull-left.printViewBtnicon, .fa-pull-left.saveBtnicon, .fa-pull-left.startWorkflowicon, .fa-pull-left.batchSignatureBtnicon, .fa-pull-left.signatureBtnicon, .fa-pull-left.excelImportBtnicon, .fa-pull-left.fileDownloadBtnicon, .fa-pull-left.exportToPdfBtnicon, .fa-pull-left.saveCopyBtnicon, .fa-pull-left.batchApproveBtnicon, .fa-pull-left.saveWithoutValidateBtnicon, .fa-pull-left.clearAllBtnicon, .fa-pull-left.exportToExcelBtnicon, .fa-pull-left.htmlPrintWithHisBtnicon, .fa-pull-left.htmlPrintBtnicon, .fa-pull-left.noneBtnicon, .fa-pull-left.saveBackBtnicon, .fa-pull-left.backBtnicon, .fa-pull-left.remindericon, .fa-pull-left.terminationicon, .fa-pull-left.retracementicon, .fa-pull-left.recoveryicon, .fa-pull-left.suspendicon, .fa-pull-left.closeWindowBtnicon, .fa-pull-left.submitflowicon, .fa-pull-left.regressesflowicon, .fa-pull-left.saveStarticon, .fa-pull-left.deleteBtnicon, .fa-pull-left.createBtnicon, .fa-pull-left.queryBtnicon { margin-right: 0.3em; } .fa.fa-pull-right, .fa-pull-right.arrowDownicon, .fa-pull-right.arrowUpicon, .fa-pull-right.lowerDataicon, .fa-pull-right.upperDataicon, .fa-pull-right.formFlowstateicon, .fa-pull-right.calendaricon, .fa-pull-right.flowSubmiticon, .fa-pull-right.flowstateicon, .fa-pull-right.replyMessage, .fa-pull-right.releaseNoticeicon, .fa-pull-right.releaseNewsicon, .fa-pull-right.collapseicon, .fa-pull-right.openicon, .fa-pull-right.homeicon, .fa-pull-right.flowcentericon, .fa-pull-right.lockScreenicon, .fa-pull-right.moreicon, .fa-pull-right.softwareicon, .fa-pull-right.systemManagicon, .fa-pull-right.dropOuticon, .fa-pull-right.personalInformationicon, .fa-pull-right.infocentericon, .fa-pull-right.filedeleteicon, .fa-pull-right.fileUploadicon, .fa-pull-right.startflowlargeicon, .fa-pull-right.startflowlisticon, .fa-pull-right.reverseAttitudeArrowicon, .fa-pull-right.flowOperationicon, .fa-pull-right.importSurfaceicon, .fa-pull-right.searchicon, .fa-pull-right.treeviewRighticon, .fa-pull-right.processCenterMenuicon, .fa-pull-right.tabCollapseup, .fa-pull-right.tabCollapseright, .fa-pull-right.tabCollapsedown, .fa-pull-right.commonopinionsicon, .fa-pull-right.flowByUser, .fa-pull-right.jumpToBtnicon, .fa-pull-right.saveNewBtnicon, .fa-pull-right.transpondBtnicon, .fa-pull-right.printViewBtnicon, .fa-pull-right.saveBtnicon, .fa-pull-right.startWorkflowicon, .fa-pull-right.batchSignatureBtnicon, .fa-pull-right.signatureBtnicon, .fa-pull-right.excelImportBtnicon, .fa-pull-right.fileDownloadBtnicon, .fa-pull-right.exportToPdfBtnicon, .fa-pull-right.saveCopyBtnicon, .fa-pull-right.batchApproveBtnicon, .fa-pull-right.saveWithoutValidateBtnicon, .fa-pull-right.clearAllBtnicon, .fa-pull-right.exportToExcelBtnicon, .fa-pull-right.htmlPrintWithHisBtnicon, .fa-pull-right.htmlPrintBtnicon, .fa-pull-right.noneBtnicon, .fa-pull-right.saveBackBtnicon, .fa-pull-right.backBtnicon, .fa-pull-right.remindericon, .fa-pull-right.terminationicon, .fa-pull-right.retracementicon, .fa-pull-right.recoveryicon, .fa-pull-right.suspendicon, .fa-pull-right.closeWindowBtnicon, .fa-pull-right.submitflowicon, .fa-pull-right.regressesflowicon, .fa-pull-right.saveStarticon, .fa-pull-right.deleteBtnicon, .fa-pull-right.createBtnicon, .fa-pull-right.queryBtnicon { margin-left: 0.3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left, .pull-left.arrowDownicon, .pull-left.arrowUpicon, .pull-left.lowerDataicon, .pull-left.upperDataicon, .pull-left.formFlowstateicon, .pull-left.calendaricon, .pull-left.flowSubmiticon, .pull-left.flowstateicon, .pull-left.replyMessage, .pull-left.releaseNoticeicon, .pull-left.releaseNewsicon, .pull-left.collapseicon, .pull-left.openicon, .pull-left.homeicon, .pull-left.flowcentericon, .pull-left.lockScreenicon, .pull-left.moreicon, .pull-left.softwareicon, .pull-left.systemManagicon, .pull-left.dropOuticon, .pull-left.personalInformationicon, .pull-left.infocentericon, .pull-left.filedeleteicon, .pull-left.fileUploadicon, .pull-left.startflowlargeicon, .pull-left.startflowlisticon, .pull-left.reverseAttitudeArrowicon, .pull-left.flowOperationicon, .pull-left.importSurfaceicon, .pull-left.searchicon, .pull-left.treeviewRighticon, .pull-left.processCenterMenuicon, .pull-left.tabCollapseup, .pull-left.tabCollapseright, .pull-left.tabCollapsedown, .pull-left.commonopinionsicon, .pull-left.flowByUser, .pull-left.jumpToBtnicon, .pull-left.saveNewBtnicon, .pull-left.transpondBtnicon, .pull-left.printViewBtnicon, .pull-left.saveBtnicon, .pull-left.startWorkflowicon, .pull-left.batchSignatureBtnicon, .pull-left.signatureBtnicon, .pull-left.excelImportBtnicon, .pull-left.fileDownloadBtnicon, .pull-left.exportToPdfBtnicon, .pull-left.saveCopyBtnicon, .pull-left.batchApproveBtnicon, .pull-left.saveWithoutValidateBtnicon, .pull-left.clearAllBtnicon, .pull-left.exportToExcelBtnicon, .pull-left.htmlPrintWithHisBtnicon, .pull-left.htmlPrintBtnicon, .pull-left.noneBtnicon, .pull-left.saveBackBtnicon, .pull-left.backBtnicon, .pull-left.remindericon, .pull-left.terminationicon, .pull-left.retracementicon, .pull-left.recoveryicon, .pull-left.suspendicon, .pull-left.closeWindowBtnicon, .pull-left.submitflowicon, .pull-left.regressesflowicon, .pull-left.saveStarticon, .pull-left.deleteBtnicon, .pull-left.createBtnicon, .pull-left.queryBtnicon { margin-right: 0.3em; } .fa.pull-right, .pull-right.arrowDownicon, .pull-right.arrowUpicon, .pull-right.lowerDataicon, .pull-right.upperDataicon, .pull-right.formFlowstateicon, .pull-right.calendaricon, .pull-right.flowSubmiticon, .pull-right.flowstateicon, .pull-right.replyMessage, .pull-right.releaseNoticeicon, .pull-right.releaseNewsicon, .pull-right.collapseicon, .pull-right.openicon, .pull-right.homeicon, .pull-right.flowcentericon, .pull-right.lockScreenicon, .pull-right.moreicon, .pull-right.softwareicon, .pull-right.systemManagicon, .pull-right.dropOuticon, .pull-right.personalInformationicon, .pull-right.infocentericon, .pull-right.filedeleteicon, .pull-right.fileUploadicon, .pull-right.startflowlargeicon, .pull-right.startflowlisticon, .pull-right.reverseAttitudeArrowicon, .pull-right.flowOperationicon, .pull-right.importSurfaceicon, .pull-right.searchicon, .pull-right.treeviewRighticon, .pull-right.processCenterMenuicon, .pull-right.tabCollapseup, .pull-right.tabCollapseright, .pull-right.tabCollapsedown, .pull-right.commonopinionsicon, .pull-right.flowByUser, .pull-right.jumpToBtnicon, .pull-right.saveNewBtnicon, .pull-right.transpondBtnicon, .pull-right.printViewBtnicon, .pull-right.saveBtnicon, .pull-right.startWorkflowicon, .pull-right.batchSignatureBtnicon, .pull-right.signatureBtnicon, .pull-right.excelImportBtnicon, .pull-right.fileDownloadBtnicon, .pull-right.exportToPdfBtnicon, .pull-right.saveCopyBtnicon, .pull-right.batchApproveBtnicon, .pull-right.saveWithoutValidateBtnicon, .pull-right.clearAllBtnicon, .pull-right.exportToExcelBtnicon, .pull-right.htmlPrintWithHisBtnicon, .pull-right.htmlPrintBtnicon, .pull-right.noneBtnicon, .pull-right.saveBackBtnicon, .pull-right.backBtnicon, .pull-right.remindericon, .pull-right.terminationicon, .pull-right.retracementicon, .pull-right.recoveryicon, .pull-right.suspendicon, .pull-right.closeWindowBtnicon, .pull-right.submitflowicon, .pull-right.regressesflowicon, .pull-right.saveStarticon, .pull-right.deleteBtnicon, .pull-right.createBtnicon, .pull-right.queryBtnicon { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: ""; } .fa-music:before { content: ""; } .fa-search:before, .searchicon:before { content: ""; } .fa-envelope-o:before { content: ""; } .fa-heart:before { content: ""; } .fa-star:before { content: ""; } .fa-star-o:before { content: ""; } .fa-user:before { content: ""; } .fa-film:before { content: ""; } .fa-th-large:before, .startflowlargeicon:before, .processCenterMenuicon:before { content: ""; } .fa-th:before { content: ""; } .fa-th-list:before { content: ""; } .fa-check:before { content: ""; } .fa-remove:before, .fa-close:before, .closeWindowBtnicon:before, .fa-times:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-power-off:before, .dropOuticon:before { content: ""; } .fa-signal:before { content: ""; } .fa-gear:before, .fa-cog:before, .systemManagicon:before, .noneBtnicon:before { content: ""; } .fa-trash-o:before, .deleteBtnicon:before { content: ""; } .fa-home:before, .homeicon:before { content: ""; } .fa-file-o:before, .createBtnicon:before { content: ""; } .fa-clock-o:before, .submitflowicon:before { content: ""; } .fa-road:before { content: ""; } .fa-download:before, .fileDownloadBtnicon:before { content: ""; } .fa-arrow-circle-o-down:before { content: ""; } .fa-arrow-circle-o-up:before { content: ""; } .fa-inbox:before { content: ""; } .fa-play-circle-o:before, .saveStarticon:before { content: ""; } .fa-rotate-right:before, .fa-repeat:before { content: ""; } .fa-refresh:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-lock:before, .lockScreenicon:before { content: ""; } .fa-flag:before { content: ""; } .fa-headphones:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-up:before, .releaseNoticeicon:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-barcode:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-print:before, .printViewBtnicon:before, .htmlPrintWithHisBtnicon:before, .htmlPrintBtnicon:before { content: ""; } .fa-camera:before { content: ""; } .fa-font:before { content: ""; } .fa-bold:before { content: ""; } .fa-italic:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-right:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-list:before, .startflowlisticon:before, .queryBtnicon:before { content: ""; } .fa-dedent:before, .fa-outdent:before { content: ""; } .fa-indent:before { content: ""; } .fa-video-camera:before { content: ""; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; } .fa-pencil:before, .releaseNewsicon:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-adjust:before { content: ""; } .fa-tint:before { content: ""; } .fa-edit:before, .fa-pencil-square-o:before { content: ""; } .fa-share-square-o:before, .jumpToBtnicon:before { content: ""; } .fa-check-square-o:before { content: ""; } .fa-arrows:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-backward:before { content: ""; } .fa-play:before, .recoveryicon:before { content: ""; } .fa-pause:before, .suspendicon:before { content: ""; } .fa-stop:before, .terminationicon:before { content: ""; } .fa-forward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-eject:before { content: ""; } .fa-chevron-left:before, .upperDataicon:before { content: ""; } .fa-chevron-right:before, .lowerDataicon:before, .treeviewRighticon:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-times-circle-o:before { content: ""; } .fa-check-circle-o:before, .saveWithoutValidateBtnicon:before { content: ""; } .fa-ban:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrow-down:before, .fileUploadicon:before { content: ""; } .fa-mail-forward:before, .fa-share:before { content: ""; } .fa-expand:before { content: ""; } .fa-compress:before { content: ""; } .fa-plus:before, .saveNewBtnicon:before { content: ""; } .fa-minus:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-leaf:before { content: ""; } .fa-fire:before, .remindericon:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-warning:before, .fa-exclamation-triangle:before { content: ""; } .fa-plane:before { content: ""; } .fa-calendar:before, .calendaricon:before { content: ""; } .fa-random:before { content: ""; } .fa-comment:before { content: ""; } .fa-magnet:before { content: ""; } .fa-chevron-up:before, .arrowUpicon:before { content: ""; } .fa-chevron-down:before, .arrowDownicon:before, .formFlowstateicon:before, .reverseAttitudeArrowicon:before { content: ""; } .fa-retweet:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-folder:before { content: "\f0ca"; } .fa-folder-open:before, .softwareicon:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-key:before { content: ""; } .fa-gears:before, .fa-cogs:before { content: ""; } .fa-comments:before, .replyMessage:before { content: ""; } .fa-thumbs-o-up:before { content: ""; } .fa-thumbs-o-down:before { content: ""; } .fa-star-half:before { content: ""; } .fa-heart-o:before { content: ""; } .fa-sign-out:before, .exportToPdfBtnicon:before, .exportToExcelBtnicon:before { content: ""; } .fa-linkedin-square:before { content: ""; } .fa-thumb-tack:before { content: ""; } .fa-external-link:before { content: ""; } .fa-sign-in:before, .importSurfaceicon:before, .excelImportBtnicon:before { content: ""; } .fa-trophy:before { content: ""; } .fa-github-square:before { content: ""; } .fa-upload:before { content: ""; } .fa-lemon-o:before { content: ""; } .fa-phone:before { content: ""; } .fa-square-o:before { content: ""; } .fa-bookmark-o:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-twitter:before { content: ""; } .fa-facebook-f:before, .fa-facebook:before { content: ""; } .fa-github:before { content: ""; } .fa-unlock:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-feed:before, .fa-rss:before { content: ""; } .fa-hdd-o:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bell:before { content: ""; } .fa-certificate:before { content: ""; } .fa-hand-o-right:before, .flowOperationicon:before { content: ""; } .fa-hand-o-left:before { content: ""; } .fa-hand-o-up:before { content: ""; } .fa-hand-o-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-globe:before, .batchSignatureBtnicon:before, .signatureBtnicon:before { content: ""; } .fa-wrench:before, .flowByUser:before { content: ""; } .fa-tasks:before { content: ""; } .fa-filter:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-group:before, .fa-users:before { content: ""; } .fa-chain:before, .fa-link:before { content: ""; } .fa-cloud:before { content: ""; } .fa-flask:before { content: ""; } .fa-cut:before, .fa-scissors:before { content: ""; } .fa-copy:before, .fa-files-o:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-save:before, .saveBtnicon:before, .fa-floppy-o:before { content: ""; } .fa-square:before { content: ""; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-underline:before { content: ""; } .fa-table:before { content: ""; } .fa-magic:before { content: ""; } .fa-truck:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-money:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-columns:before { content: ""; } .fa-unsorted:before, .fa-sort:before { content: ""; } .fa-sort-down:before, .fa-sort-desc:before, .commonopinionsicon:before { content: ""; } .fa-sort-up:before, .fa-sort-asc:before { content: ""; } .fa-envelope:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-rotate-left:before, .fa-undo:before { content: ""; } .fa-legal:before, .fa-gavel:before { content: ""; } .fa-dashboard:before, .fa-tachometer:before { content: ""; } .fa-comment-o:before { content: ""; } .fa-comments-o:before { content: ""; } .fa-flash:before, .fa-bolt:before { content: ""; } .fa-sitemap:before, .flowcentericon:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-paste:before, .fa-clipboard:before { content: ""; } .fa-lightbulb-o:before { content: ""; } .fa-exchange:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-user-md:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-bell-o:before, .infocentericon:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cutlery:before { content: ""; } .fa-file-text-o:before { content: ""; } .fa-building-o:before { content: ""; } .fa-hospital-o:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-medkit:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-beer:before { content: ""; } .fa-h-square:before { content: ""; } .fa-plus-square:before, .moreicon:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-double-down:before, .flowstateicon:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before, .tabCollapseright:before { content: ""; } .fa-angle-up:before, .tabCollapseup:before { content: ""; } .fa-angle-down:before, .tabCollapsedown:before { content: ""; } .fa-desktop:before { content: ""; } .fa-laptop:before { content: ""; } .fa-tablet:before { content: ""; } .fa-mobile-phone:before, .fa-mobile:before { content: ""; } .fa-circle-o:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-spinner:before { content: ""; } .fa-circle:before { content: ""; } .fa-mail-reply:before, .fa-reply:before, .saveBackBtnicon:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-folder-o:before { content: ""; } .fa-folder-open-o:before { content: ""; } .fa-smile-o:before { content: ""; } .fa-frown-o:before { content: ""; } .fa-meh-o:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-keyboard-o:before { content: ""; } .fa-flag-o:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-terminal:before { content: ""; } .fa-code:before { content: ""; } .fa-mail-reply-all:before, .fa-reply-all:before, .retracementicon:before, .regressesflowicon:before { content: ""; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-crop:before { content: ""; } .fa-code-fork:before { content: ""; } .fa-unlink:before, .fa-chain-broken:before { content: ""; } .fa-question:before { content: ""; } .fa-info:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-superscript:before { content: ""; } .fa-subscript:before { content: ""; } .fa-eraser:before, .clearAllBtnicon:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-shield:before { content: ""; } .fa-calendar-o:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-rocket:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-html5:before { content: ""; } .fa-css3:before { content: ""; } .fa-anchor:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-ticket:before { content: ""; } .fa-minus-square:before, .flowSubmiticon:before { content: ""; } .fa-minus-square-o:before, .collapseicon:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-down:before { content: ""; } .fa-check-square:before { content: ""; } .fa-pencil-square:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-compass:before { content: ""; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; } .fa-euro:before, .fa-eur:before { content: ""; } .fa-gbp:before { content: ""; } .fa-dollar:before, .fa-usd:before { content: ""; } .fa-rupee:before, .fa-inr:before { content: ""; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; } .fa-won:before, .fa-krw:before { content: ""; } .fa-bitcoin:before, .fa-btc:before { content: ""; } .fa-file:before { content: ""; } .fa-file-text:before { content: ""; } .fa-sort-alpha-asc:before { content: ""; } .fa-sort-alpha-desc:before { content: ""; } .fa-sort-amount-asc:before { content: ""; } .fa-sort-amount-desc:before { content: ""; } .fa-sort-numeric-asc:before { content: ""; } .fa-sort-numeric-desc:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-youtube:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-youtube-play:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-instagram:before { content: ""; } .fa-flickr:before { content: ""; } .fa-adn:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitbucket-square:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-apple:before { content: ""; } .fa-windows:before { content: ""; } .fa-android:before { content: ""; } .fa-linux:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-skype:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-trello:before { content: ""; } .fa-female:before { content: ""; } .fa-male:before { content: ""; } .fa-gittip:before, .fa-gratipay:before { content: ""; } .fa-sun-o:before { content: ""; } .fa-moon-o:before { content: ""; } .fa-archive:before { content: ""; } .fa-bug:before { content: ""; } .fa-vk:before { content: ""; } .fa-weibo:before { content: ""; } .fa-renren:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-arrow-circle-o-right:before { content: ""; } .fa-arrow-circle-o-left:before, .backBtnicon:before { content: ""; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; } .fa-dot-circle-o:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-turkish-lira:before, .fa-try:before { content: ""; } .fa-plus-square-o:before, .openicon:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-slack:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-openid:before { content: ""; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; } .fa-mortar-board:before, .fa-graduation-cap:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-google:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-delicious:before { content: ""; } .fa-digg:before { content: ""; } .fa-pied-piper-pp:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-drupal:before { content: ""; } .fa-joomla:before { content: ""; } .fa-language:before { content: ""; } .fa-fax:before { content: ""; } .fa-building:before { content: ""; } .fa-child:before { content: ""; } .fa-paw:before { content: ""; } .fa-spoon:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-recycle:before { content: ""; } .fa-automobile:before, .fa-car:before { content: ""; } .fa-cab:before, .fa-taxi:before { content: ""; } .fa-tree:before { content: ""; } .fa-spotify:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-database:before { content: ""; } .fa-file-pdf-o:before { content: ""; } .fa-file-word-o:before { content: ""; } .fa-file-excel-o:before { content: ""; } .fa-file-powerpoint-o:before { content: ""; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; } .fa-file-movie-o:before, .fa-file-video-o:before { content: ""; } .fa-file-code-o:before { content: ""; } .fa-vine:before { content: ""; } .fa-codepen:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; } .fa-circle-o-notch:before { content: ""; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; } .fa-ge:before, .fa-empire:before { content: ""; } .fa-git-square:before { content: ""; } .fa-git:before { content: ""; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-qq:before { content: ""; } .fa-wechat:before, .fa-weixin:before { content: ""; } .fa-send:before, .fa-paper-plane:before { content: ""; } .fa-send-o:before, .batchApproveBtnicon:before, .fa-paper-plane-o:before { content: ""; } .fa-history:before { content: ""; } .fa-circle-thin:before { content: ""; } .fa-header:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-sliders:before { content: ""; } .fa-share-alt:before, .transpondBtnicon:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-bomb:before { content: ""; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; } .fa-tty:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-plug:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-twitch:before { content: ""; } .fa-yelp:before { content: ""; } .fa-newspaper-o:before { content: ""; } .fa-wifi:before { content: ""; } .fa-calculator:before { content: ""; } .fa-paypal:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bell-slash-o:before { content: ""; } .fa-trash:before, .filedeleteicon:before { content: ""; } .fa-copyright:before { content: ""; } .fa-at:before { content: ""; } .fa-eyedropper:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-area-chart:before { content: ""; } .fa-pie-chart:before { content: ""; } .fa-line-chart:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bus:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-angellist:before { content: ""; } .fa-cc:before { content: ""; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; } .fa-meanpath:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-diamond:before { content: ""; } .fa-ship:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-street-view:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-venus:before { content: ""; } .fa-mars:before { content: ""; } .fa-mercury:before { content: ""; } .fa-intersex:before, .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-neuter:before { content: ""; } .fa-genderless:before { content: ""; } .fa-facebook-official:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-server:before { content: ""; } .fa-user-plus:before, .startWorkflowicon:before { content: ""; } .fa-user-times:before { content: ""; } .fa-hotel:before, .fa-bed:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-train:before { content: ""; } .fa-subway:before { content: ""; } .fa-medium:before { content: ""; } .fa-yc:before, .fa-y-combinator:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-opencart:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; } .fa-battery-2:before, .fa-battery-half:before { content: ""; } .fa-battery-1:before, .fa-battery-quarter:before { content: ""; } .fa-battery-0:before, .fa-battery-empty:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-sticky-note-o:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-clone:before, .saveCopyBtnicon:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-hourglass-o:before { content: ""; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; } .fa-hand-scissors-o:before { content: ""; } .fa-hand-lizard-o:before { content: ""; } .fa-hand-spock-o:before { content: ""; } .fa-hand-pointer-o:before { content: ""; } .fa-hand-peace-o:before { content: ""; } .fa-trademark:before { content: ""; } .fa-registered:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-safari:before { content: ""; } .fa-chrome:before { content: ""; } .fa-firefox:before { content: ""; } .fa-opera:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-tv:before, .fa-television:before { content: ""; } .fa-contao:before { content: ""; } .fa-500px:before { content: ""; } .fa-amazon:before { content: ""; } .fa-calendar-plus-o:before { content: ""; } .fa-calendar-minus-o:before { content: ""; } .fa-calendar-times-o:before { content: ""; } .fa-calendar-check-o:before { content: ""; } .fa-industry:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-map-o:before { content: ""; } .fa-map:before { content: ""; } .fa-commenting:before { content: ""; } .fa-commenting-o:before { content: ""; } .fa-houzz:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-edge:before { content: ""; } .fa-credit-card-alt:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-modx:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-usb:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-scribd:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-pause-circle-o:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stop-circle-o:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-percent:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-wpbeginner:before { content: ""; } .fa-wpforms:before { content: ""; } .fa-envira:before { content: ""; } .fa-universal-access:before { content: ""; } .fa-wheelchair-alt:before { content: ""; } .fa-question-circle-o:before { content: ""; } .fa-blind:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-volume-control-phone:before { content: ""; } .fa-braille:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-signing:before, .fa-sign-language:before { content: ""; } .fa-low-vision:before { content: ""; } .fa-viadeo:before { content: ""; } .fa-viadeo-square:before { content: ""; } .fa-snapchat:before { content: ""; } .fa-snapchat-ghost:before { content: ""; } .fa-snapchat-square:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-first-order:before { content: ""; } .fa-yoast:before { content: ""; } .fa-themeisle:before { content: ""; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; } .fa-fa:before, .fa-font-awesome:before { content: ""; } .fa-handshake-o:before { content: ""; } .fa-envelope-open:before { content: ""; } .fa-envelope-open-o:before { content: ""; } .fa-linode:before { content: ""; } .fa-address-book:before { content: ""; } .fa-address-book-o:before { content: ""; } .fa-vcard:before, .fa-address-card:before { content: ""; } .fa-vcard-o:before, .fa-address-card-o:before, .personalInformationicon:before { content: ""; } .fa-user-circle:before { content: ""; } .fa-user-circle-o:before { content: ""; } .fa-user-o:before { content: ""; } .fa-id-badge:before { content: ""; } .fa-drivers-license:before, .fa-id-card:before { content: ""; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; } .fa-quora:before { content: ""; } .fa-free-code-camp:before { content: ""; } .fa-telegram:before { content: ""; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; } .fa-shower:before { content: ""; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; } .fa-podcast:before { content: ""; } .fa-window-maximize:before { content: ""; } .fa-window-minimize:before { content: ""; } .fa-window-restore:before { content: ""; } .fa-times-rectangle:before, .fa-window-close:before { content: ""; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; } .fa-bandcamp:before { content: ""; } .fa-grav:before { content: ""; } .fa-etsy:before { content: ""; } .fa-imdb:before { content: ""; } .fa-ravelry:before { content: ""; } .fa-eercast:before { content: ""; } .fa-microchip:before { content: ""; } .fa-snowflake-o:before { content: ""; } .fa-superpowers:before { content: ""; } .fa-wpexplorer:before { content: ""; } .fa-meetup:before { content: ""; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; list-style: none; } /** 2.将下面代码引入css文件中 **/ @font-face { font-family: "SourceHanSansCNRegular"; /* 这个名字可以自己定义 */ src: url("~@/assets/fonts/SourceHanSansCNRegular/Source Han Sans CN Regular.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/ src: url("~@/assets/fonts/SourceHanSansCNRegular/Source Han Sans CN Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("~@/assets/fonts/SourceHanSansCNRegular/Source Han Sans CN Regular.woff") format("woff"), /* Modern Browsers */ url("~@/assets/fonts/SourceHanSansCNRegular/Source Han Sans CN Regular.ttf") format("truetype"), /* Safari, Android, iOS */ url("~@/assets/fonts/SourceHanSansCNRegular/Source Han Sans CN Regular.svg#YourWebFontName") format("svg"); /* Legacy iOS */ font-weight: bold; font-style: normal; } body { /* background: #f6f7fb; */ font-size: 14px; /* font-family: "Helvetica Neue", "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", "sans-serif", "PingHei", "Lucida Grande", "Helvetica", "Arial", "Verdana"; */ font-family: "SourceHanSansCNRegular,Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", "sans-serif"; } img, iframe { border: 0; } img { vertical-align: middle; } .logo, .top_menu .layui-nav-item[pc], .component, .top_menu .layui-nav-item[mobile], .layui-nav, .layui-layout-admin .layui-main, .site-mobile .layui-side, .layui-layout-admin .layui-side, .site-mobile .site-tree-mobile, .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-side, .panel, .panel .panel_icon i { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } a { outline: none; text-decoration: none; color: #000; cursor: pointer; } dl { margin-bottom: 0; } .row { margin-left: 0px; margin-right: 0px; } .fr { float: right; } .fl { float: left; } .pr { position: relative; } .pa { position: absolute; } .pt10 { padding-top: 10px; } .displayn { display: none; } .displayi-b { display: inline-block; } .displayi { display: inline; } .zindex97 { z-index: 97; } .w100 { width: 100%; } .h100 { height: 100%; } .hidden { display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } *:focus { outline: none; } .optionstyle, .obpm-email .checkBox .emailoption, #flowHtmlText fieldset div .choice { position: relative; display: inline-block; font-weight: 400; color: #0c4757; padding-left: 25px; cursor: pointer; margin-bottom: 0px; line-height: 25px; } .optionstyle input, .obpm-email .checkBox .emailoption input, #flowHtmlText fieldset div .choice input { display: none; } .optionstyle input:checked + i, .obpm-email .checkBox .emailoption input:checked + i, #flowHtmlText fieldset div .choice input:checked + i { background-position: left top; } .optionstyle i, .obpm-email .checkBox .emailoption i, #flowHtmlText fieldset div .choice i { display: block; position: absolute; top: 3px; left: 0; width: 18px; height: 18px; outline: 0; background: url(../../images/radio.jpg) no-repeat left bottom; } .choicestyle, .obpm-calendarview .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice, .obpm-calendarview .obpm-datatable tbody .treeHead .foldline .choice, .obpm-calendarview .obpm-datatable thead .listDataThFirstTd .choice, .flow-urge .choice, .flow-node .choice, .appoint-man .choice, .obpm-viewtable .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice, .obpm-viewtable .obpm-dataTable tbody .obpm-listdatatr .listDataTrFirstTd .choice, .obpm-editview .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice, .obpm-editview .obpm-dataTable tbody .obpm-listdatatr .listDataTrFirstTd .choice, .obpm-viewtable .obpm-datatable thead .obpm-listdatath .listDataThFirstTd .choice, .obpm-viewtable .obpm-dataTable thead .obpm-listdatath .listDataThFirstTd .choice, .obpm-editview .obpm-datatable thead .obpm-listdatath .listDataThFirstTd .choice, .obpm-editview .obpm-dataTable thead .obpm-listdatath .listDataThFirstTd .choice { position: relative; display: inline-block; font-weight: 400; color: #0c4757; padding-left: 25px; cursor: pointer; margin-bottom: 0px; } .choicestyle span, .obpm-calendarview .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice span, .obpm-calendarview .obpm-datatable tbody .treeHead .foldline .choice span, .obpm-calendarview .obpm-datatable thead .listDataThFirstTd .choice span, .flow-urge .choice span, .flow-node .choice span, .appoint-man .choice span, .obpm-viewtable .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice span, .obpm-viewtable .obpm-dataTable tbody .obpm-listdatatr .listDataTrFirstTd .choice span, .obpm-editview .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice span, .obpm-editview .obpm-dataTable tbody .obpm-listdatatr .listDataTrFirstTd .choice span, .obpm-viewtable .obpm-datatable thead .obpm-listdatath .listDataThFirstTd .choice span, .obpm-viewtable .obpm-dataTable thead .obpm-listdatath .listDataThFirstTd .choice span, .obpm-editview .obpm-datatable thead .obpm-listdatath .listDataThFirstTd .choice span, .obpm-editview .obpm-dataTable thead .obpm-listdatath .listDataThFirstTd .choice span { vertical-align: middle; } .choicestyle input, .obpm-calendarview .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice input, .obpm-calendarview .obpm-datatable tbody .treeHead .foldline .choice input, .obpm-calendarview .obpm-datatable thead .listDataThFirstTd .choice input, .flow-urge .choice input, .flow-node .choice input, .appoint-man .choice input, .obpm-viewtable .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice input, .obpm-viewtable .obpm-dataTable tbody .obpm-listdatatr .listDataTrFirstTd .choice input, .obpm-editview .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice input, .obpm-editview .obpm-dataTable tbody .obpm-listdatatr .listDataTrFirstTd .choice input, .obpm-viewtable .obpm-datatable thead .obpm-listdatath .listDataThFirstTd .choice input, .obpm-viewtable .obpm-dataTable thead .obpm-listdatath .listDataThFirstTd .choice input, .obpm-editview .obpm-datatable thead .obpm-listdatath .listDataThFirstTd .choice input, .obpm-editview .obpm-dataTable thead .obpm-listdatath .listDataThFirstTd .choice input { display: none; vertical-align: middle; } .choicestyle input:checked + i, .obpm-calendarview .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice input:checked + i, .obpm-calendarview .obpm-datatable tbody .treeHead .foldline .choice input:checked + i, .obpm-calendarview .obpm-datatable thead .listDataThFirstTd .choice input:checked + i, .flow-urge .choice input:checked + i, .flow-node .choice input:checked + i, .appoint-man .choice input:checked + i, .obpm-viewtable .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice input:checked + i, .obpm-viewtable .obpm-dataTable tbody .obpm-listdatatr .listDataTrFirstTd .choice input:checked + i, .obpm-editview .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice input:checked + i, .obpm-editview .obpm-dataTable tbody .obpm-listdatatr .listDataTrFirstTd .choice input:checked + i, .obpm-viewtable .obpm-datatable thead .obpm-listdatath .listDataThFirstTd .choice input:checked + i, .obpm-viewtable .obpm-dataTable thead .obpm-listdatath .listDataThFirstTd .choice input:checked + i, .obpm-editview .obpm-datatable thead .obpm-listdatath .listDataThFirstTd .choice input:checked + i, .obpm-editview .obpm-dataTable thead .obpm-listdatath .listDataThFirstTd .choice input:checked + i { background-position: left bottom; } .choicestyle i, .obpm-calendarview .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice i, .obpm-calendarview .obpm-datatable tbody .treeHead .foldline .choice i, .obpm-calendarview .obpm-datatable thead .listDataThFirstTd .choice i, .flow-urge .choice i, .flow-node .choice i, .appoint-man .choice i, .obpm-viewtable .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice i, .obpm-viewtable .obpm-dataTable tbody .obpm-listdatatr .listDataTrFirstTd .choice i, .obpm-editview .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd .choice i, .obpm-editview .obpm-dataTable tbody .obpm-listdatatr .listDataTrFirstTd .choice i, .obpm-viewtable .obpm-datatable thead .obpm-listdatath .listDataThFirstTd .choice i, .obpm-viewtable .obpm-dataTable thead .obpm-listdatath .listDataThFirstTd .choice i, .obpm-editview .obpm-datatable thead .obpm-listdatath .listDataThFirstTd .choice i, .obpm-editview .obpm-dataTable thead .obpm-listdatath .listDataThFirstTd .choice i { display: block; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; outline: 0; background: url(../../images/updown.png) no-repeat left top; } .obpm-input { display: inline-block; width: auto; line-height: 2; } .obpm-datediv { position: relative; border-collapse: separate; } .obpm-datediv .obpm-date { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .obpm-datediv .obpm-datespan .obpm-icon { font-weight: 400; } .obpm-radio { max-width: 100%; } .checkboxWid { width: 14px; height: 14px; } .flowHistory-table { border: 1px solid #cccccc; width: 100%; } .flowHistorytheadtr { background-color: #EFF0F1; } .flowHistorytheadtd { font-size: 14px; text-align: center; border: solid #cccccc; border-width: 0px 1px 1px 0px; background-color: #EFF0F1; } .flowHistorytbodydtr { max-height: 40px; } .flowHistorytbodydtd { font-size: 14px; text-align: center; border: solid #cccccc; border-width: 0px 1px 1px 0px; } .flowHistorytbodydtd > div { margin: 0px; padding: 0px; border: 0px; word-wrap: break-word; word-break: break-all; text-align: left; } .o-tabdiv { border-top: 1px solid lightgray; display: block; clear: both; padding: 5px; } .obpm-select { display: inline-block; width: auto; line-height: 2; } .obpm-userbtn { padding: 6px 20px; } .obpm-department { display: inline-block; width: auto; line-height: 2; } .addName { cursor: not-allowed; color: #ccc; margin-right: 4px; } .addName1 { cursor: pointer; margin-right: 4px; } .typeahead { background: #ffffff !important; } .twitter-typeahead pre { display: none; } .tt-menu { min-width: 182px; min-height: 0px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .tt-selectable { display: block; padding: 5px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; min-height: 0px !important; } .tt-selectable:hover { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } select[multiple], select[size] { height: 113px; } .ms2side__options p { cursor: default; color: grey; border: 1px solid grey; background-color: #F0F0F0; margin: 0; line-height: 19px; } .ms2side__options table td { width: 30px; padding: 5px; } #_formHtml > div > table { width: 100%; word-break: break-all; } .formTable td { padding: 10px; } .obpm-upload { display: inline-table; position: relative; line-height: 0px; } .upload-box div.upbtns-panel { position: absolute; background: rgba(0, 0, 0, 0.5); width: 100%; top: 0; left: 0; z-index: 300; height: 0px; } .upload-box div.upbtns-panel span { width: 24px; height: 24px; display: inline; float: right; text-indent: -9999px; overflow: hidden; background: url(../../images/icons.png) no-repeat; margin: 5px 1px 1px; cursor: pointer; } .upload-box div.upbtns-panel span.upbtn-cancel { background-position: -48px -24px; } .obpm-searchdel4 { font-size: 12px; background: url(../../images/camera.png); border: 0px; width: 16px; height: 17px; } #activityTable a.obpm-default { margin-right: 4px; } #activityTable a.obpm-success { margin-right: 4px; background-color: #5cb85c; border-color: #4cae4c; } #activityTable a.obpm-waring { margin-right: 4px; background-color: #f0ad4e; border-color: #eea236; } #activityTable a.obpm-info { margin-right: 4px; } #activityTable a.obpm-danger { margin-right: 4px; } #activityTable a.obpm-primary { margin-right: 4px; } #activityTable a.primaryName { background-color: #337ab7; border-color: #337ab7; } #activityTable a.primaryName:hover { background-color: #286090; border-color: #286090; } #activityTable a.primaryName:active { background-color: #286090; border-color: #286090; } #activityTable a.primaryName:active:focus { background-color: #286090; border-color: #286090; } #activityTable a.primaryName:active:hover { background-color: #286090; border-color: #286090; } #activityTable a.successName { background-color: #449d44; border-color: #449d44; } #activityTable a.successName:hover { background-color: #327b35; border-color: #327b35; } #activityTable a.successName:active { background-color: #327b35; border-color: #327b35; } #activityTable a.successName:active:focus { background-color: #327b35; border-color: #327b35; } #activityTable a.successName:active:hover { background-color: #327b35; border-color: #327b35; } #activityTable a.infoName { background-color: #5bc0de; border-color: #5bc0de; } #activityTable a.infoName:hover { background-color: #4ba1c6; border-color: #4ba1c6; } #activityTable a.infoName:active { background-color: #4ba1c6; border-color: #4ba1c6; } #activityTable a.infoName:active:focus { background-color: #4ba1c6; border-color: #4ba1c6; } #activityTable a.infoName:active:hover { background-color: #4ba1c6; border-color: #4ba1c6; } #activityTable a.warningName { background-color: #ec971f; border-color: #ec971f; } #activityTable a.warningName:hover { background-color: #d68a1e; border-color: #d68a1e; } #activityTable a.warningName:active { background-color: #d68a1e; border-color: #d68a1e; } #activityTable a.warningName:active:focus { background-color: #d68a1e; border-color: #d68a1e; } #activityTable a.warningName:active:hover { background-color: #d68a1e; border-color: #d68a1e; } #activityTable a.dangerName { background-color: #d9534f; border-color: #d9534f; } #activityTable a.dangerName:hover { background-color: #c73f3b; border-color: #c73f3b; } #activityTable a.dangerName:active { background-color: #c73f3b; border-color: #c73f3b; } #activityTable a.dangerName:active:focus { background-color: #c73f3b; border-color: #c73f3b; } #activityTable a.dangerName:active:hover { background-color: #c73f3b; border-color: #c73f3b; } #activityTable a.onlyready { cursor: no-drop; } #activityTable a.defaultName { color: #333; background-color: #fff; border-color: #ccc; } #activityTable a.defaultName:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } #activityTable a.defaultName:active { color: #333; background-color: #e6e6e6; border-color: #adadad; } #activityTable a.defaultName:active:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } #activityTable a.defaultName:active:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .ml5 { margin-left: 5px; } .obpm-fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .obpm-tab-collapse { color: #fff; border-radius: 5px; background: url(../../images/left_bar.gif); } .obpm-tab-collapse > .obpm-fa { padding-left: 12px; padding-right: 8px; } .obpm-tab-nomall { height: 40px; border-bottom: 1px solid #dddddd; margin-bottom: 15px; } .obpm-tab-nomall a { display: block; color: #555555; float: left; padding: 10px; } .obpm-tab-nomall .current { color: #23527c; background-color: white; margin-bottom: -1px; border-width: 1px; border-style: solid; border-color: #dddddd #dddddd transparent; border-image: initial; border-radius: 4px 4px 0px 0px; } .modifyBaiduMap { width: 100%; height: 100%; margin: 0px; } .modifyBaiduMap .modifyBaiduMaptd { border: 0; } #baidumap { margin: 0px; width: 100%; height: 550px; } .pull-right { float: right !important; } .toggle-button-wrapper { margin-right: 10px; line-height: 34px; font-size: 0px; } .toggle-button-wrapper .showlineName { font-size: 14px; vertical-align: middle; padding-right: 10px; } .toggle-button-wrapper #line { display: none; } .toggle-button-wrapper #line:checked + label.button-label .circle { left: 18px; } .toggle-button-wrapper #line:checked + label.button-label { background-color: #009bf6; } .toggle-button-wrapper .button-label { position: relative; display: inline-block; width: 36px; height: 20px; background-color: #bababa; border-radius: 30px; overflow: hidden; vertical-align: middle; margin-bottom: 0px; } .toggle-button-wrapper .button-label .circle { position: absolute; top: 2px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; transition: all 0.3s; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } } #activityTable .btn, #activityTable .upload-box .obpm-upload-btn, .upload-box #activityTable .obpm-upload-btn, #activityTable .obpm-userbtn, #activityTable .obpm-treedepartment-btn, #activityTable a.obpm-success, #activityTable a.obpm-waring, #activityTable .obpm-viewdialog-default { padding: 6px 20px; } .obpm-commonopinions { position: absolute; background: #fff; color: #000; width: 162px; border: 1px solid #CDD4D4; border-radius: 4px; font-size: 14px; z-index: 2; right: -15px; margin-bottom: 20px; } .obpm-commonopinions .obpm-commonopinions-list { max-height: 85px; overflow: hidden; margin: 0; padding: 0; } .obpm-commonopinions .obpm-commonopinions-list li { text-align: left; padding: 0 10px; height: 30px; line-height: 30px; list-style-type: none; cursor: pointer; } .obpm-commonopinions .obpm-commonopinions-list li:hover { background: #46D2DB; } .obpm-commonopinions .obpm-commonopinions-list li:hover a { color: #fff; } .obpm-commonopinions .obpm-commonopinions-list li:hover a > i { color: #fff; } .obpm-commonopinions .obpm-commonopinions-list li:hover a.obpm-del > i { color: #ffffff; } .obpm-commonopinions a { background-color: transparent; outline: none; text-decoration: none; color: #000; cursor: pointer; } .obpm-commonopinions .obpm-text { width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .obpm-commonopinions .obpm-editsub { float: right; color: #000; margin-left: 10px; } .obpm-commonopinions .obpm-del { float: right; color: #ef6051; } .obpm-commonopinions .obpm-edit { width: 140px; height: 60px; line-height: 30px; margin: 3px 10px; border-radius: 3px; } .obpm-commonopinions .obpm-edit input { border: 1px solid #BABABA; height: 26px; line-height: 26px; border-radius: 3px; width: 140px; } .obpm-commonopinions .obpm-edit span { float: right; margin-left: 10px; cursor: pointer; } .obpm-commonopinions .obpm-edit .obpm-save { color: #76C79C; } .obpm-commonopinions .obpm-edit .obpm-cancel { color: #BABABA; } .obpm-commonopinions .obpm-addbtn { border: 1px solid #0074de; color: #1c84e2; width: 140px; height: 26px; line-height: 26px; margin: 10px; border-radius: 3px; cursor: pointer; text-align: center; } .obpm-commonopinions .obpm-editbtn { width: 140px; height: 26px; line-height: 26px; margin: 0 10px 5px; border-radius: 3px; border: 1px solid #CDD4D4; background: #F4F6F6; color: #606262; cursor: pointer; text-align: center; } .obpm-commonopinions .obpm-editbtn i { margin: 5px 0px 0px 30px; background: url(./../../images/add_edit.png) -20px; width: 20px; height: 20px; float: left; } .upload-box { margin-top: 7px; } .upload-box .hidepic { margin-bottom: 13px; min-width: 250px; } .upload-box .hidepic .item { position: relative; height: 40px; font-size: 12px; border-bottom: 1px solid #e9ebed; display: flex; width: 100%; } .upload-box .hidepic .item .fieldName { display: inline-block; line-height: 40px; color: #888781; cursor: pointer; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .upload-box .hidepic .item .fieldName .obpm-img { background: url(../../images/fileUpload.png); width: 16px; height: 16px; display: inline-block; } .upload-box .hidepic .item .operate > a { display: inline-block; padding-left: 20px; padding-right: 20px; line-height: 40px; color: #888781; } .upload-box .hidepic .item .operate > a:hover { color: #777; } .upload-box .hidepic .item .operate .fieldSize { display: none; } .upload-box .hidepic .item .operate .fieldload { cursor: pointer; } .upload-box .hidepic .item .operate .fieldload .icon-load { margin-right: 10px; } .upload-box .hidepic .item .operate .fieldload:hover { color: #000; } .upload-box .hidepic .item .operate .fieldload:hover .icon-load { background-position: -73px -2px; } .upload-box .hidepic .item .operate .deleteCon { display: inline-block; position: relative; padding-left: 20px; padding-right: 20px; } .upload-box .hidepic .item .operate .deleteCon .first_delete { line-height: 40px; height: 40px; display: block; color: #777; cursor: pointer; } .upload-box .hidepic .item .operate .deleteCon .first_delete:hover { color: #000; } .upload-box .hidepic .item .operate .deleteCon .first_delete:hover .icon-del { background-position: -108px -2px; } .upload-box .hidepic .item .operate .deleteCon .first_delete .icon-del { margin-right: 10px; } .upload-box .hidepic .item .operate .deleteCon .sub_deleteBox { position: absolute; width: 120px; z-index: 1001; color: #333; left: -14px; top: -80px; border-bottom: 10px solid transparent; } .upload-box .hidepic .item .operate .deleteCon .sub_deleteBox .sub_deleteContent { position: relative; box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.07); border-radius: 3px; background: #fff; } .upload-box .hidepic .item .operate .deleteCon .sub_deleteBox .sub_deleteContent p { border-bottom: 1px solid #e9ebed; line-height: 40px; text-align: center; font-size: 14px; color: #4A4A4A; } .upload-box .hidepic .item .operate .deleteCon .sub_deleteBox .sub_deleteContent .sub_operate { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .upload-box .hidepic .item .operate .deleteCon .sub_deleteBox .sub_deleteContent .sub_operate a { width: 50%; color: #9f9f9f; line-height: 39px; cursor: pointer; text-align: center; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .upload-box .hidepic .item .operate .deleteCon .sub_deleteBox .sub_deleteContent .sub_operate a.del { color: #3096F3; } .upload-box .hidepic .item .operate .deleteCon .sub_deleteBox .sub_deleteContent .arrowBox { position: absolute; display: inline-block; width: 20px; height: 10px; left: 50px; } .upload-box .hidepic .item .operate .deleteCon .sub_deleteBox .sub_deleteContent .arrowBox .arrow { border: 10px solid transparent; display: inline-block; vertical-align: top; border-top-color: #fff; border-bottom-width: 0; } .upload-box .hidepic .item .operate .deleteCon .hide { display: none !important; } .upload-box .hidepic .item .showOperate { display: none; width: 40px; height: 40px; cursor: pointer; } .upload-box .hidepic .item .showOperate span.img { width: 16px; height: 40px; display: block; margin: 0 auto; background: url(../../images/icon.png) center no-repeat; background-position: -142px 9px; } .upload-box .obpm-upload-btn { color: #43c7ea; padding: 6px 20px; border: 1px solid #43c7ea; } .upload-box .obpm-upload-btn:hover { color: #43c7ea; border: 1px solid blue; } .upload-box .btnAdd img { margin-right: 5px; vertical-align: baseline; } .upload-box .hide { display: none !important; } #flowHtmlText { width: 48%; } #flowHtmlText fieldset { width: 100%; height: 158px; border-radius: 4px; border: solid 1px #d9d9d9; margin: 0px; padding: 0px; } #flowHtmlText fieldset legend { border: none; width: 80px; margin-left: 10px; margin-bottom: 0px; font-size: 16px; color: #33333f; padding-left: 15px; } #flowHtmlText fieldset .obpm-submission { padding: 10px 10px 0 20px; height: 135px; overflow: hidden; } #flowHtmlText fieldset .flow-submit__user-panel { padding: 10px; } #flowHtmlText fieldset .flow-back { margin-top: 10px; margin-left: 20px; } #flowHtmlText fieldset .freeFlow_enddiv { width: 100%; height: 130px; position: relative; } #flowHtmlText fieldset .freeFlow_enddiv > img { position: absolute; left: 50%; top: 50%; margin-top: -33px; margin-left: -33px; } #flowHtmlText fieldset .flow-submit__user { width: 60px; height: 60px; margin-bottom: 5px; } #flowHtmlText fieldset .flow-submit__user .flow-submit__user-avatar { margin: 0px auto; width: 38px; height: 38px; position: relative; } #flowHtmlText fieldset .flow-submit__user .flow-submit__user-avatar .noAvatar { width: 38px; height: 38px; color: #fff; text-align: center; line-height: 38px; font-size: 12px; border-radius: 2px; background: #428bcb; } #flowHtmlText fieldset .flow-submit__user .flow-submit__user-avatar .fa-minus-square, #flowHtmlText fieldset .flow-submit__user .flow-submit__user-avatar .flowSubmiticon { position: absolute; top: 0px; right: -4px; background-color: #fff; color: #d80000; line-height: 5px; } #flowHtmlText fieldset .flow-submit__user .flow-submit__user-name { text-align: center; font-size: 12px; margin: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #flowHtmlText fieldset .flow-submit__user-select-box { width: 60px; height: 38px; } #flowHtmlText fieldset .flow-submit__user-select-box .flow-submit__user-avatar { margin: 0px auto; width: 38px; height: 38px; position: relative; } #flowHtmlText fieldset .flow-submit__user-select-box .flow-submit__user-select { border: 1px solid #D9D9D9; } #flowHtmlText fieldset .flow-submit__user-select-box .flow-submit__user-select:before { content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #D9D9D9; width: 2px; height: 70%; } #flowHtmlText fieldset .flow-submit__user-select-box .flow-submit__user-select:after { content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #D9D9D9; width: 70%; height: 2px; } #flowHtmlText #flow-reminder-text-up { padding-left: 20px; padding-top: 10px; } #div_button_place { margin-top: 20px; width: 94%; } .baseline { width: 96%; border: 1px solid #d9d9d9; margin: 10px auto; } #flowHtmlForm { width: 48%; } #flowHtmlForm fieldset { width: 100%; height: 158px; border-radius: 4px; border: solid 1px #d9d9d9; margin: 0px; padding: 0px; } #flowHtmlForm fieldset legend { border: none; width: 80px; margin-left: 10px; margin-bottom: 0px; font-size: 16px; color: #33333f; padding-left: 15px; } #flowHtmlForm fieldset #textarea_counter { position: absolute; right: 42px; top: 0px; background: #fff; padding: 0 20px; } #flowHtmlForm fieldset .flow-reminder-counter { position: absolute; right: 42px; top: 0px; background: #fff; padding: 0 20px; } #flowHtmlForm fieldset textarea, #flowHtmlForm fieldset .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel #flowHtmlForm fieldset textarea { box-shadow: none; padding: 10px 0 0 20px; width: 100%; height: 100px; overflow: hidden; border: none; resize: none; outline: none; } #flowHtmlForm fieldset .fieldset_remark_button { position: relative; bottom: 0px; } #flowHtmlForm fieldset .fieldset_remark_button #fieldset_remark_usual { cursor: pointer; padding-left: 20px; } #flowHtmlForm fieldset .fieldset_remark_button #fieldset_remark_usual i { margin-left: 10px; vertical-align: top; } #flowHtmlForm fieldset .fieldset_remark_button .btn-reset { margin: 0 8px 0 0; } #flowHtmlForm fieldset .fieldset_remark_button .btn-reset { background: url(../../images/btn_reset.png) no-repeat; width: 67px; height: 22px; padding: 0px; border: none; display: none; } #flowHtmlForm fieldset .fieldset_remark_button .btn-pen { background: url(../../images/btn_pen.png) no-repeat; width: 90px; height: 22px; padding: 0px; border: none; margin-right: 20px; } #signature_box { margin-top: 10px; display: none; border-top: solid 1px green; } .searchdivstar { width: 88%; margin: 0 auto !important; overflow: hidden; } .searchdivstar #flow-start-select { overflow: hidden; margin-left: 10px; float: left; } .searchdivstar #flow-start-select .lh34 { font-size: 14px; margin-top: 5px; } .searchdivstar #flow-start-select .component-select { font-size: 14px; width: 402px; height: 34px; border: 1px solid #dde2e2; color: #c0c5c5; } .searchdivstar #flow-start-select-subto { overflow: hidden; margin-left: 50px; float: right; } .searchdivstar #flow-start-select-subto .lh34 { font-size: 14px; margin-top: 5px; } .searchdivstar #flow-start-select-subto .component-select { font-size: 14px; width: 402px; height: 34px; border: 1px solid #dde2e2; color: #c0c5c5; } .flow-start-btn { margin: 20px auto 0px; width: 180px; font-size: 0px; } .flow-start-btn button { width: 80px; height: 34px; background: #fff; border: 1px solid #dde2e2; } .flow-start-btn .confirm { background: #1AA094; color: #fff; margin-right: 20px; } .searchDiv > .row { width: 88%; margin: 0 auto; } .formTable td.listDataThFirstTd { width: 40px; } .obpm-advanced { margin-top: 1px; outline: none; } .obpm-advanced .obpm-gridview-btn { margin-top: 10px; margin-bottom: 10px; text-align: left; } .obpm-advanced .obpm-gridview-savebtn { margin: 10px; color: #fff; border-color: #40a9ff; background-color: #40a9ff; } .obpm-advanced .obpm-gridview-savebtn a { color: #fff; } .obpm-advanced .obpm-gridview-createbtn { color: #1890ff; border-color: #1890ff; background-color: #fff; } .obpm-advanced .obpm-gridview-createbtn a { color: #1890ff; } .obpm-advanced #dataTable { width: 98%; margin: 0 auto 10px; } .obpm-advanced #dataTable thead { background: #e9e9e9; } .obpm-advanced #dataTable thead .listDataTh .listDataThFirstTd { text-align: left; } .obpm-advanced #dataTable thead .listDataTh .listDataThFirstTd input { margin-left: 11px; } .obpm-advanced #dataTable thead .listDataTh .listDataThTd { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .obpm-advanced #dataTable thead .listDataTh .listDataThTd a { cursor: pointer; } .obpm-advanced #dataTable tbody .listDataTrFirstTd { text-align: left; } .obpm-advanced #dataTable tbody .listDataTrFirstTd input { margin-left: 11px; } .obpm-advanced #dataTable tbody .listDataTr .listDataTrTd { word-break: break-all; } .obpm-advanced #dataTable tbody .listDataTr .listDataTrTd .extralegal { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: auto; } .obpm-advanced #dataTable tbody .listDataTr .obpm-gridview-edit { color: #369bf5; } .obpm-advanced #dataTable tbody .listDataTr .obpm-gridview-remove { color: #f45656; } #dataTable { table-layout: fixed; } .obpm-viewtable, .obpm-editview { overflow: hidden; } .obpm-viewtable .obpm-datatable, .obpm-viewtable .obpm-dataTable, .obpm-editview .obpm-datatable, .obpm-editview .obpm-dataTable { border: none; text-align: left; margin: 20px auto 10px; } .obpm-viewtable .obpm-datatable colgroup .colname, .obpm-viewtable .obpm-dataTable colgroup .colname, .obpm-editview .obpm-datatable colgroup .colname, .obpm-editview .obpm-dataTable colgroup .colname { width: 45px; } .obpm-viewtable .obpm-datatable thead td > a, .obpm-viewtable .obpm-dataTable thead td > a, .obpm-editview .obpm-datatable thead td > a, .obpm-editview .obpm-dataTable thead td > a { color: #333; } .obpm-viewtable .obpm-datatable thead .obpm-listdatath, .obpm-viewtable .obpm-dataTable thead .obpm-listdatath, .obpm-editview .obpm-datatable thead .obpm-listdatath, .obpm-editview .obpm-dataTable thead .obpm-listdatath { font-size: 14px; background-color: #e9e9e9; border: none; min-width: 100px; height: 40px; } .obpm-viewtable .obpm-datatable thead .obpm-listdatath .listDataThFirstTd, .obpm-viewtable .obpm-dataTable thead .obpm-listdatath .listDataThFirstTd, .obpm-editview .obpm-datatable thead .obpm-listdatath .listDataThFirstTd, .obpm-editview .obpm-dataTable thead .obpm-listdatath .listDataThFirstTd { width: 60px; text-align: left; padding: 10px 0px 8px 20px; border: none; font-size: 0; } .obpm-viewtable .obpm-datatable thead .obpm-listdatath .obpm-listdatatd, .obpm-viewtable .obpm-dataTable thead .obpm-listdatath .obpm-listdatatd, .obpm-editview .obpm-datatable thead .obpm-listdatath .obpm-listdatatd, .obpm-editview .obpm-dataTable thead .obpm-listdatath .obpm-listdatatd { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 32px; font-size: 14px; border: none; } .obpm-viewtable .obpm-datatable thead .obpm-listdatath .obpm-listdatatd a, .obpm-viewtable .obpm-dataTable thead .obpm-listdatath .obpm-listdatatd a, .obpm-editview .obpm-datatable thead .obpm-listdatath .obpm-listdatatd a, .obpm-editview .obpm-dataTable thead .obpm-listdatath .obpm-listdatatd a { cursor: pointer; } .obpm-viewtable .obpm-datatable tbody .obpm-listdatatr, .obpm-viewtable .obpm-dataTable tbody .obpm-listdatatr, .obpm-editview .obpm-datatable tbody .obpm-listdatatr, .obpm-editview .obpm-dataTable tbody .obpm-listdatatr { height: 39px; border-bottom: 1px solid #e2e2e2; } .obpm-viewtable .obpm-datatable tbody .obpm-listdatatr td > a, .obpm-viewtable .obpm-dataTable tbody .obpm-listdatatr td > a, .obpm-editview .obpm-datatable tbody .obpm-listdatatr td > a, .obpm-editview .obpm-dataTable tbody .obpm-listdatatr td > a { color: #666; } .obpm-viewtable .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd, .obpm-viewtable .obpm-dataTable tbody .obpm-listdatatr .listDataTrFirstTd, .obpm-editview .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd, .obpm-editview .obpm-dataTable tbody .obpm-listdatatr .listDataTrFirstTd { width: 60px; padding: 10px 0px 8px 20px; border: none; font-size: 0; text-align: left; } .obpm-viewtable .obpm-datatable tbody .obpm-listdatatr .total + .listDataTrTd + .listDataTrTd > a, .obpm-viewtable .obpm-dataTable tbody .obpm-listdatatr .total + .listDataTrTd + .listDataTrTd > a, .obpm-editview .obpm-datatable tbody .obpm-listdatatr .total + .listDataTrTd + .listDataTrTd > a, .obpm-editview .obpm-dataTable tbody .obpm-listdatatr .total + .listDataTrTd + .listDataTrTd > a { padding-right: 20px; color: #f45656; } .obpm-viewtable .obpm-datatable tbody .obpm-listdatatr .listDataTrTd, .obpm-viewtable .obpm-dataTable tbody .obpm-listdatatr .listDataTrTd, .obpm-editview .obpm-datatable tbody .obpm-listdatatr .listDataTrTd, .obpm-editview .obpm-dataTable tbody .obpm-listdatatr .listDataTrTd { font-size: 14px; padding: 8px; border: none; word-break: break-all; } .not-data { margin-bottom: 20px; } .not-data img { width: 207px; height: 301px; } .selectUserByAllBody { overflow-x: hidden; overflow-y: hidden; height: 100%; margin: 0; font-size: 12px; background: #fff; } .selectUserByAllBody .crossUL-top { height: 41px; background: #e7e7e7; overflow: hidden; padding: 0 20px; margin-bottom: 20px; } .selectUserByAllBody .crossUL-top .crossUL { margin: 0; list-style: none; text-align: center; padding: 1px; padding-bottom: 0px; overflow: hidden; } .selectUserByAllBody .crossUL-top .crossUL li.on { height: 41px; line-height: 30px; background-color: #fff; color: #333; font-weight: bold; } .selectUserByAllBody .crossUL-top .crossUL li { font-size: 12px; height: 30px; line-height: 30px; float: left; background-color: #e7e7e7; color: #676a6c; padding: 5px 10px 5px 10px; cursor: pointer; margin: 0; list-style: none; } .selectUserByAllBody .cleardiv { float: none; clear: both; } .selectUserByAllBody .contentDiv { clear: left; margin: 0 15px; border: none; } .selectUserByAllBody .contentDiv .crossULdivleft { background-color: #FFFFFF; float: left; border: 1px solid #d2d2d2; border-radius: 4px; -wekit-border-radius: 4px; -moz-border-radius: 4px; height: 370px; width: 198px; } .selectUserByAllBody .contentDiv .crossULdivleft .list_div { padding: 10px 0 10px 10px; border-bottom: 1px solid #d2d2d2; cursor: pointer; height: 39px; line-height: 39px; padding: 0 0 0 10px; border-bottom: 1px solid #d2d2d2; margin-bottom: 0px; color: #676a6c; cursor: pointer; background-color: #fafafa; } .selectUserByAllBody .contentDiv .crossULdivleft .list_div_head { height: 39px; line-height: 39px; padding: 0 0 0 10px; border-bottom: 1px solid #d2d2d2; margin-bottom: 0px; color: #676a6c; cursor: pointer; background-color: #fafafa; } .selectUserByAllBody .contentDiv .crossULdivleft .list_div_head #SHvalue { height: 18px; width: 100px; } .selectUserByAllBody .contentDiv .crossULdivleft .list_div_head .flowsearchPerson { width: 30px; position: relative; top: 3px; border: none; background: url(../../images/searchPerson.jpg) center no-repeat; outline: medium; cursor: pointer; } .selectUserByAllBody .contentDiv .crossULdivleft .leftContent { overflow-x: auto !important; height: 328px; overflow: hidden; outline: none; } .selectUserByAllBody .contentDiv .crossULdivleft .leftContent > div > font { margin: 10px 0 10px 10px; } .selectUserByAllBody .contentDiv .crossULdivleft .leftContent .list_div { padding: 10px 0 10px 10px; border-bottom: 1px solid #d2d2d2; cursor: pointer; } .selectUserByAllBody .contentDiv .crossULdivleft .leftContent .list_div .selectImg_right { vertical-align: middle; margin-right: 5px; visibility: hidden; } .selectUserByAllBody .contentDiv .crossULdivright { float: left; min-height: 300px; } .selectUserByAllBody .contentDiv .crossULdivright .guide { float: left; width: 25px; height: 370px; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef { width: 198px; height: 370px; background: #fff; float: left; border: 1px solid #d2d2d2; border: 1px solid #d2d2d2; border-radius: 4px; -wekit-border-radius: 4px; -moz-border-radius: 4px; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef .list_div_head { height: 39px; line-height: 39px; padding: 0 0 0 10px; border-bottom: 1px solid #d2d2d2; margin-bottom: 0px; color: #676a6c; cursor: pointer; background-color: #fafafa; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef .list_div_head #SHvalue { height: 18px; width: 100px; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef .list_div_head .flowsearchPerson { width: 30px; position: relative; top: 3px; border: none; background: url(../../images/searchPerson.jpg) center no-repeat; outline: medium; cursor: pointer; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef #right_btn { text-align: center; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef #right_btn #addAll { outline: medium; font-size: 12px; margin-top: 0px; border-color: #ccc; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef #righttitle { height: 39px; overflow: hidden; text-overflow: ellipsis; line-height: 38px; padding-left: 10px; color: #676a6c; background-color: #fafafa; border-bottom: 1px solid #d2d2d2; white-space: nowrap; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef #righttitle .searchPerson { width: 48px; height: 38px; padding: 0 10px 0 0px; border: none; background: url(../../images/searchPerson.jpg) center no-repeat; outline: medium; cursor: pointer; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef #rightcontent { clear: all; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef #rightcontent .list_div_user { padding: 10px 0 10px 10px; border-bottom: 1px solid #d2d2d2; cursor: pointer; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef #rightcontent .list_div { padding: 10px 0 10px 10px; border-bottom: 1px solid #d2d2d2; cursor: pointer; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef #rightcontent .list_div input { font-family: Arial, Vendera, Tahoma; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef #rightcontent input[type=checkbox] i { margin: 3px 3px 3px 4px; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef #rightcontent .user_run_page { margin-bottom: -1px; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_lef .guide { float: left; width: 25px; height: 370px; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_rig { position: relative; width: 198px; height: 370px; overflow: auto; float: left; background: #fff; border: 1px solid #d2d2d2; border: 1px solid #d2d2d2; border-radius: 4px; -wekit-border-radius: 4px; -moz-border-radius: 4px; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_rig .list_div_head { height: 38px; line-height: 38px; padding: 0 0 0 10px; border-bottom: 1px solid #d2d2d2; margin-bottom: 0px; color: #676a6c; cursor: pointer; background-color: #fafafa; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_rig .selectedUserDiv { background: #fafafa; cursor: pointer; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_rig .selectedUserDiv .onSelect { margin: 0 auto; padding: 10px 0 10px 0; border-bottom: 1px solid #d2d2d2; cursor: pointer; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_rig .moveall { margin-right: 10px; position: absolute; top: 2px; right: 0; } .selectUserByAllBody .contentDiv .crossULdivright .crossULdivright_rig #deleteAll { outline: medium; } .selectUserByAllBody .doReturndiv { float: right; padding: 0 20px; margin-top: 17px; } .selectUserByAllBody .doReturndiv #doReturn { outline: medium; } .selectbyflowbody { overflow-x: hidden; overflow-y: hidden; height: 100%; margin: 0; } .selectbyflowbody .crossUL-top { height: 41px; background: #e7e7e7; overflow: hidden; padding: 0 20px; margin-bottom: 20px; } .selectbyflowbody .crossUL-top .crossUL { margin: 0; list-style: none; text-align: center; padding: 1px; padding-bottom: 0px; overflow: hidden; } .selectbyflowbody .crossUL-top .crossUL li.on { height: 41px; line-height: 30px; background-color: #fff; color: #333; font-weight: bold; } .selectbyflowbody .crossUL-top .crossUL li { font-size: 12px; height: 30px; line-height: 30px; float: left; background-color: #e7e7e7; color: #676a6c; padding: 5px 10px 5px 10px; cursor: pointer; margin: 0; list-style: none; } .selectbyflowbody .cleardiv { float: none; clear: both; } .selectbyflowbody .contentDiv { clear: left; margin: 0 15px; border: none; } .selectbyflowbody .contentDiv .crossULdivleft { background-color: #FFFFFF; float: left; border: 1px solid #d2d2d2; border-radius: 4px; -wekit-border-radius: 4px; -moz-border-radius: 4px; height: 370px; width: 198px; } .selectDepartmentbody { overflow: hidden; background: #fff; } .btnbarDiv { height: 70px; background: #fff; position: relative; text-align: center; } .btnbarDiv .obpm-key { width: 84px; margin-left: 168px; margin-right: 15px; } .btnbarDiv > div { display: inline-block; width: 80px; } .btnbarDiv > div #btn-save { width: 84px; height: 34px; background: #41c478; color: #fff; border: 1px solid #dde2e2; margin-top: 18px; font-size: 0px; } .btnbarDiv > div #btn-save img { border: 0px; margin-right: 10px; vertical-align: middle; } .btnbarDiv > div #btn-save span { font-size: 14px; color: #fff; vertical-align: middle; } .btnbarDiv > div .back { width: 80px; height: 34px; border: 1px solid #dde2e2; margin-top: 18px; color: #000; } .selDepConDiv { overflow: auto; height: 373px !important; } .selDepConDiv .commFont { width: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .selDepConDiv .wtree-deptlist { background: #fff; float: left; min-width: 100%; border-width: 0px 0px 1px 0px; } .selDepConDiv .wtree-deptlist ul { list-style: none; border-width: 1px 0px 0px 0px; float: left; width: 100%; } .selDepConDiv .wtree-deptlist ul li.open .wtree-arrow { display: block !important; border: 1px solid #c7c7cc !important; border-top: none !important; border-left: none !important; } .selDepConDiv .wtree-deptlist ul li { border-width: 0px 0px 1px 0px; width: 100%; float: left; outline: none; position: relative; } .selDepConDiv .wtree-deptlist ul li .wtree-deptlist-box { display: table; width: 100%; } .selDepConDiv .wtree-deptlist ul li .wtree-deptlist-box .wtree-adron { float: left; padding: 18px 15px 18px; display: block; } .selDepConDiv .wtree-deptlist ul li .wtree-deptlist-box .wtree-adron .wtree-arrow { width: 8px; height: 8px; border: 1px solid #c7c7cc; border-left: none; border-bottom: none; -webkit-transform: rotate(45deg); display: block; } .selDepConDiv .wtree-deptlist ul li .wtree-deptlist-box .wtree-deptlist-input { margin-top: 15px; float: left; margin-right: 10px; } .selDepConDiv .wtree-deptlist ul li .wtree-deptlist-box .wtree-deptlist-input { display: table-cell; } .selDepConDiv .wtree-deptlist ul li .wtree-deptlist-box .wtree-name { padding-left: 10px; color: #111; font-weight: bold; font-size: 14px; padding-right: 15px; display: block; line-height: 24px; padding: 10px 0; white-space: nowrap; text-align: left; } .obpm-email .checkBox { margin: 50px 0px 20px 90px; } .obpm-email #emailphone_text { width: 280px; height: 34px; border: 1px solid #dce4e4; color: #606666; background: #f7f7f7; vertical-align: middle; border-radius: 3px; line-height: 32px; margin-left: 90px; } .obpm-email #add { margin-left: 10px; padding: 7px 12px; border: 1px solid #dce4e4; cursor: pointer; border-radius: 3px; vertical-align: middle; } #epok { width: 80px; height: 34px; background: #15b9be; border: 0; outline: none; color: #fff; margin-top: 90px; margin-left: 50%; transform: translatex(-50%); border-radius: 3px; } .obpm-print #form-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .obpm-print #form-content #document_content #container { position: relative; } .obpm-print #form-content #document_content #container #activityTable { overflow: hidden; background-color: #FFFFFF; border-top: 0px; position: fixed; left: 0px; right: 0px; z-index: 6; bottom: 0px; padding-top: 10px; padding-bottom: 2px; } .obpm-print #form-content #document_content #container #activityTable > table { float: right; margin-right: 30px; } .obpm-print #form-content #document_content #container #activityTable #toolbar .NoprintBtn { width: 84px; height: 34px; background: #379af5; border-radius: 3px; text-align: center; line-height: 34px; } .obpm-print #form-content #document_content #container #activityTable #toolbar .NoprintBtn .Noprint { color: #ffffff; } .obpm-print #form-content #document_content #container #activityTable #flow-panel { position: relative; white-space: nowrap; } .obpm-print #form-content #document_content #container #activityTable #flow-panel .flow-status { display: inline-block; padding: 0px 10px 0px 20px; position: relative; cursor: pointer; } .obpm-print #form-content #document_content #container #activityTable #flow-panel .flow-status > .glyphicon, .obpm-print #form-content #document_content #container #activityTable #flow-panel .flow-status > .obpm-upload-icon { color: #4ead49; margin-left: 5px; } .obpm-print #form-content #document_content #container #activityTable #flow-panel .flow-history { display: inline-block; padding-left: 10px; cursor: pointer; } .obpm-print #form-content #document_content #container #activityTable #flow-panel .flow-history .flow-history-icon { margin-right: 5px; margin-bottom: 2px; } .obpm-print #form-content #document_content #container #activityTable #flow-panel #flow-status-panel { position: absolute; background-color: #fff; border: 1px solid #ccc; right: 90px; top: 30px; min-width: 230px; z-index: 10; } .obpm-print #form-content #document_content #container #activityTable #flow-panel #flow-status-panel .flow-status-head { border-bottom: 1px solid #ccc; padding: 10px 15px; } .obpm-print #form-content #document_content #container #activityTable #flow-panel #flow-status-panel .flow-status-body .panel-group { margin-bottom: 0px; } .obpm-print #form-content #document_content #container #activityTable #flow-panel #flow-status-panel .flow-status-body .flow-state-panel { max-height: 400px; overflow-y: auto; } .obpm-print #form-content #document_content #container #_contentTable { padding-top: 15px; } .obpm-print #form-content #document_content #container #_contentTable #toAll p { line-height: 21px; } .obpm-print #form-content #document_content #container #_contentTable #toAll table { margin: 0 auto; } .obpm-print #form-content #document_content #container #_contentTable .printContent { width: 840px; margin: 0 auto; } .obpm-print #form-content #document_content #container #_contentTable .printContent table { width: 100%; } .obpm-print #form-content #document_content #container #_contentTable .printContent table .leaveHead { height: 40px; background: #e9e9e9; color: #333; } .obpm-print #form-content #document_content #container #_contentTable .printContent table .leaveHead th { padding-left: 20px; } .obpm-print #form-content #document_content #container #_contentTable .printContent table .aaa { background: #f6f6f6; } .obpm-print #form-content #document_content #container #_contentTable .printContent table .leaveCont td { padding-left: 20px; color: #666; } #viewHtml .monthdatabox { width: 100%; height: 58px; padding-left: 4px; padding-right: 4px; box-sizing: border-box; overflow: hidden; } #viewHtml .monthdatalist { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 11px; box-sizing: border-box; } #viewHtml .monthdatalist:hover { color: #000; background: #ACD3FD; cursor: auto; } #viewHtml .eventHead { width: 98%; margin: 0 auto; } #viewHtml .eventHead td { width: 50%; padding-top: 3px; text-align: left; margin-bottom: 10px; padding: 10px 0; } #viewHtml .eventHead .obpm-databtn { text-align: right; } #viewHtml .eventHead .btn-group a { padding: 6px 30px; border: solid 1px #ccc; } #viewHtml .eventHead .btn-group a:hover { color: #fff; background-color: #46D2DB; } #viewHtml .eventHead .btn-group .obpm-listviewbtn { color: #fff; background-color: #46D2DB; } #viewHtml .eventHead .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), #viewHtml .eventHead .btn-group > .obpm-userbtn:first-child:not(:last-child):not(.dropdown-toggle), #viewHtml .eventHead .btn-group > .obpm-treedepartment-btn:first-child:not(:last-child):not(.dropdown-toggle), #viewHtml .eventHead #activityTable .btn-group > a.obpm-success:first-child:not(:last-child):not(.dropdown-toggle), #activityTable #viewHtml .eventHead .btn-group > a.obpm-success:first-child:not(:last-child):not(.dropdown-toggle), #viewHtml .eventHead #activityTable .btn-group > a.obpm-waring:first-child:not(:last-child):not(.dropdown-toggle), #activityTable #viewHtml .eventHead .btn-group > a.obpm-waring:first-child:not(:last-child):not(.dropdown-toggle), #viewHtml .eventHead .btn-group > .obpm-viewdialog-default:first-child:not(:last-child):not(.dropdown-toggle), #viewHtml .eventHead .upload-box .btn-group > .obpm-upload-btn:first-child:not(:last-child):not(.dropdown-toggle), .upload-box #viewHtml .eventHead .btn-group > .obpm-upload-btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } #viewHtml .eventHead .btn-group > .btn:last-child:not(:first-child), #viewHtml .eventHead .btn-group > .obpm-userbtn:last-child:not(:first-child), #viewHtml .eventHead .btn-group > .obpm-treedepartment-btn:last-child:not(:first-child), #viewHtml .eventHead #activityTable .btn-group > a.obpm-success:last-child:not(:first-child), #activityTable #viewHtml .eventHead .btn-group > a.obpm-success:last-child:not(:first-child), #viewHtml .eventHead #activityTable .btn-group > a.obpm-waring:last-child:not(:first-child), #activityTable #viewHtml .eventHead .btn-group > a.obpm-waring:last-child:not(:first-child), #viewHtml .eventHead .btn-group > .obpm-viewdialog-default:last-child:not(:first-child), #viewHtml .eventHead .upload-box .btn-group > .obpm-upload-btn:last-child:not(:first-child), .upload-box #viewHtml .eventHead .btn-group > .obpm-upload-btn:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } #viewHtml .eventHead .cal_state { padding: 6px 0px; background: #fff; color: #868686; } #viewHtml .eventHead .cal_state a { padding: 6px 12px; background: #fff; color: #868686; } #viewHtml .eventHead .cal_state a:hover { color: #868686; background: #f5f5f5; border: 1px solid #ccc; } #viewHtml .eventHead .cal_state span { border: 1px solid #ccc; color: #868686; } #viewHtml .obpm-detailscontent { width: 98%; margin: 0 auto; } #viewHtml .obpm-detailscontent .theadtitle { margin: 0; table-layout: fixed; text-align: left; } #viewHtml .obpm-detailscontent .theadtitle td { padding: 8px 0px 0px 20px; box-sizing: border-box; } #viewHtml .obpm-detailscontent .nicescroll table { text-align: left; } #viewHtml .obpm-detailscontent .nicescroll table td { padding: 8px 0px 0px 20px; box-sizing: border-box; } #viewHtml .obpm-detailscontent .nicescroll .obpm-listcolumnhead { line-height: 26px; width: 120px; } #viewHtml .obpm-detailscontent .obpm-listdetails { width: 100%; line-height: 15px; } #viewHtml .obpm-detailscontent .obpm-listdetails thead .obpm-detailsthead { width: 120px; padding: 15px 20px 15px 0; box-sizing: border-box; background: #f6f6f6; } #viewHtml .obpm-detailscontent .obpm-listdetails thead .obpm-otherdetailsthead { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #f6f6f6; } #viewHtml .obpm-detailscontent .obpm-listdetails tbody tr { height: 125px; } #viewHtml .obpm-detailscontent .obpm-listdetails tbody tr:nth-child(2n) { background: #f6f6f6; } #viewHtml .obpm-detailscontent .obpm-listdetails tbody tr .calendar-event { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } #viewHtml .obpm-detailscontent .obpm-listdetails tbody tr .calendar-event a { line-height: 26px; width: 100%; } #viewHtml .obpm-detailscontent .obpm-mouthlist { width: 100%; border: 1px solid #e6e6e6; } #viewHtml .obpm-detailscontent .obpm-mouthlist .obpm-mouthlisttd { width: 14%; padding: 10px 0px; } #viewHtml .calendar-daytd:hover { background: #F4F7FD; } .excell { font-size: 0; } .excell .selectFile { margin-top: 30px; margin-left: 150px; } .excell .selectFile .enclosure { font-size: 14px; } .excell .selectFile #uploadExcelTmpl { font-size: 14px; margin-bottom: 30px; } .excell .selectFile input { width: 240px; height: 34px; font-size: 14px; border: 1px solid #dde2e2; border-radius: 2px; box-sizing: border-box; } .excell .selectFile input[disabled] { background: #fff; } .excell .selectFile button { border: none; background: none; color: #369bf5; margin-left: 10px; font-size: 14px; } .excell #excelimport { margin: 20px 0 0 150px; width: 140px; height: 34px; line-height: 34px; border: none; background: #369bf5; font-size: 14px; color: #fff; border-radius: 2px; text-align: left; } .excell #excelimport i { font-size: 14px; padding: 0 10px 0 20px; } .aui_header { background: #46d2db !important; } .panel { height: 100%; overflow: hidden; } .flow-panel { padding: 30px; width: 100%; } .flow-panel .flow-step, .flow-panel .flow-opinion { width: 100%; min-height: 160px; border: 1px solid #CDD4D4; border-radius: 3px; display: table; } .flow-panel .step, .flow-panel .opinion { width: 13.4%; min-height: 160px; background: #F4F6F6; text-align: center; display: table-cell; vertical-align: middle; } .flow-panel .step > span, .flow-panel .opinion > span { width: 100%; font-size: 14px; color: #333636; } .flow-panel .step-panel { min-height: 160px; padding: 15px 20px 15px 20px; } .flow-panel .step-panel .step-btn { width: 24px; height: 24px; border: 2px solid #46D2DB; line-height: 18px; text-align: center; } .flow-panel .step-panel .plusicon { font-size: 24px; color: #46D2DB; } .flow-panel .step-panel .next-node { display: inline-block; background: #46D2DB; border-radius: 4px; padding: 8px 16px; } .flow-panel .step-panel .next-node .next-node-name { color: #fff; font-size: 14px; padding-right: 10px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 7em; display: inline-block; } .flow-panel .step-panel .next-node .overlapping { width: 12px; height: 12px; line-height: 12px; text-align: center; display: inline-block; cursor: pointer; border-radius: 50%; color: #46D2DB; background: #fff; vertical-align: middle; } .flow-panel .step-panel .next-node-men .next-node-headportrait .avatar { margin-right: 10px; width: 30px; vertical-align: middle; border-radius: 50%; } .flow-panel .step-panel .next-node-men .next-node-headportrait .delect-btn { cursor: pointer; display: inline-block; width: 50px; height: 24px; line-height: 24px; text-align: center; vertical-align: middle; border: 1px solid #CDD4D4; } .flow-panel .flow-opinion { margin-top: 20px; min-height: 180px; margin-bottom: 70px; } .flow-panel .opinion { min-height: 180px; } .flow-panel .opinion-panel { min-height: 180px; box-sizing: border-box; } .flow-panel .often-used { width: 100%; box-sizing: border-box; position: relative; } .flow-panel .often-used > div { height: 30px; line-height: 30px; text-align: right; font-size: 14px; color: #606262; } .flow-panel .often-used .common-opinion .common-opinion-icon { margin-left: 10px; margin-right: 12px; } .flow-panel .often-used .arrow-icon { width: 40px; display: inline-block; } .flow-panel .often-used textarea, .flow-panel .often-used .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-panel .often-used textarea { width: 100%; height: 110px; padding-left: 20px; padding-right: 20px; border: none; resize: none; outline: none; box-sizing: border-box; } .flow-panel .often-used .word-count { position: absolute; bottom: 0; right: 20px; font-size: 0; } .flow-panel .often-used .use-word, .flow-panel .often-used .slash, .flow-panel .often-used .surplus-word { color: #C0C5C5; font-size: 14px; } .flow-panel .handwrite-opinion > span { width: 75%; height: 3px; margin-left: 20px; border-top: 1px dashed #DDE2E2; border-bottom: 1px dashed #DDE2E2; display: inline-block; vertical-align: bottom; } .flow-panel .handwrite-opinion .opinion-icon { width: 16px; height: 16px; display: inline-block; margin-left: 5px; margin-right: 5px; } .flow-panel .handwrite-opinion .opinion-word { font-size: 14px; color: #333636; } .flow-panel .handwrite-word { height: 180px; padding-left: 15px; padding-right: 15px; position: relative; } .flow-panel .handwrite-word button { width: 70px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #606262; position: absolute; bottom: 11px; right: 15px; background: transparent; border: 1px solid #DDE2E2; } .flow-operation { width: 100%; position: absolute; bottom: 0; text-align: right; background: #fff; padding-top: 20px; padding-bottom: 20px; padding-right: 30px; } .flow-operation .flow-cancel, .flow-operation .flow-method { width: 64px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #606262; background: transparent; border: 1px solid #CDD4D4; border-radius: 3px; } .flow-operation .flow-method { margin-left: 8px; background: #41C478; color: #fff; border: 1px solid #41C478; } .aui_content { height: 100%; } .regression-node { width: 300px; height: 30px; line-height: 30px; padding-left: 20px; padding-right: 10px; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 14px; background: url("../../images/down-arrow.png") no-repeat scroll 280px center transparent; background-position-y: 10px; border: 1px solid #cdd4d4; border-radius: 3px; } .regression-node:-ms-expand { display: none; } .flow-over img { width: 30px; height: 30px; vertical-align: middle; } .flow-over span { margin-left: 12px; font-size: 14px; color: #333636; vertical-align: middle; } .flow-startover .flow-startover-word { font-size: 14px; color: #616062; padding-right: 18px; } .flow-startover .startover-node { width: 300px; height: 30px; line-height: 30px; padding-left: 20px; padding-right: 10px; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 14px; background: url("../../images/down-arrow.png") no-repeat scroll 280px center transparent; background-position-y: 10px; border: 1px solid #cdd4d4; border-radius: 3px; } .flow-startover .startover-node:-ms-expand { display: none; } .appoint-man { padding-top: 18px; padding-left: 78px; } .flow-node { margin-bottom: 10px; display: inline-block; } .flow-node .single-choice { position: relative; display: inline-block; font-weight: 400; color: #0c4757; padding-left: 25px; cursor: pointer; margin-bottom: 0px; line-height: 25px; } .flow-node .single-choice input { display: none; } .flow-node .single-choice input:checked + i { background-position: left top; } .flow-node .single-choice i { display: block; position: absolute; top: 3px; left: 0; width: 19px; height: 19px; outline: 0; background: url(../../images/radio.jpg) no-repeat left bottom; } .flow-node .approval-man, .flow-node .circulator { margin-bottom: 10px; } .flow-node .approval-man span, .flow-node .circulator span { display: inline-block; width: 79px; text-align: right; font-size: 14px; color: #616062; padding-right: 9px; vertical-align: middle; } .flow-node .approval-man .select, .flow-node .circulator .select { width: 300px; height: 30px; border: 1px solid #CDD4D4; border-radius: 3px; vertical-align: middle; font-size: 14px; padding-left: 10px; } .flow-node .approval-man .approval-man-ipt, .flow-node .circulator .approval-man-ipt { cursor: no-drop; } .flow-node .approval-man .approval-bt, .flow-node .circulator .approval-bt { display: inline-block; vertical-align: middle; width: 18px; height: 18px; outline: 0; margin-left: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .circulator { margin-top: 20px; padding-top: 20px; border-top: 1px solid #DDE2E2; } .circulator .send { display: inline-block; width: 79px; text-align: right; font-size: 14px; color: #616062; padding-right: 9px; vertical-align: middle; } .circulator .select { width: 300px; height: 30px; border: 1px solid #CDD4D4; border-radius: 3px; vertical-align: middle; font-size: 14px; padding-left: 10px; } .circulator #circulatortext { cursor: no-drop; } .circulator .circulator-bt { vertical-align: middle; width: 16px; height: 16px; cursor: pointer; } .termination-panel { width: 630px; margin: 30px 30px 20px; min-height: 200px; border: 1px solid #CDD4D4; border-radius: 3px; display: table; } .termination-panel .termination-opinion { width: 13.4%; min-height: 200px; background: #F4F6F6; text-align: center; display: table-cell; vertical-align: middle; } .termination-panel .termination-word { min-height: 200px; padding: 15px 20px 15px 20px; } .termination-panel .termination-word textarea, .termination-panel .termination-word .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .termination-panel .termination-word textarea { width: 100%; height: 100%; border: none; padding: 28px 19px; } .aui_buttons { text-align: right !important; margin-right: 25px; } .repair-sign { width: 600px; margin: 30px 30px 20px; min-height: 200px; border: 1px solid #CDD4D4; border-radius: 3px; display: table; } .repair-sign .repair-opinion { width: 13.4%; min-height: 200px; background: #F4F6F6; text-align: center; display: table-cell; vertical-align: middle; } .repair-sign .repair-word { min-height: 200px; } .repair-sign .repair-word textarea, .repair-sign .repair-word .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .repair-sign .repair-word textarea { width: 100%; height: 200px; border: none; padding: 28px 19px; box-sizing: border-box; } .repair-sign #div_button_place { width: 100%; margin-right: 30px; text-align: right; } .repair-sign #div_button_place .btn-green { background: #41C478; color: #fff; } .button-box { width: 100%; text-align: right; font-size: 0; padding-right: 30px; } .button-box .button-style { width: 64px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: transparent; border-radius: 3px; box-sizing: border-box; } .button-box .flow-cancel, .button-box .flow-operation .flow-method, .flow-operation .button-box .flow-method { color: #606262; border: 1px solid #CDD4D4; } .button-box .btn-green { background: #41C478; border: 1px solid #41C478; color: #fff; margin-left: 8px; } .add-options .obpm-viewtable { padding-top: 20px; box-sizing: border-box; } .add-options .obpm-datatablebox { width: 92%; height: 100%; margin: 0px auto 0; overflow: hidden; } .add-options .obpm-datatable-head { width: 92%; height: 40px; background: #DDE2E2; font-size: 0; margin: 0 auto; } .add-options .obpm-datatable-head span { width: 33.3%; font-size: 14px; display: inline-block; height: 40px; line-height: 40px; text-align: left; padding-left: 20px; box-sizing: border-box; } .add-options .obpm-datatable { width: 100%; margin: 0; } .add-options .obpm-datatable .obpm-listdatath { position: absolute; height: 40px; top: 0; background: #DDE2E2; width: 100%; font-size: 0; } .add-options .obpm-datatable .obpm-listdatath td { height: 40px; } .add-options .obpm-datatable tbody { margin-top: 40px; } .add-options .obpm-datatable td { padding-left: 20px; } .add-options .obpm-datatable .obpm-listdatatr:first-child .moveup span { opacity: 0.5; } .add-options .obpm-datatable .obpm-listdatatr:last-child .movedown span { opacity: 0.5; } .add-options .obpm-datatable .moveup span { display: inline-block; width: 14px; height: 14px; background: url(../../images/shangicon.png) no-repeat; } .add-options .obpm-datatable .movedown span { display: inline-block; width: 14px; height: 14px; background: url(../../images/xiaicon.png) no-repeat; } .add-options .blankpage { font-size: 0; width: 207px; height: 333px; display: none; margin: 20px auto 0; } .add-options .blankpage img { width: 100%; height: 100%; } .add-options #btnadd { background: #46D2DB; border: 1px solid #46D2DB; margin-right: 8px; } #select-treeview { width: 100%; height: 100%; position: relative; } #select-treeview .treedepartment-main { width: 100%; position: absolute; top: 0; bottom: 40px; } #select-treeview .treedepartmentbox { width: 57%; height: 100%; float: left; border-right: 1px solid #CDD4D4; box-sizing: border-box; } #select-treeview .select-treeview-header { height: 40px; box-sizing: border-box; border-bottom: 1px solid #F1F4F4; padding-top: 7px; } #select-treeview .select-treeview-header .searchbigbox { width: 200px; height: 26px; line-height: 26px; border: 1px solid #DDE2E2; border-radius: 15px; margin-left: 30px; font-size: 0; } #select-treeview .select-treeview-header .searchbigbox .search-key { width: 174px; border: none; vertical-align: middle; color: #000000; height: 26px; background: none; font-size: 14px; padding-left: 10px; padding-right: 10px; } #select-treeview .select-treeview-header .searchbigbox .search-key::placeholder { color: #C0C5C5; } #select-treeview .select-treeview-header .searchbigbox .search-icon { width: 16px; height: 16px; vertical-align: middle; } #select-treeview .select-treeview-content { height: 88%; padding-left: 30px; padding-right: 8px; box-sizing: border-box; } #select-treeview .select-treeview-content > .foldul { overflow: hidden; height: 100%; } #select-treeview .select-treeview-content > .foldul:empty { height: 0; } #select-treeview .select-treeview-content > .foldul:empty + .notdata { display: block; width: 100%; height: 100%; text-align: center; margin-left: -11px; } #select-treeview .select-treeview-content > .foldul:empty + .notdata img { height: 80%; } #select-treeview .select-treeview-content > .foldul:empty + .notdata p { color: #4c4c4c; } #select-treeview .select-treeview-content .notdata { display: none; } #select-treeview .foldul { font-size: 0; } #select-treeview .foldul li { line-height: 30px; position: relative; } #select-treeview .foldul li dd { height: 30px; white-space: nowrap; } #select-treeview .foldul li dd:hover { background: #F5F6F7; } #select-treeview .foldul li .foldli > dd { padding-left: 30px; } #select-treeview .foldul li .foldli .foldli > dd { padding-left: 50px; } #select-treeview .foldul li .foldli .foldli .foldli > dd { padding-left: 70px; } #select-treeview .foldul li .foldli .foldli .foldli .foldli > dd { padding-left: 90px; } #select-treeview .foldul li .foldli .foldli .foldli .foldli .foldli > dd { padding-left: 110px; } #select-treeview .foldul li .foldli .foldli .foldli .foldli .foldli .foldli > dd { padding-left: 130px; } #select-treeview .foldul li .foldli .foldli .foldli .foldli .foldli .foldli .foldli > dd { padding-left: 150px; } #select-treeview .foldul li .foldli .foldli .foldli .foldli .foldli .foldli .foldli .foldli > dd { padding-left: 170px; } #select-treeview .foldul li .foldli .foldli .foldli .foldli .foldli .foldli .foldli .foldli .foldli > dd { padding-left: 190px; } #select-treeview .foldul .direction-icon { display: inline-block; width: 34px; height: 30px; line-height: 38px; text-align: center; vertical-align: middle; } #select-treeview .foldul .treeviewdowmicon { font-size: 12px; color: #909595; } #select-treeview .foldul .region { vertical-align: middle; font-size: 14px; padding-right: 10px; } #select-treeview .foldul .spicific-department { font-size: 14px; vertical-align: middle; } #select-treeview .foldul .choice { width: 16px; height: 16px; position: relative; display: inline-block; font-weight: 400; color: #0c4757; cursor: pointer; margin-bottom: 0px; margin-right: 10px; margin-top: -2px; vertical-align: middle; } #select-treeview .foldul .choice input { display: none; } #select-treeview .foldul .choice input:checked + i { background-position: left bottom; } #select-treeview .foldul .choice i { display: inline-block; position: absolute; top: 0px; left: 0; width: 16px; height: 16px; outline: 0; background: url(../../images/updown.png) no-repeat left top; } #select-treeview .foldul .choice .region { font-size: 14px; } #select-treeview .selected-departmentdatas { width: 43%; height: 100%; float: right; } #select-treeview .selected-operation { width: 100%; height: 40px; border-bottom: 1px solid #CDD4D4; overflow: hidden; box-sizing: border-box; } #select-treeview .selected-operation .selectedbox { float: left; } #select-treeview .selected-operation .selectedbox .selected-word { font-size: 14px; line-height: 40px; vertical-align: middle; margin-left: 10px; margin-right: 6px; } #select-treeview .selected-operation .selectedbox .selected-count { min-width: 32px; height: 18px; display: inline-block; font-size: 12px; text-align: center; line-height: 18px; vertical-align: middle; background: #FF6161; color: #ffffff; border-radius: 9px; } #select-treeview .selected-operation .reset-operation { font-size: 14px; color: #606262; line-height: 40px; margin-right: 20px; cursor: pointer; border: none; background: none; } #select-treeview .department-counts { width: 100%; height: 88%; } #select-treeview .department-counts ul { overflow: hidden; padding: 4px 10px 9px 10px; height: 100%; } #select-treeview .department-counts ul li { width: 100%; padding-left: 10px; box-sizing: border-box; } #select-treeview .department-counts ul li:hover { background: #F5F6F7; } #select-treeview .department-counts ul .department-name { width: 84%; height: 26px; line-height: 26px; font-size: 14px; color: #606262; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } #select-treeview .department-counts ul .department-remove { width: 12px; height: 12px; display: inline-block; vertical-align: middle; margin-left: 17px; cursor: pointer; } #select-treeview .treedepartment-operation { width: 100%; height: 40px; line-height: 40px; position: absolute; bottom: 0px; padding-right: 20px; border-top: 1px solid #F1F4F4; box-sizing: border-box; text-align: right; } #select-treeview .treedepartment-operation .tree-btn-cancel, #select-treeview .treedepartment-operation .tree-btn-ok { width: 64px; height: 30px; line-height: 18px; color: #606262; background: #ffffff; border: 1px solid #CDD4D4; } #select-treeview .treedepartment-operation .tree-btn-ok { background: #41C478; border: 1px solid #41C478; color: #FFFFFF; } .obpm-bgcolor-white { background-color: #fff; min-height: 100%; height: 100%; line-height: 1.42857143; color: #333; overflow: hidden; } .obpm-bgcolor-white #form-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .obpm-bgcolor-white #form-content #doc_divid { height: 100%; } .obpm-bgcolor-white #form-content #doc_divid #document_content { height: 100%; } .obpm-bgcolor-white #form-content #container { height: 100%; } .obpm-bgcolor-white #form-content #container::after { content: ""; display: block; clear: both; } .obpm-bgcolor-white #form-content #container #activityTable { background-color: #FFFFFF; border-top: 0px; border-bottom: 1px solid #d5d9dc; padding: 10px 10px 10px 0px; } .obpm-bgcolor-white #form-content #container #activityTable table { background-color: transparent; border-spacing: 0; border-collapse: collapse; } .obpm-bgcolor-white #form-content #container #activityTable table #toolbar { padding-left: 20px; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel { position: relative; white-space: nowrap; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel .obpm-flow-status { display: inline-block; padding: 0px 10px 0px 20px; position: relative; cursor: pointer; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel .obpm-flow-status .obpm-glyphicon { color: #4ead49; margin-left: 5px; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel .obpm-flow-history { display: inline-block; padding-left: 10px; cursor: pointer; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel .obpm-flow-history .obpm-flow-history-icon { margin-right: 5px; margin-bottom: 2px; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel { position: absolute; background-color: #fff; border: 1px solid #ccc; right: 90px; top: 30px; min-width: 230px; z-index: 10; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .obpm-flow-status-head { border-bottom: 1px solid #ccc; padding: 10px 15px; height: 41px; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .obpm-flow-status-head .obpm-pull-left { float: left !important; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group { margin-bottom: 0px; max-height: 400px; overflow-y: auto; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel { border-radius: 0px; border: none; box-shadow: none; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-body { border: none; line-height: 32px; display: flex; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-body .flow-name { position: relative; float: left; line-height: 32px; width: 110px; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-body .flow-name > img { width: 32px; margin-right: 5px; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-body .flow-name .noAvatar { width: 32px; color: #fff; text-align: center; line-height: 32px; font-size: 12px; border-radius: 4px; background: #428bcb; height: 32px; margin-right: 5px; display: inline-block; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-body .flow-name .userName { width: 73px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-body .flow-stateLabel { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; width: 75px; text-align: right; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading { border: none; background: none; padding: 0px 15px; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a { color: #333; display: block; text-align: center; position: relative; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a::after { content: ""; display: block; clear: both; border-bottom: 1px dotted #000000; position: absolute; top: 10px; left: 0px; right: 0px; } .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .fa, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .queryBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .createBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .deleteBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .saveStarticon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .regressesflowicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .submitflowicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .closeWindowBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .suspendicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .recoveryicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .retracementicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .terminationicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .remindericon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .backBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .saveBackBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .noneBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .htmlPrintBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .htmlPrintWithHisBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .exportToExcelBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .clearAllBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .saveWithoutValidateBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .batchApproveBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .saveCopyBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .exportToPdfBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .fileDownloadBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .excelImportBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .signatureBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .batchSignatureBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .startWorkflowicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .saveBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .printViewBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .transpondBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .saveNewBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .jumpToBtnicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .flowByUser, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .commonopinionsicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .tabCollapsedown, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .tabCollapseright, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .tabCollapseup, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .processCenterMenuicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .treeviewRighticon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .searchicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .importSurfaceicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .flowOperationicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .reverseAttitudeArrowicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .startflowlisticon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .startflowlargeicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .fileUploadicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .filedeleteicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .infocentericon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .personalInformationicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .dropOuticon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .systemManagicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .softwareicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .moreicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .lockScreenicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .flowcentericon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .homeicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .openicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .collapseicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .releaseNewsicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .releaseNoticeicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .replyMessage, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .flowstateicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .flowSubmiticon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .calendaricon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .formFlowstateicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .upperDataicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .lowerDataicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .arrowUpicon, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel .flow-status-body .obpm-panel-group .panel .panel-heading a .arrowDownicon { background: #fff; position: relative; z-index: 2; padding: 0px 5px; margin-bottom: 10px; } .obpm-bgcolor-white #form-content #container .toolPanel { top: 60px; position: fixed; right: 20px; z-index: 999; box-shadow: 0px 0 5px #CCC; color: #616161; background: #fafafa; outline: 0; padding: 20px; } .obpm-bgcolor-white #form-content #container .toolPanel .cancel_btn { position: absolute; right: 10px; top: 5px; } .obpm-bgcolor-white #form-content #container .toolPanel .manager_btn { float: left; margin: 15px 0px; } .obpm-bgcolor-white #form-content #container .toolPanel #sign_select { width: 250px; height: 34px; position: relative; top: 15px; float: left; margin-left: 15px; margin-right: 15px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .obpm-bgcolor-white #form-content #container .toolPanel .sign_btn { float: left; margin: 15px 0px; } .obpm-bgcolor-white #form-content #container .sign { position: absolute; cursor: move; border: 2px dashed #d67171; padding: 12px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; z-index: 999; } .obpm-bgcolor-white #form-content #container .sign img { max-height: 100%; max-width: 100%; } .obpm-bgcolor-white #form-content #container .sign .btn, .obpm-bgcolor-white #form-content #container .sign .obpm-userbtn, .obpm-bgcolor-white #form-content #container .sign .obpm-treedepartment-btn, .obpm-bgcolor-white #form-content #container .sign #activityTable a.obpm-success, #activityTable .obpm-bgcolor-white #form-content #container .sign a.obpm-success, .obpm-bgcolor-white #form-content #container .sign #activityTable a.obpm-waring, #activityTable .obpm-bgcolor-white #form-content #container .sign a.obpm-waring, .obpm-bgcolor-white #form-content #container .sign .obpm-viewdialog-default, .obpm-bgcolor-white #form-content #container .sign .upload-box .obpm-upload-btn, .upload-box .obpm-bgcolor-white #form-content #container .sign .obpm-upload-btn { padding: 2px 6px; font-size: 11px; line-height: 14px; position: absolute; } .obpm-bgcolor-white #form-content #container .sign .ok { top: 120px; right: 45px; } .obpm-bgcolor-white #form-content #container .sign .del { top: 120px; right: 1px; } .obpm-bgcolor-white #form-content #container #flowpanel { width: 100%; background: #fff; z-index: 20000000; } .obpm-bgcolor-white #form-content #container #flowpanel .searchDiv { margin: 0; background-color: #FFFFFF; border-top: 0px; position: relative; margin-top: 10px; } .obpm-bgcolor-white #form-content #container .formTable #_formHtml > div { table-layout: fixed; margin: 0px auto; padding-top: 20px; padding-bottom: 20px; width: 96%; } .obpm-bgcolor-white #form-content #container .formTable table { margin: 0 auto; } .obpm-bgcolor-white #form-content #container .obpm-activity-box { top: 0px; } .obpm-bgcolor-white #form-content #PopWindows .obpm-close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; } p { line-height: 21px; } #header { background: url(../../images/r_b_bg.png); } #header #configBtn { position: fixed; right: 0px; top: 15px; height: 36px; width: 70px; cursor: pointer; z-index: 20; border: 1px solid #DDDDDD; border-bottom: 0px; background-color: #fff; } #header #configBtn .configImg { background: url(../../images/config.png) center center no-repeat; height: 36px; width: 68px; display: block; } #header #configBtn .form-list { margin: 0px 80px 10px 10px; } #header #configBtn .form-list .form-text { line-height: 26px; padding-top: 20px; padding-right: 0; width: 100px; text-align: right; } #header #configBtn .form-list td { padding: 5px; vertical-align: top; } #header #configBtn .form-list .single .layout-list { padding-top: 15px; font-size: 15px; } #header #configBtn .form-list .single .layout-list li { display: inline; float: left; margin-bottom: 15px; margin-right: 9px; position: relative; } #header #configBtn .form-list .single .layout-list li a { font-size: 14px; border-color: #E4E4E4 #DDDDDD #D7D7D7; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); float: left; line-height: 28px; padding: 0 5px 0 5px; white-space: nowrap; cursor: pointer; position: relative; background: #fff; } #header #configBtn .form-list .single .layout-list li span { top: -5px; right: -5px; height: 16px; width: 16px; position: absolute; } #header .form-list { margin: 0px 80px 10px 10px; } #header .form-list tr td { padding: 5px; vertical-align: top; } #header .form-list tr .form-text { line-height: 26px; padding-top: 20px; padding-right: 0; width: 100px; text-align: right; } #header .form-list tr .layout-list { padding-top: 15px; font-size: 15px; } #header .form-list tr .layout-list li { display: inline; float: left; margin-bottom: 15px; margin-right: 9px; position: relative; } #header .form-list tr .layout-list li a { font-size: 14px; border-color: #E4E4E4 #DDDDDD #D7D7D7; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); float: left; line-height: 28px; padding: 0 5px 0 5px; white-space: nowrap; cursor: pointer; position: relative; background: #fff; } #header .form-list tr .layout-list li span { top: -5px; right: -5px; height: 16px; width: 16px; position: absolute; } #header .form-list tr .form-text3 { line-height: 26px; width: 120px; text-align: right; } #header .form-list tr .tag-list { padding-left: 0px; } #header .form-list tr .tag-list li { display: inline; float: left; margin-bottom: 15px; margin-right: 9px; position: relative; } #header .form-list tr .tag-list li a { border-color: #E4E4E4 #DDDDDD #D7D7D7; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); float: left; line-height: 28px; padding: 0 5px 0 5px; white-space: nowrap; cursor: pointer; position: relative; background: #fff; } #header .form-list tr .tag-list li .ok { top: -5px; right: -5px; height: 16px; width: 16px; position: absolute; } #header .form-list tr .button { border-radius: 3px 3px 3px 3px; cursor: pointer; display: inline-block; margin-right: 10px; overflow: visible; padding: 5px 10px; position: relative; text-decoration: none; text-align: center; text-shadow: 1px 1px 0 #FFFFFF; white-space: nowrap; } #header .form-list tr .b { background-color: #ECECEC; background-image: -moz-linear-gradient(#F4F4F4, #ECECEC); border: 1px solid rgba(0, 0, 0, 0.25); cursor: pointer; } #header .form-list tr .b:hover, #header .form-list tr .b:focus { background-color: #3C8DDE; background-image: -moz-linear-gradient(#599BDC, #3072B3); border-color: #3072B3 #3072B3 #2A65A0; color: #FFFFFF; text-decoration: none; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); } #portal { position: relative; margin-left: 15px; margin-right: 85px; min-height: 100%; display: flex; } #portal .w50 { flex: 2; } #portal #portal_l.groupWrapper { margin-left: 0px; min-height: 400px; } #portal #portal_l.groupWrapper .widget-tab { max-height: 480px; } #portal #portal_l.groupWrapper .widget-tab .itemContent { color: #3a3a3a; font-size: 12px; line-height: 28px; position: relative; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container { position: relative; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs { padding: 0px; border: none; width: 100%; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs .swiper-slide { display: flex; text-align: center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs li { width: 50%; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs li a { padding: 5px 10px; color: #969696; width: 100%; font-size: 14px; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs li a .badge { margin-left: 5px; background-color: #fc4d5c; padding: 2px 7px; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content { border-top: 1px solid #ddd; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .spacing { padding: 10px; margin: 0px; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem { font-size: 12px; border-bottom: 1px solid #f4f4f4; display: flex; color: #7d7d7d; padding: 5px 10px; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiFace { position: relative; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiFace .noAvatar { width: 38px; color: #fff; text-align: center; line-height: 38px; font-size: 12px; border-radius: 2px; background: #428bcb; height: 38px; margin: 4px 5px 5px 0; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiFace .isread { display: none; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon { display: block; flex: 3; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 12px; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox { color: #000; padding-top: 5px; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConA { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; margin-top: -2px; line-height: 22px; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB { color: #000000; display: flex; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagLeft { display: block; color: #a7a7a7; width: 80%; line-height: 20px; overflow: hidden; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagLeft .tabLiCon-auditornames { color: #999999; display: inline-block; line-height: 20px; max-width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagLeft .tabLiCon-lastprocesstime { display: inline-block; font-size: 12px; color: #999999; margin-left: 5px; line-height: 20px; float: left; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagRight { flex: 1; display: block; } #portal #portal_l.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagRight .tabLiCon-status { color: #aeaeae; font-size: 12px; border: 1px solid #aeaeae; border-radius: 3px; margin-left: 3px; display: inline-block; text-align: center; padding: 0px 3px; height: 18px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } #portal #portal_l.groupWrapper .groupItem { border: 1px solid #d6dbe1; margin-bottom: 15px; width: 100%; margin-top: 5px; background: #fff; transition: box-shadow ease-in-out 218ms, transform 218ms ease-in-out; border-radius: 4px; padding-bottom: 2px; } #portal #portal_l.groupWrapper .groupItem:hover { padding-bottom: 2px; box-shadow: 0 0px 21px rgba(0, 0, 0, 0.15); } #portal #portal_l.groupWrapper .groupItem .itemHeader { border-bottom: 1px solid #dddddd; color: #888888; font-size: 16px; height: 43px; line-height: 43px; padding: 0px 10px 0px 10px; cursor: move; position: relative; } #portal #portal_l.groupWrapper .groupItem .itemHeader span { font-size: 14px; display: inline-block; padding-bottom: 1px; height: 42px; line-height: 42px; color: #47484c; } #portal #portal_l.groupWrapper .groupItem .itemHeader span img { vertical-align: middle; width: 18px; height: 18px; margin-bottom: 3px; margin-right: 5px; } #portal #portal_l.groupWrapper .groupItem .itemHeader .action a { margin: 13px 0 0; padding: 1px; top: 0; font-size: 11px; font-weight: normal; position: absolute; text-decoration: none; -moz-user-select: none; float: left; width: 16px; height: 16px; } #portal #portal_l.groupWrapper .groupItem .itemHeader .action .refresh { background: url(../../images/action-refresh.png) no-repeat scroll 0 0 transparent; right: 47px; } #portal #portal_l.groupWrapper .groupItem .itemHeader .action .min { background: url(../../images/action-min.png) no-repeat scroll 0 0 transparent; right: 26px; } #portal #portal_l.groupWrapper .groupItem .itemHeader .action .max { background: url(../../images/action-max.png) no-repeat scroll 0 0 transparent; right: 26px; } #portal #portal_l.groupWrapper .groupItem .itemHeader .action .close { background: url(../../images/action-close.png) no-repeat scroll 0 0 transparent; right: 5px; } #portal #portal_l.groupWrapper .groupItem .itemContent { color: #3a3a3a; font-size: 12px; line-height: 28px; position: relative; } #portal #portal_l.groupWrapper .groupItem .itemContent .widgetItem { cursor: pointer; } #portal #portal_l.groupWrapper .groupItem .itemContent tr { padding: 3px 5px; border-bottom: 1px solid #e6e6e6; } #portal #portal_l.groupWrapper .groupItem .itemContent tr td { padding: 3px 5px; } #portal #portal_l.groupWrapper .groupItem .itemContent li { list-style: none; } #portal #portal_l.groupWrapper .groupItem .itemContent .zhanwei { margin-bottom: 0; margin-top: 20px; text-align: center; color: #d2d2d2; } #portal #portal_l.groupWrapper .groupItem .itemContent .zhanwei span { position: relative; top: -4px; left: 5px; } #portal #portal_l.groupWrapper .groupItem .itemContent .zhanwei img { position: relative; left: -40px; top: -2px; } #portal #portal_m.groupWrapper { margin-left: 15px; min-height: 400px; } #portal #portal_m.groupWrapper .widget-tab { max-height: 480px; } #portal #portal_m.groupWrapper .widget-tab .itemContent { color: #3a3a3a; font-size: 12px; line-height: 28px; position: relative; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container { position: relative; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs { padding: 0px; border: none; width: 100%; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs .swiper-slide { display: flex; text-align: center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs li { width: 50%; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs li a { padding: 5px 10px; color: #969696; width: 100%; font-size: 14px; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs li a .badge { margin-left: 5px; background-color: #fc4d5c; padding: 2px 7px; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content { border-top: 1px solid #ddd; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .spacing { padding: 10px; margin: 0px; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem { font-size: 12px; border-bottom: 1px solid #f4f4f4; display: flex; color: #7d7d7d; padding: 5px 10px; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiFace { position: relative; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiFace .noAvatar { width: 38px; color: #fff; text-align: center; line-height: 38px; font-size: 12px; border-radius: 2px; background: #428bcb; height: 38px; margin: 4px 5px 5px 0; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiFace .isread { display: none; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon { display: block; flex: 3; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 12px; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox { color: #000; padding-top: 5px; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConA { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; margin-top: -2px; line-height: 22px; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB { color: #000000; display: flex; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagLeft { display: block; color: #a7a7a7; width: 80%; line-height: 20px; overflow: hidden; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagLeft .tabLiCon-auditornames { color: #999999; display: inline-block; line-height: 20px; max-width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagLeft .tabLiCon-lastprocesstime { display: inline-block; font-size: 12px; color: #999999; margin-left: 5px; line-height: 20px; float: left; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagRight { flex: 1; display: block; } #portal #portal_m.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagRight .tabLiCon-status { color: #aeaeae; font-size: 12px; border: 1px solid #aeaeae; border-radius: 3px; margin-left: 3px; display: inline-block; text-align: center; padding: 0px 3px; height: 18px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } #portal #portal_m.groupWrapper .groupItem { border: 1px solid #d6dbe1; margin-bottom: 15px; width: 100%; margin-top: 5px; background: #fff; transition: box-shadow ease-in-out 218ms, transform 218ms ease-in-out; border-radius: 4px; padding-bottom: 2px; } #portal #portal_m.groupWrapper .groupItem:hover { padding-bottom: 2px; box-shadow: 0 0px 21px rgba(0, 0, 0, 0.15); } #portal #portal_m.groupWrapper .groupItem .itemHeader { border-bottom: 1px solid #dddddd; color: #888888; font-size: 16px; height: 43px; line-height: 43px; padding: 0px 10px 0px 10px; cursor: move; position: relative; } #portal #portal_m.groupWrapper .groupItem .itemHeader span { font-size: 14px; display: inline-block; padding-bottom: 1px; height: 42px; line-height: 42px; color: #47484c; } #portal #portal_m.groupWrapper .groupItem .itemHeader span img { vertical-align: middle; width: 18px; height: 18px; margin-bottom: 3px; margin-right: 5px; } #portal #portal_m.groupWrapper .groupItem .itemHeader .action a { margin: 13px 0 0; padding: 1px; top: 0; font-size: 11px; font-weight: normal; position: absolute; text-decoration: none; -moz-user-select: none; float: left; width: 16px; height: 16px; } #portal #portal_m.groupWrapper .groupItem .itemHeader .action .refresh { background: url(../../images/action-refresh.png) no-repeat scroll 0 0 transparent; right: 47px; } #portal #portal_m.groupWrapper .groupItem .itemHeader .action .min { background: url(../../images/action-min.png) no-repeat scroll 0 0 transparent; right: 26px; } #portal #portal_m.groupWrapper .groupItem .itemHeader .action .max { background: url(../../images/action-max.png) no-repeat scroll 0 0 transparent; right: 26px; } #portal #portal_m.groupWrapper .groupItem .itemHeader .action .close { background: url(../../images/action-close.png) no-repeat scroll 0 0 transparent; right: 5px; } #portal #portal_m.groupWrapper .groupItem .itemContent { color: #3a3a3a; font-size: 12px; line-height: 28px; position: relative; } #portal #portal_m.groupWrapper .groupItem .itemContent .widgetItem { cursor: pointer; } #portal #portal_m.groupWrapper .groupItem .itemContent tr { padding: 3px 5px; border-bottom: 1px solid #e6e6e6; } #portal #portal_m.groupWrapper .groupItem .itemContent tr td { padding: 3px 5px; } #portal #portal_m.groupWrapper .groupItem .itemContent li { list-style: none; } #portal #portal_m.groupWrapper .groupItem .itemContent .zhanwei { margin-bottom: 0; margin-top: 20px; text-align: center; color: #d2d2d2; } #portal #portal_m.groupWrapper .groupItem .itemContent .zhanwei span { position: relative; top: -4px; left: 5px; } #portal #portal_m.groupWrapper .groupItem .itemContent .zhanwei img { position: relative; left: -40px; top: -2px; } #portal #portal_r.groupWrapper { margin-left: 15px; min-height: 400px; } #portal #portal_r.groupWrapper .widget-tab { max-height: 480px; } #portal #portal_r.groupWrapper .widget-tab .itemContent { color: #3a3a3a; font-size: 12px; line-height: 28px; position: relative; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container { position: relative; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs { padding: 0px; border: none; width: 100%; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs .swiper-slide { display: flex; text-align: center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs li { width: 50%; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs li a { padding: 5px 10px; color: #969696; width: 100%; font-size: 14px; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .nav-tabs li a .badge { margin-left: 5px; background-color: #fc4d5c; padding: 2px 7px; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content { border-top: 1px solid #ddd; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .spacing { padding: 10px; margin: 0px; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem { font-size: 12px; border-bottom: 1px solid #f4f4f4; display: flex; color: #7d7d7d; padding: 5px 10px; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiFace { position: relative; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiFace .noAvatar { width: 38px; color: #fff; text-align: center; line-height: 38px; font-size: 12px; border-radius: 2px; background: #428bcb; height: 38px; margin: 4px 5px 5px 0; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiFace .isread { display: none; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon { display: block; flex: 3; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 12px; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox { color: #000; padding-top: 5px; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConA { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; margin-top: -2px; line-height: 22px; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB { color: #000000; display: flex; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagLeft { display: block; color: #a7a7a7; width: 80%; line-height: 20px; overflow: hidden; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagLeft .tabLiCon-auditornames { color: #999999; display: inline-block; line-height: 20px; max-width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagLeft .tabLiCon-lastprocesstime { display: inline-block; font-size: 12px; color: #999999; margin-left: 5px; line-height: 20px; float: left; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagRight { flex: 1; display: block; } #portal #portal_r.groupWrapper .widget-tab .itemContent .swiper-container .tab-content .widgetItem .tabLiCon .tabLiConBox .tabLiConB .tabLiTagRight .tabLiCon-status { color: #aeaeae; font-size: 12px; border: 1px solid #aeaeae; border-radius: 3px; margin-left: 3px; display: inline-block; text-align: center; padding: 0px 3px; height: 18px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } #portal #portal_r.groupWrapper .groupItem { border: 1px solid #d6dbe1; margin-bottom: 15px; width: 100%; margin-top: 5px; background: #fff; transition: box-shadow ease-in-out 218ms, transform 218ms ease-in-out; border-radius: 4px; padding-bottom: 2px; } #portal #portal_r.groupWrapper .groupItem:hover { padding-bottom: 2px; box-shadow: 0 0px 21px rgba(0, 0, 0, 0.15); } #portal #portal_r.groupWrapper .groupItem .itemHeader { border-bottom: 1px solid #dddddd; color: #888888; font-size: 16px; height: 43px; line-height: 43px; padding: 0px 10px 0px 10px; cursor: move; position: relative; } #portal #portal_r.groupWrapper .groupItem .itemHeader span { font-size: 14px; display: inline-block; padding-bottom: 1px; height: 42px; line-height: 42px; color: #47484c; } #portal #portal_r.groupWrapper .groupItem .itemHeader span img { vertical-align: middle; width: 18px; height: 18px; margin-bottom: 3px; margin-right: 5px; } #portal #portal_r.groupWrapper .groupItem .itemHeader .action a { margin: 13px 0 0; padding: 1px; top: 0; font-size: 11px; font-weight: normal; position: absolute; text-decoration: none; -moz-user-select: none; float: left; width: 16px; height: 16px; } #portal #portal_r.groupWrapper .groupItem .itemHeader .action .refresh { background: url(../../images/action-refresh.png) no-repeat scroll 0 0 transparent; right: 47px; } #portal #portal_r.groupWrapper .groupItem .itemHeader .action .min { background: url(../../images/action-min.png) no-repeat scroll 0 0 transparent; right: 26px; } #portal #portal_r.groupWrapper .groupItem .itemHeader .action .max { background: url(../../images/action-max.png) no-repeat scroll 0 0 transparent; right: 26px; } #portal #portal_r.groupWrapper .groupItem .itemHeader .action .close { background: url(../../images/action-close.png) no-repeat scroll 0 0 transparent; right: 5px; } #portal #portal_r.groupWrapper .groupItem .itemContent { color: #3a3a3a; font-size: 12px; line-height: 28px; position: relative; } #portal #portal_r.groupWrapper .groupItem .itemContent .widgetItem { cursor: pointer; } #portal #portal_r.groupWrapper .groupItem .itemContent tr { padding: 3px 5px; border-bottom: 1px solid #e6e6e6; } #portal #portal_r.groupWrapper .groupItem .itemContent tr td { padding: 3px 5px; } #portal #portal_r.groupWrapper .groupItem .itemContent li { list-style: none; } #portal #portal_r.groupWrapper .groupItem .itemContent .zhanwei { margin-bottom: 0; margin-top: 20px; text-align: center; color: #d2d2d2; } #portal #portal_r.groupWrapper .groupItem .itemContent .zhanwei span { position: relative; top: -4px; left: 5px; } #portal #portal_r.groupWrapper .groupItem .itemContent .zhanwei img { position: relative; left: -40px; top: -2px; } #portal .wnone { display: none; } #iconLink-box { height: 100%; width: 70px; position: fixed; bottom: 0px; right: 0; text-align: center; } #iconLink-box .iconLink { margin: 50px auto 4px; position: relative; overflow: hidden; border: 1px solid #DDDDDD; background-color: #fff; } #iconLink-box .iconLink .icon-arrow { color: #ced6db; } #iconLink-box .iconLink .icon_con { display: block; text-align: center; padding: 5px 10px; cursor: pointer; } #iconLink-box .iconLink .icon_con .icon_s { margin: auto; width: 50px; height: 32px; line-height: 32px; } #iconLink-box .iconLink .icon_con .icon_s i { font-size: 32px; } #iconLink-box .iconLink .icon_con .icon_s img { max-width: 32px; max-height: 32px; border: 0; } #iconLink-box .iconLink .icon_con .text { width: 50px; height: 20px; color: #969696; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 8px; } .w25 { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .w33 { -webkit-box-flex: 1.3; -moz-box-flex: 1.3; -webkit-flex: 1.3; -ms-flex: 1.3; flex: 1.3; } .w50 { -webkit-box-flex: 2; -moz-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; } .w66 { -webkit-box-flex: 2.6; -moz-box-flex: 2.6; -webkit-flex: 2.6; -ms-flex: 2.6; flex: 2.6; } .w75 { -webkit-box-flex: 3; -moz-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; } .w00 { -webkit-box-flex: 4; -moz-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; } .w130 { width: 130px; } .w250 { width: 250px; } .w300 { width: 300px; } .w350 { width: 350px; } .w410 { width: 410px; } .w450 { width: 450px; } .w500 { width: 500px; } @media (max-width: 769px) { .w25 { width: 99%; } .w33 { width: 99%; } .w50 { width: 99%; } .w75 { width: 99%; } } .bgcolor-white { background-color: #fff; height: 100%; } .bgcolor-white #formList { height: 100%; overflow: hidden; } .bgcolor-white #formList #container { position: relative; overflow: hidden; } .bgcolor-white #formList #container #activityTable { background-color: #FFFFFF; border-top: 0px; border-bottom: 1px solid #d5d9dc; padding: 10px; } .bgcolor-white #formList #container #activityTable::after { content: ""; display: block; clear: both; } .bgcolor-white #formList #container #activityTable .searchtext { float: left; margin-right: 10px; } .bgcolor-white #formList #container #activityTable #searchConditionBtn { margin-right: 10px; } .bgcolor-white #formList #container .contentPanel { height: 100%; } .bgcolor-white #formList #container .contentPanel #searchFormTable { padding: 10px; border-bottom: 1px solid #d5d9dc; } .bgcolor-white #formList #container .contentPanel #searchFormTable .searchDiv > div > table td { padding: 10px; } .bgcolor-white #formList #container .contentPanel #dataTable-box { height: 100%; position: relative; } .bgcolor-white #formList #container .contentPanel #dataTable-box .dataTable { top: 0px; bottom: 0px; left: 0px; right: 0px; height: 100%; } .bgcolor-white #formList #container .contentPanel #dataTable-box .dataTable #viewHtml { height: 100%; } .bgcolor-white #formList #container .contentPanel #dataTable-box .dataTable #viewHtml > div { height: 100%; } .bgcolor-white #formList #container .contentPanel #dataTable-box .dataTable #doFlowRemarkDiv { display: none; width: 280px; } .bgcolor-white #formList #container .contentPanel #dataTable-box .dataTable #doFlowRemarkDiv #temp_remark { width: 97%; } .bgcolor-white #formList #container .viewPrintBtnDiv { width: 84px; height: 34px; background: #379af5; border-radius: 3px; text-align: center; line-height: 34px; position: absolute; bottom: 10px; right: 20px; } .bgcolor-white #formList #container .viewPrintBtnDiv .viewPrintBtn { color: #ffffff; } #container { height: 100%; } #container #div1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background-color: transparent; display: none; } #container .treemain #treepanel { width: 16%; float: left; padding-top: 5px; } #container .treemain #treepanel .newformbtn { text-align: left; } #container .treemain #treepanel .new-build { font-size: 18px; color: #909595; margin-right: 22px; } #container .treemain #treepanel .new-build:hover { color: #3CB8BD; } #container .treemain #treepanel .delete-out { font-size: 18px; color: #909595; } #container .treemain #treepanel .delete-out:hover { color: #FE6162; } #container .treemain #treepanel .foldul { margin-bottom: 0; text-align: left; } #container .treemain #treepanel .foldul .foldli { min-height: 30px; font-size: 0px; } #container .treemain #treepanel .foldul .foldli dd { min-height: 30px; line-height: 30px; } #container .treemain #treepanel .foldul .foldli > dd { padding-left: 10px; } #container .treemain #treepanel .foldul .foldli .chevron-right { padding: 10px; } #container .treemain #treepanel .foldul .foldli i { font-size: 14px; color: #666; } #container .treemain #treepanel .foldul .foldli .choice { width: 20px; height: 16px; position: relative; display: inline-block; font-weight: 400; color: #0c4757; padding-left: 25px; cursor: pointer; margin-bottom: 0px; } #container .treemain #treepanel .foldul .foldli .choice input { display: none; } #container .treemain #treepanel .foldul .foldli .choice input:checked + i { background-position: left bottom; } #container .treemain #treepanel .foldul .foldli .choice i { display: block; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; outline: 0; background: url(../../images/updown.png) no-repeat left top; } #container .treemain #treepanel .foldul .foldli .region { font-size: 14px; color: #333; } #container .treemain #treepanel .foldul .foldli .localname { background: #DDE2E2; } #container .treemain #treepanel .foldul .foldli .foldli > dd { padding-left: 30px; } #container .treemain #treepanel .foldul .foldli .foldli .foldli > dd { padding-left: 50px; } #container .treemain #treepanel .foldul .foldli .foldli .foldli .foldli > dd { padding-left: 70px; } #container .treemain #treepanel .foldul .foldli .foldli .foldli .foldli .foldli > dd { padding-left: 90px; } #container .treemain .treepanelview { width: 84%; float: left; padding-left: 2px; } #container .treemain .treepanelview iframe { width: 100%; height: 100%; } #container .treemain .treepanelview iframe #flowpanel { margin-bottom: 0px !important; } #container .treemain .drag { width: 3px; background-color: #ccc; position: relative; left: 16%; margin-left: 2px; } .obpm-viewHtml .obpm-viewtable { margin-left: 10px; margin-right: 10px; margin-bottom: 25px; } .obpm-viewHtml + #pagination-panel { width: 100%; position: fixed; bottom: 0px; padding: 10px 0; } .BMap_pop .BMap_bubble_title { font-size: 18px; margin-bottom: 6px; } .BMap_pop .mapContent { min-width: 330px; max-width: 420px; margin-bottom: 6px; font-size: 14px; color: #666; } .BMap_pop .mapAddress { color: #666; margin-bottom: 6px; } .BMap_pop .obpmdelete a { color: red; } .obpm-calendarview { height: 100%; overflow: hidden; outline: none; } .obpm-calendarview .obpm-datatable { table-layout: auto; width: 98%; margin: 20px auto 20px; } .obpm-calendarview .obpm-datatable colgroup .obpm-col { width: 45px; } .obpm-calendarview .obpm-datatable thead .listDataThFirstTd { font-size: 0px; text-align: left; border-bottom: none; } .obpm-calendarview .obpm-datatable thead .listDataThFirstTd .obpm-listdatath { border-bottom: none; } .obpm-calendarview .obpm-datatable thead .obpm-listdatath { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: none; } .obpm-calendarview .obpm-datatable tbody .treeHead .foldline { text-align: left; font-size: 0; } .obpm-calendarview .obpm-datatable tbody .obpm-listdatatr .listDataTrFirstTd { font-size: 0; } .gridview-border, .gridview-table-main tr td, .gridview-table-header tr th { border-width: 1px; border-style: solid; border-color: #e6e6e6; } .gridview-table { width: 100%; } .gridview-table-header { border-width: 0 0 1px; overflow: hidden; border-style: solid; border-color: #e6e6e6; background-color: #f2f2f2; box-sizing: border-box; margin-bottom: -1px; background-color: #fff; color: #666; } .gridview-table-header tr { background-color: #f2f2f2; } .gridview-table-header tr th { height: 44px; padding: 12px; box-sizing: border-box; } .gridview-table-top th { padding: 12px; } .gridview-table-top th:first-child { padding: 0; } .gridview-table-top th:last-child { padding: 0; } .gridview-firstTd { width: 60px; text-align: center; box-sizing: border-box; } .gridview-firstTd .choice { width: 16px; height: 16px; position: relative; display: inline-block; font-weight: 400; color: #0c4757; cursor: pointer; vertical-align: middle; } .gridview-firstTd .choice input { display: none; } .gridview-firstTd .choice input:checked + i { background-position: left bottom; } .gridview-firstTd .choice i { display: inline-block; position: absolute; top: 0px; left: 0; width: 16px; height: 16px; outline: 0; background: url(../../images/updown.png) no-repeat left top; } .gridview-firstTd .choice i.prohibit { background: url(../../images/prohibit.png) no-repeat left top; } .gridview-firstTd div { text-align: center; } .gridview-table-main tr { background: #ffffff; } .gridview-table-main tr td { box-sizing: border-box; padding: 12px; } .gridview-table-main tr td div { box-sizing: border-box; text-align: left; white-space: normal; overflow: hidden; } .gridview-table-main .operation-button { position: relative; } .gridview-table-main .operation-button .gridview-table-operation { top: 10px; left: 56px; text-align: center; border-radius: 3px; } .gridview-table-main .operation-button .gridview-table-operation a { font-size: 16px; } .gridview-table-fixed { position: absolute; left: 0; top: 0; z-index: 101; } body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea, button, th, td, menu { margin: 0; padding: 0; } ul, dl, ol { list-style: none; } button, input[type=button] { cursor: pointer; } input, select, textarea, .obpm-bgcolor-white #form-content #container #activityTable table #flow-panel #flow-status-panel textarea { outline: none; } a { text-decoration: none; } a:hover { text-decoration: none; } a:focus { text-decoration: none; } cite { font-style: inherit; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } .clearfix:after { content: ""; display: block; clear: both; } html { height: 100%; width: 100%; font-family: "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", "sans-serif"; } /* 基础色调 */ /** *main 色调 */ body { font-size: 14px; } .indexbody { height: 100%; } #myapp { min-width: 1280px; position: relative; height: 100%; overflow: hidden; } #myapp #myapp-header { width: 100%; height: 60px; background: #40444d; } #myapp #myapp-header .nav-left-box { width: 220px; height: 60px; background: #30343e; border-bottom: 1px solid #22262e; line-height: 59px; text-align: center; } #myapp #myapp-header .nav-left-box a { vertical-align: middle; } #myapp #myapp-header .nav-left-box .logo { width: 113px; height: 24px; } #myapp #myapp-header .nav-left-box .nav-menu { vertical-align: middle; font-size: 17px; margin-left: 40px; color: rgba(255, 255, 255, 0.7); } #myapp #myapp-header .nav-left-box .nav-menu:hover { color: #fff; } #myapp #myapp-header .app-bar { background: #40444d; } #myapp #myapp-header .app-bar .software-navul .software-navli { display: inline-block; vertical-align: middle; line-height: 59px; } #myapp #myapp-header .app-bar .software-navul .software-navli a { color: rgba(255, 255, 255, 0.7); display: block; padding: 0 20px; } #myapp #myapp-header .app-bar .software-navul .software-navli a:hover { color: #fff; } #myapp #myapp-header .app-bar .software-navul .software-navli a .menu-more { width: 4px; } #myapp #myapp-header .app-bar .software-navul .software-navli a cite { padding: 0 5px; } #myapp #myapp-header .app-bar .software-navul .flowCenter { border-right: 1px solid #53575f; position: relative; } #myapp #myapp-header .app-bar .software-navul .flowCenter:hover #tabs_flowcenter { display: block; } #myapp #myapp-header .app-bar .software-navul #tabs_flowcenter { position: absolute; z-index: 999; display: none; } #myapp #myapp-header .app-bar .software-navul #tabs_flowcenter li { background: rgba(83, 87, 95, 0.85); line-height: 40px; } #myapp #myapp-header .app-bar .software-navul #tabs_flowcenter li a { width: 124px; } #myapp #myapp-header .app-bar .software-navul #tabs_flowcenter li:hover { background: #53575f; } #myapp #myapp-header .app-bar .software-navul .other-software { margin-left: 40px; position: relative; } #myapp #myapp-header .app-bar .software-navul .other-software:hover .softwarelist { display: block; } #myapp #myapp-header .app-bar .software-navul .other-software .softwarelist { width: 160px; position: absolute; font-size: 14px; background: #ffff; top: 50px; z-index: 5; margin-left: -60px; display: none; box-shadow: 0px 2px 4px #dce4e4; } #myapp #myapp-header .app-bar .software-navul .other-software .softwarelist .triangle { display: none; width: 0px; height: 0px; border: 10px solid transparent; border-top-color: transparent; border-bottom-color: #fff; border-left-color: transparent; border-right-color: transparent; position: absolute; z-index: 4; left: 50%; margin-left: -7px; top: -20px; } #myapp #myapp-header .app-bar .software-navul .other-software .softwarelist .other-software-ul .other-software-li a { padding: 0; line-height: 40px; color: #7a7b7b; } #myapp #myapp-header .app-bar .software-navul .other-software .softwarelist .other-software-ul .other-software-li a:hover { background: #46d2db; } #myapp #myapp-header .app-bar .software-navul .other-software .softwarelist .other-software-ul .other-software-li a:hover cite { color: #fff; } #myapp #myapp-header .app-bar .software-navul .other-software .softwarelist .other-software-ul .other-software-li a cite { padding: 13px 0 13px 20px; font-size: 1.1em; } #myapp #myapp-header .app-bar .software-navul .regular-use-li { position: relative; } #myapp #myapp-header .app-bar .software-navul .regular-use-li:hover .regular-use { display: block; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .offer-use { background: #666971; color: #b3b4b8; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .offer-use:hover { color: #fff; background: #53575f; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .offer-use:focus { outline: none; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .regular-use { display: none; position: absolute; background: #60646d; z-index: 5; line-height: 0; margin-left: 20px; max-width: 474px; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .regular-use .widgetsul { line-height: 0; font-size: 0; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .regular-use .widgetsul .widgetsli { line-height: 30px; padding: 5px; display: inline-block; position: relative; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .regular-use .widgetsul .widgetsli:hover i { display: inline-block; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .regular-use .widgetsul .widgetsli a { padding: 0; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .regular-use .widgetsul .widgetsli a .regular-usename { color: #c0c5c5; width: 106px; height: 30px; font-size: 14px; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .regular-use .widgetsul .widgetsli a .regular-usename:hover { background: #4b5059; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .regular-use .widgetsul .widgetsli a .regular-usename:hover cite { color: #fff; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .regular-use .widgetsul .widgetsli a .regular-usename cite { width: 6em; line-height: 30px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 10px; margin-right: 40px; color: #adaeb0; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .regular-use .widgetsul .widgetsli i { font-size: 10px; position: absolute; right: 10px; top: 50%; margin-top: -5px; color: #909595; display: none; z-index: 4; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .regular-use .widgetsul .widgetsli i:hover { color: pink; } #myapp #myapp-header .app-bar .software-navul .regular-use-li .regular-use .regular-use-add { width: 80px; height: 30px; color: #fff; border: 1px dotted #fff; margin: 13px 0 23px 20px; } #myapp #myapp-header .center-nav { background: #40444d; margin-right: 22px; position: relative; } #myapp #myapp-header .center-nav .center-navul { margin-bottom: 0px; } #myapp #myapp-header .center-nav .center-navul .center-navli { display: inline-block; vertical-align: middle; line-height: 59px; min-width: 40px; text-align: center; } #myapp #myapp-header .center-nav .center-navul .center-navli a { display: block; color: #fff; } #myapp #myapp-header .center-nav .center-navul .center-navli a .lock { width: 12px; } #myapp #myapp-header .center-nav .center-navul .center-navli a .theme { width: 16px; } #myapp #myapp-header .center-nav .center-navul .center-navli a .weather { width: 108px; } #myapp #myapp-header .center-nav .center-navul .center-navli a .bell { width: 18px; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup { height: 30px; border-radius: 14px; background: #666971; vertical-align: middle; font-size: 0px; line-height: 0px; position: relative; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup:hover .personal-settings { display: block; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup .centericon { margin-left: 3px; width: 30px; vertical-align: middle; border-radius: 50%; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup .personal-name { margin-left: 7px; margin-right: 18px; font-size: 16px; color: #fff; max-width: 5em; line-height: 30px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup .pull-down { font-size: 20px; vertical-align: middle; margin-right: 10px; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup .personal-settings { display: none; position: absolute; width: 160px; z-index: 11; right: 0; top: 30px; padding-top: 10px; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup .personal-settings .triangle { width: 0px; height: 0px; border: 10px solid transparent; border-top-color: transparent; border-bottom-color: #fff; border-left-color: transparent; border-right-color: transparent; position: absolute; z-index: 4; left: 50%; margin-left: -7px; top: -20px; border: 6px solid transparent; border-top-color: transparent; border-bottom-color: #fff; border-left-color: transparent; border-right-color: transparent; top: -2px; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup .personal-settings ul { background: #ffffff; box-shadow: 0px 2px 4px #dce4e4; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup .personal-settings ul li { width: 100%; line-height: 40px; text-align: left; vertical-align: top; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup .personal-settings ul li:hover { background: #46d2db; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup .personal-settings ul li:hover i { color: #fff; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup .personal-settings ul li:hover cite { color: #fff; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup .personal-settings ul li i { font-size: 14px; margin-left: 20px; margin-right: 10px; color: #60646d; } #myapp #myapp-header .center-nav .center-navul .center-navli .mysetup .personal-settings ul li cite { font-size: 14px; color: #60646d; } #myapp #myapp-header .center-nav .center-navul .center-navli .weather { line-height: normal; } #myapp #myapp-header .center-nav .message-popup { position: absolute; width: 200px; right: 0px; top: 70px; background: rgba(255, 255, 255, 0.85); line-height: 35px; border-radius: 5px; box-shadow: 1px 1px 5px -1px; z-index: 10; display: none; } #myapp #myapp-header .center-nav .message-popup .message-popup-close { position: absolute; right: 10px; height: 20px; line-height: 19px; padding: 0px 5px; background: #EFEFEF; border-radius: 100px; top: 10px; } #myapp #myapp-header .center-nav .message-popup ul { list-style-type: none; padding: 5px; margin-bottom: 0px; margin-top: 25px; } #myapp #myapp-header .center-nav .message-popup ul li span { display: inline-block; margin: 0px 5px; } #myapp #myapp-header .center-nav .message-popup .message-popup-num { color: #D6AC00; } #myapp #myapp-header .center-nav .message-popup .message-popup-active { color: #0C86CA; cursor: pointer; } #myapp .nav-bar { position: absolute; bottom: 0; left: 0; top: 60px; width: 220px; background: #30343e; overflow: hidden; } #myapp .nav-bar ul { background: #30343e; } #myapp .nav-bar ul li { min-height: 40px; line-height: 40px; } #myapp .nav-bar ul li .nav-title { font-size: 16px; color: #fff; padding-left: 20px; } #myapp .nav-bar ul li > a { padding-left: 40px; position: relative; display: block; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #myapp .nav-bar ul li > a:hover cite { color: #fff; } #myapp .nav-bar ul li > a:hover i { color: #fff; } #myapp .nav-bar ul li > a cite { font-size: 14px; color: #adaeb0; } #myapp .nav-bar ul li > a i { font-size: 14px; margin-top: -7px; position: absolute; right: 20px; top: 50%; color: #919397; transition: transform 0.5s linear; -webkit-transition: transform 0.5s linear; } #myapp .nav-bar ul li > a .down-arrow { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } #myapp .nav-bar ul li > dl { display: none; background: #22262e; } #myapp .nav-bar ul li > dl dd > a { padding-left: 60px; position: relative; display: block; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #myapp .nav-bar ul li > dl dd > a cite { font-size: 14px; color: #adaeb0; } #myapp .nav-bar ul li > dl dd > a i { font-size: 14px; margin-top: -7px; position: absolute; right: 20px; top: 50%; color: #919397; transition: transform 0.5s linear; -webkit-transition: transform 0.5s linear; } #myapp .nav-bar ul li > dl dd > a .down-arrow { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } #myapp .nav-bar ul li > dl dd > ol { display: none; background: #22262e; } #myapp .nav-bar ul li > dl dd > ol li > a { padding-left: 60px; position: relative; display: block; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 0; } #myapp .nav-bar ul li > dl dd > ol li > a span { display: inline-block; width: 20px; color: #fff; } #myapp .nav-bar ul li > dl dd > ol li > a .dot-active { font-size: 12px; } #myapp .nav-bar ul li > dl dd > ol li > a cite { font-size: 14px; color: #adaeb0; } #myapp .main-content { position: absolute; left: 220px; top: 60px; bottom: 0; right: 0; background: #eaefef; } #myapp .main-content .main-body .main-nav { height: 50px; width: 100%; position: relative; z-index: 4; } #myapp .main-content .main-body .main-nav .homepageN { position: absolute; left: 0; top: 0; line-height: 50px; width: 79px; margin-right: 1px; background: #fff; text-align: center; } #myapp .main-content .main-body .main-nav .homepageN i { font-size: 16px; color: #56d2da; } #myapp .main-content .main-body .main-nav .homepageN cite { color: #56d2da; } #myapp .main-content .main-body .main-nav .main-tab-con { line-height: 50px; background: #fff; margin: 0 80px; } #myapp .main-content .main-body .main-nav .main-tab-con .arrow-upicon, #myapp .main-content .main-body .main-nav .main-tab-con .arrow-downicon { width: 51px; line-height: 50px; font-size: 14px; text-align: center; cursor: pointer; } #myapp .main-content .main-body .main-nav .main-tab-con .main-tab-carousel { margin-left: 51px; margin-right: 51px; height: 50px; overflow: auto; overflow-y: hidden; } #myapp .main-content .main-body .main-nav .main-tab-con .main-tab { position: relative; height: 50px; white-space: nowrap; transition: 0.4s linear; } #myapp .main-content .main-body .main-nav .main-tab-con .main-tab li { margin-right: 10px; display: inline-block; } #myapp .main-content .main-body .main-nav .main-tab-con .main-tab li .main-sortable { height: 33px; width: 150px; line-height: 33px; background: #eaefef; border-radius: 2px; position: relative; cursor: pointer; } #myapp .main-content .main-body .main-nav .main-tab-con .main-tab li .main-sortable cite { color: #000; width: 8.5em; line-height: 33px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; padding-left: 20px; padding-right: 15px; } #myapp .main-content .main-body .main-nav .main-tab-con .main-tab li .main-sortable i { color: #c0c5c5; font-size: 12px; position: absolute; top: 50%; right: 20px; margin-top: -6px; z-index: 2; } #myapp .main-content .main-body .main-nav .main-tab-con .main-tab li .sortable-active { background: #46d2db; } #myapp .main-content .main-body .main-nav .main-tab-con .main-tab li .sortable-active cite { color: #fff; } #myapp .main-content .main-body .main-nav .main-tab-con .main-tab li .sortable-active i { color: #fff; } #myapp .main-content .main-body .main-nav .close-all-tab { position: absolute; right: 0; top: 0; line-height: 50px; text-align: center; width: 100px; margin-left: 1px; background: #fff; cursor: pointer; } #myapp .main-content .main-tab-content { height: 100%; } #myapp .main-content .main-tab-content .myapps-component { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 50px 20px 20px 20px; } #myapp .main-content .main-tab-content .myapps-component .myapps-iframe { width: 100%; height: 100%; border-radius: 3px; box-shadow: 0px 2px 4px #dce4e4; } #myapp .main-content .footer { position: absolute; bottom: 0; height: 20px; width: 100%; text-align: center; background: pink; } #myapp .main-content .footer p { line-height: 20px; } #lock-box { position: fixed; top: 0; width: 100%; height: 100%; background: #22262E; z-index: 10; display: none; } #lock-box > div { width: 460px; height: 240px; background: #ffffff; border-radius: 3px; margin: 230px auto 0; position: relative; padding-top: 37px; padding-left: 95px; box-sizing: border-box; } #lock-box .admin-header-lock-img { width: 74px; height: 74px; padding: 7px; border-radius: 50%; position: absolute; left: 50%; top: -37px; margin-left: -37px; } #lock-box .admin-header-lock-img img { width: 60px; height: 60px; border-radius: 50%; } #lock-box #lockUserName { font-size: 14px; color: #333636; margin-top: 5px; margin-bottom: 57px; text-align: center; margin-left: -95px; } #lock-box .lockpwd-tip { width: 202px; height: 36px; padding-left: 10px; padding-top: 7px; font-size: 14px; color: #FF6161; background: url(../../images/lock-tip.png) no-repeat; position: absolute; top: 79px; left: 93px; box-sizing: border-box; display: none; } #lock-box .input_btn { font-size: 0; } #lock-box .input_btn #lockPwd { width: 200px; height: 30px; border-radius: 3px; background: #46D2DB; display: inline-block; padding-left: 10px; font-size: 14px; color: #fff; border: none; vertical-align: middle; margin-right: 10px; } #lock-box .input_btn #lockPwd::-webkit-input-placeholder { color: #fff; } #lock-box .input_btn #unlock { width: 60px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #46D2DB; border-radius: 3px; font-size: 14px; border: none; outline: none; vertical-align: middle; } #lock-box .input_btn #unlock:hover { background: #18B8C2; } #lock-box p { margin-top: 18px; font-size: 14px; color: #FF6161; } .toast-message .notice_summary { color: #0095FF; margin-right: 5px; } .toast-message .bg92cf2c { background: #92cf2c; } .toast-message .fa, .toast-message .queryBtnicon, .toast-message .createBtnicon, .toast-message .deleteBtnicon, .toast-message .saveStarticon, .toast-message .regressesflowicon, .toast-message .submitflowicon, .toast-message .closeWindowBtnicon, .toast-message .suspendicon, .toast-message .recoveryicon, .toast-message .retracementicon, .toast-message .terminationicon, .toast-message .remindericon, .toast-message .backBtnicon, .toast-message .saveBackBtnicon, .toast-message .noneBtnicon, .toast-message .htmlPrintBtnicon, .toast-message .htmlPrintWithHisBtnicon, .toast-message .exportToExcelBtnicon, .toast-message .clearAllBtnicon, .toast-message .saveWithoutValidateBtnicon, .toast-message .batchApproveBtnicon, .toast-message .saveCopyBtnicon, .toast-message .exportToPdfBtnicon, .toast-message .fileDownloadBtnicon, .toast-message .excelImportBtnicon, .toast-message .signatureBtnicon, .toast-message .batchSignatureBtnicon, .toast-message .startWorkflowicon, .toast-message .saveBtnicon, .toast-message .printViewBtnicon, .toast-message .transpondBtnicon, .toast-message .saveNewBtnicon, .toast-message .jumpToBtnicon, .toast-message .flowByUser, .toast-message .commonopinionsicon, .toast-message .tabCollapsedown, .toast-message .tabCollapseright, .toast-message .tabCollapseup, .toast-message .processCenterMenuicon, .toast-message .treeviewRighticon, .toast-message .searchicon, .toast-message .importSurfaceicon, .toast-message .flowOperationicon, .toast-message .reverseAttitudeArrowicon, .toast-message .startflowlisticon, .toast-message .startflowlargeicon, .toast-message .fileUploadicon, .toast-message .filedeleteicon, .toast-message .infocentericon, .toast-message .personalInformationicon, .toast-message .dropOuticon, .toast-message .systemManagicon, .toast-message .softwareicon, .toast-message .moreicon, .toast-message .lockScreenicon, .toast-message .flowcentericon, .toast-message .homeicon, .toast-message .openicon, .toast-message .collapseicon, .toast-message .releaseNewsicon, .toast-message .releaseNoticeicon, .toast-message .replyMessage, .toast-message .flowstateicon, .toast-message .flowSubmiticon, .toast-message .calendaricon, .toast-message .formFlowstateicon, .toast-message .upperDataicon, .toast-message .lowerDataicon, .toast-message .arrowUpicon, .toast-message .arrowDownicon { font-size: 26px; position: absolute; left: 14px; padding: 5px; border-radius: 3px; color: #FFFFFF; top: 20%; } .toast-message .notice_actor { color: #0095FF; margin-right: 5px; } .flowcenterBody { position: relative; font-family: "Helvetica Neue", "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", "sans-serif", "PingHei", "Lucida Grande", "Helvetica", "Arial", "Verdana"; min-height: 100%; height: 100%; } .flowcenterBody .tabs_menu { position: absolute; width: 160px; background-color: #fcfcfc; display: inline-block; margin-bottom: 0px; } .flowcenterBody .tabs_menu li.active a { color: #2a91da; } .flowcenterBody .tabs_menu li.active a h5 { color: #4d9ad0; } .flowcenterBody .tabs_menu li a { padding-left: 10px; color: #0d87e5; display: block; height: 40px; line-height: 40px; overflow: hidden; } .flowcenterBody .tabs_menu li a h5 { font-weight: 500; white-space: nowrap; max-width: 130px; display: inline-block; font-size: 14px; color: #767676; } .flowcenterBody .tabs_menu .menu-second { color: #2a91da; } .flowcenterBody .tabs_menu .menu-second .active { background-color: #1AA094; } .flowcenterBody .tabs_menu .menu-second .active a { color: #fff; } .flowcenterBody .tabs_menu .menu-second li a { padding: 0 15px 0 52px; color: #707485; background-color: transparent; font-size: 12px; height: 32px; line-height: 32px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: hidden; } .flowcenterBody .tabs_menu .menu-second li a .main-menu_title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .flowcenterBody iframe { position: absolute; margin-left: 160px; border: none; display: inline-block; } .obpm-mask_transparent { position: fixed; z-index: 3000; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.6; } .obpm-mask_transparent .obpm-loading { position: fixed; z-index: 5000; width: 7.6em; min-height: 7.6em; top: 50%; left: 50%; margin-top: -3.8em; margin-left: -3.8em; line-height: 7.6em; text-align: center; color: #000; font-size: 12px; background: #2D2D2D; border-radius: 4px; } .flowCenter-box { min-height: 100%; overflow: hidden; background-color: #FFFFFF; } .flowCenter-box .flowCenter-menu { border-right: 1px solid #d5d9dc; font-size: 14px; background-color: #fff; position: fixed; top: 0px; bottom: 0px; left: 0px; padding: 0px; width: 150px; z-index: 100; } .flowCenter-box .flowCenter-menu .soft-group .panel { margin-bottom: 0; border: none; border-radius: 0; box-shadow: none; position: relative; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading { padding: 15px 10px; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading .soft-title { margin-top: 0; margin-bottom: 0; font-size: 14px; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading .soft-title a { display: block; color: #9c9d9f; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading .soft-title a .titleSpan { margin-left: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; margin-right: 47px; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading .soft-title a .sum { position: absolute; right: 10px; top: 15px; min-width: 10px; padding: 1px 4px; font-size: 12px; font-weight: 700; line-height: 1; color: #9c9d9f; border: 1px solid #9c9d9f; text-align: center; vertical-align: middle; white-space: nowrap; border-radius: 100px; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading.active .soft-title a { color: #6BBAE9; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading.active .soft-title .sum { color: #fff; background-color: #fc4d54; border: 1px solid #fc4d54; } .flowCenter-box .flowCenter-menu .soft-group .panel .flow-collapse .list-group { margin-bottom: 0; } .flowCenter-box .flowCenter-menu .soft-group .panel .flow-collapse .list-group li { position: relative; font-size: 12px; border: none; } .flowCenter-box .flowCenter-menu .soft-group .panel .flow-collapse .list-group li a { display: block; line-height: 31px; margin: 0 44px 0 23px; padding: 0; color: #767682; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .flowCenter-box .flowCenter-menu .soft-group .panel .flow-collapse .list-group li a .flow-collapse .list-group .sum { position: absolute; right: 10px; top: 7px; min-width: 10px; padding: 1px 4px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; vertical-align: middle; white-space: nowrap; color: #9c9d9f; border: 1px solid #9c9d9f; border-radius: 100px; } .flowCenter-box .flowCenter-menu .soft-group .panel + .panel { border-top: 1px dashed #f0f0f0; } .flowCenter-box .flowCenter-content { width: 100%; height: 100%; padding-left: 150px; } .flowCenter-box .flowCenter-content .flowCenterSearch { text-align: right; padding: 10px; } .flowCenter-box .flowCenter-content .flowCenterSearch .search-boot-switch { position: relative; float: left; margin-left: 10px; display: inline-block; vertical-align: middle; } .flowCenter-box .flowCenter-content .flowCenterSearch .search-boot-switch .flowEnd { color: #a7a7a7; display: inline-block; position: relative; } .flowCenter-box .flowCenter-content .flowCenterSearch .search-boot-switch .switchIcon { display: inline-block; cursor: pointer; position: relative; top: 4px; } .flowCenter-box .flowCenter-content .flowCenterSearch .search-boot-switch .switchIcon label { margin-bottom: 0; } .flowCenter-box .flowCenter-content .flowCenterSearch .search-boot-switch .switchIcon label input[type=checkbox] { position: absolute; left: 0; opacity: 0; } .flowCenter-box .flowCenter-content .flowCenterSearch .search-boot-switch .switchIcon label input[type=checkbox].green.ios-switch:checked + div { background-color: #4cd964; box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.4); } .flowCenter-box .flowCenter-content .flowCenterSearch .search-boot-switch .switchIcon label input[type=checkbox].green.ios-switch:checked + div > div { -webkit-transform: translate3d(15px, 0, 0); -moz-transform: translate3d(15px, 0, 0); background-color: #ffffff; } .flowCenter-box .flowCenter-content .flowCenterSearch .search-boot-switch .switchIcon label input[type=checkbox].ios-switch + div { vertical-align: middle; width: 35px; height: 20px; border-radius: 999px; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.4); margin: 2px 1.2em 0px 0.2em; cursor: pointer; } .flowCenter-box .flowCenter-content .flowCenterSearch .search-boot-switch .switchIcon label input[type=checkbox].ios-switch + div > div { float: left; width: 18px; height: 18px; border-radius: inherit; background: #ffffff; pointer-events: none; border: 1px solid #ddd; } .flowCenter-box .flowCenter-content .flowCenterSearch .myStartBtn { position: relative; top: 2px; width: 104px; margin-right: 10px; padding: 7px 10px 6px 10px; border: 1px solid #ccc; border-radius: 4px; text-align: center; cursor: pointer; } .flowCenter-box .flowCenter-content .flowCenterSearch .myStartBtn input { cursor: pointer; } .flowCenter-box .flowCenter-content .flowCenterSearch .myStartBtn span { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } .flowCenter-box .flowCenter-content .flowCenterSearch span .flowtitle { display: inline-block; height: 34px; padding: 6px 12px; margin-right: 4px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; vertical-align: bottom; } .flowCenter-box .flowCenter-content .flowCenterSearch .btn-search { background: #439af2; color: #fff; } .flowCenter-box .flowCenter-content .flowCenterSearch .btn, .flowCenter-box .flowCenter-content .flowCenterSearch .obpm-userbtn, .flowCenter-box .flowCenter-content .flowCenterSearch .obpm-treedepartment-btn, .flowCenter-box .flowCenter-content .flowCenterSearch #activityTable a.obpm-success, #activityTable .flowCenter-box .flowCenter-content .flowCenterSearch a.obpm-success, .flowCenter-box .flowCenter-content .flowCenterSearch #activityTable a.obpm-waring, #activityTable .flowCenter-box .flowCenter-content .flowCenterSearch a.obpm-waring, .flowCenter-box .flowCenter-content .flowCenterSearch .obpm-viewdialog-default, .flowCenter-box .flowCenter-content .flowCenterSearch .upload-box .obpm-upload-btn, .upload-box .flowCenter-box .flowCenter-content .flowCenterSearch .obpm-upload-btn { padding: 6px 20px; } .flowCenter-box .flowCenter-content .fixedTdHead { position: fixed; z-index: 99; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table { width: 100%; table-layout: fixed; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head { background: #f8f8f8; color: #58585c; height: 30px; line-height: 30px; text-align: center; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .initiator { width: 220px; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .initiator span { color: #aaacac; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .lastHandleTime { width: 150px; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .operation { width: 50px; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .status { width: 150px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table { width: 100%; table-layout: fixed; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table thead .head { background: #f8f8f8; color: #58585c; height: 30px; line-height: 30px; text-align: center; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table thead .head .initiator { width: 220px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table thead .head .initiator span { color: #aaacac; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table thead .head .lastHandleTime { width: 150px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table thead .head .operation { width: 50px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table thead .head .status { width: 150px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr { cursor: pointer; border-bottom: 1px solid #f4f4f4; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr td { color: #9D9D9D; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr td .tdFace { position: relative; float: left; width: 58px; height: 58px; margin-left: 10px; overflow: hidden; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr td .tdFace > img { width: 100%; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr td .tdFace .noAvatar { width: 38px; color: #fff; text-align: center; line-height: 38px; font-size: 12px; border-radius: 4px; background: #428bcb; height: 38px; margin: 10px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr td .tdFace .noread { display: block; position: absolute; background-color: #d9544d; height: 10px; width: 10px; top: 5px; right: 5px; border-radius: 100px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr td .tdFace .isagent { position: absolute; width: 21px; text-align: center; background: #00abf3; color: #fff; font-size: 12px; line-height: 21px; bottom: 19px; right: 0px; border-radius: 21px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr td .tdFace .isread { display: none; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr td .dept_name { color: #0c86d5; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr td .dept_name .dept { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; float: left; line-height: 58px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr td .dept_name .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 50px; float: left; line-height: 58px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr td .title { color: #010101; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 90%; float: left; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .tbody tr td .status { color: #808080; font-size: 12px; border: 1px solid #F5F5F5; border-radius: 3px; margin-left: 3px; display: inline-block; text-align: center; padding: 0px 6px; height: 24px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; vertical-align: middle; } #startflow #content-space { padding-top: 10%; } #startflow #content-space .content-space-pic { width: 100%; font-size: 80px; text-align: center; color: #adadad; } #startflow #content-space .iconfont-h5 { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; } #startflow #content-space .content-space-txt { width: 100%; font-size: 22px; text-align: center; color: #adadad; margin-bottom: 18px; } #startflow .startflow-tabs { background-color: #fbfbfb; border-bottom: 0px; padding-left: 10px; padding-top: 4px; padding-right: 10px; } #startflow .startflow-tabs li > a { color: #9f9f9f; padding-bottom: 10px; border: none; } #startflow .startflow-tabs li.active > a { color: #5ab45a; background-color: #FBFBFB; border: none; border-bottom: 3px solid #5ab45a; padding-bottom: 6px; } #startflow .startflow-tabs .startflow-top-group .search-group { width: 180px; margin-left: 4px; } #startflow .startflow-tabs .startflow-top-group .search-group .input-group-addon, #startflow .startflow-tabs .startflow-top-group .search-group .obpm-datediv .obpm-datespan, .obpm-datediv #startflow .startflow-tabs .startflow-top-group .search-group .obpm-datespan { color: #FFF; background-color: #0B84C6; border: 1px solid #0076B7; } #startflow .startflow-tabs .startflow-top-group .search-group .btn-startflow { color: #FFF; background-color: #777; border-color: #828282; } #startflow .startflow-tabs .startflow-top-group .search-group .btn-startflow:active { color: #FFF; background-color: #0B84C6; border-color: #0076B7; box-shadow: none; } #startflow .startflow-tabs .startflow-top-group .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-userbtn:first-child:not(:last-child):not(.dropdown-toggle), #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-treedepartment-btn:first-child:not(:last-child):not(.dropdown-toggle), #startflow .startflow-tabs .startflow-top-group #activityTable .btn-group > a.obpm-success:first-child:not(:last-child):not(.dropdown-toggle), #activityTable #startflow .startflow-tabs .startflow-top-group .btn-group > a.obpm-success:first-child:not(:last-child):not(.dropdown-toggle), #startflow .startflow-tabs .startflow-top-group #activityTable .btn-group > a.obpm-waring:first-child:not(:last-child):not(.dropdown-toggle), #activityTable #startflow .startflow-tabs .startflow-top-group .btn-group > a.obpm-waring:first-child:not(:last-child):not(.dropdown-toggle), #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-viewdialog-default:first-child:not(:last-child):not(.dropdown-toggle), #startflow .startflow-tabs .startflow-top-group .upload-box .btn-group > .obpm-upload-btn:first-child:not(:last-child):not(.dropdown-toggle), .upload-box #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-upload-btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } #startflow .startflow-tabs .startflow-top-group .btn-group > .btn:first-child, #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-userbtn:first-child, #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-treedepartment-btn:first-child, #startflow .startflow-tabs .startflow-top-group #activityTable .btn-group > a.obpm-success:first-child, #activityTable #startflow .startflow-tabs .startflow-top-group .btn-group > a.obpm-success:first-child, #startflow .startflow-tabs .startflow-top-group #activityTable .btn-group > a.obpm-waring:first-child, #activityTable #startflow .startflow-tabs .startflow-top-group .btn-group > a.obpm-waring:first-child, #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-viewdialog-default:first-child, #startflow .startflow-tabs .startflow-top-group .upload-box .btn-group > .obpm-upload-btn:first-child, .upload-box #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-upload-btn:first-child { margin-left: 0; } #startflow .startflow-tabs .startflow-top-group .btn-group > .btn:last-child:not(:first-child), #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-userbtn:last-child:not(:first-child), #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-treedepartment-btn:last-child:not(:first-child), #startflow .startflow-tabs .startflow-top-group #activityTable .btn-group > a.obpm-success:last-child:not(:first-child), #activityTable #startflow .startflow-tabs .startflow-top-group .btn-group > a.obpm-success:last-child:not(:first-child), #startflow .startflow-tabs .startflow-top-group #activityTable .btn-group > a.obpm-waring:last-child:not(:first-child), #activityTable #startflow .startflow-tabs .startflow-top-group .btn-group > a.obpm-waring:last-child:not(:first-child), #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-viewdialog-default:last-child:not(:first-child), #startflow .startflow-tabs .startflow-top-group .upload-box .btn-group > .obpm-upload-btn:last-child:not(:first-child), .upload-box #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-upload-btn:last-child:not(:first-child), #startflow .startflow-tabs .startflow-top-group .btn-group .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } #startflow .startflow-tabs .startflow-top-group .btn-group .btn-startflow { color: #FFF; background-color: #777; border-color: #828282; } #startflow .startflow-tabs .startflow-top-group .btn-group > .btn, #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-userbtn, #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-treedepartment-btn, #startflow .startflow-tabs .startflow-top-group #activityTable .btn-group > a.obpm-success, #activityTable #startflow .startflow-tabs .startflow-top-group .btn-group > a.obpm-success, #startflow .startflow-tabs .startflow-top-group #activityTable .btn-group > a.obpm-waring, #activityTable #startflow .startflow-tabs .startflow-top-group .btn-group > a.obpm-waring, #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-viewdialog-default, #startflow .startflow-tabs .startflow-top-group .upload-box .btn-group > .obpm-upload-btn, .upload-box #startflow .startflow-tabs .startflow-top-group .btn-group > .obpm-upload-btn { position: relative; float: left; } #startflow .startflow-tabs .startflow-top-group .btn-group .active { color: #FFF; background-color: #0B84C6; border-color: #0076B7; box-shadow: none; } #startflow .startflow-content-box { position: absolute; overflow: auto; bottom: 0px; left: 0px; right: 0px; top: 43px; } #startflow .startflow-content-box .startflow-content { padding: 10px; } #startflow .startflow-content-box .startflow-content .startflow-list .menu-title { color: #454545; } #startflow .startflow-content-box .startflow-content .startflow-list .menu-title h4 { font-size: 16px; } #startflow .startflow-content-box .startflow-content .startflow-list .menu-ul { list-style-type: none; margin-bottom: 0px; } #startflow .startflow-content-box .startflow-content .startflow-list .menu-ul .menu-li { padding-bottom: 5px; list-style: none; } #startflow .startflow-content-box .startflow-content .startflow-list .menu-ul .menu-li a.menu-link { display: inline-block; padding: 5px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px; outline: none; text-decoration: none; cursor: pointer; } #startflow .startflow-content-box .startflow-content .startflow-list .menu-ul .menu-li a.menu-link:hover { background: #eeeeee; } #startflow .startflow-content-box .startflow-content .startflow-list .menu-ul .menu-li a.menu-link img { width: 14px; height: 14px; margin-right: 10px; } #startflow .startflow-content-box .startflow-content .startflow-list .menu-border-bottom { border-bottom: 1px solid #ccc; width: 200px; margin-bottom: 10px; } #startflow .startflow-content-box .startflow-content .startflow-icon .menu-item-icon { display: inline-block; margin-right: 10px; } #startflow .startflow-content-box .startflow-content .startflow-icon .menu-item-icon .menu-title { color: #454545; } #startflow .startflow-content-box .startflow-content .startflow-icon .menu-item-icon .menu-ul-icon { padding: 15px 0px; } #startflow .startflow-content-box .startflow-content .startflow-icon .menu-item-icon .menu-ul-icon .menu-li-icon { display: inline-block; list-style: none; } #startflow .startflow-content-box .startflow-content .startflow-icon .menu-item-icon .menu-ul-icon .menu-li-icon .menu-link { display: block; width: 100px; padding: 10px 0px; border-radius: 5px; outline: none; text-decoration: none; color: #000; cursor: pointer; } #startflow .startflow-content-box .startflow-content .startflow-icon .menu-item-icon .menu-ul-icon .menu-li-icon .menu-link:hover { color: #23527c; text-decoration: none; } #startflow .startflow-content-box .startflow-content .startflow-icon .menu-item-icon .menu-ul-icon .menu-li-icon .menu-link:hover .menu-link-text { color: #292929; } #startflow .startflow-content-box .startflow-content .startflow-icon .menu-item-icon .menu-ul-icon .menu-li-icon .menu-link .menu-link-icon { width: 64px; height: 64px; margin: 0 auto; border-radius: 5px; line-height: 50px; font-size: 64px; } #startflow .startflow-content-box .startflow-content .startflow-icon .menu-item-icon .menu-ul-icon .menu-li-icon .menu-link .menu-link-icon .menu-icon-img { width: 64px; height: 64px; } #startflow .startflow-content-box .startflow-content .startflow-icon .menu-item-icon .menu-ul-icon .menu-li-icon .menu-link .menu-link-text { padding: 5px 8px 0px 8px; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #707070; } .menu_content { background-color: #FFFFFF; border-top: none; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .flowCenter-box { min-height: 100%; background-color: #FFFFFF; overflow: hidden; } .flowCenter-box .flowCenter-menu { border-right: 1px solid #d5d9dc; font-size: 14px; background-color: #fff; position: fixed; top: 0px; bottom: 0px; left: 0px; padding: 0px; width: 150px; z-index: 100; } .flowCenter-box .flowCenter-menu .soft-group .panel { margin-bottom: 0; border: none; border-radius: 0; box-shadow: none; position: relative; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading { padding: 15px 10px; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading .soft-title { margin-top: 0; margin-bottom: 0; font-size: 14px; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading .soft-title a { display: block; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading .soft-title a .titleSpan { margin-left: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; margin-right: 47px; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading .soft-title a .sum { position: absolute; right: 10px; top: 15px; min-width: 10px; padding: 1px 4px; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; vertical-align: middle; white-space: nowrap; border-radius: 100px; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading .list-group { margin-bottom: 0; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading .list-group li { position: relative; font-size: 12px; border: none; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading .list-group li a { display: block; line-height: 31px; margin: 0 44px 0 23px; padding: 0; color: #767682; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .flowCenter-box .flowCenter-menu .soft-group .panel .soft-heading .list-group li .sum { position: absolute; right: 10px; top: 7px; min-width: 10px; padding: 1px 4px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; vertical-align: middle; white-space: nowrap; color: #9c9d9f; border: 1px solid #9c9d9f; border-radius: 100px; } .flowCenter-box .flowCenter-menu .soft-group .panel .flow-collapse .list-group { margin-bottom: 0; } .flowCenter-box .flowCenter-menu .soft-group .panel .flow-collapse .list-group li { position: relative; font-size: 12px; border: none; } .flowCenter-box .flowCenter-menu .soft-group .panel .flow-collapse .list-group li a { display: block; line-height: 31px; margin: 0 44px 0 23px; padding: 0; color: #767682; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .flowCenter-box .flowCenter-menu .soft-group .panel .flow-collapse .list-group li .sum { position: absolute; right: 10px; top: 7px; min-width: 10px; padding: 1px 4px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; vertical-align: middle; white-space: nowrap; color: #9c9d9f; border: 1px solid #9c9d9f; border-radius: 100px; } .flowCenter-box .flowCenter-menu .soft-group .panel .flow-collapse .list-group li.active a { color: #46d2db; } .flowCenter-box .flowCenter-menu .soft-group .panel .flow-collapse .list-group li.active .sum { background: #fc4d54; color: #fff; border: 1px solid #fc4d54; } .flowCenter-box .flowCenter-menu .soft-group .panel + .panel { border-top: 1px dashed #f0f0f0; } .flowCenter-box .flowCenter-content { width: 100%; height: 100%; padding-left: 150px; } .flowCenter-box .flowCenter-content .flowCenterSearch { text-align: right; padding: 10px; } .flowCenter-box .flowCenter-content .flowCenterSearch .flowtitle { display: inline-block; height: 34px; padding: 6px 12px; margin-right: 4px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; vertical-align: bottom; } .flowCenter-box .flowCenter-content .flowCenterSearch #_divid .form-control, .flowCenter-box .flowCenter-content .flowCenterSearch #_divid .obpm-input, .flowCenter-box .flowCenter-content .flowCenterSearch #_divid .obpm-datediv .obpm-date, .obpm-datediv .flowCenter-box .flowCenter-content .flowCenterSearch #_divid .obpm-date, .flowCenter-box .flowCenter-content .flowCenterSearch #_divid .obpm-select, .flowCenter-box .flowCenter-content .flowCenterSearch #_divid .obpm-user, .flowCenter-box .flowCenter-content .flowCenterSearch #_divid .obpm-department, .flowCenter-box .flowCenter-content .flowCenterSearch #_divid .obom-treedepartment, .flowCenter-box .flowCenter-content .flowCenterSearch #_divid .obpm-suggest { vertical-align: bottom; width: auto; height: 34px; display: inherit; margin-right: 4px; } .flowCenter-box .flowCenter-content .flowCenterSearch #_divid .w100 { width: 100px; } .flowCenter-box .flowCenter-content .flowCenterSearch #_divid #selectUser { margin-right: 4px; } .flowCenter-box .flowCenter-content .flowCenterSearch #_divid #clearUser { margin-right: 4px; } .flowCenter-box .flowCenter-content .flowCenterSearch .btn, .flowCenter-box .flowCenter-content .flowCenterSearch .obpm-userbtn, .flowCenter-box .flowCenter-content .flowCenterSearch .obpm-treedepartment-btn, .flowCenter-box .flowCenter-content .flowCenterSearch #activityTable a.obpm-success, #activityTable .flowCenter-box .flowCenter-content .flowCenterSearch a.obpm-success, .flowCenter-box .flowCenter-content .flowCenterSearch #activityTable a.obpm-waring, #activityTable .flowCenter-box .flowCenter-content .flowCenterSearch a.obpm-waring, .flowCenter-box .flowCenter-content .flowCenterSearch .obpm-viewdialog-default, .flowCenter-box .flowCenter-content .flowCenterSearch .upload-box .obpm-upload-btn, .upload-box .flowCenter-box .flowCenter-content .flowCenterSearch .obpm-upload-btn { padding: 6px 20px; } .flowCenter-box .flowCenter-content .flowCenterSearch .btn-search { background: #439af2; color: #fff; } .flowCenter-box .flowCenter-content .fixedTdHead { position: fixed; z-index: 99; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table { width: 100%; table-layout: fixed; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head { background: #f8f8f8; color: #58585c; height: 30px; line-height: 30px; text-align: center; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .initiator { width: 220px; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .initiator span { color: #aaacac; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .lastHandleTime { width: 150px; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .lastHandleTime span { color: #aaacac; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .operation { width: 50px; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .operation span { color: #aaacac; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .status { width: 150px; } .flowCenter-box .flowCenter-content .fixedTdHead .flowCenter-table .head .status span { color: #aaacac; } .flowCenter-box .flowCenter-content .flowCenterTable { position: relative; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table { width: 100%; table-layout: fixed; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .head { background: #f8f8f8; color: #58585c; height: 30px; line-height: 30px; text-align: center; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .head .initiator { width: 220px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .head .initiator span { color: #aaacac; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .head .lastHandleTime { width: 150px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .head .lastHandleTime span { color: #aaacac; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .head .operation { width: 50px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .head .operation span { color: #aaacac; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .head .status { width: 150px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table .head .status span { color: #aaacac; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table { margin-bottom: 44px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr { cursor: pointer; border-bottom: 1px solid #f4f4f4; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr td { color: #9D9D9D; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr td .tdFace { position: relative; float: left; width: 58px; height: 58px; margin-left: 10px; overflow: hidden; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr td .tdFace > img { width: 100%; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr td .tdFace .noAvatar { width: 38px; color: #fff; text-align: center; line-height: 38px; font-size: 12px; border-radius: 4px; background: #428bcb; height: 38px; margin: 10px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr td .tdFace .noread { display: block; position: absolute; background-color: #d9544d; height: 10px; width: 10px; top: 5px; right: 5px; border-radius: 100px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr td .tdFace .isagent { position: absolute; width: 21px; text-align: center; background: #00abf3; color: #fff; font-size: 12px; line-height: 21px; bottom: 19px; right: 0px; border-radius: 21px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr td .tdFace .isread { display: none; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr td .dept_name { color: #0c86d5; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr td .dept_name .dept { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; float: left; line-height: 58px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr td .dept_name .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 50px; float: left; line-height: 58px; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr td .title { color: #010101; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 90%; float: left; } .flowCenter-box .flowCenter-content .flowCenterTable .flowCenter-table #flowCenter-tbody .tbody tr td .status { color: #808080; font-size: 12px; border: 1px solid #F5F5F5; border-radius: 3px; margin-left: 3px; display: inline-block; text-align: center; padding: 0px 6px; height: 24px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; vertical-align: middle; } .flowCenter-box .flowCenter-content .flowCenterTable #pagination-panel { position: fixed; bottom: 0; padding: 10px 0; width: 100%; } .flowCenter-box .flowCenter-content .flowCenterTable #content-space { padding-top: 15%; } .flowCenter-box .flowCenter-content .flowCenterTable #content-space .content-space-pic { width: 100%; font-size: 80px; text-align: center; color: #adadad; } .flowCenter-box .flowCenter-content .flowCenterTable #content-space .content-space-txt { width: 100%; font-size: 22px; text-align: center; color: #adadad; margin-bottom: 18px; } .obpm-meterAnalysis { overflow: hidden; border-left: 1px solid #d5d9dc; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu { margin: 0; background-color: #FFFFFF; border-top: 0px; border-bottom: 1px solid #2a91da; padding-top: 10px; padding-bottom: 10px; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .btn-group .btn, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .btn-group .obpm-userbtn, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .btn-group .obpm-treedepartment-btn, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .btn-group #activityTable a.obpm-success, #activityTable .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .btn-group a.obpm-success, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .btn-group #activityTable a.obpm-waring, #activityTable .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .btn-group a.obpm-waring, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .btn-group .obpm-viewdialog-default, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .btn-group .upload-box .obpm-upload-btn, .upload-box .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .btn-group .obpm-upload-btn { width: 80px; height: 38px; padding: 6px 20px; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .btn-group .btn-green { color: #606060; background-color: #f8f8f8; border: solid 1px #ccc; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .btn-group .active { color: #fff; background-color: #22aae9; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group { margin-bottom: 0px; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .fl { float: left; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .clearfix { clear: both; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .btn, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .obpm-userbtn, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .obpm-treedepartment-btn, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group #activityTable a.obpm-success, #activityTable .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group a.obpm-success, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group #activityTable a.obpm-waring, #activityTable .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group a.obpm-waring, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .obpm-viewdialog-default, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .upload-box .obpm-upload-btn, .upload-box .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .obpm-upload-btn { padding: 6px 20px; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group label { font-size: 14px; color: #a7a7a7; margin: 6px 10px 0 10px; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group #showUser { display: none; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .btn-group { margin-left: 10px; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group select { line-height: 28px; font-size: 14px; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .input-group { width: 150px; margin-top: 0px; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .input-group .form-control[readonly], .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .input-group [readonly].obpm-input, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .input-group .obpm-datediv [readonly].obpm-date, .obpm-datediv .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .input-group [readonly].obpm-date, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .input-group [readonly].obpm-select, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .input-group [readonly].obpm-user, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .input-group [readonly].obpm-department, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .input-group [readonly].obom-treedepartment, .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .input-group [readonly].obpm-suggest { background-color: #FFF; opacity: 1; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .btn-group #stateselect { color: #000; float: left; width: auto; font-size: 14px; height: 34px; background: #fff; border-radius: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .obpm-meterAnalysis #right .obpm-meterAnalysis-menu .form-group .btn-group #search { font-size: 14px; width: auto; height: 34px; border-radius: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .obpm-meterAnalysis #right .dashboard { margin-bottom: 15px; } .dashboard { background-color: #FFFFFF; border: solid 1px #E3E3E3; border-left: none; border-right: none; margin-bottom: 15px; overflow: auto; } .dashboard .dashboard .row { margin: 0px; } .dashboard .efficiency { border-bottom: solid 1px #e5e5e5; } .dashboard .container-fluid { padding-right: 0px; padding-left: 0px; } .dashboard .container-fluid .row-title { font-size: 16px; color: #606060; height: auto; line-height: 50px; border-bottom: solid 1px #e5e5e5; line-height: 50px; } .dashboard .container-fluid .row { font-size: 14px; color: #a7a7a7; margin: 13px 0; } .dashboard .container-fluid .row a { color: #a7a7a7; } .dashboard .container-fluid .row .col-xs-1, .dashboard .container-fluid .row .col-xs-2 { padding-left: 0; padding-right: 0; } .fowhistory-list { display: none; } .fowhistory-list .minW100 { min-width: 100px; } .fowhistory-list .minW150 { min-width: 150px; } #uploader .queueList { margin: 20px; border: 3px dashed #e6e6e6; } #uploader .queueList .placeholder { min-height: 350px; padding-top: 178px; text-align: center; background: url(../../images/image.png) center 93px no-repeat; color: #cccccc; font-size: 18px; position: relative; } #uploader .queueList .placeholder .webuploader-container .webuploader-pick { font-size: 18px; background: #00b7ee; border-radius: 3px; line-height: 44px; padding: 0 30px; color: #fff; display: inline-block; margin: 0 auto 20px auto; cursor: pointer; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } #uploader .queueList .placeholder p { margin: 0; } #uploader .queueList .placeholder .limitSize { text-align: left; position: absolute; left: 10px; bottom: 10px; font-size: 14px; } #uploader .queueList .filelist { list-style: none; margin: 0; padding: 0; } #uploader .queueList .filelist :after { content: ""; display: block; width: 0; height: 0; overflow: hidden; clear: both; } #uploader .webuploader-dnd-over { border: 3px dashed #999999; } #uploader .queueList.filled { padding: 17px; margin: 0; border: 3px dashed transparent; } #uploader .queueList.filled .placeholder { min-height: 350px; padding-top: 178px; text-align: center; background: url(../../images/image.png) center 93px no-repeat; color: #cccccc; font-size: 18px; position: relative; } #uploader .queueList.filled .filelist { list-style: none; margin: 0; padding: 0; } #uploader .queueList.filled .filelist:after { content: ""; display: block; width: 0; height: 0; overflow: hidden; clear: both; } #uploader .queueList.filled .filelist { list-style: none; margin: 0; padding: 0; } #uploader .queueList.filled .filelist:after { content: ""; display: block; width: 0; height: 0; overflow: hidden; clear: both; } #uploader .queueList.filled .filelist li { width: 110px; height: 110px; background: url(../../images/bg.png) no-repeat; text-align: center; margin: 0 8px 20px 0; position: relative; display: inline; float: left; overflow: hidden; font-size: 12px; } #uploader .queueList.filled .filelist li img { width: 100%; } #uploader .queueList.filled .filelist li p.title { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; top: 5px; text-indent: 5px; text-align: left; } #uploader .queueList.filled .filelist li p.imgWrap { position: relative; z-index: 2; line-height: 110px; vertical-align: middle; overflow: hidden; width: 110px; height: 110px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webit-transition: 200ms ease-out; -moz-transition: 200ms ease-out; -o-transition: 200ms ease-out; -ms-transition: 200ms ease-out; transition: 200ms ease-out; } #uploader .queueList.filled .filelist li p.progress { position: absolute; width: 100%; bottom: 0; left: 0; height: 8px; overflow: hidden; z-index: 50; margin: 0; border-radius: 0; background: none; -webkit-box-shadow: 0 0 0; } #uploader .queueList.filled .filelist li p.progress span { display: none; overflow: hidden; width: 0; height: 100%; background: #1483d8 url(../../images/progress.png) repeat-x; -webit-transition: width 200ms linear; -moz-transition: width 200ms linear; -o-transition: width 200ms linear; -ms-transition: width 200ms linear; transition: width 200ms linear; -webkit-animation: progressmove 2s linear infinite; -moz-animation: progressmove 2s linear infinite; -o-animation: progressmove 2s linear infinite; -ms-animation: progressmove 2s linear infinite; animation: progressmove 2s linear infinite; -webkit-transform: translateZ(0); } @-webkit-keyframes progressmove { 0% { background-position: 0 0; } 100% { background-position: 17px 0; } } @-moz-keyframes progressmove { 0% { background-position: 0 0; } 100% { background-position: 17px 0; } } @keyframes progressmove { 0% { background-position: 0 0; } 100% { background-position: 17px 0; } } #uploader .queueList.filled .filelist li .success { display: block; position: absolute; left: 0; bottom: 0; height: 40px; width: 100%; z-index: 200; background: url(../../images/success.png) no-repeat right bottom; } #uploader .queueList.filled .filelist li div.file-panel { position: absolute; height: 0; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#80000000", endColorstr="#80000000") \0 ; background: rgba(0, 0, 0, 0.5); width: 100%; top: 0; left: 0; overflow: hidden; z-index: 300; } #uploader .queueList.filled .filelist li div.file-panel span.cancel { background-position: -48px -24px; } #uploader .queueList.filled .filelist li div.file-panel span { width: 24px; height: 24px; display: inline; float: right; text-indent: -9999px; overflow: hidden; background: url(../../images/icons.png) no-repeat; margin: 5px 1px 1px; cursor: pointer; } #uploader .queueList.filled .element-invisible { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } #uploader .statusBar { height: 63px; border-top: 1px solid #dadada; padding: 0 20px; line-height: 63px; vertical-align: middle; position: relative; display: none; } #uploader .statusBar .progress { border: 1px solid #1483d8; width: 198px; background: #fff; height: 18px; position: relative; display: inline-block; text-align: center; line-height: 20px; color: #6dbfff; position: relative; margin: 0 10px 0 0; } #uploader .statusBar .progress .text { position: relative; z-index: 10; } #uploader .statusBar .progress .percentage { width: 0; height: 100%; left: 0; top: 0; background: #1483d8; position: absolute; } #uploader .statusBar .info { display: inline-block; font-size: 14px; color: #666666; } #uploader .statusBar .btns { position: absolute; top: 10px; right: 20px; line-height: 40px; } #uploader .statusBar .btns #filePicker2 { display: inline-block; float: left; } #uploader .statusBar .btns #filePicker2 .webuploader-pick { background: #ffffff; border: 1px solid #cfcfcf; color: #565656; padding: 0 18px; display: inline-block; border-radius: 3px; margin-left: 10px; cursor: pointer; font-size: 14px; float: left; line-height: 40px; } #uploader .statusBar .btns .uploadBtn { background: #00b7ee; color: #fff; border-color: transparent; border: 1px solid #cfcfcf; padding: 0 18px; border-radius: 3px; margin-left: 10px; cursor: pointer; font-size: 14px; float: left; line-height: 40px; } #uploader .statusBar .btns .btn, #uploader .statusBar .btns .obpm-userbtn, #uploader .statusBar .btns .obpm-treedepartment-btn, #uploader .statusBar .btns #activityTable a.obpm-success, #activityTable #uploader .statusBar .btns a.obpm-success, #uploader .statusBar .btns #activityTable a.obpm-waring, #activityTable #uploader .statusBar .btns a.obpm-waring, #uploader .statusBar .btns .obpm-viewdialog-default, #uploader .statusBar .btns .upload-box .obpm-upload-btn, .upload-box #uploader .statusBar .btns .obpm-upload-btn { background: #ffffff; border: 1px solid #cfcfcf; color: #565656; padding: 0 18px; display: inline-block; border-radius: 3px; margin-left: 10px; cursor: pointer; font-size: 14px; float: left; line-height: 40px; } #uploader .statusBar .btns .displayn { display: none; } @font-face { font-family: "iconfont"; src: url("../../fonts/iconfont-h5.eot"); src: url("../../fonts/iconfont-h5.eot?#iefix") format("embedded-opentype"), url("../../fonts/iconfont-h5.woff") format("woff"), url("../../fonts/iconfont-h5.ttf") format("truetype"), url("../../fonts/iconfont-h5.svg#iconfont") format("svg"); } #workflow-history-panel { background: #ffffff; } #workflow-history-panel > .nav-tabs li { width: 50%; } #workflow-history-panel > .nav-tabs li a { color: #92a1ab; margin-right: 0px; border-top: 0px; border-right-color: #ddd; border-radius: 0px; } #workflow-history-panel > .nav-tabs li a:hover { background-color: #fff; } #workflow-history-panel > .nav-tabs li a .iconfont-h5 { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } #workflow-history-panel > .nav-tabs li a .iconfont-e061::before { content: ""; } #workflow-history-panel > .nav-tabs li a .iconfont-e064:before { content: ""; } #workflow-history-panel > .nav-tabs li:last-child { border-right: 0px; } #workflow-history-panel > .nav-tabs li:last-child > a { border-right: 0px; } #workflow-history-panel > .nav-tabs li.active > a { color: #02bb00; border-left-color: transparent; border-bottom-color: #02bb00; border-top-color: transparent; border-radius: 0px; } #workflow-history-panel .tab-content > .tab-pane { overflow: auto; padding: 15px; height: 439px; } #workflow-history-panel .tab-content > .tab-pane table { font-size: 12px; } #workflow-history-panel .tab-content > .tab-pane img { width: 100%; } #workflow-history-panel .tab-content > .tab-pane .flowhistory-tab { margin-bottom: 15px; } #workflow-history-panel .tab-content > .tab-pane .flowhistory-tab .iconfont-h5 { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } #workflow-history-panel .tab-content > .tab-pane .flowhistory-tab .iconfont-e062:before { content: ""; } #workflow-history-panel .tab-content > .tab-pane .flowhistory-tab .iconfont-e063:before { content: ""; } #workflow-history-panel .tab-content > .tab-pane .flowhistory-tab .btn-default, #workflow-history-panel .tab-content > .tab-pane .flowhistory-tab .obpm-userbtn, #workflow-history-panel .tab-content > .tab-pane .flowhistory-tab .obpm-treedepartment-btn, #workflow-history-panel .tab-content > .tab-pane .flowhistory-tab #activityTable a.obpm-default, #activityTable #workflow-history-panel .tab-content > .tab-pane .flowhistory-tab a.obpm-default, #workflow-history-panel .tab-content > .tab-pane .flowhistory-tab .obpm-viewdialog-default { color: #92a1ab; } #workflow-history-panel .tab-content > .tab-pane .flowhistory-tab:after { content: ""; display: block; clear: both; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 20px; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-time { line-height: 50px; width: 80px; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-face { padding: 10px; position: relative; background-color: #fff; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-face > img { width: 36px; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-face .noAvatar { width: 36px; color: #fff; text-align: center; line-height: 36px; font-size: 12px; border-radius: 4px; background: #428bcb; height: 36px; margin: 0px auto; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-face .reverse-face-line { display: block; width: 1px; height: 25px; border-left: 1px solid #DBDBDB; position: absolute; left: 50%; margin-top: 5px; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content { flex: 1; position: relative; background-color: #f7f7f7; border-radius: 5px; padding: 15px; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .icon-ff6600 { color: #ff6600; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .icon-10aeff { color: #10aeff; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .icon-f76260 { color: #f76260; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .icon-09bb07 { color: #09bb07; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .icon-ffc107 { color: #ffc107; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .iconfont-h5 { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .iconfont-e056:before { content: ""; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .iconfont-e057:before { content: ""; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .iconfont-e058:before { content: ""; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .iconfont-e059:before { content: ""; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .iconfont-e065:before { content: ""; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .reverse-txt { margin-top: 15px; position: relative; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .reverse-txt .reverse-attitude { line-height: 20px; overflow: hidden; padding-right: 30px; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .reverse-txt .reverse-attitude-arrow { padding: 3px 10px; cursor: pointer; position: absolute; bottom: 0px; right: 0px; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .reverse-signature a { outline: none; text-decoration: none; color: #000; cursor: pointer; } #workflow-history-panel .tab-content > .tab-pane #reverse .reverse-list .reverse-content .reverse-signature a img { width: 100px; } #workflow-history-panel .tab-content > .tab-pane #list table { font-size: 12px; } #workflow-history-panel .tab-content > .tab-pane #list table td { vertical-align: middle; padding: 20px; } #workflow-history-panel .tab-content > .tab-pane #list table td a { outline: none; text-decoration: none; color: #000; cursor: pointer; } #workflow-history-panel .tab-content > .tab-pane #list table td a img { width: 50px; } #workflow-history-panel .tab-content > .active { display: block; } #signatureImage-preview { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1000; overflow: auto; display: none; } #signatureImage-preview .signatureImage-panel { height: 425px; text-align: center; display: table; margin: 50px auto 0; box-shadow: 0 0 10px #ddd; width: 50%; background: #fff; } #signatureImage-preview .signatureImage-panel .signatureImage-pic { display: table-cell; vertical-align: middle; } #signatureImage-preview .signatureImage-panel .signatureImage-pic img { min-width: 50%; } /*# sourceMappingURL=obpm.css.map */