diff options
Diffstat (limited to 'sdc-workflow-designer-ui/src/ngict-component.css')
-rw-r--r-- | sdc-workflow-designer-ui/src/ngict-component.css | 1908 |
1 files changed, 0 insertions, 1908 deletions
diff --git a/sdc-workflow-designer-ui/src/ngict-component.css b/sdc-workflow-designer-ui/src/ngict-component.css deleted file mode 100644 index 32582bbc..00000000 --- a/sdc-workflow-designer-ui/src/ngict-component.css +++ /dev/null @@ -1,1908 +0,0 @@ -/***main***/ -body, -button, -input, -optgroup, -select, -textarea, -.tooltip { - font-family: "Microsoft yahei", Segoe UI, Arial !important; - font-size: 12px; - color: #333; -} -body { - background-color: transparent; - font-size: 14px; -} -[class^="col-"], -[class*="col-"] { - float: left; -} -.clearfix:after, -.container:after, -.container-fluid:after, -.row:after, -.form-horizontal .form-group:after, -.btn-toolbar:after, -.btn-group-vertical > .btn-group:after, -.nav:after, -.navbar:after, -.navbar-header:after, -.navbar-collapse:after, -.pager:after, -.panel-body:after, -.modal-footer:after { - clear: both; -} -.clearfix:before, -.clearfix:after, -.container:before, -.container:after, -.container-fluid:before, -.container-fluid:after, -.row:before, -.row:after, -.form-horizontal .form-group:before, -.form-horizontal .form-group:after, -.btn-toolbar:before, -.btn-toolbar:after, -.btn-group-vertical > .btn-group:before, -.btn-group-vertical > .btn-group:after, -.nav:before, -.nav:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after, -.navbar-collapse:before, -.navbar-collapse:after, -.pager:before, -.pager:after, -.panel-body:before, -.panel-body:after, -.modal-footer:before, -.modal-footer:after { - content: " "; - display: table; -} -.label, -label { - font-weight: 400; -} -*:focus { - outline: 0; -} -a { - color: #00abff; - text-decoration: none ; - cursor: pointer; -} -a:hover { - color: #00a3f5; - text-decoration: underline; -} -.border-box { - border: 1px solid #ddd; -} -/***icon***/ -[class^="ict-"], -[class*=" ict-"] { - padding-right: 3px; -} -/***color***/ -.red { - background-color: #ff5b55; - color: #fff; -} -.red:hover { - background-color: #f55651; - color: #fff; -} -.green { - background-color: #5fcc4a; - color: #fff; -} -.green:hover { - background-color: #329d96; - color: #fff; -} -.gold { - background-color: #c0af69; - color: #fff; -} -.gold:hover { - background-color: #ad9a4d; - color: #fff; -} -.over-grey { - background-color: transparent; - color: #00abff; - border: 0; -} -.over-grey:hover { - background-color: #f8f8f8; -} -.over-grey:focus:active { - background-color: #f2f2f2; -} -.grey { - background-color: #fff; - color: #a5a5a5; - border: 1px solid #eee; -} -.grey:hover { - background-color: #fcfcfc; -} -.grey-disabled, -.grey-disabled:hover { - border: 1px solid #c6c6c6; - color: #c6c6c6; - background-color: #fff; -} -.dark-grey { - background-color: #333; - color: #fff; -} -.dark-grey:hover { - background-color: #101010; - color: #fff; -} -.oes-red { - color: #ff5b55; -} -.bg-danger { - background-color: #ff5b55 !important; -} -.oes-red-bg { - background-color: #ff5b55; - color: #fff; -} -.oes-red-bg:hover { - background-color: #f55651; - color: #fff; -} -.oes-red-bg:active { - background-color: #eb534d; - color: #fff; -} -.oes-green { - color: #5fcc4a; -} -.oes-green-bg { - background-color: #73cf22; - color: #fff; -} -.oes-green-bg:hover { - background-color: #6cc41f; - color: #fff; -} -.oes-green-bg:active { - background-color: #67ba1e; - color: #fff; -} -.oes-yellow { - color: #ffc766; -} -.oes-yellow-bg { - background-color: #f7c515; - color: #fff; -} -.oes-yellow-bg:hover { - background-color: #edbe13; - color: #fff; -} -.oes-yellow-bg:active { - background-color: #e3b612; - color: #fff; -} -.oes-grey { - color: #a5a5a5; -} -.oes-grey-bg { - background-color: #a5a5a5; - color: #fff; -} -.oes-grey-bg:hover { - background-color: #949393; - color: #fff; -} -.oes-grey-bg:active { - background-color: #848383; - color: #fff; -} -.blue { - background-color: #fff; - color: #1991c5; -} -.blue:hover { - background-color: #e8f3fd; - color: #3366cc; -} -.blue.selected { - border: 0; - background-color: #00abff; - color: #fff; -} -.blue.selected:hover { - border: 0; - background-color: #00abff; - color: #fff; -} -.blue1 { - background-color: #00abff; - color: #fff; - border: 1px solid #00abff; -} -.blue1:hover { - background-color: #00a3f5; - color: #fff; - border: 1px solid #00a3f5; -} -.blue1:active { - background-color: #009ceb; -} -.blue1:focus { - background-color: #00abff; - color: #fff; - border: 1px solid #00abff; -} -.blue1:focus:hover { - background-color: #00a3f5; - color: #fff; - border: 1px solid #00a3f5; -} -.blue1:focus:active { - background-color: #009ceb; -} -.blue1-active { - background-color: #00abff !important; - color: #fff !important; - border: 1px solid #00abff !important; -} -.blue1-active:hover { - background-color: #00a3f5 !important; - color: #fff !important; - border: 1px solid #00a3f5 !important; -} -.blue1-active:focus { - background-color: #00abff !important; - color: #fff !important; - border: 1px solid #00abff !important; -} -.blue1-active:focus:hover { - background-color: #00a3f5 !important; - color: #fff !important; - border: 1px solid #00a3f5 !important; -} -.white { - background-color: #fff; - border: 1px solid #eee; - color: #00abff; -} -.white:hover { - background-color: #fcfcfc; -} -.white:active { - background-color: #f8f8f8; -} -.white.active { - background-color: #00abff; - color: #fff; - border-color: #00abff; -} -.white:focus { - background-color: #fff; - border: 1px solid #eee; - color: #00abff; - outline: none; -} -.white:focus:hover { - background-color: #fcfcfc; -} -.white:focus:hover:active { - background-color: #f8f8f8; -} -.white:focus.active { - background-color: #00abff; - color: #fff; - border-color: #00abff; -} -.blue1-icons { - color: #009ceb; -} -.blue1-icons:hover { - color: #00a3f5; -} -.oes-font1, -.oes-font1:active, -.oes-font1:focus { - color: #c2c6c9; -} -.oes-font2, -.oes-font2:active, -.oes-font2:focus { - color: #777; -} -.oes-font3, -.oes-font3:active, -.oes-font3:focus { - color: #4d5761; -} -.oes-font4, -.oes-font4:active, -.oes-font4:focus { - color: #333; -} -/*** -Responsive & Scrollable Tables -***/ -.table-scrollable { - width: 100%; - overflow-x: auto; - overflow-y: hidden; - border: 1px solid #ddd; -} -.table-scrollable > .table { - width: 100% !important; - margin: 0 !important; - margin-bottom: 0; - background-color: #fff; -} -.table-scrollable > .table-bordered { - border: 0; -} -.table-scrollable > .table-bordered > thead > tr > th:first-child, -.table-scrollable > .table-bordered > tbody > tr > th:first-child, -.table-scrollable > .table-bordered > tfoot > tr > th:first-child, -.table-scrollable > .table-bordered > thead > tr > td:first-child, -.table-scrollable > .table-bordered > tbody > tr > td:first-child, -.table-scrollable > .table-bordered > tfoot > tr > td:first-child { - border-left: 0; -} -.table-scrollable > .table-bordered > thead > tr > th:last-child, -.table-scrollable > .table-bordered > tbody > tr > th:last-child, -.table-scrollable > .table-bordered > tfoot > tr > th:last-child, -.table-scrollable > .table-bordered > thead > tr > td:last-child, -.table-scrollable > .table-bordered > tbody > tr > td:last-child, -.table-scrollable > .table-bordered > tfoot > tr > td:last-child { - border-right: 0; -} -.table-scrollable > .table-bordered > thead > tr:last-child > th, -.table-scrollable > .table-bordered > tbody > tr:last-child > th, -.table-scrollable > .table-bordered > tfoot > tr:last-child > th, -.table-scrollable > .table-bordered > thead > tr:last-child > td, -.table-scrollable > .table-bordered > tbody > tr:last-child > td, -.table-scrollable > .table-bordered > tfoot > tr:last-child > td { - border-bottom: 0; -} -/*table*/ -table { - font-size: 12px; -} -.table-hover > tbody > tr:hover > td, -.table-hover > tbody > tr:hover > th { - background: #ebf6fd; -} -.dataTables_length, -.dataTables_info, -.dataTables_paginate { - font-size: 12px; - color: #7c868d; - display: inline-block; -} -.dataTables_length { - margin-right: 9px; -} -.dataTables_info { - margin-right: 10px; - color: #4d5761; -} -.dataTables_length select { - margin-left: 1px; - margin-right: 1px; - width: 42px; - height: 30px; - border-color: #ddd; - color: #7c868d; -} -.dataTables_paginate { - vertical-align: top; -} -.dataTables_paginate input { - border-color: #ddd !important; - width: 42px !important; - height: 30px !important; - margin-left: 6px!important; - margin-right: 6px!important; - color: #7c868d; -} -.dataTables_paginate .pagination-panel a { - border: 1px solid #ddd; - width: 26px; - height: 30px; - opacity: 1; - margin-left: 6px; - vertical-align: top; - cursor: pointer; - color: #7c868d; -} -.dataTables_wrapper > div > div { - float: right; - margin-bottom: 10px; - margin-top: 10px; -} -table th { - font-weight: normal; - font-size: 12px; -} -.table thead th { - border-bottom: 0; - color: #8b8b8b; -} -.table th { - border-top: 0; -} -table .heading { - font-size: 12px; - background: #fff !important; - font-weight: normal; -} -table tr:nth-of-type(odd) { - background: #f9f9f9; -} -table tr:nth-of-type(even) { - background: #fff; -} -table tr td label { - cursor: pointer; -} -.table-btn span { - padding-left: 5px; - padding-right: 5px; -} -.table-bordered > thead > tr > th, -.table-bordered > thead > tr > td { - border-bottom-width: 1px; -} -table tr td .btn-xs { - margin-bottom: 3px; - margin-top: 3px; -} -/* oes-table */ -.oes-table.light .oes-th { - padding-bottom: 15px !important; -} -.oes-table .oes-th { - padding-bottom: 10px !important; -} -/*.oes-table.card tr:nth-of-type(odd){ - background-color:#fff !important; -}*/ -.oes-table.card tr:nth-of-type(odd):hover { - background-color: #ebf6fd !important; -} -.oes-table.card tr td:first-child, -.oes-table.card tr th:first-child { - text-align: center; -} -.oes-table.card .title { - font-weight: normal; -} -.oes-table .filter span.filterToggle { - width: 30px !important; - height: 30px !important; -} -.oes-table input[type="checkbox"] { - margin-right: 0; -} -.oes-page-item .oes-page-link { - height: 28px !important; -} -.oes-filters .oes-th { - padding-bottom: 2px !important; -} -.oes-pagination { - margin-top: 0 !important; -} -.oes-table .filter span.filterToggle { - height: 30px !important; -} -.oes-table label, -.oes-table input[type="checkbox"] { - margin-bottom: 0; -} -.oes-table .innerTable tr:nth-of-type(odd) { - background-color: #fff !important; -} -/*ng2-smart-table*/ -.ng2-smart-table.light .ng2-smart-th, -.ng2-smart-table .ng2-smart-th { - padding-bottom: 10px !important; -} -.ng2-smart-table .card tr:nth-of-type(odd) { - background-color: #fff !important; -} -.ng2-smart-table .card tr:nth-of-type(odd):hover { - background-color: #ebf6fd !important; -} -.ng2-smart-table .card tr td:first-child, -.ng2-smart-table .card tr th:first-child { - text-align: center; -} -.ng2-smart-table .card .title { - font-weight: normal; -} -.ng2-smart-table .filter span.filterToggle { - width: 30px !important; - height: 30px !important; -} -.ng2-smart-table input[type="checkbox"] { - margin-right: 0; -} -.ng2-smart-page-item .ng2-smart-page-link { - height: 28px !important; -} -.ng2-smart-filters .ng2-smart-th { - padding-bottom: 2px !important; -} -.ng2-smart-pagination { - margin-top: 0 !important; -} -.ng2-smart-table .filter span.filterToggle { - height: 30px !important; -} -.ng2-smart-table label, -.ng2-smart-table input[type="checkbox"] { - margin-bottom: 0; -} -.ng2-smart-table .innerTable tr:nth-of-type(odd) { - background-color: #fff !important; -} -/***form***/ -.form { - padding: 0 !important; -} -.form-group .multiRow { - margin-bottom: 15px; -} -.form-group .multiRow:last-child { - margin-bottom: 5px; -} -.form-group { - font-size: 12px; -} -.form-group .btn { - font-size: 14px; -} -.form-group .btn-s { - font-size: 12px; -} -.form-group .ict-helpTip { - font-size: 18px; - color: #bababa; - margin-left: 10px; - vertical-align: text-bottom; -} -.form-group .ict-helpTip:hover { - color: #00abff; -} -.form-group.equal-group .form-control { - display: block; -} -.form-group.equal-group .form-control:first-child { - margin-bottom: 5px; -} -.form-body { - padding: 15px; -} -.form-actions .btn { - font-size: 14px; -} -.form-actions.nobg { - background-color: transparent; -} -.form-actions.top { - margin-top: 0; - margin-bottom: 20px; - border-top: 0; - border-bottom: 1px solid #e5e5e5; -} -.form-control { - font-size: 12px; - display: inline-block; -} -.form-actions .btnGroup { - padding-left: 0; -} -.form-actions.fluid > [class^="col-"] { - padding-left: 13px; -} -.form-actions:before, -.form-actions:after { - display: table; - line-height: 0; - content: ""; -} -.form-actions:after { - clear: both; -} -.form-section { - margin: 30px 0px 25px 0px; - padding-bottom: 5px; - border-bottom: 1px solid #eee; -} -.form .form-section:first-child { - margin-top: 5px; -} -.help-inline { - font-size: 13px; - color: #737373; - display: inline-block; - padding: 5px; -} -.submBtn { - /*text-align: center;*/ -} -.subm-iconMargin { - margin-left: -40px; -} -.subm-margin { - margin-left: -40px; -} -.form-actions.right { - padding-left: 0; - padding-right: 10px; - text-align: right; -} -.form-actions.left { - padding-left: 10px; - padding-right: 0; - text-align: left; -} -.help-block { - margin-top: 5px; - margin-bottom: 5px; - color: #a94442 !important; -} -.form-inline input { - margin-bottom: 0px !important; -} -.form-horizontal .control-label { - text-align: right; -} -.form-group .control-label { - padding-top: 3px; -} -.form-control-static { - font-size: 14px; - padding-top: 7px; -} -.control-label .required { - color: #e02222; - font-size: 12px; - padding-left: 2px; -} -.form-control:focus { - -webkit-box-shadow: none; - box-shadow: none; -} -select.form-control, -.form-control { - padding: 4px 12px; - border-radius: 2px; - height: 30px; - /* width:400px;*/ - border-color: #ddd; -} -select.form-control:not([size]):not([multiple]) { - height: 30px ; -} -/***checkbox&radio***/ -/* Checkbox */ -.form-group .checkbox { - padding-left: 0; -} -.checkbox-list > label { - display: block; -} -.checkbox-list > label.checkbox-inline { - display: inline-block; -} -.checkbox-list > label.checkbox-inline:first-child { - padding-left: 0; -} -/* Radios */ -input[type="radio"] { - cursor: pointer; -} -.radio-list > label { - display: block; -} -.radio-list > label.radio-inline { - display: inline-block; -} -.radio-list > label.radio-inline:first-child { - padding-left: 0; -} -.form-horizontal .radio-list .radio { - padding-top: 1px; -} -.form-horizontal .radio-list > label { - margin-bottom: 0; -} -.form-horizontal .radio > span { - margin-top: 2px; -} -input[type="checkbox"]:focus, -input[type="radio"]:focus { - outline: 0; - -webkit-box-shadow: none; - box-shadow: none; - border: 0; -} -.raw-container { - font-size: 0; - position: relative; -} -.raw-container input[type="checkbox"], -.raw-container input[type="radio"] { - position: absolute; - z-index: -1; - opacity: 0; -} -.raw-container input[type="checkbox"] + .checkbox-substitute + span, -.raw-container input[type="radio"] + .radio-substitute + span { - font-weight: normal; - font-size: 12px; - line-height: 12px; - cursor: pointer; - vertical-align: middle; -} -.raw-container input[type="checkbox"] + .checkbox-substitute { - position: relative; - display: inline-block; - cursor: pointer; - height: 14px; - width: 14px; - border: 1px solid #ccc; - border-radius: 2px; - vertical-align: middle; - margin-right: 6px; -} -.raw-container input[type="checkbox"] + .checkbox-substitute:hover { - border-color: #00abff; -} -.raw-container input[type="checkbox"]:checked + .checkbox-substitute { - border-color: #00abff; - background-color: #00abff; -} -.raw-container input[type="checkbox"]:checked + .checkbox-substitute::after { - content: ''; - position: absolute; - display: block; - width: 6px; - height: 10px; - border: solid #fff; - border-width: 0 2px 2px 0; - transform: rotate(45deg); - left: 3px; - top: 0; -} -.raw-container input[type="checkbox"][disabled] + .checkbox-substitute { - background-color: #efefef; - cursor: auto; - border-color: #ccc; -} -.raw-container input[type="checkbox"]:checked[disabled] + .checkbox-substitute { - background-color: #efefef; - cursor: auto; - border-color: #ccc; -} -.raw-container input[type="checkbox"]:checked[disabled] + .checkbox-substitute::after { - border: 1px solid #ccc; - border-width: 0 2px 2px 0; -} -.raw-container input[type="checkbox"]:checked.portion + .checkbox-substitute { - background-color: #97dbfc; - border-color: #97dbfc; -} -.raw-container input[type="radio"] + .radio-substitute { - position: relative; - display: inline-block; - cursor: pointer; - height: 14px; - width: 14px; - border: 1px solid #ccc; - border-radius: 14px; - vertical-align: middle; - margin-right: 6px; -} -.raw-container input[type="radio"] + .radio-substitute:hover { - border-color: #00abff; -} -.raw-container input[type="radio"]:checked + .radio-substitute { - border-color: #00abff; - border-width: 4px; -} -.raw-container input[type="radio"][disabled] + .radio-substitute { - border-color: #ccc; - background-color: #efefef; - cursor: auto; -} -.raw-container input[type="radio"]:checked [disabled] + .radio-substitute { - border-color: #ccc; - cursor: auto; -} -/***input***/ -::-webkit-input-placeholder { - color: #bcbcbc !important; -} -:-moz-placeholder { - /* Mozilla Firefox 4 to 18 */ - color: #bcbcbc !important; -} -::-moz-placeholder { - /* Mozilla Firefox 19+ */ - color: #bcbcbc !important; -} -input:-ms-input-placeholder { - color: #bcbcbc !important; -} -input::-webkit-input-placeholder { - color: #bcbcbc !important; -} -/*group*/ -.input-group-btn-vertical.fa { - font-size: 12px; -} -.input-group.spinner .btn { - min-width: 20px !important; - height: 16px; -} -.spinner { - width: 60px !important; - margin-left: 10px; - margin-right: 30px; -} -.spinner input { - text-align: right; -} -.input-group-btn-vertical { - position: relative; - white-space: nowrap; - width: 1%; - vertical-align: middle; - display: table-cell; -} -.input-group-btn-vertical > .btn { - display: block; - float: none; - width: 100%; - max-width: 100%; - padding: 6px; - margin-left: -1px; - position: relative; - border-radius: 0; -} -.input-group-btn-vertical > .btn { - min-width: 20px; -} -.input-group-btn-vertical > .btn:first-child { - border-top-right-radius: 4px; -} -.input-group-btn-vertical > .btn:last-child { - margin-top: -2px; - border-bottom-right-radius: 4px; -} -.input-group-btn-vertical i { - position: absolute; - top: 0; - left: 6px; -} -/*.input-group .form-control { - height: 26px !important; -}*/ -.input-group { - /* width:400px;*/ - font-size: 0; -} -.input-group .form-control { - display: inline-block; -} -.input-group .form-control:hover, -.input-group .form-control:focus:hover { - z-index: 2; -} -.input-group .input-group-btn { - z-index: 0; -} -/*html滑块组件*/ -input[type="range"] { - margin-top: 2px; - background-color: #f0f3f9; - border: 1px solid #ccd6e8; - border-radius: 15px; - width: 400px; - -webkit-appearance: none; - height: 15px; -} -input[type="range"]::-webkit-slider-thumb { - -webkit-appearance: none; - cursor: pointer; - top: -5px; - height: 28px; - width: 15px; - transform: translateY(-4px); - background: none repeat scroll 0 0 #f0f3f9; - background-color: #9cc2cb; - border-radius: 20px; -} -input[type="range"]:focus { - outline: none; -} -/*search*/ -.input-group .btn { - min-width: 40px; - padding-top: 3px; -} -/***tab***/ -.nav-tabs { - border: 0; - font-weight: bold; -} -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - border: 0; -} -.nav-tabs > li > a { - border-radius: 0; - font-weight: bold; - border: 0; - margin-right: 0; -} -.nav > li > a:hover, -.nav > li > a:focus { - background-color: transparent; -} -.nav-tabs.boder-tab > li.active > a, -.nav-tabs.boder-tab > div > li.active > a { - border: 1px solid #ddd; - border-bottom: 0; -} -.nav-tabs-content { - border: 1px solid #ddd; -} -/***tab***/ -.nav-tabs.tabset > li.active, -.nav-tabs.tabset > li.active:hover, -.nav-tabs.tabset > li.active:focus { - border: 0; - border-top: 2px solid #00abff; -} -.nav-tabs > div > li.active, -.nav-tabs > div > li.active:hover, -.nav-tabs > div > li.active:focus { - border: 0; - background-color: #fcfcfc; - border-top: 2px solid #00abff; -} -ul.nav.nav-tabs { - background-color: transparent; -} -.nav-tabs > div > li > a:hover { - background-color: transparent; - border-bottom: 1px transparent; -} -.nav-tabs .nav-link { - border-top-right-radius: 0; - border-top-left-radius: 0; - color: #777; -} -.nav-tabs .nav-link:hover { - background-color: transparent; - border-color: transparent; - color: #777; -} -.nav-tabs .nav-link:focus { - border-left-color: transparent; - border-right-color: transparent; -} -.boder-tab ul.nav.nav-tabs { - background-color: #fff; -} -.boder-tab ul.nav.nav-tabs .nav-link:hover { - border-bottom: 1px solid #ddd ; - background-color: #fcfcfc; -} -.boder-tab ul.nav.nav-tabs .nav-link.active:hover { - border-bottom: 0 ; -} -.nav-tabs { - border: 0; - font-weight: normal; -} -.nav-tabs > li > a { - border-radius: 0; - font-weight: normal; - border: 0; - margin-right: 0; -} -.nav-tabs > li > a:hover, -.nav-tabs > li > a:focus { - background-color: transparent; -} -.nav-tabs .nav-link.active { - border: 0; - border-top: 2px solid #00abff; - background-color: #fff; -} -.nav-tabs .nav-link.active:hover { - background-color: #fff; - border-top: 2px solid #00abff; -} -.nav-tabs .nav-link.disabled { - border-top: 0; - color: #c2c6c9; -} -.nav-tabs .nav-link.disabled:hover, -.nav-tabs .nav-link.disabled:focus { - background-color: transparent; - color: #c2c6c9; -} -.boder-tab > .nav-tabs > .nav-item > .nav-link.active, -.less-border > .nav-tabs > .nav-item > .nav-link.active { - border: 1px solid #ddd; - border-top: 2px solid #00abff; - border-bottom: 0; -} -.boder-tab .tab-pane.active { - border: 1px solid #ddd; -} -.tab-pane.active { - padding: 15px; -} -.nav-pills .nav-link.active, -.nav-pills .nav-item.show .nav-link { - color: #fff; - cursor: default; - background-color: #00abff; -} -.less-border .tab-pane.active { - border-top: 1px solid #ddd; - border-left: 0; - border-right: 0; - border-bottom: 0; -} -/***button***/ -button { - font-size: 14px; -} -.btn { - min-width: 80px; - letter-spacing: 1px; - padding-top: 4px !important; - padding-bottom: 4px !important; - height: 30px; - font-size: 14px; - cursor: pointer; - line-height: 1.42857143; -} -.btnGroup .btn, -.btnGroup a { - margin-right: 10px; -} -.btnGroup a:last-child, -.btnGroup .btn:last-child { - margin-right: 0; -} -.btnGroup .sub-btn { - /*float:right; - width: 400px;*/ - /*text-align: right;*/ -} -.pagination-panel .btn { - min-width: 4px; -} -.btn.dropdown-toggle, -.btn-group .btn.dropdown-toggle, -.btn:hover, -.btn:disabled, -.btn[disabled], -.btn:focus, -.btn:active, -.btn.active { - outline: none !important; - background-image: none !important; - filter: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - text-shadow: none; -} -.btn-s { - height: 26px; - line-height: 14px; - font-size: 12px; - cursor: pointer; -} -.btn-s:hover { - text-decoration: none ; -} -.btn-s:focus { - outline: 0; -} -.btn-xs { - line-height: 1.2; - padding-top: 3px; - padding-bottom: 3px; - font-size: 12px; - cursor: pointer; -} -.btn-xs:hover { - text-decoration: none ; -} -.btn-xs:focus { - outline: 0; -} -/***btn-group***/ -.btn-group .blue1-active { - border-left: #a4d7f7 1px solid !important; -} -.btn-group .blue1-active:hover { - border-left: #1289d6 1px solid !important; -} -.btn-group .white.btn.active, -.btn-group .white.btn-s.active { - border-left: #6ac7f5 1px solid !important; -} -/***toolbar & icons ***/ -.toolbar span { - padding: 5px; - font-size: 20px; - cursor: pointer; - color: #00abff; - border: 1px solid transparent; -} -.toolbar span:hover { - color: #00a3f5; - border: 1px solid #cbdfec; -} -.toolbar i.seperate-vertical { - padding: 0; - border-right: 1px solid #ddd; - margin-right: 8px; - margin-left: 4px; -} -/*btn-link*/ -.btn-link { - color: #ccc; -} -.btn-link:hover { - color: #1798eb; -} -/***radius***/ -.radius-l { - border-radius: 20px; -} -.radius-m { - border-radius: 8px; -} -.radius-s { - border-radius: 4px; -} -.radius-xs { - border-radius: 3px; -} -/***progress***/ -.progress, -.progress-s { - border: 0; - background-image: none !important; - filter: none !important; - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; - box-shadow: none !important; - opacity: 0.7; -} -.progress { - height: 8px; - display: inline-block; -} -.progress-s { - height: 2px; -} -.progress > .progress-bar-success { - background-color: #00abff; -} -.progress-bar { - height: 8px; -} -.progress > .bg-success { - background-color: #00abff !important; -} -.oes-progressbar .progress { - display: inline-block; -} -.progress-rate { - vertical-align: sub; - margin-left: 5px; -} -.progress-error { - display: inline-block; - width: 16px; - height: 16px; - border-radius: 16px; - border: 1px solid #ff5b55; - font-size: 12px; - color: #ff5b55; - text-align: center; - line-height: 1; - margin-left: 5px; -} -.progress-error::before { - content: "!"; -} -.progressbar-s .progress { - height: 2px; -} -/***separator & title***/ -.separator-line { - height: 1px; - width: 100%; - background: #ddd; - overflow: hidden; - margin-bottom: 15px; - opacity: 0.7; -} -.separator { - opacity: 0.7; -} -.separator:hover { - opacity: 1; -} -.separator-line-dashed { - margin-top: 15px; - height: 1px; - border-bottom: 1px dashed #ddd; - margin-bottom: 15px; - overflow: hidden; - width: 100%; -} -.titlefont { - font-size: 14px; - margin-top: 15px; - margin-bottom: 5px; -} -.form-title, -.form-title-foldable { - border-left: 3px solid #00abff; -} -.form-title { - padding: 1px 2px 1px 5px; - margin-bottom: 15px; - color: #7c868d; - font-size: 14px; -} -.form-title-foldable { - padding: 1px 2px 1px 5px; - margin-bottom: 15px; - font-size: 14px; -} -.form-title-foldable span { - margin-right: 10px; - cursor: pointer; -} -.form-title-foldable span[class^="ict-"] { - font-size: 12px; - color: #009ceb; -} -/***ztree***/ -.ztree { - padding: 15px 30px 0 5px; -} -.ztree * { - font-family: "microsoft yahei"; - font-size: 12px; -} -.ztree li a { - width: auto; - padding-right: 5px; - height: 25px; - border: 1px solid #fff; - padding-left: 5px; -} -.ztree li a:hover { - border: 1px solid #ddd !important; -} -.ztree li > span { - margin-top: 5px !important; -} -.ztree li span.button.chk { - width: 13px; - height: 13px; - margin-left: 10px; - cursor: auto; -} -.ztree li span.button.add { - margin-left: 2px; - margin-right: 4px; - background-position: -144px 0; - vertical-align: top; - *vertical-align: middle; - float: right; -} -.ztree li span.button.edit { - margin-right: 4px; - background-position: -110px -48px; - vertical-align: top; - *vertical-align: middle; - float: right; -} -.ztree li span.button.remove { - margin-right: 4px; - background-position: -110px -64px; - vertical-align: top; - *vertical-align: middle; - float: right; -} -.ztree li a.curSelectedNode { - height: 25px; - border: 1px #accbdd solid !important; -} -.ztree-select .ztree li a { - border: 1px solid #fff !important; -} -.ztree-select .ztree li a:hover { - border: 1px #ddd solid !important; -} -/***tip***/ -.terminology { - color: #468ECE; - border-bottom: 1px #468ECE dotted; -} -.General-tip { - height: 20px; - width: 20px; - background-color: #fff; - border: 1px #5b9bd1 solid; - padding-bottom: 5px; - padding-left: 5px; - border-radius: 20px; - margin-top: 5px; -} -.General-tip span { - font-size: 15px; - text-align: center; - color: #5b9bd1; - line-height: 1.1; -} -.General-tip:hover { - border: 1px #2a6496 solid; - cursor: pointer; -} -.General-tip:hover span { - color: #2a6496; -} -/*tip-box*/ -.frmTipBoxTransition { - -webkit-transition: -webkit-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; - transition: transform 0.3s ease-out; - -webkit-transform: translate(0, 50%); - -ms-transform: translate(0, 50%); - -o-transform: translate(0, 50%); - transform: translate(0, 50%); -} -#frmTipBox { - position: absolute; - width: 400px; - margin: 10px auto; - left: 30%; - right: 30%; - top: 14px; -} -/*alert*/ -.alert { - padding: 12px 15px; - max-width: 600px; - text-align: left; - -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -} -/* -.alert-success { - color: #fff; - background-color: #73cf22; - border-color:#73cf22; -} - -.alert-info { - color: #fff; - background-color: #00abff; - border-color:#00abff; -} - -.alert-warning { - color: #fff; - background-color: #f7c515; - border-color:#f7c515; -} - -.alert-danger { - color: #fff; - background-color: #ff5b55; - border-color:#ff5b55; -}*/ -.close { - color: #f2f2f2; - font-size: 16px; -} -.close:hover, -.close:focus { - color: inherit; - outline: 0; -} -.alert-success { - color: #56963e; - background-color: #edfbe8; - border-color: #d5eccc; - opacity: 0.85; -} -.alert-info { - color: #5090c3; - background-color: #ecf7fd; - border-color: #bce1f1; - opacity: 0.85; -} -.alert-warning { - color: #bf880a; - background-color: #fff8e9; - border-color: #f5e1b8; - opacity: 0.85; -} -.alert-danger { - color: #df4364; - background-color: #fbf0f1; - border-color: #f3d9da; - opacity: 0.85; -} -.close { - color: #333; - font-size: 1rem; -} -/*tooltip*/ -.tooltip.show { - font-size: 12px; - opacity: 1; -} -.tooltip.show .tooltip-inner { - background-color: #4d5761; - border-radius: 4px; - padding: 5px 8px; -} -.tooltip.tooltip-top .tooltip-inner::before, -.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { - border-top-color: #4d5761; -} -.tooltip.tooltip-right .tooltip-inner::before, -.tooltip.bs-tether-element-attached-left .tooltip-inner::before { - border-right-color: #4d5761; -} -.tooltip.tooltip-bottom .tooltip-inner::before, -.tooltip.bs-tether-element-attached-top .tooltip-inner::before { - border-bottom-color: #4d5761; -} -.tooltip.tooltip-left .tooltip-inner::before, -.tooltip.bs-tether-element-attached-right .tooltip-inner::before { - border-left-color: #4d5761; -} -/*modal*/ -.modal-footer { - border-top: 0; - margin-top: 0; - padding-top: 0; -} -.modal-content { - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); -} -.modal-title { - font-size: 16px; -} -.modal { - z-index: 10000; -} -.modal .modal-dialog { - max-width: 1000px; -} -.modal .close { - color: #bbb; - font-size: 20px; - text-shadow: none; - width: 24px; - height: 24px; - background: #fff; - border-radius: 20px; - padding-bottom: 2px; -} -.modal .close:hover { - background: #f2f2f2; -} -.modal .modal-header { - border-bottom: 0; -} -.modal .alert-modal.row { - margin-left: 30px; - margin-bottom: 30px; - text-align: left; -} -.modal .alert-modal.row .tip-img { - display: inline-block; - width: 52px; - height: 52px; - border-radius: 50px; - font-size: 45px; - text-align: center; - line-height: 1; - margin-right: 15px; -} -.modal .alert-modal.row .tip-img::before { - content: "!"; -} -.modal .alert-modal.row .warning { - border: 3px solid #ffbb51; - color: #ffbb51; -} -.modal .alert-modal.row .error { - border: 3px solid #ff5b55; - color: #ff5b55; -} -.modal .alert-modal.row .tip-info { - width: 300px; -} -.modal .alert-modal.row .tip-info .alert-title { - font-size: 16px; - color: #7c868d; -} -.modal .alert-modal.row .tip-info .alert-result { - font-size: 14px; - color: #7c868d; -} -.modal .modal-btn { - float: right; - font-size: 0; -} -.oes-modal .modal-footer { - display: block; -} -.modal-body { - padding-top: 0; -} -.modal-body .form-group:last-child, -.modal-body form:last-child { - margin-bottom: 0; -} -/***pagination***/ -.page-item.active .page-link { - background-color: #1798eb; - border-color: #1798eb; -} -/***wizard***/ -.form-wizard .nav > li > a { - padding-bottom: 0; -} -.wizard-body .button-next.disabled, -.wizard-body .button-previous.disabled { - display: none ; -} -.wizard-body .nav .step { - background: none !important; -} -.form-wizard .progress { - margin-bottom: 30px; - margin-top: 10px; - height: 4px; - width: 100%; -} -.form-wizard .steps { - background-color: #fff ; - background-image: none ; - filter: none ; - border: 0px; - box-shadow: none ; -} -.form-wizard .steps li a { - background-color: #fff ; - background-image: none ; - filter: none; - border: 0px; - box-shadow: none ; - color: #7c868d; -} -.form-wizard .steps:hover { - background: none; -} -.form-wizard .step:hover { - text-decoration: none; -} -.form-wizard .step .number { - background-color: #ddd; - color: #fff; - display: inline-block; - text-align: center !important; - font-size: 14px; - font-weight: 300; - padding-top: 2px; - margin-right: 10px; - height: 24px; - width: 24px; - -webkit-border-radius: 50% !important; - -moz-border-radius: 50% !important; - border-radius: 50% !important; -} -.form-wizard .step .desc { - display: inline-block; - font-size: 14px; - font-weight: 300; - color: #7c868d; -} -.form-wizard .step i { - display: none; -} -.form-wizard .active .step .number { - background-color: #35aa47; - color: #fff; -} -.form-wizard .active .step .desc { - color: #333; - font-weight: 400; -} -.form-wizard .done .step .number { - background-color: #73cf22 ; - color: #fff; -} -.form-wizard .done .step .desc { - font-weight: 400; -} -.form-wizard .done .step .form-wizard .done .step i { - font-size: 12px; - font-weight: normal; - color: #999; - display: inline-block; -} -.form-wizard .steps > li.active > a.step .number { - background-color: #00abff; -} -@media (min-width: 600px) and (max-width: 1280px) { - .form-wizard .step .desc { - margin-top: 10px; - display: block; - } -} -@media (max-width: 600px) { - .form-wizard .steps > li > a { - text-align: left; - } -} -@media (min-width: 600px) { - .nav-justified > li { - display: table-cell; - width: 1%; - } -} -.oes-wizard .nav.nav-pills.steps li { - text-align: center; -} -.oes-wizard .nav.nav-pills.steps li .desc { - font-size: 14px; -} -.oes-wizard .nav.nav-pills.steps li .oes-wizard .form-wizard .step .number { - padding-top: 1px; -} -/***popover***/ -ngb-popover-window.popover.show { - color: #333; - border: 1px solid #ddd; -} -.popover.popover-top::after, -.popover.bs-tether-element-attached-bottom::after { - border-top-color: #fff; -} -.popover.popover-top::before, -.popover.bs-tether-element-attached-bottom::before { - border-top-color: #ddd; -} -.popover.popover-left::after, -.popover.bs-tether-element-attached-right::after { - border-left-color: #fff; -} -.popover.popover-left::before, -.popover.bs-tether-element-attached-right::before { - border-left-color: #ddd; -} -.popover.popover-right::after, -.popover.bs-tether-element-attached-left::after { - border-right-color: #fff; -} -.popover.popover-right::before, -.popover.bs-tether-element-attached-left::before { - border-right-color: #ddd; -} -.popover.popover-bottom::after, -.popover.bs-tether-element-attached-top::after { - border-bottom-color: #fff; -} -.popover.popover-bottom::before, -.popover.bs-tether-element-attached-top::before { - border-bottom-color: #ddd; -} -.popover { - background-color: #fff; - font-family: "Microsoft yahei", Segoe UI, Arial !important; - font-size: 12px; - border-color: #ddd; - -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); - box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); -} -.popover .popover-title { - background-color: #fff; - border-bottom: 1px solid #ddd; -} -.popover .popover-content { - background-color: #fff; -} -/***collapse***/ -#collapseExample .card { - position: relative; - width: 100%; - height: 100px; -} -/*.collapse-bottom .card span.pop-trgl { - position: absolute; - top: -10px; - left: 20px; - width: 0; - height: 0; - border-style: solid; - border-width: 0 10px 10px 10px; - border-color: transparent transparent #cbc5c5 transparent; -} -.collapse-bottom .card span.pop-trgl i { - position: absolute; - left: -9px; - top: 1px; - width: 0; - height: 0; - border-style: solid; - border-width: 0 9px 9px 9px; - border-color: transparent transparent #fff transparent; -} - -.collapse-top .card span.pop-trgl { - position: absolute; - bottom: -10px; - left: 20px; - width: 0; - height: 0; - border-style: solid; - border-width: 0 10px 10px 10px; - border-color: transparent transparent #cbc5c5 transparent; - transform:rotate(180deg); -} -.collapse-top .card span.pop-trgl i { - position: absolute; - left: -9px; - top: 1px; - width: 0; - height: 0; - border-style: solid; - border-width: 0 9px 9px 9px; - border-color: transparent transparent #fff transparent; -}*/ -.collapse-top .card-block { - padding: 0; -} -.collapse-top .card { - margin-bottom: 5px; - padding: 15px; -} -.collapse-bottom .card { - margin-top: 5px; - padding: 15px; -} -/***select-box with icon***/ -.iconselect-box .col-xs-1 { - width: 15px; - padding: 110px 0 0 0; -} -.iconPosition > div { - margin: 20px 0px 0px 0px; -} -/***.dropdown-item***/ -.dropdown-item { - color: #4d5761; -} -.dropdown-item:focus, -.dropdown-item:hover, -.dropdown-item:active { - background-color: #f8f8f8; - outline: none; - color: #4d5761; -} -.dropdown-menu { - border: 0; - -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); - box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); -} -.btn-xs + .dropdown-menu .dropdown-item { - font-size: 12px; -} -/***datepicker***/ -.oes-dp-header { - border-bottom: 0 !important; -} -.oes-dp-header select.custom-select { - color: #777; - margin-top: 5px; - width: 45%; - margin-right: 5px; - font-size: 12px; -} -.oes-date-range-picker .ngb-dp-weekday { - color: #777; -} -.oes-date-range-picker .ngb-dp-header { - border-bottom: 0 !important; -} -.oes-dp-months.pb-1 { - padding-left: 15px !important; - padding-right: 15px !important; -} -.oes-dp-months.pb-1 .oes-dp-day, -.oes-dp-months.pb-1 .oes-dp-weekday, -.oes-dp-months.pb-1 .oes-dp-week-number { - width: 40px; - height: 40px; -} -.oes-dp-week.d-flex { - color: #777; -} -.font-italic { - font-style: normal; -} -.oes-dp-weekday.text-info { - color: #777 !important; -} -.oes-dp-day .btn-secondary { - border-radius: 20px !important; -} -.oes-dp-day .bg-primary { - background-color: #00abff !important; - border-radius: 20px !important; -} -.dropdown-menu .oes-dp-day { - font-size: 14px; -} -.dropdown-menu .oes-dp-weekday.small { - font-size: 80%; -} -.oes-dp-month-name.text-center { - color: #777; - font-size: 14px !important; -} -.custom-day.weekend { - background-color: #00abff !important; - height: 2rem; - line-height: 1.8; - border-radius: 20px !important; -} -.custom-day.weekend:hover { - background-color: #00a3f5 !important; -} -/***oes-upload***/ -.oes-uploder .progress { - width: 300px; -} |