| /* PatternFly additions to Bootstrap */ |
| @media (min-width: 768px) { |
| .form-search .combobox-container, |
| .form-inline .combobox-container { |
| display: inline-block; |
| margin-bottom: 0; |
| vertical-align: top; |
| } |
| .form-search .combobox-container .input-group-addon, |
| .form-inline .combobox-container .input-group-addon { |
| width: auto; |
| } |
| } |
| .combobox-selected .caret { |
| display: none; |
| } |
| /* :not doesn't work in IE8 */ |
| .combobox-container:not(.combobox-selected) .glyphicon-remove { |
| display: none; |
| } |
| .typeahead-long { |
| max-height: 300px; |
| overflow-y: auto; |
| } |
| .control-group.error .combobox-container .add-on { |
| color: #B94A48; |
| border-color: #B94A48; |
| } |
| .control-group.error .combobox-container .caret { |
| border-top-color: #B94A48; |
| } |
| .control-group.warning .combobox-container .add-on { |
| color: #C09853; |
| border-color: #C09853; |
| } |
| .control-group.warning .combobox-container .caret { |
| border-top-color: #C09853; |
| } |
| .control-group.success .combobox-container .add-on { |
| color: #468847; |
| border-color: #468847; |
| } |
| .control-group.success .combobox-container .caret { |
| border-top-color: #468847; |
| } |
| .datepicker { |
| border-radius: 1px; |
| direction: ltr; |
| } |
| .datepicker-inline { |
| width: 220px; |
| } |
| .datepicker.datepicker-rtl { |
| direction: rtl; |
| } |
| .datepicker.datepicker-rtl table tr td span { |
| float: right; |
| } |
| .datepicker-dropdown { |
| top: 0; |
| left: 0; |
| padding: 4px; |
| } |
| .datepicker-dropdown:before { |
| content: ''; |
| display: inline-block; |
| border-left: 7px solid transparent; |
| border-right: 7px solid transparent; |
| border-bottom: 7px solid #bbb; |
| border-top: 0; |
| border-bottom-color: rgba(0, 0, 0, 0.2); |
| position: absolute; |
| } |
| .datepicker-dropdown:after { |
| content: ''; |
| display: inline-block; |
| border-left: 6px solid transparent; |
| border-right: 6px solid transparent; |
| border-bottom: 6px solid #fff; |
| border-top: 0; |
| position: absolute; |
| } |
| .datepicker-dropdown.datepicker-orient-left:before { |
| left: 6px; |
| } |
| .datepicker-dropdown.datepicker-orient-left:after { |
| left: 7px; |
| } |
| .datepicker-dropdown.datepicker-orient-right:before { |
| right: 6px; |
| } |
| .datepicker-dropdown.datepicker-orient-right:after { |
| right: 7px; |
| } |
| .datepicker-dropdown.datepicker-orient-bottom:before { |
| top: -7px; |
| } |
| .datepicker-dropdown.datepicker-orient-bottom:after { |
| top: -6px; |
| } |
| .datepicker-dropdown.datepicker-orient-top:before { |
| bottom: -7px; |
| border-bottom: 0; |
| border-top: 7px solid #bbb; |
| } |
| .datepicker-dropdown.datepicker-orient-top:after { |
| bottom: -6px; |
| border-bottom: 0; |
| border-top: 6px solid #fff; |
| } |
| .datepicker table { |
| margin: 0; |
| -webkit-touch-callout: none; |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| } |
| .datepicker table tr td, |
| .datepicker table tr th { |
| text-align: center; |
| width: 30px; |
| height: 30px; |
| border-radius: 4px; |
| border: none; |
| } |
| .table-striped .datepicker table tr td, |
| .table-striped .datepicker table tr th { |
| background-color: transparent; |
| } |
| .datepicker table tr td.old, |
| .datepicker table tr td.new { |
| color: #9c9c9c; |
| } |
| .datepicker table tr td.day:hover, |
| .datepicker table tr td.focused { |
| background: #f1f1f1; |
| cursor: pointer; |
| } |
| .datepicker table tr td.disabled, |
| .datepicker table tr td.disabled:hover { |
| background: none; |
| color: #9c9c9c; |
| cursor: default; |
| } |
| .datepicker table tr td.highlighted { |
| color: #000; |
| background-color: #d9edf7; |
| border-color: #85c5e5; |
| border-radius: 0; |
| } |
| .datepicker table tr td.highlighted:focus, |
| .datepicker table tr td.highlighted.focus { |
| color: #000; |
| background-color: #afd9ee; |
| border-color: #298fc2; |
| } |
| .datepicker table tr td.highlighted:hover { |
| color: #000; |
| background-color: #afd9ee; |
| border-color: #52addb; |
| } |
| .datepicker table tr td.highlighted:active, |
| .datepicker table tr td.highlighted.active, |
| .open > .dropdown-toggle.datepicker table tr td.highlighted { |
| color: #000; |
| background-color: #afd9ee; |
| border-color: #52addb; |
| } |
| .datepicker table tr td.highlighted:active:hover, |
| .datepicker table tr td.highlighted.active:hover, |
| .open > .dropdown-toggle.datepicker table tr td.highlighted:hover, |
| .datepicker table tr td.highlighted:active:focus, |
| .datepicker table tr td.highlighted.active:focus, |
| .open > .dropdown-toggle.datepicker table tr td.highlighted:focus, |
| .datepicker table tr td.highlighted:active.focus, |
| .datepicker table tr td.highlighted.active.focus, |
| .open > .dropdown-toggle.datepicker table tr td.highlighted.focus { |
| color: #000; |
| background-color: #91cbe8; |
| border-color: #298fc2; |
| } |
| .datepicker table tr td.highlighted:active, |
| .datepicker table tr td.highlighted.active, |
| .open > .dropdown-toggle.datepicker table tr td.highlighted { |
| background-image: none; |
| } |
| .datepicker table tr td.highlighted.disabled:hover, |
| .datepicker table tr td.highlighted[disabled]:hover, |
| fieldset[disabled] .datepicker table tr td.highlighted:hover, |
| .datepicker table tr td.highlighted.disabled:focus, |
| .datepicker table tr td.highlighted[disabled]:focus, |
| fieldset[disabled] .datepicker table tr td.highlighted:focus, |
| .datepicker table tr td.highlighted.disabled.focus, |
| .datepicker table tr td.highlighted[disabled].focus, |
| fieldset[disabled] .datepicker table tr td.highlighted.focus { |
| background-color: #d9edf7; |
| border-color: #85c5e5; |
| } |
| .datepicker table tr td.highlighted .badge { |
| color: #d9edf7; |
| background-color: #000; |
| } |
| .datepicker table tr td.highlighted.focused { |
| background: #afd9ee; |
| } |
| .datepicker table tr td.highlighted.disabled, |
| .datepicker table tr td.highlighted.disabled:active { |
| background: #d9edf7; |
| color: #9c9c9c; |
| } |
| .datepicker table tr td.today { |
| color: #000; |
| background-color: #ffdb99; |
| border-color: #ffb733; |
| } |
| .datepicker table tr td.today:focus, |
| .datepicker table tr td.today.focus { |
| color: #000; |
| background-color: #ffc966; |
| border-color: #b37400; |
| } |
| .datepicker table tr td.today:hover { |
| color: #000; |
| background-color: #ffc966; |
| border-color: #f59e00; |
| } |
| .datepicker table tr td.today:active, |
| .datepicker table tr td.today.active, |
| .open > .dropdown-toggle.datepicker table tr td.today { |
| color: #000; |
| background-color: #ffc966; |
| border-color: #f59e00; |
| } |
| .datepicker table tr td.today:active:hover, |
| .datepicker table tr td.today.active:hover, |
| .open > .dropdown-toggle.datepicker table tr td.today:hover, |
| .datepicker table tr td.today:active:focus, |
| .datepicker table tr td.today.active:focus, |
| .open > .dropdown-toggle.datepicker table tr td.today:focus, |
| .datepicker table tr td.today:active.focus, |
| .datepicker table tr td.today.active.focus, |
| .open > .dropdown-toggle.datepicker table tr td.today.focus { |
| color: #000; |
| background-color: #ffbc42; |
| border-color: #b37400; |
| } |
| .datepicker table tr td.today:active, |
| .datepicker table tr td.today.active, |
| .open > .dropdown-toggle.datepicker table tr td.today { |
| background-image: none; |
| } |
| .datepicker table tr td.today.disabled:hover, |
| .datepicker table tr td.today[disabled]:hover, |
| fieldset[disabled] .datepicker table tr td.today:hover, |
| .datepicker table tr td.today.disabled:focus, |
| .datepicker table tr td.today[disabled]:focus, |
| fieldset[disabled] .datepicker table tr td.today:focus, |
| .datepicker table tr td.today.disabled.focus, |
| .datepicker table tr td.today[disabled].focus, |
| fieldset[disabled] .datepicker table tr td.today.focus { |
| background-color: #ffdb99; |
| border-color: #ffb733; |
| } |
| .datepicker table tr td.today .badge { |
| color: #ffdb99; |
| background-color: #000; |
| } |
| .datepicker table tr td.today.focused { |
| background: #ffc966; |
| } |
| .datepicker table tr td.today.disabled, |
| .datepicker table tr td.today.disabled:active { |
| background: #ffdb99; |
| color: #9c9c9c; |
| } |
| .datepicker table tr td.range { |
| color: #000; |
| background-color: #f1f1f1; |
| border-color: #bebebe; |
| border-radius: 0; |
| } |
| .datepicker table tr td.range:focus, |
| .datepicker table tr td.range.focus { |
| color: #000; |
| background-color: #d8d8d8; |
| border-color: #7f7f7f; |
| } |
| .datepicker table tr td.range:hover { |
| color: #000; |
| background-color: #d8d8d8; |
| border-color: #a0a0a0; |
| } |
| .datepicker table tr td.range:active, |
| .datepicker table tr td.range.active, |
| .open > .dropdown-toggle.datepicker table tr td.range { |
| color: #000; |
| background-color: #d8d8d8; |
| border-color: #a0a0a0; |
| } |
| .datepicker table tr td.range:active:hover, |
| .datepicker table tr td.range.active:hover, |
| .open > .dropdown-toggle.datepicker table tr td.range:hover, |
| .datepicker table tr td.range:active:focus, |
| .datepicker table tr td.range.active:focus, |
| .open > .dropdown-toggle.datepicker table tr td.range:focus, |
| .datepicker table tr td.range:active.focus, |
| .datepicker table tr td.range.active.focus, |
| .open > .dropdown-toggle.datepicker table tr td.range.focus { |
| color: #000; |
| background-color: #c6c6c6; |
| border-color: #7f7f7f; |
| } |
| .datepicker table tr td.range:active, |
| .datepicker table tr td.range.active, |
| .open > .dropdown-toggle.datepicker table tr td.range { |
| background-image: none; |
| } |
| .datepicker table tr td.range.disabled:hover, |
| .datepicker table tr td.range[disabled]:hover, |
| fieldset[disabled] .datepicker table tr td.range:hover, |
| .datepicker table tr td.range.disabled:focus, |
| .datepicker table tr td.range[disabled]:focus, |
| fieldset[disabled] .datepicker table tr td.range:focus, |
| .datepicker table tr td.range.disabled.focus, |
| .datepicker table tr td.range[disabled].focus, |
| fieldset[disabled] .datepicker table tr td.range.focus { |
| background-color: #f1f1f1; |
| border-color: #bebebe; |
| } |
| .datepicker table tr td.range .badge { |
| color: #f1f1f1; |
| background-color: #000; |
| } |
| .datepicker table tr td.range.focused { |
| background: #d8d8d8; |
| } |
| .datepicker table tr td.range.disabled, |
| .datepicker table tr td.range.disabled:active { |
| background: #f1f1f1; |
| color: #9c9c9c; |
| } |
| .datepicker table tr td.range.highlighted { |
| color: #000; |
| background-color: #e5eff4; |
| border-color: #9dc3d6; |
| } |
| .datepicker table tr td.range.highlighted:focus, |
| .datepicker table tr td.range.highlighted.focus { |
| color: #000; |
| background-color: #c1d9e5; |
| border-color: #488bac; |
| } |
| .datepicker table tr td.range.highlighted:hover { |
| color: #000; |
| background-color: #c1d9e5; |
| border-color: #72a9c4; |
| } |
| .datepicker table tr td.range.highlighted:active, |
| .datepicker table tr td.range.highlighted.active, |
| .open > .dropdown-toggle.datepicker table tr td.range.highlighted { |
| color: #000; |
| background-color: #c1d9e5; |
| border-color: #72a9c4; |
| } |
| .datepicker table tr td.range.highlighted:active:hover, |
| .datepicker table tr td.range.highlighted.active:hover, |
| .open > .dropdown-toggle.datepicker table tr td.range.highlighted:hover, |
| .datepicker table tr td.range.highlighted:active:focus, |
| .datepicker table tr td.range.highlighted.active:focus, |
| .open > .dropdown-toggle.datepicker table tr td.range.highlighted:focus, |
| .datepicker table tr td.range.highlighted:active.focus, |
| .datepicker table tr td.range.highlighted.active.focus, |
| .open > .dropdown-toggle.datepicker table tr td.range.highlighted.focus { |
| color: #000; |
| background-color: #a8cadb; |
| border-color: #488bac; |
| } |
| .datepicker table tr td.range.highlighted:active, |
| .datepicker table tr td.range.highlighted.active, |
| .open > .dropdown-toggle.datepicker table tr td.range.highlighted { |
| background-image: none; |
| } |
| .datepicker table tr td.range.highlighted.disabled:hover, |
| .datepicker table tr td.range.highlighted[disabled]:hover, |
| fieldset[disabled] .datepicker table tr td.range.highlighted:hover, |
| .datepicker table tr td.range.highlighted.disabled:focus, |
| .datepicker table tr td.range.highlighted[disabled]:focus, |
| fieldset[disabled] .datepicker table tr td.range.highlighted:focus, |
| .datepicker table tr td.range.highlighted.disabled.focus, |
| .datepicker table tr td.range.highlighted[disabled].focus, |
| fieldset[disabled] .datepicker table tr td.range.highlighted.focus { |
| background-color: #e5eff4; |
| border-color: #9dc3d6; |
| } |
| .datepicker table tr td.range.highlighted .badge { |
| color: #e5eff4; |
| background-color: #000; |
| } |
| .datepicker table tr td.range.highlighted.focused { |
| background: #c1d9e5; |
| } |
| .datepicker table tr td.range.highlighted.disabled, |
| .datepicker table tr td.range.highlighted.disabled:active { |
| background: #e5eff4; |
| color: #9c9c9c; |
| } |
| .datepicker table tr td.range.today { |
| color: #000; |
| background-color: #f8cb79; |
| border-color: #f3a618; |
| } |
| .datepicker table tr td.range.today:focus, |
| .datepicker table tr td.range.today.focus { |
| color: #000; |
| background-color: #f6b848; |
| border-color: #855807; |
| } |
| .datepicker table tr td.range.today:hover { |
| color: #000; |
| background-color: #f6b848; |
| border-color: #c4820a; |
| } |
| .datepicker table tr td.range.today:active, |
| .datepicker table tr td.range.today.active, |
| .open > .dropdown-toggle.datepicker table tr td.range.today { |
| color: #000; |
| background-color: #f6b848; |
| border-color: #c4820a; |
| } |
| .datepicker table tr td.range.today:active:hover, |
| .datepicker table tr td.range.today.active:hover, |
| .open > .dropdown-toggle.datepicker table tr td.range.today:hover, |
| .datepicker table tr td.range.today:active:focus, |
| .datepicker table tr td.range.today.active:focus, |
| .open > .dropdown-toggle.datepicker table tr td.range.today:focus, |
| .datepicker table tr td.range.today:active.focus, |
| .datepicker table tr td.range.today.active.focus, |
| .open > .dropdown-toggle.datepicker table tr td.range.today.focus { |
| color: #000; |
| background-color: #f4ab26; |
| border-color: #855807; |
| } |
| .datepicker table tr td.range.today:active, |
| .datepicker table tr td.range.today.active, |
| .open > .dropdown-toggle.datepicker table tr td.range.today { |
| background-image: none; |
| } |
| .datepicker table tr td.range.today.disabled:hover, |
| .datepicker table tr td.range.today[disabled]:hover, |
| fieldset[disabled] .datepicker table tr td.range.today:hover, |
| .datepicker table tr td.range.today.disabled:focus, |
| .datepicker table tr td.range.today[disabled]:focus, |
| fieldset[disabled] .datepicker table tr td.range.today:focus, |
| .datepicker table tr td.range.today.disabled.focus, |
| .datepicker table tr td.range.today[disabled].focus, |
| fieldset[disabled] .datepicker table tr td.range.today.focus { |
| background-color: #f8cb79; |
| border-color: #f3a618; |
| } |
| .datepicker table tr td.range.today .badge { |
| color: #f8cb79; |
| background-color: #000; |
| } |
| .datepicker table tr td.range.today.disabled, |
| .datepicker table tr td.range.today.disabled:active { |
| background: #f8cb79; |
| color: #9c9c9c; |
| } |
| .datepicker table tr td.selected, |
| .datepicker table tr td.selected.highlighted { |
| color: #fff; |
| background-color: #9c9c9c; |
| border-color: #555555; |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
| } |
| .datepicker table tr td.selected:focus, |
| .datepicker table tr td.selected.highlighted:focus, |
| .datepicker table tr td.selected.focus, |
| .datepicker table tr td.selected.highlighted.focus { |
| color: #fff; |
| background-color: #838383; |
| border-color: #161616; |
| } |
| .datepicker table tr td.selected:hover, |
| .datepicker table tr td.selected.highlighted:hover { |
| color: #fff; |
| background-color: #838383; |
| border-color: #373737; |
| } |
| .datepicker table tr td.selected:active, |
| .datepicker table tr td.selected.highlighted:active, |
| .datepicker table tr td.selected.active, |
| .datepicker table tr td.selected.highlighted.active, |
| .open > .dropdown-toggle.datepicker table tr td.selected, |
| .open > .dropdown-toggle.datepicker table tr td.selected.highlighted { |
| color: #fff; |
| background-color: #838383; |
| border-color: #373737; |
| } |
| .datepicker table tr td.selected:active:hover, |
| .datepicker table tr td.selected.highlighted:active:hover, |
| .datepicker table tr td.selected.active:hover, |
| .datepicker table tr td.selected.highlighted.active:hover, |
| .open > .dropdown-toggle.datepicker table tr td.selected:hover, |
| .open > .dropdown-toggle.datepicker table tr td.selected.highlighted:hover, |
| .datepicker table tr td.selected:active:focus, |
| .datepicker table tr td.selected.highlighted:active:focus, |
| .datepicker table tr td.selected.active:focus, |
| .datepicker table tr td.selected.highlighted.active:focus, |
| .open > .dropdown-toggle.datepicker table tr td.selected:focus, |
| .open > .dropdown-toggle.datepicker table tr td.selected.highlighted:focus, |
| .datepicker table tr td.selected:active.focus, |
| .datepicker table tr td.selected.highlighted:active.focus, |
| .datepicker table tr td.selected.active.focus, |
| .datepicker table tr td.selected.highlighted.active.focus, |
| .open > .dropdown-toggle.datepicker table tr td.selected.focus, |
| .open > .dropdown-toggle.datepicker table tr td.selected.highlighted.focus { |
| color: #fff; |
| background-color: #717171; |
| border-color: #161616; |
| } |
| .datepicker table tr td.selected:active, |
| .datepicker table tr td.selected.highlighted:active, |
| .datepicker table tr td.selected.active, |
| .datepicker table tr td.selected.highlighted.active, |
| .open > .dropdown-toggle.datepicker table tr td.selected, |
| .open > .dropdown-toggle.datepicker table tr td.selected.highlighted { |
| background-image: none; |
| } |
| .datepicker table tr td.selected.disabled:hover, |
| .datepicker table tr td.selected.highlighted.disabled:hover, |
| .datepicker table tr td.selected[disabled]:hover, |
| .datepicker table tr td.selected.highlighted[disabled]:hover, |
| fieldset[disabled] .datepicker table tr td.selected:hover, |
| fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, |
| .datepicker table tr td.selected.disabled:focus, |
| .datepicker table tr td.selected.highlighted.disabled:focus, |
| .datepicker table tr td.selected[disabled]:focus, |
| .datepicker table tr td.selected.highlighted[disabled]:focus, |
| fieldset[disabled] .datepicker table tr td.selected:focus, |
| fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, |
| .datepicker table tr td.selected.disabled.focus, |
| .datepicker table tr td.selected.highlighted.disabled.focus, |
| .datepicker table tr td.selected[disabled].focus, |
| .datepicker table tr td.selected.highlighted[disabled].focus, |
| fieldset[disabled] .datepicker table tr td.selected.focus, |
| fieldset[disabled] .datepicker table tr td.selected.highlighted.focus { |
| background-color: #9c9c9c; |
| border-color: #555555; |
| } |
| .datepicker table tr td.selected .badge, |
| .datepicker table tr td.selected.highlighted .badge { |
| color: #9c9c9c; |
| background-color: #fff; |
| } |
| .datepicker table tr td.active, |
| .datepicker table tr td.active.highlighted { |
| color: #fff; |
| background-color: #0088ce; |
| border-color: #00659c; |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
| } |
| .datepicker table tr td.active:focus, |
| .datepicker table tr td.active.highlighted:focus, |
| .datepicker table tr td.active.focus, |
| .datepicker table tr td.active.highlighted.focus { |
| color: #fff; |
| background-color: #00669b; |
| border-color: #00121d; |
| } |
| .datepicker table tr td.active:hover, |
| .datepicker table tr td.active.highlighted:hover { |
| color: #fff; |
| background-color: #00669b; |
| border-color: #003d5f; |
| } |
| .datepicker table tr td.active:active, |
| .datepicker table tr td.active.highlighted:active, |
| .datepicker table tr td.active.active, |
| .datepicker table tr td.active.highlighted.active, |
| .open > .dropdown-toggle.datepicker table tr td.active, |
| .open > .dropdown-toggle.datepicker table tr td.active.highlighted { |
| color: #fff; |
| background-color: #00669b; |
| border-color: #003d5f; |
| } |
| .datepicker table tr td.active:active:hover, |
| .datepicker table tr td.active.highlighted:active:hover, |
| .datepicker table tr td.active.active:hover, |
| .datepicker table tr td.active.highlighted.active:hover, |
| .open > .dropdown-toggle.datepicker table tr td.active:hover, |
| .open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover, |
| .datepicker table tr td.active:active:focus, |
| .datepicker table tr td.active.highlighted:active:focus, |
| .datepicker table tr td.active.active:focus, |
| .datepicker table tr td.active.highlighted.active:focus, |
| .open > .dropdown-toggle.datepicker table tr td.active:focus, |
| .open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus, |
| .datepicker table tr td.active:active.focus, |
| .datepicker table tr td.active.highlighted:active.focus, |
| .datepicker table tr td.active.active.focus, |
| .datepicker table tr td.active.highlighted.active.focus, |
| .open > .dropdown-toggle.datepicker table tr td.active.focus, |
| .open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus { |
| color: #fff; |
| background-color: #004f77; |
| border-color: #00121d; |
| } |
| .datepicker table tr td.active:active, |
| .datepicker table tr td.active.highlighted:active, |
| .datepicker table tr td.active.active, |
| .datepicker table tr td.active.highlighted.active, |
| .open > .dropdown-toggle.datepicker table tr td.active, |
| .open > .dropdown-toggle.datepicker table tr td.active.highlighted { |
| background-image: none; |
| } |
| .datepicker table tr td.active.disabled:hover, |
| .datepicker table tr td.active.highlighted.disabled:hover, |
| .datepicker table tr td.active[disabled]:hover, |
| .datepicker table tr td.active.highlighted[disabled]:hover, |
| fieldset[disabled] .datepicker table tr td.active:hover, |
| fieldset[disabled] .datepicker table tr td.active.highlighted:hover, |
| .datepicker table tr td.active.disabled:focus, |
| .datepicker table tr td.active.highlighted.disabled:focus, |
| .datepicker table tr td.active[disabled]:focus, |
| .datepicker table tr td.active.highlighted[disabled]:focus, |
| fieldset[disabled] .datepicker table tr td.active:focus, |
| fieldset[disabled] .datepicker table tr td.active.highlighted:focus, |
| .datepicker table tr td.active.disabled.focus, |
| .datepicker table tr td.active.highlighted.disabled.focus, |
| .datepicker table tr td.active[disabled].focus, |
| .datepicker table tr td.active.highlighted[disabled].focus, |
| fieldset[disabled] .datepicker table tr td.active.focus, |
| fieldset[disabled] .datepicker table tr td.active.highlighted.focus { |
| background-color: #0088ce; |
| border-color: #00659c; |
| } |
| .datepicker table tr td.active .badge, |
| .datepicker table tr td.active.highlighted .badge { |
| color: #0088ce; |
| background-color: #fff; |
| } |
| .datepicker table tr td span { |
| display: block; |
| width: 23%; |
| height: 54px; |
| line-height: 54px; |
| float: left; |
| margin: 1%; |
| cursor: pointer; |
| border-radius: 4px; |
| } |
| .datepicker table tr td span:hover, |
| .datepicker table tr td span.focused { |
| background: #f1f1f1; |
| } |
| .datepicker table tr td span.disabled, |
| .datepicker table tr td span.disabled:hover { |
| background: none; |
| color: #9c9c9c; |
| cursor: default; |
| } |
| .datepicker table tr td span.active, |
| .datepicker table tr td span.active:hover, |
| .datepicker table tr td span.active.disabled, |
| .datepicker table tr td span.active.disabled:hover { |
| color: #fff; |
| background-color: #0088ce; |
| border-color: #00659c; |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
| } |
| .datepicker table tr td span.active:focus, |
| .datepicker table tr td span.active:hover:focus, |
| .datepicker table tr td span.active.disabled:focus, |
| .datepicker table tr td span.active.disabled:hover:focus, |
| .datepicker table tr td span.active.focus, |
| .datepicker table tr td span.active:hover.focus, |
| .datepicker table tr td span.active.disabled.focus, |
| .datepicker table tr td span.active.disabled:hover.focus { |
| color: #fff; |
| background-color: #00669b; |
| border-color: #00121d; |
| } |
| .datepicker table tr td span.active:hover, |
| .datepicker table tr td span.active:hover:hover, |
| .datepicker table tr td span.active.disabled:hover, |
| .datepicker table tr td span.active.disabled:hover:hover { |
| color: #fff; |
| background-color: #00669b; |
| border-color: #003d5f; |
| } |
| .datepicker table tr td span.active:active, |
| .datepicker table tr td span.active:hover:active, |
| .datepicker table tr td span.active.disabled:active, |
| .datepicker table tr td span.active.disabled:hover:active, |
| .datepicker table tr td span.active.active, |
| .datepicker table tr td span.active:hover.active, |
| .datepicker table tr td span.active.disabled.active, |
| .datepicker table tr td span.active.disabled:hover.active, |
| .open > .dropdown-toggle.datepicker table tr td span.active, |
| .open > .dropdown-toggle.datepicker table tr td span.active:hover, |
| .open > .dropdown-toggle.datepicker table tr td span.active.disabled, |
| .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover { |
| color: #fff; |
| background-color: #00669b; |
| border-color: #003d5f; |
| } |
| .datepicker table tr td span.active:active:hover, |
| .datepicker table tr td span.active:hover:active:hover, |
| .datepicker table tr td span.active.disabled:active:hover, |
| .datepicker table tr td span.active.disabled:hover:active:hover, |
| .datepicker table tr td span.active.active:hover, |
| .datepicker table tr td span.active:hover.active:hover, |
| .datepicker table tr td span.active.disabled.active:hover, |
| .datepicker table tr td span.active.disabled:hover.active:hover, |
| .open > .dropdown-toggle.datepicker table tr td span.active:hover, |
| .open > .dropdown-toggle.datepicker table tr td span.active:hover:hover, |
| .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover, |
| .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover, |
| .datepicker table tr td span.active:active:focus, |
| .datepicker table tr td span.active:hover:active:focus, |
| .datepicker table tr td span.active.disabled:active:focus, |
| .datepicker table tr td span.active.disabled:hover:active:focus, |
| .datepicker table tr td span.active.active:focus, |
| .datepicker table tr td span.active:hover.active:focus, |
| .datepicker table tr td span.active.disabled.active:focus, |
| .datepicker table tr td span.active.disabled:hover.active:focus, |
| .open > .dropdown-toggle.datepicker table tr td span.active:focus, |
| .open > .dropdown-toggle.datepicker table tr td span.active:hover:focus, |
| .open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus, |
| .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus, |
| .datepicker table tr td span.active:active.focus, |
| .datepicker table tr td span.active:hover:active.focus, |
| .datepicker table tr td span.active.disabled:active.focus, |
| .datepicker table tr td span.active.disabled:hover:active.focus, |
| .datepicker table tr td span.active.active.focus, |
| .datepicker table tr td span.active:hover.active.focus, |
| .datepicker table tr td span.active.disabled.active.focus, |
| .datepicker table tr td span.active.disabled:hover.active.focus, |
| .open > .dropdown-toggle.datepicker table tr td span.active.focus, |
| .open > .dropdown-toggle.datepicker table tr td span.active:hover.focus, |
| .open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus, |
| .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus { |
| color: #fff; |
| background-color: #004f77; |
| border-color: #00121d; |
| } |
| .datepicker table tr td span.active:active, |
| .datepicker table tr td span.active:hover:active, |
| .datepicker table tr td span.active.disabled:active, |
| .datepicker table tr td span.active.disabled:hover:active, |
| .datepicker table tr td span.active.active, |
| .datepicker table tr td span.active:hover.active, |
| .datepicker table tr td span.active.disabled.active, |
| .datepicker table tr td span.active.disabled:hover.active, |
| .open > .dropdown-toggle.datepicker table tr td span.active, |
| .open > .dropdown-toggle.datepicker table tr td span.active:hover, |
| .open > .dropdown-toggle.datepicker table tr td span.active.disabled, |
| .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover { |
| background-image: none; |
| } |
| .datepicker table tr td span.active.disabled:hover, |
| .datepicker table tr td span.active:hover.disabled:hover, |
| .datepicker table tr td span.active.disabled.disabled:hover, |
| .datepicker table tr td span.active.disabled:hover.disabled:hover, |
| .datepicker table tr td span.active[disabled]:hover, |
| .datepicker table tr td span.active:hover[disabled]:hover, |
| .datepicker table tr td span.active.disabled[disabled]:hover, |
| .datepicker table tr td span.active.disabled:hover[disabled]:hover, |
| fieldset[disabled] .datepicker table tr td span.active:hover, |
| fieldset[disabled] .datepicker table tr td span.active:hover:hover, |
| fieldset[disabled] .datepicker table tr td span.active.disabled:hover, |
| fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, |
| .datepicker table tr td span.active.disabled:focus, |
| .datepicker table tr td span.active:hover.disabled:focus, |
| .datepicker table tr td span.active.disabled.disabled:focus, |
| .datepicker table tr td span.active.disabled:hover.disabled:focus, |
| .datepicker table tr td span.active[disabled]:focus, |
| .datepicker table tr td span.active:hover[disabled]:focus, |
| .datepicker table tr td span.active.disabled[disabled]:focus, |
| .datepicker table tr td span.active.disabled:hover[disabled]:focus, |
| fieldset[disabled] .datepicker table tr td span.active:focus, |
| fieldset[disabled] .datepicker table tr td span.active:hover:focus, |
| fieldset[disabled] .datepicker table tr td span.active.disabled:focus, |
| fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, |
| .datepicker table tr td span.active.disabled.focus, |
| .datepicker table tr td span.active:hover.disabled.focus, |
| .datepicker table tr td span.active.disabled.disabled.focus, |
| .datepicker table tr td span.active.disabled:hover.disabled.focus, |
| .datepicker table tr td span.active[disabled].focus, |
| .datepicker table tr td span.active:hover[disabled].focus, |
| .datepicker table tr td span.active.disabled[disabled].focus, |
| .datepicker table tr td span.active.disabled:hover[disabled].focus, |
| fieldset[disabled] .datepicker table tr td span.active.focus, |
| fieldset[disabled] .datepicker table tr td span.active:hover.focus, |
| fieldset[disabled] .datepicker table tr td span.active.disabled.focus, |
| fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { |
| background-color: #0088ce; |
| border-color: #00659c; |
| } |
| .datepicker table tr td span.active .badge, |
| .datepicker table tr td span.active:hover .badge, |
| .datepicker table tr td span.active.disabled .badge, |
| .datepicker table tr td span.active.disabled:hover .badge { |
| color: #0088ce; |
| background-color: #fff; |
| } |
| .datepicker table tr td span.old, |
| .datepicker table tr td span.new { |
| color: #9c9c9c; |
| } |
| .datepicker .datepicker-switch { |
| width: 145px; |
| } |
| .datepicker .datepicker-switch, |
| .datepicker .prev, |
| .datepicker .next, |
| .datepicker tfoot tr th { |
| cursor: pointer; |
| } |
| .datepicker .datepicker-switch:hover, |
| .datepicker .prev:hover, |
| .datepicker .next:hover, |
| .datepicker tfoot tr th:hover { |
| background: #f1f1f1; |
| } |
| .datepicker .cw { |
| font-size: 10px; |
| width: 12px; |
| padding: 0 2px 0 5px; |
| vertical-align: middle; |
| } |
| .input-group.date .input-group-addon { |
| cursor: pointer; |
| } |
| .input-daterange { |
| width: 100%; |
| } |
| .input-daterange input { |
| text-align: center; |
| } |
| .input-daterange input:first-child { |
| border-radius: 3px 0 0 3px; |
| } |
| .input-daterange input:last-child { |
| border-radius: 0 3px 3px 0; |
| } |
| .input-daterange .input-group-addon { |
| width: auto; |
| min-width: 16px; |
| padding: 4px 5px; |
| line-height: 1.66666667; |
| text-shadow: 0 1px 0 #fff; |
| border-width: 1px 0; |
| margin-left: -5px; |
| margin-right: -5px; |
| } |
| select.bs-select-hidden, |
| select.selectpicker { |
| display: none !important; |
| } |
| .bootstrap-select { |
| width: 220px \0; |
| /*IE9 and below*/ |
| } |
| .bootstrap-select > .dropdown-toggle { |
| width: 100%; |
| padding-right: 25px; |
| z-index: 1; |
| } |
| .bootstrap-select > select { |
| position: absolute !important; |
| bottom: 0; |
| left: 50%; |
| display: block !important; |
| width: 0.5px !important; |
| height: 100% !important; |
| padding: 0 !important; |
| opacity: 0 !important; |
| border: none; |
| } |
| .bootstrap-select > select.mobile-device { |
| top: 0; |
| left: 0; |
| display: block !important; |
| width: 100% !important; |
| z-index: 2; |
| } |
| .has-error .bootstrap-select .dropdown-toggle, |
| .error .bootstrap-select .dropdown-toggle { |
| border-color: #b94a48; |
| } |
| .bootstrap-select.fit-width { |
| width: auto !important; |
| } |
| .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { |
| width: 220px; |
| } |
| .bootstrap-select .dropdown-toggle:focus { |
| outline: thin dotted #333333 !important; |
| outline: 5px auto -webkit-focus-ring-color !important; |
| outline-offset: -2px; |
| } |
| .bootstrap-select.form-control { |
| margin-bottom: 0; |
| padding: 0; |
| border: none; |
| } |
| .bootstrap-select.form-control:not([class*="col-"]) { |
| width: 100%; |
| } |
| .bootstrap-select.form-control.input-group-btn { |
| z-index: auto; |
| } |
| .bootstrap-select.btn-group:not(.input-group-btn), |
| .bootstrap-select.btn-group[class*="col-"] { |
| float: none; |
| display: inline-block; |
| margin-left: 0; |
| } |
| .bootstrap-select.btn-group.dropdown-menu-right, |
| .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, |
| .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { |
| float: right; |
| } |
| .form-inline .bootstrap-select.btn-group, |
| .form-horizontal .bootstrap-select.btn-group, |
| .form-group .bootstrap-select.btn-group { |
| margin-bottom: 0; |
| } |
| .form-group-lg .bootstrap-select.btn-group.form-control, |
| .form-group-sm .bootstrap-select.btn-group.form-control { |
| padding: 0; |
| } |
| .form-inline .bootstrap-select.btn-group .form-control { |
| width: 100%; |
| } |
| .bootstrap-select.btn-group.disabled, |
| .bootstrap-select.btn-group > .disabled { |
| cursor: not-allowed; |
| } |
| .bootstrap-select.btn-group.disabled:focus, |
| .bootstrap-select.btn-group > .disabled:focus { |
| outline: none !important; |
| } |
| .bootstrap-select.btn-group.bs-container { |
| position: absolute; |
| } |
| .bootstrap-select.btn-group.bs-container .dropdown-menu { |
| z-index: 1060; |
| } |
| .bootstrap-select.btn-group .dropdown-toggle .filter-option { |
| display: inline-block; |
| overflow: hidden; |
| width: 100%; |
| text-align: left; |
| } |
| .bootstrap-select.btn-group .dropdown-toggle .caret { |
| position: absolute; |
| top: 50%; |
| right: 12px; |
| margin-top: -2px; |
| vertical-align: middle; |
| } |
| .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { |
| width: 100%; |
| } |
| .bootstrap-select.btn-group .dropdown-menu { |
| min-width: 100%; |
| box-sizing: border-box; |
| } |
| .bootstrap-select.btn-group .dropdown-menu.inner { |
| position: static; |
| float: none; |
| border: 0; |
| padding: 0; |
| margin: 0; |
| border-radius: 0; |
| box-shadow: none; |
| } |
| .bootstrap-select.btn-group .dropdown-menu li { |
| position: relative; |
| } |
| .bootstrap-select.btn-group .dropdown-menu li.active small { |
| color: #fff; |
| } |
| .bootstrap-select.btn-group .dropdown-menu li.disabled a { |
| cursor: not-allowed; |
| } |
| .bootstrap-select.btn-group .dropdown-menu li a { |
| cursor: pointer; |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| } |
| .bootstrap-select.btn-group .dropdown-menu li a.opt { |
| position: relative; |
| padding-left: 2.25em; |
| } |
| .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { |
| display: none; |
| } |
| .bootstrap-select.btn-group .dropdown-menu li a span.text { |
| display: inline-block; |
| } |
| .bootstrap-select.btn-group .dropdown-menu li small { |
| padding-left: 0.5em; |
| } |
| .bootstrap-select.btn-group .dropdown-menu .notify { |
| position: absolute; |
| bottom: 5px; |
| width: 96%; |
| margin: 0 2%; |
| min-height: 26px; |
| padding: 3px 5px; |
| background: #f5f5f5; |
| border: 1px solid #e3e3e3; |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); |
| pointer-events: none; |
| opacity: 0.9; |
| box-sizing: border-box; |
| } |
| .bootstrap-select.btn-group .no-results { |
| padding: 3px; |
| background: #f5f5f5; |
| margin: 0 5px; |
| white-space: nowrap; |
| } |
| .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { |
| position: static; |
| } |
| .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { |
| position: static; |
| top: auto; |
| margin-top: -1px; |
| } |
| .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { |
| position: absolute; |
| display: inline-block; |
| right: 15px; |
| margin-top: 5px; |
| } |
| .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { |
| margin-right: 34px; |
| } |
| .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { |
| z-index: 1061; |
| } |
| .bootstrap-select.show-menu-arrow .dropdown-toggle:before { |
| content: ''; |
| border-left: 7px solid transparent; |
| border-right: 7px solid transparent; |
| border-bottom: 7px solid rgba(204, 204, 204, 0.2); |
| position: absolute; |
| bottom: -4px; |
| left: 9px; |
| display: none; |
| } |
| .bootstrap-select.show-menu-arrow .dropdown-toggle:after { |
| content: ''; |
| border-left: 6px solid transparent; |
| border-right: 6px solid transparent; |
| border-bottom: 6px solid white; |
| position: absolute; |
| bottom: -4px; |
| left: 10px; |
| display: none; |
| } |
| .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { |
| bottom: auto; |
| top: -3px; |
| border-top: 7px solid rgba(204, 204, 204, 0.2); |
| border-bottom: 0; |
| } |
| .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { |
| bottom: auto; |
| top: -3px; |
| border-top: 6px solid white; |
| border-bottom: 0; |
| } |
| .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { |
| right: 12px; |
| left: auto; |
| } |
| .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { |
| right: 13px; |
| left: auto; |
| } |
| .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, |
| .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { |
| display: block; |
| } |
| .bs-searchbox, |
| .bs-actionsbox, |
| .bs-donebutton { |
| padding: 4px 8px; |
| } |
| .bs-actionsbox { |
| width: 100%; |
| box-sizing: border-box; |
| } |
| .bs-actionsbox .btn-group button { |
| width: 50%; |
| } |
| .bs-donebutton { |
| float: left; |
| width: 100%; |
| box-sizing: border-box; |
| } |
| .bs-donebutton .btn-group button { |
| width: 100%; |
| } |
| .bs-searchbox + .bs-actionsbox { |
| padding: 0 8px 4px; |
| } |
| .bs-searchbox .form-control { |
| margin-bottom: 0; |
| width: 100%; |
| float: none; |
| } |
| .bootstrap-switch { |
| display: inline-block; |
| direction: ltr; |
| cursor: pointer; |
| border-radius: 1px; |
| border: 1px solid; |
| border-color: #bbb; |
| position: relative; |
| text-align: left; |
| overflow: hidden; |
| line-height: 8px; |
| z-index: 0; |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| vertical-align: middle; |
| transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; |
| } |
| .bootstrap-switch .bootstrap-switch-container { |
| display: inline-block; |
| top: 0; |
| border-radius: 1px; |
| transform: translate3d(0, 0, 0); |
| } |
| .bootstrap-switch .bootstrap-switch-handle-on, |
| .bootstrap-switch .bootstrap-switch-handle-off, |
| .bootstrap-switch .bootstrap-switch-label { |
| box-sizing: border-box; |
| cursor: pointer; |
| display: inline-block !important; |
| height: 100%; |
| padding: 2px 6px; |
| font-size: 12px; |
| line-height: 20px; |
| } |
| .bootstrap-switch .bootstrap-switch-handle-on, |
| .bootstrap-switch .bootstrap-switch-handle-off { |
| text-align: center; |
| z-index: 1; |
| } |
| .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, |
| .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { |
| color: #fff; |
| background: #0088ce; |
| } |
| .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, |
| .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { |
| color: #fff; |
| background: #00659c; |
| } |
| .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, |
| .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { |
| color: #fff; |
| background: #3f9c35; |
| } |
| .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, |
| .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { |
| background: #ec7a08; |
| color: #fff; |
| } |
| .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, |
| .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { |
| color: #fff; |
| background: #a30000; |
| } |
| .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, |
| .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { |
| color: #000; |
| background: #f1f1f1; |
| } |
| .bootstrap-switch .bootstrap-switch-label { |
| text-align: center; |
| margin-top: -1px; |
| margin-bottom: -1px; |
| z-index: 100; |
| color: #4d5258; |
| background: #f1f1f1; |
| } |
| .bootstrap-switch .bootstrap-switch-handle-on { |
| border-bottom-left-radius: 1px - 1; |
| border-top-left-radius: 1px - 1; |
| } |
| .bootstrap-switch .bootstrap-switch-handle-off { |
| border-bottom-right-radius: 1px - 1; |
| border-top-right-radius: 1px - 1; |
| } |
| .bootstrap-switch input[type='radio'], |
| .bootstrap-switch input[type='checkbox'] { |
| position: absolute !important; |
| top: 0; |
| left: 0; |
| opacity: 0; |
| filter: alpha(opacity=0); |
| z-index: -1; |
| } |
| .bootstrap-switch input[type='radio'].form-control, |
| .bootstrap-switch input[type='checkbox'].form-control { |
| height: auto; |
| } |
| .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, |
| .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, |
| .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { |
| padding: 1px 5px; |
| font-size: 11px; |
| line-height: 1.5; |
| } |
| .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, |
| .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, |
| .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { |
| padding: 2px 6px; |
| font-size: 11px; |
| line-height: 1.5; |
| } |
| .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, |
| .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, |
| .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { |
| padding: 2px 10px; |
| font-size: 14px; |
| line-height: 1.3333333; |
| } |
| .bootstrap-switch.bootstrap-switch-disabled, |
| .bootstrap-switch.bootstrap-switch-readonly, |
| .bootstrap-switch.bootstrap-switch-indeterminate { |
| cursor: default !important; |
| } |
| .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, |
| .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, |
| .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, |
| .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, |
| .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, |
| .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, |
| .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, |
| .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, |
| .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { |
| opacity: 0.5; |
| filter: alpha(opacity=50); |
| cursor: default !important; |
| } |
| .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { |
| transition: margin-left 0.5s; |
| } |
| .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { |
| border-bottom-left-radius: 0; |
| border-top-left-radius: 0; |
| border-bottom-right-radius: 1px - 1; |
| border-top-right-radius: 1px - 1; |
| } |
| .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { |
| border-bottom-right-radius: 0; |
| border-top-right-radius: 0; |
| border-bottom-left-radius: 1px - 1; |
| border-top-left-radius: 1px - 1; |
| } |
| .bootstrap-switch.bootstrap-switch-focused { |
| border-color: #0088ce; |
| outline: 0; |
| box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 136, 206, 0.6); |
| } |
| .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, |
| .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { |
| border-bottom-right-radius: 1px - 1; |
| border-top-right-radius: 1px - 1; |
| } |
| .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, |
| .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { |
| border-bottom-left-radius: 1px - 1; |
| border-top-left-radius: 1px - 1; |
| } |
| /* |
| * Bootstrap TouchSpin - v3.1.1 |
| * A mobile and touch friendly input spinner component for Bootstrap 3. |
| * http://www.virtuosoft.eu/code/bootstrap-touchspin/ |
| * |
| * Made by István Ujj-Mészáros |
| * Under Apache License v2.0 License |
| */ |
| .bootstrap-touchspin .input-group-btn-vertical { |
| position: relative; |
| white-space: nowrap; |
| width: 1%; |
| vertical-align: middle; |
| display: table-cell; |
| } |
| .bootstrap-touchspin .input-group-btn-vertical > .btn { |
| display: block; |
| float: none; |
| width: 100%; |
| max-width: 100%; |
| padding: 8px 10px; |
| margin-left: -1px; |
| position: relative; |
| } |
| .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { |
| border-radius: 0; |
| border-top-right-radius: 4px; |
| } |
| .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { |
| margin-top: -2px; |
| border-radius: 0; |
| border-bottom-right-radius: 4px; |
| } |
| .bootstrap-touchspin .input-group-btn-vertical i { |
| position: absolute; |
| top: 3px; |
| left: 5px; |
| font-size: 9px; |
| font-weight: normal; |
| } |
| /*-- Chart --*/ |
| .c3 svg { |
| font: 10px sans-serif; |
| -webkit-tap-highlight-color: transparent; |
| } |
| .c3 path, |
| .c3 line { |
| fill: none; |
| stroke: #000; |
| } |
| .c3 text { |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| } |
| .c3-legend-item-tile, |
| .c3-xgrid-focus, |
| .c3-ygrid, |
| .c3-event-rect, |
| .c3-bars path { |
| shape-rendering: crispEdges; |
| } |
| .c3-chart-arc path { |
| stroke: #fff; |
| } |
| .c3-chart-arc text { |
| fill: #fff; |
| font-size: 13px; |
| } |
| /*-- Axis --*/ |
| /*-- Grid --*/ |
| .c3-grid line { |
| stroke: #aaa; |
| } |
| .c3-grid text { |
| fill: #aaa; |
| } |
| .c3-xgrid, |
| .c3-ygrid { |
| stroke-dasharray: 3 3; |
| } |
| /*-- Text on Chart --*/ |
| .c3-text.c3-empty { |
| fill: #808080; |
| font-size: 2em; |
| } |
| /*-- Line --*/ |
| .c3-line { |
| stroke-width: 1px; |
| } |
| /*-- Point --*/ |
| .c3-circle._expanded_ { |
| stroke-width: 1px; |
| stroke: white; |
| } |
| .c3-selected-circle { |
| fill: white; |
| stroke-width: 2px; |
| } |
| /*-- Bar --*/ |
| .c3-bar { |
| stroke-width: 0; |
| } |
| .c3-bar._expanded_ { |
| fill-opacity: 0.75; |
| } |
| /*-- Focus --*/ |
| .c3-target.c3-focused { |
| opacity: 1; |
| } |
| .c3-target.c3-focused path.c3-line, |
| .c3-target.c3-focused path.c3-step { |
| stroke-width: 2px; |
| } |
| .c3-target.c3-defocused { |
| opacity: 0.3 !important; |
| } |
| /*-- Region --*/ |
| .c3-region { |
| fill: steelblue; |
| fill-opacity: .1; |
| } |
| /*-- Brush --*/ |
| .c3-brush .extent { |
| fill-opacity: .1; |
| } |
| /*-- Select - Drag --*/ |
| /*-- Legend --*/ |
| .c3-legend-item { |
| font-size: 12px; |
| } |
| .c3-legend-item-hidden { |
| opacity: 0.15; |
| } |
| .c3-legend-background { |
| opacity: 0.75; |
| fill: white; |
| stroke: lightgray; |
| stroke-width: 1; |
| } |
| /*-- Title --*/ |
| .c3-title { |
| font: 14px sans-serif; |
| } |
| /*-- Tooltip --*/ |
| .c3-tooltip-container { |
| z-index: 10; |
| } |
| .c3-tooltip { |
| border-collapse: collapse; |
| border-spacing: 0; |
| background-color: #fff; |
| empty-cells: show; |
| box-shadow: 7px 7px 12px -9px #777777; |
| opacity: 0.9; |
| } |
| .c3-tooltip tr { |
| border: 1px solid #CCC; |
| } |
| .c3-tooltip th { |
| background-color: #aaa; |
| font-size: 14px; |
| padding: 2px 5px; |
| text-align: left; |
| color: #FFF; |
| } |
| .c3-tooltip td { |
| font-size: 13px; |
| padding: 3px 6px; |
| background-color: #fff; |
| border-left: 1px dotted #999; |
| } |
| .c3-tooltip td > span { |
| display: inline-block; |
| width: 10px; |
| height: 10px; |
| margin-right: 6px; |
| } |
| .c3-tooltip td.value { |
| text-align: right; |
| } |
| /*-- Area --*/ |
| .c3-area { |
| stroke-width: 0; |
| opacity: 0.2; |
| } |
| /*-- Arc --*/ |
| .c3-chart-arcs-title { |
| dominant-baseline: middle; |
| font-size: 1.3em; |
| } |
| .c3-chart-arcs .c3-chart-arcs-background { |
| fill: #e0e0e0; |
| stroke: none; |
| } |
| .c3-chart-arcs .c3-chart-arcs-gauge-unit { |
| fill: #000; |
| font-size: 16px; |
| } |
| .c3-chart-arcs .c3-chart-arcs-gauge-max { |
| fill: #777; |
| } |
| .c3-chart-arcs .c3-chart-arcs-gauge-min { |
| fill: #777; |
| } |
| .c3-chart-arc .c3-gauge-value { |
| fill: #000; |
| /* font-size: 28px !important;*/ |
| } |
| /*! |
| * Datetimepicker for Bootstrap 3 |
| * version : 4.15.35 |
| * https://github.com/Eonasdan/bootstrap-datetimepicker/ |
| */ |
| .bootstrap-datetimepicker-widget { |
| list-style: none; |
| } |
| .bootstrap-datetimepicker-widget.dropdown-menu { |
| margin: 2px 0; |
| padding: 4px; |
| width: 19em; |
| } |
| @media (min-width: 768px) { |
| .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { |
| width: 38em; |
| } |
| } |
| @media (min-width: 992px) { |
| .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { |
| width: 38em; |
| } |
| } |
| @media (min-width: 1200px) { |
| .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { |
| width: 38em; |
| } |
| } |
| .bootstrap-datetimepicker-widget.dropdown-menu:before, |
| .bootstrap-datetimepicker-widget.dropdown-menu:after { |
| content: ''; |
| display: inline-block; |
| position: absolute; |
| } |
| .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { |
| border-left: 7px solid transparent; |
| border-right: 7px solid transparent; |
| border-bottom: 7px solid #ccc; |
| border-bottom-color: rgba(0, 0, 0, 0.2); |
| top: -7px; |
| left: 7px; |
| } |
| .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { |
| border-left: 6px solid transparent; |
| border-right: 6px solid transparent; |
| border-bottom: 6px solid white; |
| top: -6px; |
| left: 8px; |
| } |
| .bootstrap-datetimepicker-widget.dropdown-menu.top:before { |
| border-left: 7px solid transparent; |
| border-right: 7px solid transparent; |
| border-top: 7px solid #ccc; |
| border-top-color: rgba(0, 0, 0, 0.2); |
| bottom: -7px; |
| left: 6px; |
| } |
| .bootstrap-datetimepicker-widget.dropdown-menu.top:after { |
| border-left: 6px solid transparent; |
| border-right: 6px solid transparent; |
| border-top: 6px solid white; |
| bottom: -6px; |
| left: 7px; |
| } |
| .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { |
| left: auto; |
| right: 6px; |
| } |
| .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { |
| left: auto; |
| right: 7px; |
| } |
| .bootstrap-datetimepicker-widget .list-unstyled { |
| margin: 0; |
| } |
| .bootstrap-datetimepicker-widget a[data-action] { |
| padding: 6px 0; |
| } |
| .bootstrap-datetimepicker-widget a[data-action]:active { |
| box-shadow: none; |
| } |
| .bootstrap-datetimepicker-widget .timepicker-hour, |
| .bootstrap-datetimepicker-widget .timepicker-minute, |
| .bootstrap-datetimepicker-widget .timepicker-second { |
| width: 54px; |
| font-weight: bold; |
| font-size: 1em; |
| margin: 0; |
| } |
| .bootstrap-datetimepicker-widget button[data-action] { |
| padding: 6px; |
| } |
| .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| content: "Increment Hours"; |
| content: "Increment Hours"; |
| } |
| .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| content: "Increment Minutes"; |
| content: "Increment Minutes"; |
| } |
| .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| content: "Decrement Hours"; |
| content: "Decrement Hours"; |
| } |
| .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| content: "Decrement Minutes"; |
| content: "Decrement Minutes"; |
| } |
| .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| content: "Show Hours"; |
| } |
| .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| content: "Show Minutes"; |
| } |
| .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| content: "Toggle AM/PM"; |
| } |
| .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| content: "Clear the picker"; |
| } |
| .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| content: "Set the date to today"; |
| } |
| .bootstrap-datetimepicker-widget .picker-switch { |
| text-align: center; |
| } |
| .bootstrap-datetimepicker-widget .picker-switch::after { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| content: "Toggle Date and Time Screens"; |
| } |
| .bootstrap-datetimepicker-widget .picker-switch td { |
| padding: 0; |
| margin: 0; |
| height: auto; |
| width: auto; |
| line-height: inherit; |
| } |
| .bootstrap-datetimepicker-widget .picker-switch td span { |
| line-height: 2.5; |
| height: 2.5em; |
| width: 100%; |
| } |
| .bootstrap-datetimepicker-widget table { |
| width: 100%; |
| margin: 0; |
| } |
| .bootstrap-datetimepicker-widget table td, |
| .bootstrap-datetimepicker-widget table th { |
| text-align: center; |
| border-radius: 1px; |
| } |
| .bootstrap-datetimepicker-widget table th { |
| height: 20px; |
| line-height: 20px; |
| width: 20px; |
| } |
| .bootstrap-datetimepicker-widget table th.picker-switch { |
| width: 145px; |
| } |
| .bootstrap-datetimepicker-widget table th.disabled, |
| .bootstrap-datetimepicker-widget table th.disabled:hover { |
| background: none; |
| color: #9c9c9c; |
| cursor: not-allowed; |
| } |
| .bootstrap-datetimepicker-widget table th.prev::after { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| content: "Previous Month"; |
| } |
| .bootstrap-datetimepicker-widget table th.next::after { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| content: "Next Month"; |
| } |
| .bootstrap-datetimepicker-widget table thead tr:first-child th { |
| cursor: pointer; |
| } |
| .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { |
| background: transparent; |
| } |
| .bootstrap-datetimepicker-widget table td { |
| height: 54px; |
| line-height: 54px; |
| width: 54px; |
| } |
| .bootstrap-datetimepicker-widget table td.cw { |
| font-size: .8em; |
| height: 20px; |
| line-height: 20px; |
| color: #9c9c9c; |
| } |
| .bootstrap-datetimepicker-widget table td.day { |
| height: 20px; |
| line-height: 20px; |
| width: 20px; |
| } |
| .bootstrap-datetimepicker-widget table td.day:hover, |
| .bootstrap-datetimepicker-widget table td.hour:hover, |
| .bootstrap-datetimepicker-widget table td.minute:hover, |
| .bootstrap-datetimepicker-widget table td.second:hover { |
| background: transparent; |
| cursor: pointer; |
| } |
| .bootstrap-datetimepicker-widget table td.old, |
| .bootstrap-datetimepicker-widget table td.new { |
| color: #9c9c9c; |
| } |
| .bootstrap-datetimepicker-widget table td.today { |
| position: relative; |
| } |
| .bootstrap-datetimepicker-widget table td.today:before { |
| content: ''; |
| display: inline-block; |
| border: solid transparent; |
| border-width: 0 0 7px 7px; |
| border-bottom-color: #0088ce; |
| border-top-color: rgba(0, 0, 0, 0.2); |
| position: absolute; |
| bottom: 4px; |
| right: 4px; |
| } |
| .bootstrap-datetimepicker-widget table td.active, |
| .bootstrap-datetimepicker-widget table td.active:hover { |
| background-color: #0088ce; |
| color: #fff; |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
| } |
| .bootstrap-datetimepicker-widget table td.active.today:before { |
| border-bottom-color: #fff; |
| } |
| .bootstrap-datetimepicker-widget table td.disabled, |
| .bootstrap-datetimepicker-widget table td.disabled:hover { |
| background: none; |
| color: #9c9c9c; |
| cursor: not-allowed; |
| } |
| .bootstrap-datetimepicker-widget table td span { |
| display: inline-block; |
| width: 54px; |
| height: 54px; |
| line-height: 54px; |
| margin: 2px 1.5px; |
| cursor: pointer; |
| border-radius: 1px; |
| } |
| .bootstrap-datetimepicker-widget table td span:hover { |
| background: transparent; |
| } |
| .bootstrap-datetimepicker-widget table td span.active { |
| background-color: #0088ce; |
| color: #fff; |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
| } |
| .bootstrap-datetimepicker-widget table td span.old { |
| color: #9c9c9c; |
| } |
| .bootstrap-datetimepicker-widget table td span.disabled, |
| .bootstrap-datetimepicker-widget table td span.disabled:hover { |
| background: none; |
| color: #9c9c9c; |
| cursor: not-allowed; |
| } |
| .bootstrap-datetimepicker-widget.usetwentyfour td.hour { |
| height: 27px; |
| line-height: 27px; |
| } |
| .bootstrap-datetimepicker-widget.wider { |
| width: 21em; |
| } |
| .bootstrap-datetimepicker-widget .datepicker-decades .decade { |
| line-height: 1.8em !important; |
| } |
| .input-group.date .input-group-addon { |
| cursor: pointer; |
| } |
| .sr-only { |
| position: absolute; |
| width: 1px; |
| height: 1px; |
| margin: -1px; |
| padding: 0; |
| overflow: hidden; |
| clip: rect(0, 0, 0, 0); |
| border: 0; |
| } |
| .about-modal-pf { |
| background-color: #292e34; |
| background-image: url("../img/bg-modal-about-pf.png"); |
| background-position: right bottom; |
| background-repeat: no-repeat; |
| background-size: 216px auto; |
| } |
| @media (min-width: 768px) { |
| .about-modal-pf { |
| background-size: auto; |
| } |
| } |
| .about-modal-pf .modal-body { |
| color: #fff; |
| padding-bottom: 16px; |
| padding-left: 40px; |
| padding-right: 40px; |
| } |
| @media (min-width: 768px) { |
| .about-modal-pf .modal-body { |
| padding-left: 80px; |
| padding-right: 80px; |
| } |
| } |
| .about-modal-pf .modal-header { |
| background-color: transparent; |
| } |
| .about-modal-pf .pficon-close { |
| color: #fff; |
| } |
| .product-versions-pf { |
| margin-bottom: 30px; |
| margin-top: 30px; |
| } |
| .product-versions-pf li strong { |
| margin-right: 10px; |
| } |
| .trademark-pf { |
| font-size: 11px; |
| } |
| .blank-slate-pf { |
| background-color: #f5f5f5; |
| border: 1px solid #e3e3e3; |
| border-radius: 1px; |
| margin-bottom: 20px; |
| padding: 30px; |
| text-align: center; |
| } |
| @media (min-width: 768px) { |
| .blank-slate-pf { |
| padding: 60px 60px; |
| } |
| } |
| @media (min-width: 992px) { |
| .blank-slate-pf { |
| padding: 90px 120px; |
| } |
| } |
| .blank-slate-pf .blank-slate-pf-icon { |
| color: #9c9c9c; |
| font-size: 57.6px; |
| line-height: 57.6px; |
| } |
| .blank-slate-pf .blank-slate-pf-main-action { |
| margin-top: 20px; |
| } |
| .blank-slate-pf .blank-slate-pf-secondary-action { |
| margin-top: 20px; |
| } |
| .combobox-container.combobox-selected .glyphicon-remove { |
| display: inline-block; |
| } |
| .combobox-container .caret { |
| margin-left: 0; |
| } |
| .combobox-container .combobox::-ms-clear { |
| display: none; |
| } |
| .combobox-container .dropdown-menu { |
| margin-top: -1px; |
| width: 100%; |
| } |
| .combobox-container .glyphicon-remove { |
| display: none; |
| top: auto; |
| width: 12px; |
| } |
| .combobox-container .glyphicon-remove:before { |
| content: "\e60b"; |
| font-family: "PatternFlyIcons-webfont"; |
| } |
| .combobox-container .input-group-addon { |
| background-color: #f1f1f1; |
| background-image: linear-gradient(to bottom, #fafafa 0%, #ededed 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0); |
| border-color: #bbb; |
| color: #4d5258; |
| position: relative; |
| } |
| .combobox-container .input-group-addon:hover, |
| .combobox-container .input-group-addon:focus, |
| .combobox-container .input-group-addon:active, |
| .combobox-container .input-group-addon.active, |
| .open .dropdown-toggle.combobox-container .input-group-addon { |
| background-color: #f1f1f1; |
| background-image: none; |
| border-color: #bbb; |
| color: #4d5258; |
| } |
| .combobox-container .input-group-addon:active, |
| .combobox-container .input-group-addon.active, |
| .open .dropdown-toggle.combobox-container .input-group-addon { |
| background-image: none; |
| } |
| .combobox-container .input-group-addon:active:hover, |
| .combobox-container .input-group-addon.active:hover, |
| .open .dropdown-toggle.combobox-container .input-group-addon:hover, |
| .combobox-container .input-group-addon:active:focus, |
| .combobox-container .input-group-addon.active:focus, |
| .open .dropdown-toggle.combobox-container .input-group-addon:focus, |
| .combobox-container .input-group-addon:active.focus, |
| .combobox-container .input-group-addon.active.focus, |
| .open .dropdown-toggle.combobox-container .input-group-addon.focus { |
| background-color: #e5e5e5; |
| border-color: #a9a9a9; |
| } |
| .combobox-container .input-group-addon.disabled, |
| .combobox-container .input-group-addon[disabled], |
| fieldset[disabled] .combobox-container .input-group-addon, |
| .combobox-container .input-group-addon.disabled:hover, |
| .combobox-container .input-group-addon[disabled]:hover, |
| fieldset[disabled] .combobox-container .input-group-addon:hover, |
| .combobox-container .input-group-addon.disabled:focus, |
| .combobox-container .input-group-addon[disabled]:focus, |
| fieldset[disabled] .combobox-container .input-group-addon:focus, |
| .combobox-container .input-group-addon.disabled:active, |
| .combobox-container .input-group-addon[disabled]:active, |
| fieldset[disabled] .combobox-container .input-group-addon:active, |
| .combobox-container .input-group-addon.disabled.active, |
| .combobox-container .input-group-addon[disabled].active, |
| fieldset[disabled] .combobox-container .input-group-addon.active { |
| background-color: #f1f1f1; |
| border-color: #bbb; |
| } |
| .combobox-container .input-group-addon:active { |
| box-shadow: inset 0 2px 8px rgba(3, 3, 3, 0.2); |
| } |
| .bootstrap-datepicker.form-control[readonly] { |
| background-color: #fff; |
| border-color: #bbb !important; |
| color: #363636; |
| box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075); |
| } |
| .bootstrap-datepicker.form-control[readonly]:focus { |
| border-color: #0088ce; |
| outline: 0; |
| box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 136, 206, 0.6); |
| } |
| .bootstrap-datepicker.form-control[readonly]:focus { |
| border-color: #0088ce !important; |
| } |
| .has-error .bootstrap-datepicker.form-control[readonly]:focus { |
| border-color: #990000; |
| box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #ff3333; |
| } |
| .has-success .bootstrap-datepicker.form-control[readonly]:focus { |
| border-color: #2b542c; |
| box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #67b168; |
| } |
| .has-warning .bootstrap-datepicker.form-control[readonly]:focus { |
| border-color: #bb6106; |
| box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #faad60; |
| } |
| .bootstrap-datepicker.form-control[readonly]:hover { |
| border-color: #7dc3e8 !important; |
| } |
| .has-error .bootstrap-datepicker.form-control[readonly]:hover { |
| border-color: #990000 !important; |
| } |
| .has-success .bootstrap-datepicker.form-control[readonly]:hover { |
| border-color: #2b542c !important; |
| } |
| .has-warning .bootstrap-datepicker.form-control[readonly]:hover { |
| border-color: #bb6106 !important; |
| } |
| .has-error .bootstrap-datepicker.form-control[readonly] { |
| border-color: #cc0000 !important; |
| } |
| .has-success .bootstrap-datepicker.form-control[readonly] { |
| border-color: #3c763d !important; |
| } |
| .has-warning .bootstrap-datepicker.form-control[readonly] { |
| border-color: #ec7a08 !important; |
| } |
| .datepicker { |
| border-radius: 1px; |
| } |
| .datepicker .datepicker-switch, |
| .datepicker tfoot .clear, |
| .datepicker tfoot .today { |
| font-size: 14px; |
| font-weight: 500; |
| } |
| .datepicker .next, |
| .datepicker .prev { |
| font-weight: 500; |
| } |
| .datepicker table tr td, |
| .datepicker table tr th { |
| border-radius: 1px; |
| } |
| .datepicker table tr td.active, |
| .datepicker table tr td.active:hover, |
| .datepicker table tr td.active.disabled, |
| .datepicker table tr td.active.disabled:hover { |
| background: #0088ce !important; |
| color: #fff !important; |
| text-shadow: none; |
| } |
| .datepicker table tr td.day:hover, |
| .datepicker table tr td.day.focused { |
| background: #def3ff; |
| } |
| .datepicker table tr td.selected, |
| .datepicker table tr td.selected:hover, |
| .datepicker table tr td.selected.disabled, |
| .datepicker table tr td.selected.disabled:hover { |
| text-shadow: none; |
| } |
| .datepicker table tr td span { |
| border-radius: 1px; |
| } |
| .datepicker table tr td span.active, |
| .datepicker table tr td span.active:hover, |
| .datepicker table tr td span.active.disabled, |
| .datepicker table tr td span.active.disabled:hover { |
| background: #0088ce; |
| text-shadow: none; |
| } |
| .datepicker table tr td span:hover { |
| background: #def3ff; |
| } |
| .datepicker thead tr:first-child th:hover, |
| .datepicker tfoot tr th:hover { |
| background: #def3ff; |
| } |
| .input-daterange input:first-child { |
| border-radius: 1px 0 0 1px; |
| } |
| .input-daterange input:last-child { |
| border-radius: 0 1px 1px 0; |
| } |
| .input-daterange .input-group-addon { |
| background-color: #f1f1f1; |
| border-color: #bbb; |
| line-height: 1.66666667; |
| padding: 2px 6px; |
| } |
| .bootstrap-select.btn-group.form-control { |
| margin-bottom: 0; |
| } |
| .bootstrap-select.btn-group .btn { |
| transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; |
| } |
| .bootstrap-select.btn-group .btn:hover { |
| border-color: #7dc3e8; |
| } |
| .bootstrap-select.btn-group .btn .caret { |
| margin-top: -4px; |
| } |
| .bootstrap-select.btn-group .btn:focus { |
| border-color: #0088ce; |
| outline: 0 !important; |
| box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 8px rgba(0, 136, 206, 0.6); |
| } |
| .has-error .bootstrap-select.btn-group .btn { |
| border-color: #cc0000; |
| } |
| .has-error .bootstrap-select.btn-group .btn:focus { |
| border-color: #990000; |
| box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #ff3333; |
| } |
| .has-success .bootstrap-select.btn-group .btn { |
| border-color: #3c763d; |
| } |
| .has-success .bootstrap-select.btn-group .btn:focus { |
| border-color: #2b542c; |
| box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #67b168; |
| } |
| .has-warning .bootstrap-select.btn-group .btn { |
| border-color: #ec7a08; |
| } |
| .has-warning .bootstrap-select.btn-group .btn:focus { |
| border-color: #bb6106; |
| box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #faad60; |
| } |
| .bootstrap-select.btn-group .dropdown-menu > .active > a, |
| .bootstrap-select.btn-group .dropdown-menu > .active > a:active { |
| background-color: #def3ff !important; |
| border-color: #bee1f4 !important; |
| color: #363636 !important; |
| } |
| .bootstrap-select.btn-group .dropdown-menu > .active > a small, |
| .bootstrap-select.btn-group .dropdown-menu > .active > a:active small { |
| color: #9c9c9c !important; |
| } |
| .bootstrap-select.btn-group .dropdown-menu > .disabled > a { |
| color: #9c9c9c !important; |
| } |
| .bootstrap-select.btn-group .dropdown-menu > .selected > a { |
| background-color: #0088ce !important; |
| border-color: #0088ce !important; |
| color: #fff !important; |
| } |
| .bootstrap-select.btn-group .dropdown-menu > .selected > a small { |
| color: rgba(255, 255, 255, 0.5) !important; |
| } |
| .bootstrap-select.btn-group .dropdown-menu .divider { |
| background: #ededed !important; |
| margin: 4px 1px !important; |
| } |
| .bootstrap-select.btn-group .dropdown-menu dt { |
| color: #8b8d8f; |
| font-weight: normal; |
| padding: 1px 10px; |
| } |
| .bootstrap-select.btn-group .dropdown-menu li > a.opt { |
| padding: 1px 10px; |
| } |
| .bootstrap-select.btn-group .dropdown-menu li a:active small { |
| color: rgba(255, 255, 255, 0.5) !important; |
| } |
| .bootstrap-select.btn-group .dropdown-menu li a:hover small, |
| .bootstrap-select.btn-group .dropdown-menu li a:focus small { |
| color: #9c9c9c; |
| } |
| .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small, |
| .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small { |
| color: #9c9c9c; |
| } |
| .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, |
| .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { |
| background: #fafafa; |
| } |
| .bootstrap-switch .bootstrap-switch-label { |
| background: #f1f1f1; |
| box-shadow: 0 0 2px rgba(3, 3, 3, 0.4); |
| background-image: linear-gradient(to bottom, #fafafa 0%, #ededed 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0); |
| position: relative; |
| z-index: 9; |
| } |
| .bootstrap-touchspin .input-group-btn-vertical > .btn { |
| padding-bottom: 6px; |
| padding-top: 6px; |
| } |
| .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { |
| border-bottom-right-radius: 1px; |
| } |
| .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { |
| border-top-right-radius: 1px; |
| } |
| .bootstrap-touchspin .input-group-btn-vertical i { |
| font-size: 8px; |
| left: 6px; |
| top: 2px; |
| } |
| .bootstrap-touchspin .input-group-btn-vertical i.fa-angle-down, |
| .bootstrap-touchspin .input-group-btn-vertical i.fa-angle-up { |
| font-size: 12px; |
| line-height: 12px; |
| top: 0; |
| } |
| .bootstrap-touchspin .input-group-btn-vertical i.fa-angle-down, |
| .bootstrap-touchspin .input-group-btn-vertical i.fa-angle-up { |
| left: 7px; |
| } |
| .treeview .list-group { |
| border-top: 0; |
| } |
| .treeview .list-group-item { |
| background: transparent; |
| border-bottom: 1px solid transparent !important; |
| border-top: 1px solid transparent !important; |
| cursor: default !important; |
| margin-bottom: 0; |
| overflow: hidden; |
| padding: 0 10px; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| } |
| .treeview .list-group-item:hover { |
| background: none !important; |
| } |
| .treeview .list-group-item.node-selected { |
| background: none !important; |
| border-color: transparent !important; |
| color: inherit !important; |
| } |
| .treeview .list-group-item.node-check-changed span.node-icon, |
| .treeview .list-group-item.node-check-changed span.text { |
| color: #39a5dc; |
| } |
| .treeview span.icon { |
| display: inline-block; |
| font-size: 13px; |
| min-width: 10px; |
| text-align: center; |
| } |
| .treeview span.icon > [class*="fa-angle"] { |
| font-size: 15px; |
| } |
| .treeview span.icon.check-icon { |
| margin-right: 10px; |
| } |
| .treeview span.icon.expand-icon { |
| cursor: pointer !important; |
| } |
| .treeview span.image { |
| background-repeat: no-repeat; |
| background-size: contain; |
| display: inline-block; |
| height: 1.19em; |
| line-height: 1em; |
| margin-right: 5px; |
| vertical-align: middle; |
| width: 12px; |
| } |
| .treeview span.indent { |
| margin-right: 5px; |
| } |
| .treeview .node-disabled { |
| color: #d1d1d1; |
| cursor: not-allowed; |
| } |
| .treeview .node-disabled span.expand-icon { |
| cursor: default !important; |
| } |
| .treeview .node-hidden { |
| display: none; |
| } |
| .treeview-pf-hover .list-group-item { |
| cursor: pointer !important; |
| } |
| .treeview-pf-hover .list-group-item:hover { |
| background-color: #def3ff !important; |
| border-color: #bee1f4 !important; |
| } |
| .treeview-pf-select .list-group-item { |
| cursor: pointer !important; |
| } |
| .treeview-pf-select .list-group-item.node-selected { |
| background: #0088ce !important; |
| border-color: #0088ce !important; |
| color: #fff !important; |
| } |
| .card-pf { |
| background: #fff; |
| border-top: 2px solid transparent; |
| box-shadow: 0 1px 1px rgba(3, 3, 3, 0.175); |
| margin: 0 -10px 20px; |
| padding: 0 20px; |
| } |
| .card-pf.card-pf-accented { |
| border-top-color: #39a5dc; |
| } |
| .card-pf.card-pf-aggregate-status .card-pf-aggregate-status-notifications a, |
| .card-pf.card-pf-aggregate-status .card-pf-title a { |
| color: #363636; |
| } |
| .card-pf.card-pf-aggregate-status .card-pf-aggregate-status-notifications a.add, |
| .card-pf.card-pf-aggregate-status .card-pf-title a.add { |
| color: #0088ce; |
| } |
| .card-pf.card-pf-aggregate-status .card-pf-aggregate-status-notifications a.add:hover, |
| .card-pf.card-pf-aggregate-status .card-pf-title a.add:hover { |
| color: #00659c; |
| } |
| .card-pf.card-pf-aggregate-status .card-pf-aggregate-status-notifications a:hover, |
| .card-pf.card-pf-aggregate-status .card-pf-title a:hover { |
| color: #00659c; |
| } |
| .card-pf.card-pf-aggregate-status { |
| padding: 0 10px; |
| text-align: center; |
| } |
| .card-pf.card-pf-aggregate-status-mini { |
| padding-bottom: 10px; |
| position: relative; |
| } |
| @media (min-width: 768px) { |
| .card-pf.card-pf-bleed-left { |
| margin-left: -20px; |
| } |
| .card-pf.card-pf-bleed-right { |
| border-right: 1px solid #d1d1d1; |
| margin-right: -20px; |
| } |
| } |
| .card-pf-aggregate-status-notifications { |
| font-size: 24px; |
| font-weight: 300; |
| } |
| .card-pf-aggregate-status-mini .card-pf-aggregate-status-notifications { |
| line-height: 1; |
| } |
| .card-pf-aggregate-status-notifications .card-pf-aggregate-status-notification + .card-pf-aggregate-status-notification { |
| border-left: 1px solid #d1d1d1; |
| margin-left: 3px; |
| padding-left: 10px; |
| } |
| .card-pf-aggregate-status-notifications .fa, |
| .card-pf-aggregate-status-notifications .pficon { |
| font-size: 18px; |
| margin-right: 7px; |
| } |
| .card-pf-body { |
| margin: 20px 0 0; |
| padding: 0 0 20px; |
| } |
| .card-pf-aggregate-status .card-pf-body { |
| margin-top: 10px; |
| padding-bottom: 10px; |
| } |
| .card-pf-aggregate-status-mini .card-pf-body { |
| margin-bottom: 0; |
| margin-top: 0; |
| padding-bottom: 0; |
| position: absolute; |
| right: 20px; |
| top: 15px; |
| } |
| .card-pf-utilization .card-pf-title + .card-pf-body { |
| margin-top: -8px; |
| } |
| .card-pf-body > *:last-child { |
| margin-bottom: 0; |
| } |
| .card-pf-footer { |
| background-color: #fafafa; |
| border-top: 1px solid #d1d1d1; |
| margin: 0 -20px !important; |
| padding: 20px 20px 10px; |
| } |
| .card-pf-footer a .fa, |
| .card-pf-footer a .pficon { |
| margin-right: 5px; |
| } |
| .card-pf-footer .card-pf-time-frame-filter { |
| margin-top: -2px; |
| } |
| .card-pf-link-with-icon { |
| padding-left: 21px; |
| position: relative; |
| } |
| .card-pf-link-with-icon .fa, |
| .card-pf-link-with-icon .pficon { |
| font-size: 16px; |
| left: 0; |
| position: absolute; |
| top: 0; |
| } |
| .card-pf-heading .card-pf-time-frame-filter, |
| .card-pf-footer .card-pf-time-frame-filter { |
| float: right; |
| margin-left: 20px; |
| } |
| .card-pf-heading { |
| border-bottom: 1px solid #d1d1d1; |
| margin: 0 -20px 20px; |
| padding: 0 20px 0; |
| } |
| .card-pf-heading .card-pf-time-frame-filter { |
| margin-top: -5px; |
| } |
| .card-pf-heading-details { |
| float: right; |
| font-size: 10px; |
| } |
| .card-pf-subtitle { |
| font-size: 16px; |
| margin-top: 20px; |
| margin-bottom: 10px; |
| } |
| [class^="col"] .card-pf-subtitle { |
| margin-top: 0; |
| } |
| @media (max-width: 767px) { |
| .card-pf-body [class^="col"] + [class^="col"] > .card-pf-subtitle { |
| margin-top: 40px; |
| } |
| } |
| .card-pf-title { |
| font-size: 16px; |
| font-weight: 400; |
| margin: 20px 0; |
| padding: 0; |
| } |
| .card-pf-aggregate-status .card-pf-title { |
| font-size: 14px; |
| margin: 10px 0 0; |
| } |
| .card-pf-aggregate-status .card-pf-title .fa, |
| .card-pf-aggregate-status .card-pf-title .pficon { |
| color: #292e34; |
| font-size: 16px; |
| margin-right: 7px; |
| } |
| .card-pf-title .card-pf-aggregate-status-count { |
| font-size: 16px; |
| } |
| .card-pf-aggregate-status-mini .card-pf-title .card-pf-aggregate-status-count { |
| display: block; |
| font-size: 24px; |
| font-weight: 300; |
| margin-bottom: 3px; |
| } |
| .card-pf-aggregate-status-mini .card-pf-title { |
| font-size: 12px; |
| margin-top: 5px; |
| } |
| .card-pf-aggregate-status-mini .card-pf-title a { |
| display: inline-block; |
| } |
| .card-pf-aggregate-status-mini .card-pf-title .fa, |
| .card-pf-aggregate-status-mini .card-pf-title .pficon { |
| font-size: 26px; |
| margin-right: 0; |
| min-width: 26px; |
| position: absolute; |
| left: 20px; |
| text-align: center; |
| top: 15px; |
| } |
| .card-pf-utilization-details { |
| border-bottom: 1px solid #d1d1d1; |
| display: table; |
| margin: 12px 0 15px; |
| padding: 0 0 15px; |
| width: 100%; |
| } |
| .card-pf-utilization-details .card-pf-utilization-card-details-count, |
| .card-pf-utilization-details .card-pf-utilization-card-details-description { |
| float: left; |
| line-height: 1; |
| } |
| .card-pf-utilization-details .card-pf-utilization-card-details-count { |
| font-size: 26px; |
| font-weight: 300; |
| margin-right: 10px; |
| } |
| .card-pf-utilization-details .card-pf-utilization-card-details-line-1, |
| .card-pf-utilization-details .card-pf-utilization-card-details-line-2 { |
| display: block; |
| } |
| .card-pf-utilization-details .card-pf-utilization-card-details-line-1 { |
| font-size: 10px; |
| margin-bottom: 2px; |
| } |
| .cards-pf { |
| background: #f5f5f5; |
| } |
| .cards-pf .row-cards-pf { |
| padding: 0 20px; |
| } |
| .cards-pf .row-cards-pf:first-child { |
| padding-top: 20px; |
| } |
| .container-cards-pf { |
| margin-top: 20px; |
| } |
| .row-cards-pf { |
| margin-left: -10px; |
| margin-right: -10px; |
| } |
| .card-pf-view { |
| border: 2px solid transparent; |
| } |
| .card-pf-view .card-pf-heading-kebab .dropdown-kebab-pf { |
| margin-top: -3px; |
| } |
| .card-pf-view .card-pf-heading-kebab + .progress-pf-legend p { |
| margin-bottom: 0; |
| } |
| .card-pf-view .card-pf-heading-kebab + .progress-pf-legend .progress { |
| margin-bottom: 7px; |
| margin-top: 16px; |
| } |
| .card-pf-view .card-pf-info { |
| margin-top: 15px; |
| } |
| .card-pf-view .card-pf-info strong { |
| font-size: 13px; |
| margin-right: 10px; |
| } |
| .card-pf-view .card-pf-item { |
| display: inline-block; |
| font-size: 16px; |
| padding: 0 13px 0 15px; |
| } |
| .card-pf-view .card-pf-item:first-child { |
| padding-left: 0; |
| } |
| .card-pf-view .card-pf-item:last-child { |
| padding-right: 0; |
| } |
| .card-pf-view .card-pf-item + .card-pf-item { |
| border-left: 1px solid #d1d1d1; |
| } |
| .card-pf-view .card-pf-item .fa-check { |
| color: #3f9c35; |
| } |
| .card-pf-view .card-pf-item .fa + .card-pf-item-text, |
| .card-pf-view .card-pf-item .pficon + .card-pf-item-text { |
| margin-left: 10px; |
| } |
| .card-pf-view .card-pf-items { |
| margin-top: 15px; |
| } |
| .card-pf-view .card-pf-title { |
| font-size: 20px; |
| font-weight: 300; |
| margin-bottom: 0; |
| margin-top: 15px; |
| } |
| .card-pf-view .card-pf-title .fa, |
| .card-pf-view .card-pf-title .pficon { |
| font-size: 18px; |
| margin-right: 2px; |
| } |
| .col-lg-2 .card-pf-view .card-pf-title { |
| font-size: 16px; |
| } |
| .card-pf-view .card-pf-top-element .card-pf-icon-circle { |
| border: 2px solid #39a5dc; |
| border-radius: 50%; |
| display: block; |
| font-size: 46px; |
| height: 106px; |
| line-height: 102px; |
| margin: 0 auto; |
| text-align: center; |
| width: 106px; |
| } |
| .col-lg-2 .card-pf-view .card-pf-top-element .card-pf-icon-circle { |
| font-size: 23px; |
| height: 54px; |
| line-height: 50px; |
| width: 54px; |
| } |
| .card-pf-view .card-pf-view-checkbox { |
| position: absolute; |
| top: 11px; |
| left: 15px; |
| } |
| .card-pf-view .card-pf-view-checkbox input[type=checkbox] { |
| display: none; |
| } |
| .card-pf-view.card-pf-view-multi-select .card-pf-view-checkbox input[type=checkbox] { |
| display: block; |
| } |
| @media (min-width: 768px) { |
| .card-pf-view.card-pf-view-multi-select .card-pf-view-checkbox input[type=checkbox] { |
| visibility: hidden; |
| } |
| .card-pf-view.card-pf-view-multi-select .card-pf-view-checkbox input[type=checkbox]:checked { |
| visibility: visible; |
| } |
| } |
| .card-pf-view.card-pf-view-multi-select:hover .card-pf-view-checkbox input[type=checkbox] { |
| visibility: visible; |
| } |
| .card-pf-view.card-pf-view-select { |
| position: relative; |
| } |
| .card-pf-view.card-pf-view-select:hover { |
| box-shadow: 0 1px 6px rgba(3, 3, 3, 0.35); |
| } |
| .card-pf-view.card-pf-view-select.active { |
| border: 2px solid #39a5dc; |
| } |
| .card-pf-view.card-pf-view-single-select { |
| cursor: pointer; |
| } |
| .card-pf-view.card-pf-view-xs .card-pf-title { |
| font-size: 16px; |
| font-weight: normal; |
| margin-bottom: 10px; |
| } |
| .card-pf-view.card-pf-view-xs .card-pf-title .fa, |
| .card-pf-view.card-pf-view-xs .card-pf-title .pficon { |
| font-size: 14px; |
| margin-right: 5px; |
| } |
| .c3 path { |
| stroke: #d1d1d1; |
| } |
| .c3 svg { |
| font-family: "Open Sans", Helvetica, Arial, sans-serif; |
| } |
| .c3-axis-x .tick line { |
| stroke: #d1d1d1; |
| } |
| .c3-axis-y .tick line { |
| display: none; |
| } |
| .c3-chart-arc path { |
| stroke: #fff; |
| } |
| .c3-grid line { |
| stroke: #d1d1d1; |
| } |
| .c3-line { |
| stroke-width: 2px; |
| } |
| .c3-tooltip { |
| background: #393f44; |
| box-shadow: none; |
| opacity: 0.9; |
| filter: alpha(opacity=90); |
| } |
| .c3-tooltip td { |
| background: transparent; |
| border: 0; |
| color: #fff; |
| font-size: 12px; |
| padding: 5px 10px; |
| } |
| .c3-tooltip th { |
| background: transparent; |
| font-size: 12px; |
| padding: 5px 10px 0; |
| border-bottom: solid 2px #030303; |
| } |
| .c3-tooltip tr { |
| border: 0; |
| } |
| .c3-tooltip tr + tr > td { |
| padding-top: 0; |
| } |
| .c3-tooltip-sparkline, |
| .donut-tooltip-pf { |
| background: #393f44; |
| color: #fff; |
| opacity: 0.9; |
| filter: alpha(opacity=90); |
| padding: 2px 6px; |
| } |
| .c3-xgrid, |
| .c3-ygrid { |
| stroke-dasharray: 0 0; |
| } |
| .chart-pf-sparkline { |
| margin-left: -5px; |
| margin-right: -5px; |
| } |
| .donut-title-big-pf { |
| font-size: 30px; |
| font-weight: 300; |
| } |
| .donut-title-small-pf { |
| font-size: 12px; |
| font-weight: 400; |
| } |
| .line-chart-pf .c3-zoom-rect { |
| opacity: 1 !important; |
| fill: #fafafa; |
| stroke: #d1d1d1; |
| stroke-width: 1px; |
| } |
| .close { |
| text-shadow: none; |
| z-index: 1; |
| position: relative; |
| opacity: 0.6; |
| filter: alpha(opacity=60); |
| } |
| .close:hover, |
| .close:focus { |
| opacity: 0.9; |
| filter: alpha(opacity=90); |
| } |
| .ColVis_Button:active:focus { |
| outline: none; |
| } |
| .ColVis_catcher { |
| position: absolute; |
| z-index: 999; |
| } |
| .ColVis_collection { |
| background-color: #fff; |
| border: 1px solid #bbb; |
| border-radius: 1px; |
| box-shadow: 0 6px 12px rgba(3, 3, 3, 0.175); |
| background-clip: padding-box; |
| list-style: none; |
| margin: -1px 0 0 0; |
| padding: 5px 10px; |
| width: 150px; |
| z-index: 1000; |
| } |
| .ColVis_collection label { |
| font-weight: normal; |
| margin-bottom: 5px; |
| margin-top: 5px; |
| padding-left: 20px; |
| } |
| .ColVis_collectionBackground { |
| background-color: #fff; |
| height: 100%; |
| left: 0; |
| position: fixed; |
| top: 0; |
| width: 100%; |
| z-index: 998; |
| } |
| .dataTables_header { |
| background-color: #f5f5f5; |
| border: 1px solid #d1d1d1; |
| border-bottom: none; |
| padding: 5px; |
| position: relative; |
| text-align: center; |
| } |
| .dataTables_header .btn { |
| box-shadow: none; |
| } |
| .dataTables_header .ColVis { |
| position: absolute; |
| right: 5px; |
| text-align: left; |
| top: 5px; |
| } |
| .dataTables_header .ColVis + .dataTables_info { |
| padding-right: 30px; |
| } |
| .dataTables_header .dataTables_filter { |
| position: absolute; |
| } |
| .dataTables_header .dataTables_filter input { |
| border: 1px solid #bbb; |
| height: 24px; |
| } |
| @media (max-width: 767px) { |
| .dataTables_header .dataTables_filter input { |
| width: 100px; |
| } |
| } |
| .dataTables_header .dataTables_info { |
| padding: 2px 0; |
| } |
| @media (max-width: 480px) { |
| .dataTables_header .dataTables_info { |
| text-align: right; |
| } |
| } |
| .dataTables_header .dataTables_info b { |
| font-weight: bold; |
| } |
| .dataTables_footer { |
| background-color: #fff; |
| border: 1px solid #d1d1d1; |
| border-top: none; |
| overflow: hidden; |
| } |
| .dataTables_paginate { |
| background: #fafafa; |
| float: right; |
| margin: 0; |
| } |
| .dataTables_paginate .pagination { |
| float: left; |
| margin: 0; |
| } |
| .dataTables_paginate .pagination > li > span { |
| border-color: #fff #d1d1d1 #f5f5f5; |
| border-width: 0 1px; |
| font-size: 16px; |
| font-weight: normal; |
| padding: 0; |
| text-align: center; |
| width: 31px; |
| } |
| .dataTables_paginate .pagination > li > span:hover, |
| .dataTables_paginate .pagination > li > span:focus { |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
| } |
| .dataTables_paginate .pagination > li.last > span { |
| border-right: none; |
| } |
| .dataTables_paginate .pagination > li.disabled > span { |
| background: #f5f5f5; |
| border-left-color: #ededed; |
| border-right-color: #ededed; |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
| } |
| .dataTables_paginate .pagination-input { |
| float: left; |
| font-size: 12px; |
| line-height: 1em; |
| padding: 4px 15px 0; |
| text-align: right; |
| } |
| .dataTables_paginate .pagination-input .paginate_input { |
| border: 1px solid #d1d1d1; |
| box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075); |
| font-size: 12px; |
| font-weight: 600; |
| height: 19px; |
| margin-right: 8px; |
| padding-right: 3px; |
| text-align: right; |
| width: 30px; |
| } |
| .dataTables_paginate .pagination-input .paginate_of { |
| position: relative; |
| } |
| .dataTables_paginate .pagination-input .paginate_of b { |
| margin-left: 3px; |
| } |
| .dataTables_empty { |
| background: #f5f5f5; |
| } |
| /* Might need this for pagination? |
| .dataTables_wrapper { |
| margin: @line-height-computed 0; |
| @media (max-width: @screen-xs-max) { |
| .table-responsive { |
| margin-bottom: 0; |
| } |
| } |
| } |
| */ |
| .DTCR_clonedTable { |
| background-color: rgba(255, 255, 255, 0.7); |
| z-index: 202; |
| } |
| .DTCR_pointer { |
| background-color: #0088ce; |
| width: 1px; |
| z-index: 201; |
| } |
| .footer-pf-alt, |
| .footer-pf { |
| background-color: #030303; |
| color: #9c9c9c; |
| font-size: 11px; |
| line-height: 17px; |
| padding-left: 25px; |
| padding-top: 10px; |
| } |
| .layout-pf-alt-fixed-with-footer .footer-pf-alt, |
| .layout-pf-alt-fixed-with-footer .footer-pf, |
| .layout-pf-fixed-with-footer .footer-pf-alt, |
| .layout-pf-fixed-with-footer .footer-pf { |
| bottom: 0; |
| left: 0; |
| position: fixed; |
| right: 0; |
| z-index: 1030; |
| } |
| @font-face { |
| font-family: "PatternFlyIcons-webfont"; |
| src: url("../fonts/PatternFlyIcons-webfont.eot"); |
| src: url("../fonts/PatternFlyIcons-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/PatternFlyIcons-webfont.ttf") format("truetype"), url("../fonts/PatternFlyIcons-webfont.woff") format("woff"), url("../fonts/PatternFlyIcons-webfont.svg#PatternFlyIcons-webfont") format("svg"); |
| font-weight: normal; |
| font-style: normal; |
| } |
| [class^="pficon-"], |
| [class*=" pficon-"] { |
| display: inline-block; |
| font-family: "PatternFlyIcons-webfont"; |
| font-style: normal; |
| font-variant: normal; |
| font-weight: normal; |
| line-height: 1; |
| speak: none; |
| text-transform: none; |
| /* Better Font Rendering =========== */ |
| -moz-osx-font-smoothing: grayscale; |
| -webkit-font-smoothing: antialiased; |
| } |
| .pficon-middleware:before { |
| content: "\e917"; |
| } |
| .pficon-add-circle-o:before { |
| content: "\e61b"; |
| } |
| .pficon-build:before { |
| content: "\e902"; |
| } |
| .pficon-builder-image:before { |
| content: "\e800"; |
| } |
| .pficon-bundle:before { |
| content: "\e918"; |
| } |
| .pficon-blueprint:before { |
| content: "\e915"; |
| } |
| .pficon-close:before { |
| content: "\e60b"; |
| } |
| .pficon-cloud-security:before { |
| content: "\e903"; |
| } |
| .pficon-cloud-tenant:before { |
| content: "\e904"; |
| } |
| .pficon-cluster:before { |
| content: "\e620"; |
| } |
| .pficon-container-node:before { |
| content: "\e621"; |
| } |
| .pficon-cpu:before { |
| content: "\e905"; |
| } |
| .pficon-delete:before { |
| content: "\e611"; |
| } |
| .pficon-domain:before { |
| content: "\e919"; |
| } |
| .pficon-edit:before { |
| content: "\e60a"; |
| } |
| .pficon-enterprise:before { |
| content: "\e906"; |
| } |
| .pficon-error-circle-o:before { |
| color: #cc0000; |
| content: "\e61d"; |
| } |
| .pficon-export:before { |
| content: "\e616"; |
| } |
| .pficon-flag:before, |
| .pficon-messages:before { |
| content: "\e603"; |
| } |
| .pficon-flavor:before { |
| content: "\e907"; |
| } |
| .pficon-folder-close:before { |
| content: "\e607"; |
| } |
| .pficon-folder-open:before { |
| content: "\e606"; |
| } |
| .pficon-help:before { |
| content: "\e605"; |
| } |
| .pficon-history:before { |
| content: "\e617"; |
| } |
| .pficon-home:before { |
| content: "\e618"; |
| } |
| .pficon-image:before { |
| content: "\e61f"; |
| } |
| .pficon-import:before { |
| content: "\e615"; |
| } |
| .pficon-info:before { |
| content: "\e604"; |
| } |
| .pficon-memory:before { |
| content: "\e908"; |
| } |
| .pficon-network:before { |
| content: "\e909"; |
| } |
| .pficon-ok:before { |
| color: #3f9c35; |
| content: "\e602"; |
| } |
| .pficon-print:before { |
| content: "\e612"; |
| } |
| .pficon-private:before { |
| content: "\e914"; |
| } |
| .pficon-project:before { |
| content: "\e622"; |
| } |
| .pficon-refresh:before, |
| .pficon-restart:before { |
| content: "\e613"; |
| } |
| .pficon-regions:before { |
| content: "\e90a"; |
| } |
| .pficon-registry:before { |
| content: "\e623"; |
| } |
| .pficon-replicator:before { |
| content: "\e624"; |
| } |
| .pficon-repository:before { |
| content: "\e90b"; |
| } |
| .pficon-resource-pool:before { |
| content: "\e90c"; |
| } |
| .pficon-resources-almost-full:before { |
| content: "\e912"; |
| } |
| .pficon-resources-full:before { |
| content: "\e913"; |
| } |
| .pficon-route:before { |
| content: "\e625"; |
| } |
| .pficon-running:before { |
| content: "\e614"; |
| } |
| .pficon-save:before { |
| content: "\e601"; |
| } |
| .pficon-screen:before { |
| content: "\e600"; |
| } |
| .pficon-server:before { |
| content: "\e90d"; |
| } |
| .pficon-server-group:before { |
| content: "\e91a"; |
| } |
| .pficon-service:before { |
| content: "\e61e"; |
| } |
| .pficon-settings:before { |
| content: "\e610"; |
| } |
| .pficon-storage-domain:before { |
| content: "\e90e"; |
| } |
| .pficon-tenant:before { |
| content: "\e916"; |
| } |
| .pficon-thumb-tack-o:before { |
| content: "\e609"; |
| } |
| .pficon-topology:before { |
| content: "\e608"; |
| } |
| .pficon-trend-down:before { |
| content: "\e900"; |
| } |
| .pficon-trend-up:before { |
| content: "\e901"; |
| } |
| .pficon-user:before { |
| content: "\e60e"; |
| } |
| .pficon-users:before { |
| content: "\e60f"; |
| } |
| .pficon-virtual-machine:before { |
| content: "\e90f"; |
| } |
| .pficon-volume:before { |
| content: "\e910"; |
| } |
| .pficon-warning-triangle-o:before { |
| color: #ec7a08; |
| content: "\e61c"; |
| } |
| .pficon-zone:before { |
| content: "\e911"; |
| } |
| .navbar-nav > li > .dropdown-menu.infotip { |
| border-top-width: 1px !important; |
| margin-top: 10px; |
| } |
| @media (max-width: 767px) { |
| .navbar-pf .navbar-nav .open .dropdown-menu.infotip { |
| background-color: #fff !important; |
| margin-top: 0; |
| } |
| } |
| .infotip { |
| min-width: 235px; |
| padding: 0; |
| } |
| .infotip .list-group { |
| border-top: 0; |
| margin: 0; |
| padding: 8px 0; |
| } |
| .infotip .list-group .list-group-item { |
| border: none; |
| margin: 0 15px 0 34px; |
| padding: 5px 0; |
| } |
| .infotip .list-group .list-group-item > .i { |
| color: #4d5258; |
| font-size: 13px; |
| left: -20px; |
| position: absolute; |
| top: 8px; |
| } |
| .infotip .list-group .list-group-item > a { |
| color: #4d5258; |
| line-height: 13px; |
| } |
| .infotip .list-group .list-group-item > .close { |
| float: right; |
| } |
| .infotip .footer { |
| background-color: #f5f5f5; |
| padding: 6px 15px; |
| } |
| .infotip .footer a:hover { |
| color: #0088ce; |
| } |
| .infotip .arrow, |
| .infotip .arrow:after { |
| border-color: transparent; |
| border-style: solid; |
| display: block; |
| height: 0; |
| position: absolute; |
| width: 0; |
| } |
| .infotip .arrow { |
| border-width: 11px; |
| } |
| .infotip .arrow:after { |
| border-width: 10px; |
| content: ""; |
| } |
| .infotip.bottom .arrow, |
| .infotip.bottom-left .arrow, |
| .infotip.bottom-right .arrow { |
| border-bottom-color: #bbb; |
| border-top-width: 0; |
| left: 50%; |
| margin-left: -11px; |
| top: -11px; |
| } |
| .infotip.bottom .arrow:after, |
| .infotip.bottom-left .arrow:after, |
| .infotip.bottom-right .arrow:after { |
| border-top-width: 0; |
| border-bottom-color: #fff; |
| content: " "; |
| margin-left: -10px; |
| top: 1px; |
| } |
| .infotip.bottom-left .arrow { |
| left: 20%; |
| } |
| .infotip.bottom-right .arrow { |
| left: 80%; |
| } |
| .infotip.top .arrow { |
| border-bottom-width: 0; |
| border-top-color: #bbb; |
| bottom: -11px; |
| left: 50%; |
| margin-left: -11px; |
| } |
| .infotip.top .arrow:after { |
| border-bottom-width: 0; |
| border-top-color: #f5f5f5; |
| bottom: 1px; |
| content: " "; |
| margin-left: -10px; |
| } |
| .infotip.right .arrow { |
| border-left-width: 0; |
| border-right-color: #bbb; |
| left: -11px; |
| margin-top: -11px; |
| top: 50%; |
| } |
| .infotip.right .arrow:after { |
| bottom: -10px; |
| border-left-width: 0; |
| border-right-color: #fff; |
| content: " "; |
| left: 1px; |
| } |
| .infotip.left .arrow { |
| border-left-color: #bbb; |
| border-right-width: 0; |
| margin-top: -11px; |
| right: -11px; |
| top: 50%; |
| } |
| .infotip.left .arrow:after { |
| border-left-color: #fff; |
| border-right-width: 0; |
| bottom: -10px; |
| content: " "; |
| right: 1px; |
| } |
| .layout-pf, |
| .layout-pf body { |
| min-height: 100%; |
| } |
| .layout-pf.layout-pf-fixed.transitions .container-pf-nav-pf-vertical { |
| transition: all 200ms cubic-bezier(0.35, 0, 0.25, 1); |
| } |
| .layout-pf.layout-pf-fixed body { |
| padding-top: 60px; |
| } |
| .layout-pf.layout-pf-fixed .navbar-pf { |
| left: 0; |
| position: fixed; |
| top: 0; |
| right: 0; |
| z-index: 1030; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical { |
| margin-left: 200px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-vertical-with-badges { |
| margin-left: 250px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-nav { |
| margin-left: 75px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-nav.hidden-icons-pf { |
| margin-left: 0; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.hidden-nav { |
| margin-left: 0; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.hide-nav-pf { |
| margin-left: 0 !important; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-secondary-nav-pf, |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-tertiary-nav-pf { |
| margin-left: 200px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges, |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| margin-left: 250px; |
| } |
| @media (min-width: 1200px) { |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf { |
| margin-left: 400px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.nav-pf-vertical-with-badges { |
| margin-left: 500px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.hidden-nav { |
| margin-left: 0; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf { |
| margin-left: 200px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges { |
| margin-left: 250px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-tertiary-nav-pf { |
| margin-left: 200px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| margin-left: 250px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav { |
| margin-left: 275px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.nav-pf-vertical-with-badges { |
| margin-left: 325px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.collapsed-secondary-nav-pf { |
| margin-left: 200px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges { |
| margin-left: 250px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.collapsed-tertiary-nav-pf { |
| margin-left: 200px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| margin-left: 250px; |
| } |
| .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-nav.hidden-icons-pf { |
| margin-left: 0; |
| } |
| } |
| .layout-pf.layout-pf-fixed-with-footer body { |
| padding-bottom: 37px; |
| } |
| .layout-pf-alt, |
| .layout-pf-alt body { |
| min-height: 100%; |
| } |
| .layout-pf-alt.layout-pf-alt-fixed.layout-pf-alt-fixed-inner-scroll, |
| .layout-pf-alt.layout-pf-alt-fixed.layout-pf-alt-fixed-inner-scroll body { |
| height: 100%; |
| min-height: 0; |
| } |
| .layout-pf-alt.layout-pf-alt-fixed.layout-pf-alt-fixed-inner-scroll .container-pf-alt-nav-pf-vertical-alt { |
| height: 100%; |
| overflow: auto; |
| } |
| .layout-pf-alt.layout-pf-alt-fixed.layout-pf-alt-fixed-inner-scroll .container-pf-alt-nav-pf-vertical-alt.container-cards-pf { |
| margin-top: 0; |
| padding-top: 20px; |
| } |
| .layout-pf-alt.layout-pf-alt-fixed.transitions .container-pf-alt-nav-pf-vertical-alt { |
| transition: all 200ms cubic-bezier(0.35, 0, 0.25, 1); |
| } |
| .layout-pf-alt.layout-pf-alt-fixed body { |
| padding-top: 60px; |
| } |
| .layout-pf-alt.layout-pf-alt-fixed .container-pf-alt-nav-pf-vertical-alt { |
| margin-left: 250px; |
| } |
| .layout-pf-alt.layout-pf-alt-fixed .container-pf-alt-nav-pf-vertical-alt.collapsed-nav { |
| margin-left: 75px; |
| } |
| .layout-pf-alt.layout-pf-alt-fixed .container-pf-alt-nav-pf-vertical-alt.hidden-nav { |
| margin-left: 0; |
| } |
| .layout-pf-alt.layout-pf-alt-fixed-with-footer body { |
| padding-bottom: 37px; |
| } |
| a.disabled { |
| color: #8b8d8f; |
| cursor: not-allowed; |
| text-decoration: none; |
| } |
| .list-view-pf .list-group-item { |
| -ms-flex-align: start; |
| align-items: flex-start; |
| background-clip: padding-box; |
| border-color: transparent #fff; |
| border-style: solid; |
| border-width: 1px; |
| display: -ms-flexbox; |
| display: flex; |
| -ms-flex-wrap: wrap; |
| flex-wrap: wrap; |
| padding-bottom: 0; |
| padding-top: 0; |
| } |
| .list-view-pf .list-group-item:before, |
| .list-view-pf .list-group-item:after { |
| content: " "; |
| display: table; |
| } |
| .list-view-pf .list-group-item:after { |
| clear: both; |
| } |
| .list-view-pf .list-group-item.list-view-pf-expand-active { |
| background-color: #ededed; |
| } |
| .list-view-pf .list-group-item.active { |
| color: #555; |
| background-color: #def3ff; |
| background-clip: border-box; |
| border-color: #39a5dc transparent transparent; |
| z-index: auto; |
| } |
| .list-view-pf .list-group-item:hover { |
| background-color: #ededed; |
| border-left-color: transparent; |
| border-right-color: transparent; |
| } |
| .list-view-pf .list-group-item.list-view-pf-expand-active { |
| border: solid 1px #39a5dc; |
| } |
| .list-view-pf .list-group-item.list-view-pf-expand-active:first-child { |
| border-top-color: #39a5dc; |
| } |
| .list-view-pf .list-group-item:first-child { |
| border-top: 1px solid transparent; |
| } |
| @media (min-width: 992px) { |
| .list-view-pf .list-group-item { |
| -ms-flex-align: center; |
| align-items: center; |
| } |
| } |
| .list-view-pf .list-group-item-heading { |
| font-size: 16px; |
| } |
| .list-view-pf .list-group-item-heading small { |
| display: block; |
| font-size: 9.6px; |
| font-weight: 400; |
| } |
| @media (min-width: 992px) { |
| .list-view-pf .list-group-item-heading { |
| -ms-flex: 1 0 calc(25% - 20px); |
| flex: 1 0 calc(25% - 20px); |
| float: left; |
| font-size: 12px; |
| margin: 0 20px 0 0; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| width: calc(25% - 20px); |
| } |
| } |
| .list-view-pf .list-group-item-text { |
| color: currentColor !important; |
| margin-bottom: 10px; |
| } |
| @media (min-width: 992px) { |
| .list-view-pf .list-group-item-text { |
| -ms-flex: 1 0 auto; |
| flex: 1 0 auto; |
| float: left; |
| margin: 0 40px 0 0; |
| width: calc(75% - 40px); |
| } |
| } |
| .list-view-pf-actions { |
| float: right; |
| margin-bottom: 20px; |
| margin-left: 20px; |
| margin-top: 20px; |
| -ms-flex-order: 2; |
| order: 2; |
| } |
| .list-view-pf-actions button, |
| .list-view-pf-actions > a, |
| .list-view-pf-actions .dropdown-kebab-pf { |
| margin-left: 10px; |
| } |
| .list-view-pf-top-align .list-view-pf-actions { |
| -ms-flex-item-align: start; |
| align-self: flex-start; |
| } |
| .list-view-pf-additional-info { |
| -ms-flex-align: center; |
| align-items: center; |
| display: -ms-flexbox; |
| display: flex; |
| -ms-flex-wrap: wrap; |
| flex-wrap: wrap; |
| } |
| @media (min-width: 992px) { |
| .list-view-pf-additional-info { |
| -ms-flex: 1 0 auto; |
| flex: 1 0 auto; |
| float: left; |
| width: 50%; |
| } |
| } |
| .list-view-pf-additional-info-item { |
| -ms-flex-align: center; |
| align-items: center; |
| display: inline-block; |
| margin-right: 20px; |
| max-width: 100%; |
| text-align: center; |
| } |
| @supports (display: flex) { |
| .list-view-pf-additional-info-item { |
| display: -ms-flexbox; |
| display: flex; |
| } |
| } |
| .list-view-pf-additional-info-item.list-view-pf-additional-info-item-stacked { |
| text-align: center; |
| -ms-flex-direction: column; |
| flex-direction: column; |
| } |
| .list-view-pf-additional-info-item.list-view-pf-additional-info-item-stacked strong { |
| font-size: 13px; |
| line-height: 1em; |
| } |
| .list-view-pf-additional-info-item .pficon, |
| .list-view-pf-additional-info-item .fa { |
| font-size: 16px; |
| margin-right: 10px; |
| } |
| .list-view-pf-additional-info-item strong { |
| font-size: 16px; |
| font-weight: 600; |
| margin-right: 5px; |
| } |
| .list-view-pf-additional-info-item:last-child { |
| margin-right: 0; |
| } |
| .list-view-pf-additional-info-item-donut-chart { |
| width: 60px; |
| } |
| .list-view-pf-body { |
| -ms-flex-align: center; |
| align-items: center; |
| display: table-cell; |
| -ms-flex: 1; |
| flex: 1; |
| min-width: 0; |
| vertical-align: top; |
| width: 100%; |
| } |
| @media (min-width: 992px) { |
| .list-view-pf-body { |
| -ms-flex-align: center; |
| align-items: center; |
| display: -ms-flexbox; |
| display: flex; |
| -ms-flex-direction: row; |
| flex-direction: row; |
| } |
| } |
| .list-view-pf-checkbox { |
| border-right: 1px solid #d1d1d1; |
| float: left; |
| margin-bottom: 20px; |
| margin-right: 15px; |
| margin-top: 20px; |
| padding: 3px 10px 3px 0; |
| } |
| .list-view-pf-top-align .list-view-pf-checkbox { |
| -ms-flex-item-align: start; |
| align-self: flex-start; |
| } |
| .list-view-pf-description { |
| -ms-flex: 1 0 50%; |
| flex: 1 0 50%; |
| } |
| .list-view-pf-stacked .list-view-pf-description { |
| display: block; |
| -ms-flex: none; |
| flex: none; |
| } |
| @media (min-width: 992px) { |
| .list-view-pf-description { |
| -ms-flex-align: center; |
| align-items: center; |
| display: -ms-flexbox; |
| display: flex; |
| float: left; |
| width: 50%; |
| } |
| } |
| .list-view-pf-left { |
| display: table-cell; |
| padding-right: 20px; |
| text-align: center; |
| vertical-align: top; |
| } |
| .list-view-pf-left .list-view-pf-calendar { |
| font-size: 11px; |
| line-height: 1em; |
| } |
| .list-view-pf-left .list-view-pf-calendar strong { |
| display: block; |
| font-size: 44px; |
| font-weight: 300; |
| line-height: 1em; |
| } |
| .list-view-pf-left .pficon, |
| .list-view-pf-left .fa { |
| border-radius: 50%; |
| font-size: 2em; |
| } |
| .list-view-pf-left .pficon.list-view-pf-icon-md, |
| .list-view-pf-left .fa.list-view-pf-icon-md { |
| background-color: #f5f5f5; |
| height: 50px; |
| line-height: 50px; |
| width: 50px; |
| } |
| .list-view-pf-left .pficon.list-view-pf-icon-danger, |
| .list-view-pf-left .fa.list-view-pf-icon-danger { |
| background-color: #ffe6e6; |
| color: #cc0000; |
| } |
| .list-view-pf-left .pficon.list-view-pf-icon-info, |
| .list-view-pf-left .fa.list-view-pf-icon-info { |
| color: #8b8d8f; |
| } |
| .list-view-pf-left .pficon.list-view-pf-icon-lg, |
| .list-view-pf-left .fa.list-view-pf-icon-lg { |
| background-color: #f5f5f5; |
| height: 60px; |
| line-height: 60px; |
| width: 60px; |
| } |
| .list-view-pf-left .pficon.list-view-pf-icon-sm, |
| .list-view-pf-left .fa.list-view-pf-icon-sm { |
| border: 2px solid #39a5dc; |
| font-size: 1.4em; |
| height: 30px; |
| line-height: 30px; |
| width: 30px; |
| } |
| .list-view-pf-left .pficon.list-view-pf-icon-sm:before, |
| .list-view-pf-left .fa.list-view-pf-icon-sm:before { |
| display: block; |
| line-height: 26px; |
| } |
| .list-view-pf-left .pficon.list-view-pf-icon-success, |
| .list-view-pf-left .fa.list-view-pf-icon-success { |
| background-color: #e9f4e9; |
| color: #3f9c35; |
| } |
| .list-view-pf-left .pficon.list-view-pf-icon-warning, |
| .list-view-pf-left .fa.list-view-pf-icon-warning { |
| background-color: #fdf2e5; |
| color: #ec7a08; |
| } |
| .list-view-pf-main-info { |
| -ms-flex-align: start; |
| align-items: flex-start; |
| display: -ms-flexbox; |
| display: flex; |
| -ms-flex: 1; |
| flex: 1; |
| min-width: 0; |
| padding-bottom: 20px; |
| padding-top: 20px; |
| } |
| @media (min-width: 992px) { |
| .list-view-pf-main-info { |
| -ms-flex-align: center; |
| align-items: center; |
| } |
| .list-view-pf-top-align .list-view-pf-main-info { |
| -ms-flex-align: start; |
| align-items: flex-start; |
| } |
| } |
| .list-view-pf-stacked .list-group-item-heading { |
| float: none; |
| font-size: 16px; |
| line-height: 1.2em; |
| margin-bottom: 5px; |
| margin-right: 40px; |
| width: auto; |
| } |
| .list-view-pf-stacked .list-group-item-text { |
| float: none; |
| width: auto; |
| } |
| .list-view-pf-view { |
| background: #ededed; |
| border: none; |
| margin-top: 30px; |
| } |
| .list-group-item-header { |
| box-sizing: content-box; |
| cursor: pointer; |
| margin: 0 -15px; |
| padding: 0 15px; |
| width: 100%; |
| } |
| .list-view-pf-expand { |
| cursor: pointer; |
| float: left; |
| margin-bottom: 20px; |
| margin-right: 2px; |
| margin-top: 20px; |
| padding: 3px 0; |
| } |
| .list-view-pf-expand.active, |
| .list-view-pf-expand:hover { |
| color: #0088ce; |
| } |
| .list-view-pf-additional-info-item .list-view-pf-expand { |
| margin: 0; |
| padding: 0; |
| } |
| .list-view-pf-expand .fa-angle-right { |
| cursor: pointer; |
| font-size: 17px; |
| margin-right: 5px; |
| margin-top: 2px; |
| width: 10px; |
| } |
| .list-group-item-container { |
| background: #fff; |
| border-top: solid 1px #39a5dc; |
| box-sizing: content-box; |
| margin: -1px -15px 0; |
| -ms-flex-order: 3; |
| order: 3; |
| padding: 10px 15px; |
| position: relative; |
| width: 100%; |
| } |
| .login-pf { |
| height: 100%; |
| } |
| .login-pf #brand { |
| position: relative; |
| top: -70px; |
| } |
| .login-pf #brand img { |
| display: block; |
| height: 18px; |
| margin: 0 auto; |
| max-width: 100%; |
| } |
| @media (min-width: 768px) { |
| .login-pf #brand img { |
| margin: 0; |
| text-align: left; |
| } |
| } |
| .login-pf #badge { |
| display: block; |
| margin: 20px auto 70px; |
| position: relative; |
| text-align: center; |
| } |
| @media (min-width: 768px) { |
| .login-pf #badge { |
| float: right; |
| margin-right: 64px; |
| margin-top: 50px; |
| } |
| } |
| .login-pf body { |
| background: #030303 url("../img/bg-login.jpg") repeat-x 50% 0; |
| background-size: auto; |
| } |
| @media (min-width: 768px) { |
| .login-pf body { |
| background-size: 100% auto; |
| } |
| } |
| .login-pf .container { |
| background-color: rgba(255, 255, 255, 0.055); |
| clear: right; |
| color: #fff; |
| padding-bottom: 40px; |
| padding-top: 20px; |
| width: auto; |
| } |
| @media (min-width: 768px) { |
| .login-pf .container { |
| bottom: 13%; |
| padding-left: 80px; |
| position: absolute; |
| width: 100%; |
| } |
| } |
| .login-pf .container [class^="alert"] { |
| background: transparent; |
| color: #fff; |
| } |
| .login-pf .container .details p:first-child { |
| border-top: 1px solid rgba(255, 255, 255, 0.3); |
| padding-top: 25px; |
| margin-top: 25px; |
| } |
| @media (min-width: 768px) { |
| .login-pf .container .details { |
| border-left: 1px solid rgba(255, 255, 255, 0.3); |
| padding-left: 40px; |
| } |
| .login-pf .container .details p:first-child { |
| border-top: 0; |
| padding-top: 0; |
| margin-top: 0; |
| } |
| } |
| .login-pf .container .details p { |
| margin-bottom: 2px; |
| } |
| .login-pf .container .form-horizontal .control-label { |
| font-size: 13px; |
| font-weight: 400; |
| text-align: left; |
| } |
| .login-pf .container .form-horizontal .form-group:last-child, |
| .login-pf .container .form-horizontal .form-group:last-child .help-block:last-child { |
| margin-bottom: 0; |
| } |
| .login-pf .container .help-block { |
| color: #fff; |
| } |
| @media (min-width: 768px) { |
| .login-pf .container .login { |
| padding-right: 40px; |
| } |
| } |
| .login-pf .container .submit { |
| text-align: right; |
| } |
| .navbar-pf { |
| background: #030303; |
| border: 0; |
| border-radius: 0; |
| border-top: 3px solid #39a5dc; |
| margin-bottom: 0; |
| min-height: 0; |
| } |
| .navbar-pf .navbar-brand { |
| color: #f5f5f5; |
| height: auto; |
| padding: 12px 0; |
| margin: 0 0 0 20px; |
| } |
| .navbar-pf .navbar-brand img { |
| display: block; |
| } |
| .navbar-pf .navbar-collapse { |
| border-top: 0; |
| box-shadow: none; |
| padding: 0; |
| } |
| .navbar-pf .navbar-header { |
| border-bottom: 1px solid #292929; |
| float: none; |
| } |
| .navbar-pf .navbar-nav { |
| margin: 0; |
| } |
| .navbar-pf .navbar-nav > .active > a, |
| .navbar-pf .navbar-nav > .active > a:hover, |
| .navbar-pf .navbar-nav > .active > a:focus { |
| background-color: #232323; |
| color: #f5f5f5; |
| } |
| .navbar-pf .navbar-nav > li > a { |
| color: #d1d1d1; |
| line-height: 1; |
| padding: 10px 20px; |
| text-shadow: none; |
| } |
| .navbar-pf .navbar-nav > li > a:hover, |
| .navbar-pf .navbar-nav > li > a:focus { |
| color: #f5f5f5; |
| } |
| .navbar-pf .navbar-nav > .open > a, |
| .navbar-pf .navbar-nav > .open > a:hover, |
| .navbar-pf .navbar-nav > .open > a:focus { |
| background-color: #232323; |
| color: #f5f5f5; |
| } |
| @media (max-width: 767px) { |
| .navbar-pf .navbar-nav .active .dropdown-menu, |
| .navbar-pf .navbar-nav .active .navbar-persistent, |
| .navbar-pf .navbar-nav .open .dropdown-menu { |
| background-color: #171717 !important; |
| margin-left: 0; |
| padding-bottom: 0; |
| padding-top: 0; |
| } |
| .navbar-pf .navbar-nav .active .dropdown-menu > .active > a, |
| .navbar-pf .navbar-nav .active .navbar-persistent > .active > a, |
| .navbar-pf .navbar-nav .open .dropdown-menu > .active > a, |
| .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-submenu.open > a, |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu.open > a, |
| .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu.open > a, |
| .navbar-pf .navbar-nav .active .dropdown-menu > .active > a:hover, |
| .navbar-pf .navbar-nav .active .navbar-persistent > .active > a:hover, |
| .navbar-pf .navbar-nav .open .dropdown-menu > .active > a:hover, |
| .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-submenu.open > a:hover, |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu.open > a:hover, |
| .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu.open > a:hover, |
| .navbar-pf .navbar-nav .active .dropdown-menu > .active > a:focus, |
| .navbar-pf .navbar-nav .active .navbar-persistent > .active > a:focus, |
| .navbar-pf .navbar-nav .open .dropdown-menu > .active > a:focus, |
| .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-submenu.open > a:focus, |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu.open > a:focus, |
| .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu.open > a:focus { |
| background-color: #1f1f1f !important; |
| color: #f5f5f5; |
| } |
| .navbar-pf .navbar-nav .active .dropdown-menu > li > a, |
| .navbar-pf .navbar-nav .active .navbar-persistent > li > a, |
| .navbar-pf .navbar-nav .open .dropdown-menu > li > a { |
| background-color: transparent; |
| border: 0; |
| color: #d1d1d1; |
| outline: none; |
| padding-left: 30px; |
| } |
| .navbar-pf .navbar-nav .active .dropdown-menu > li > a:hover, |
| .navbar-pf .navbar-nav .active .navbar-persistent > li > a:hover, |
| .navbar-pf .navbar-nav .open .dropdown-menu > li > a:hover { |
| color: #f5f5f5; |
| } |
| .navbar-pf .navbar-nav .active .dropdown-menu .divider, |
| .navbar-pf .navbar-nav .active .navbar-persistent .divider, |
| .navbar-pf .navbar-nav .open .dropdown-menu .divider { |
| background-color: #292929; |
| margin: 0 1px; |
| } |
| .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-header, |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-header, |
| .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-header { |
| padding-bottom: 0; |
| padding-left: 30px; |
| } |
| .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-submenu.open .dropdown-toggle, |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu.open .dropdown-toggle, |
| .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu.open .dropdown-toggle { |
| color: #f5f5f5; |
| } |
| .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-submenu.pull-left, |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu.pull-left, |
| .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu.pull-left { |
| float: none !important; |
| } |
| .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-submenu > a:after, |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu > a:after, |
| .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu > a:after { |
| display: none; |
| } |
| .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-submenu .dropdown-header, |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu .dropdown-header, |
| .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu .dropdown-header { |
| padding-left: 45px; |
| } |
| .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-submenu .dropdown-menu, |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu .dropdown-menu, |
| .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu .dropdown-menu { |
| border: 0; |
| bottom: auto; |
| box-shadow: none; |
| display: block; |
| float: none; |
| margin: 0; |
| min-width: 0; |
| padding: 0; |
| position: relative; |
| left: auto; |
| right: auto; |
| top: auto; |
| } |
| .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-submenu .dropdown-menu > li > a, |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu .dropdown-menu > li > a, |
| .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu .dropdown-menu > li > a { |
| padding: 5px 15px 5px 45px; |
| line-height: 20px; |
| } |
| .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-menu > li > a, |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu .dropdown-menu .dropdown-menu > li > a, |
| .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-menu > li > a { |
| padding-left: 60px; |
| } |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu.open .dropdown-menu { |
| display: block; |
| } |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu > a:after { |
| display: inline-block !important; |
| position: relative; |
| right: auto; |
| top: 1px; |
| } |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu .dropdown-menu { |
| display: none; |
| } |
| .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu .dropdown-submenu > a:after { |
| display: none !important; |
| } |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu { |
| background-color: #fff !important; |
| } |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .active > a, |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .active > a:active { |
| background-color: #def3ff !important; |
| border-color: #bee1f4 !important; |
| color: #363636 !important; |
| } |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .active > a small, |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .active > a:active small { |
| color: #9c9c9c !important; |
| } |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .disabled > a { |
| color: #9c9c9c !important; |
| } |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .selected > a, |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .selected > a:active { |
| background-color: #0088ce !important; |
| border-color: #0088ce !important; |
| color: #fff !important; |
| } |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .selected > a small, |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .selected > a:active small { |
| color: rgba(255, 255, 255, 0.5) !important; |
| } |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu li > a.opt { |
| border-bottom: 1px solid transparent; |
| border-top: 1px solid transparent; |
| color: #363636; |
| padding-left: 10px; |
| padding-right: 10px; |
| } |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu li a:active small { |
| color: rgba(255, 255, 255, 0.5) !important; |
| } |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu li a:hover small, |
| .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu li a:focus small { |
| color: #9c9c9c; |
| } |
| .navbar-pf .navbar-nav .context-bootstrap-select > .open > .dropdown-menu { |
| padding-bottom: 5px; |
| padding-top: 5px; |
| } |
| } |
| .navbar-pf .navbar-persistent { |
| display: none; |
| } |
| .navbar-pf .active > .navbar-persistent { |
| display: block; |
| } |
| .navbar-pf .navbar-primary { |
| float: none; |
| } |
| .navbar-pf .navbar-primary .context { |
| border-bottom: 1px solid #292929; |
| } |
| .navbar-pf .navbar-primary .context.context-bootstrap-select .bootstrap-select.btn-group, |
| .navbar-pf .navbar-primary .context.context-bootstrap-select .bootstrap-select.btn-group[class*="span"] { |
| margin: 8px 20px 9px; |
| width: auto; |
| } |
| .navbar-pf .navbar-primary > li > .navbar-persistent > .dropdown-submenu > a { |
| position: relative; |
| } |
| .navbar-pf .navbar-primary > li > .navbar-persistent > .dropdown-submenu > a:after { |
| content: "\f107"; |
| display: inline-block; |
| font-family: "FontAwesome"; |
| font-weight: normal; |
| } |
| @media (max-width: 767px) { |
| .navbar-pf .navbar-primary > li > .navbar-persistent > .dropdown-submenu > a:after { |
| height: 10px; |
| margin-left: 4px; |
| vertical-align: baseline; |
| } |
| } |
| .navbar-pf .navbar-toggle { |
| border: 0; |
| margin: 0; |
| padding: 10px 20px; |
| } |
| .navbar-pf .navbar-toggle:hover, |
| .navbar-pf .navbar-toggle:focus { |
| background-color: transparent; |
| outline: none; |
| } |
| .navbar-pf .navbar-toggle:hover .icon-bar, |
| .navbar-pf .navbar-toggle:focus .icon-bar { |
| box-shadow: 0 0 3px #fff; |
| } |
| .navbar-pf .navbar-toggle .icon-bar { |
| background-color: #fff; |
| } |
| .navbar-pf .navbar-utility { |
| border-bottom: 1px solid #292929; |
| } |
| .navbar-pf .navbar-utility li.dropdown > .dropdown-toggle { |
| padding-left: 36px; |
| position: relative; |
| } |
| .navbar-pf .navbar-utility li.dropdown > .dropdown-toggle .pficon-user { |
| left: 20px; |
| position: absolute; |
| top: 10px; |
| } |
| @media (max-width: 767px) { |
| .navbar-pf .navbar-utility > li + li { |
| border-top: 1px solid #292929; |
| } |
| } |
| @media (min-width: 768px) { |
| .navbar-pf .navbar-brand { |
| padding: 8px 0 7px; |
| } |
| .navbar-pf .navbar-nav > li > a { |
| padding-bottom: 14px; |
| padding-top: 14px; |
| } |
| .navbar-pf .navbar-persistent { |
| font-size: 14px; |
| } |
| .navbar-pf .navbar-primary { |
| font-size: 14px; |
| background-image: linear-gradient(to bottom, #1d1d1d 0%, #030303 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1d1d1d', endColorstr='#ff030303', GradientType=0); |
| } |
| .navbar-pf .navbar-primary.persistent-secondary .context .dropdown-menu { |
| top: auto; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary .dropup .dropdown-menu { |
| bottom: -5px; |
| top: auto; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li { |
| position: static; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li.active { |
| margin-bottom: 32px; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li.active > .navbar-persistent { |
| display: block; |
| left: 0; |
| position: absolute; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent { |
| background: #f5f5f5; |
| border-bottom: 1px solid #d1d1d1; |
| padding: 0; |
| width: 100%; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent a { |
| text-decoration: none !important; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active:before, |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active:hover:before { |
| background: #0088ce; |
| bottom: -1px; |
| content: ""; |
| display: block; |
| height: 2px; |
| left: 20px; |
| position: absolute; |
| right: 20px; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active > a, |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active > a:hover, |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active:hover > a { |
| color: #0088ce !important; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active .active > a { |
| color: #f5f5f5; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.dropdown-submenu:hover > .dropdown-menu { |
| display: none; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.dropdown-submenu.open > .dropdown-menu { |
| display: block; |
| left: 20px; |
| margin-top: 1px; |
| top: 100%; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.dropdown-submenu.open > .dropdown-toggle { |
| color: #252525; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.dropdown-submenu.open > .dropdown-toggle:after { |
| border-top-color: #252525; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.dropdown-submenu > .dropdown-toggle { |
| padding-right: 35px !important; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.dropdown-submenu > .dropdown-toggle:after { |
| position: absolute; |
| right: 20px; |
| top: 10px; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li:hover:before, |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.open:before { |
| background: #bbb; |
| bottom: -1px; |
| content: ""; |
| display: block; |
| height: 2px; |
| left: 20px; |
| position: absolute; |
| right: 20px; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li:hover > a, |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.open > a { |
| color: #252525; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li:hover > a:after, |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.open > a:after { |
| border-top-color: #252525; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li > a { |
| background-color: transparent; |
| display: block; |
| line-height: 1; |
| padding: 9px 20px; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li > a.dropdown-toggle { |
| padding-right: 35px; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li > a.dropdown-toggle:after { |
| font-size: 15px; |
| position: absolute; |
| right: 20px; |
| top: 9px; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li > a:hover { |
| color: #252525; |
| } |
| .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li a { |
| color: #4d5258; |
| } |
| .navbar-pf .navbar-primary > li > a { |
| border-bottom: 1px solid transparent; |
| border-top: 1px solid transparent; |
| position: relative; |
| margin: -1px 0 0; |
| } |
| .navbar-pf .navbar-primary > li > a:hover { |
| background-color: #1d1d1d; |
| border-top-color: #5c5c5c; |
| color: #d1d1d1; |
| background-image: linear-gradient(to bottom, #363636 0%, #1d1d1d 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff363636', endColorstr='#ff1d1d1d', GradientType=0); |
| } |
| .navbar-pf .navbar-primary > .active > a, |
| .navbar-pf .navbar-primary > .active > a:hover, |
| .navbar-pf .navbar-primary > .active > a:focus, |
| .navbar-pf .navbar-primary > .open > a, |
| .navbar-pf .navbar-primary > .open > a:hover, |
| .navbar-pf .navbar-primary > .open > a:focus { |
| background-color: #303030; |
| border-bottom-color: #303030; |
| border-top-color: #696969; |
| box-shadow: none; |
| color: #f5f5f5; |
| background-image: linear-gradient(to bottom, #434343 0%, #303030 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff434343', endColorstr='#ff303030', GradientType=0); |
| } |
| .navbar-pf .navbar-primary li.context.context-bootstrap-select .filter-option { |
| max-width: 160px; |
| text-overflow: ellipsis; |
| } |
| .navbar-pf .navbar-primary li.context.dropdown { |
| border-bottom: 0; |
| } |
| .navbar-pf .navbar-primary li.context > a, |
| .navbar-pf .navbar-primary li.context.context-bootstrap-select { |
| background-color: #1f1f1f; |
| border-bottom-color: #3e3e3e; |
| border-right: 1px solid #3e3e3e; |
| border-top-color: #3b3b3b; |
| font-weight: 600; |
| background-image: linear-gradient(to bottom, #323232 0%, #1f1f1f 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff323232', endColorstr='#ff1f1f1f', GradientType=0); |
| } |
| .navbar-pf .navbar-primary li.context > a:hover, |
| .navbar-pf .navbar-primary li.context.context-bootstrap-select:hover { |
| background-color: #323232; |
| border-bottom-color: #4a4a4a; |
| border-right-color: #4a4a4a; |
| border-top-color: #4a4a4a; |
| background-image: linear-gradient(to bottom, #3f3f3f 0%, #323232 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f3f3f', endColorstr='#ff323232', GradientType=0); |
| } |
| .navbar-pf .navbar-primary li.context.open > a { |
| background-color: #454545; |
| border-bottom-color: #575757; |
| border-right-color: #575757; |
| border-top-color: #5a5a5a; |
| background-image: linear-gradient(to bottom, #4c4c4c 0%, #454545 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c4c4c', endColorstr='#ff454545', GradientType=0); |
| } |
| .navbar-pf .navbar-utility { |
| border-bottom: 0; |
| font-size: 11px; |
| position: absolute; |
| right: 0; |
| top: 0; |
| } |
| .navbar-pf .navbar-utility > .active > a, |
| .navbar-pf .navbar-utility > .active > a:hover, |
| .navbar-pf .navbar-utility > .active > a:focus, |
| .navbar-pf .navbar-utility > .open > a, |
| .navbar-pf .navbar-utility > .open > a:hover, |
| .navbar-pf .navbar-utility > .open > a:focus { |
| background: #363636; |
| color: #d1d1d1; |
| } |
| .navbar-pf .navbar-utility > li > a { |
| border-left: 1px solid #2b2b2b; |
| color: #d1d1d1 !important; |
| padding: 7px 10px; |
| } |
| .navbar-pf .navbar-utility > li > a:hover { |
| background: #232323; |
| border-left-color: #373737; |
| } |
| .navbar-pf .navbar-utility > li.open > a { |
| border-left-color: #444444; |
| color: #f5f5f5 !important; |
| } |
| .navbar-pf .navbar-utility li.dropdown > .dropdown-toggle { |
| padding-left: 26px; |
| } |
| .navbar-pf .navbar-utility li.dropdown > .dropdown-toggle .pficon-user { |
| left: 10px; |
| top: 7px; |
| } |
| .navbar-pf .navbar-utility .open .dropdown-menu { |
| left: auto; |
| right: 0; |
| } |
| .navbar-pf .navbar-utility .open .dropdown-menu .dropdown-menu { |
| left: auto; |
| right: 100%; |
| } |
| .navbar-pf .navbar-utility .open .dropdown-menu { |
| border-top-width: 0; |
| } |
| .navbar-pf .open.bootstrap-select .dropdown-menu, |
| .navbar-pf .open .dropdown-submenu > .dropdown-menu { |
| border-top-width: 1px !important; |
| } |
| } |
| @media (max-width: 360px) { |
| .navbar-pf .navbar-brand { |
| margin-left: 10px; |
| width: 75%; |
| } |
| .navbar-pf .navbar-brand img { |
| height: auto; |
| max-width: 100%; |
| } |
| .navbar-pf .navbar-toggle { |
| padding-left: 0; |
| } |
| } |
| .navbar-pf-alt { |
| background-color: #030303; |
| background-image: "bg-navbar-pf-alt.svg"; |
| background-repeat: no-repeat; |
| background-size: auto 100%; |
| border: none; |
| border-radius: 0; |
| border-top: 2px solid #39a5dc; |
| margin-bottom: 0; |
| } |
| .navbar-pf-alt .infotip.bottom-right .arrow { |
| left: 90%; |
| } |
| .layout-pf-alt-fixed .navbar-pf-alt { |
| left: 0; |
| position: fixed; |
| right: 0; |
| top: 0; |
| z-index: 1030; |
| } |
| .navbar-pf-alt .nav.navbar-nav > li > .dropdown-menu.infotip { |
| margin-top: 0; |
| } |
| .navbar-pf-alt .nav .nav-item-iconic { |
| cursor: pointer; |
| line-height: 1; |
| max-height: 58px; |
| padding: 21px 12px; |
| position: relative; |
| } |
| .navbar-pf-alt .nav .nav-item-iconic:hover, |
| .navbar-pf-alt .nav .nav-item-iconic:focus { |
| background-color: transparent; |
| } |
| .navbar-pf-alt .nav .nav-item-iconic:hover .caret, |
| .navbar-pf-alt .nav .nav-item-iconic:focus .caret, |
| .navbar-pf-alt .nav .nav-item-iconic:hover .fa, |
| .navbar-pf-alt .nav .nav-item-iconic:focus .fa, |
| .navbar-pf-alt .nav .nav-item-iconic:hover .glyphicon, |
| .navbar-pf-alt .nav .nav-item-iconic:focus .glyphicon, |
| .navbar-pf-alt .nav .nav-item-iconic:hover .pficon, |
| .navbar-pf-alt .nav .nav-item-iconic:focus .pficon { |
| color: #fff; |
| } |
| .navbar-pf-alt .nav .nav-item-iconic .badge { |
| background-color: #cc0000; |
| border-radius: 20px; |
| color: #fff; |
| cursor: pointer; |
| font-size: 9px; |
| font-weight: 700; |
| margin: 0 0 -11px -12px; |
| min-width: 0; |
| padding: 2px 4px; |
| } |
| .navbar-pf-alt .nav .nav-item-iconic .caret, |
| .navbar-pf-alt .nav .nav-item-iconic .fa, |
| .navbar-pf-alt .nav .nav-item-iconic .pficon { |
| color: #d1d1d1; |
| font-size: 16px; |
| } |
| .navbar-pf-alt .nav .nav-item-iconic .caret { |
| font-size: 12px; |
| width: auto; |
| } |
| .navbar-pf-alt .nav .open > .nav-item-iconic, |
| .navbar-pf-alt .nav .open > .nav-item-iconic:hover, |
| .navbar-pf-alt .nav .open > .nav-item-iconic:focus { |
| background: transparent; |
| } |
| .navbar-pf-alt .nav .open > .nav-item-iconic .caret, |
| .navbar-pf-alt .nav .open > .nav-item-iconic:hover .caret, |
| .navbar-pf-alt .nav .open > .nav-item-iconic:focus .caret, |
| .navbar-pf-alt .nav .open > .nav-item-iconic .fa, |
| .navbar-pf-alt .nav .open > .nav-item-iconic:hover .fa, |
| .navbar-pf-alt .nav .open > .nav-item-iconic:focus .fa, |
| .navbar-pf-alt .nav .open > .nav-item-iconic .pficon, |
| .navbar-pf-alt .nav .open > .nav-item-iconic:hover .pficon, |
| .navbar-pf-alt .nav .open > .nav-item-iconic:focus .pficon { |
| color: #fff; |
| } |
| .navbar-pf-alt .navbar-brand { |
| color: #fff; |
| height: auto; |
| margin: 0 0 0 25px; |
| min-height: 35px; |
| padding: 11px 0 12px; |
| } |
| .navbar-pf-alt .navbar-brand .navbar-brand-name { |
| display: inline; |
| margin-left: 0 15px 0 0; |
| margin-right: 0 15px 0 0; |
| } |
| @media (max-width: 480px) { |
| .navbar-pf-alt .navbar-brand .navbar-brand-name { |
| display: none; |
| } |
| } |
| .navbar-pf-alt .navbar-brand .navbar-brand-icon { |
| display: inline; |
| margin-left: 0 15px 0 0; |
| margin-right: 0 15px 0 0; |
| } |
| .navbar-pf-alt .navbar-iconic { |
| margin-right: 0; |
| } |
| .navbar-pf-alt .navbar-toggle { |
| border: 0; |
| display: block; |
| float: left; |
| margin: 13px 15px; |
| } |
| .navbar-pf-alt .navbar-toggle:hover .icon-bar, |
| .navbar-pf-alt .navbar-toggle:focus .icon-bar { |
| background: #fff; |
| } |
| .navbar-pf-alt .navbar-toggle + .navbar-brand { |
| margin-left: 0; |
| } |
| .navbar-pf-alt .navbar-toggle .icon-bar { |
| background: #d1d1d1; |
| } |
| .navbar-pf-vertical { |
| background-color: #1d1d1d; |
| border: none; |
| border-radius: 0; |
| border-top: 2px solid #39a5dc; |
| margin-bottom: 0; |
| } |
| .navbar-pf-vertical .infotip.bottom-right .arrow { |
| left: 90%; |
| } |
| .layout-pf-fixed .navbar-pf-vertical { |
| left: 0; |
| position: fixed; |
| right: 0; |
| top: 0; |
| z-index: 1030; |
| } |
| .navbar-pf-vertical .nav.navbar-nav > li > .dropdown-menu.infotip { |
| margin-top: 0; |
| } |
| .navbar-pf-vertical .nav .nav-item-iconic { |
| cursor: pointer; |
| line-height: 1; |
| max-height: 58px; |
| padding: 21px 12px; |
| position: relative; |
| } |
| .navbar-pf-vertical .nav .nav-item-iconic:hover, |
| .navbar-pf-vertical .nav .nav-item-iconic:focus { |
| background-color: transparent; |
| } |
| .navbar-pf-vertical .nav .nav-item-iconic:hover .caret, |
| .navbar-pf-vertical .nav .nav-item-iconic:focus .caret, |
| .navbar-pf-vertical .nav .nav-item-iconic:hover .fa, |
| .navbar-pf-vertical .nav .nav-item-iconic:focus .fa, |
| .navbar-pf-vertical .nav .nav-item-iconic:hover .glyphicon, |
| .navbar-pf-vertical .nav .nav-item-iconic:focus .glyphicon, |
| .navbar-pf-vertical .nav .nav-item-iconic:hover .pficon, |
| .navbar-pf-vertical .nav .nav-item-iconic:focus .pficon { |
| color: #fff; |
| } |
| .navbar-pf-vertical .nav .nav-item-iconic .badge { |
| background-color: #cc0000; |
| border-radius: 20px; |
| color: #fff; |
| cursor: pointer; |
| font-size: 9px; |
| font-weight: 700; |
| margin: 0 0 -11px -12px; |
| min-width: 0; |
| padding: 2px 4px; |
| } |
| .navbar-pf-vertical .nav .nav-item-iconic .caret, |
| .navbar-pf-vertical .nav .nav-item-iconic .fa, |
| .navbar-pf-vertical .nav .nav-item-iconic .pficon { |
| color: #d1d1d1; |
| font-size: 16px; |
| } |
| .navbar-pf-vertical .nav .nav-item-iconic .caret { |
| font-size: 12px; |
| width: auto; |
| } |
| .navbar-pf-vertical .nav .open > .nav-item-iconic, |
| .navbar-pf-vertical .nav .open > .nav-item-iconic:hover, |
| .navbar-pf-vertical .nav .open > .nav-item-iconic:focus { |
| background: transparent; |
| } |
| .navbar-pf-vertical .nav .open > .nav-item-iconic .caret, |
| .navbar-pf-vertical .nav .open > .nav-item-iconic:hover .caret, |
| .navbar-pf-vertical .nav .open > .nav-item-iconic:focus .caret, |
| .navbar-pf-vertical .nav .open > .nav-item-iconic .fa, |
| .navbar-pf-vertical .nav .open > .nav-item-iconic:hover .fa, |
| .navbar-pf-vertical .nav .open > .nav-item-iconic:focus .fa, |
| .navbar-pf-vertical .nav .open > .nav-item-iconic .pficon, |
| .navbar-pf-vertical .nav .open > .nav-item-iconic:hover .pficon, |
| .navbar-pf-vertical .nav .open > .nav-item-iconic:focus .pficon { |
| color: #fff; |
| } |
| .navbar-pf-vertical .navbar-brand { |
| color: #fff; |
| height: auto; |
| margin: 0 0 0 25px; |
| min-height: 35px; |
| padding: 11px 0 12px; |
| } |
| .navbar-pf-vertical .navbar-brand .navbar-brand-name { |
| display: inline-block; |
| margin: 0 15px 0 0; |
| } |
| @media (max-width: 480px) { |
| .navbar-pf-vertical .navbar-brand .navbar-brand-name { |
| display: none; |
| } |
| } |
| .navbar-pf-vertical .navbar-brand .navbar-brand-icon { |
| display: inline-block; |
| margin: 0 15px 0 0; |
| } |
| .navbar-pf-vertical .navbar-iconic { |
| margin-right: 0; |
| } |
| .navbar-pf-vertical .navbar-toggle { |
| border: 0; |
| display: block; |
| float: left; |
| margin: 13px 15px; |
| } |
| .navbar-pf-vertical .navbar-toggle:hover .icon-bar, |
| .navbar-pf-vertical .navbar-toggle:focus .icon-bar { |
| background: #fff; |
| } |
| .navbar-pf-vertical .navbar-toggle + .navbar-brand { |
| margin-left: 0; |
| } |
| .navbar-pf-vertical .navbar-toggle .icon-bar { |
| background: #d1d1d1; |
| } |
| .layout-pf-alt-fixed.transitions .nav-pf-vertical-alt { |
| transition: all 200ms cubic-bezier(0.35, 0, 0.25, 1); |
| } |
| .layout-pf-alt-fixed.transitions .nav-pf-vertical-alt.collapsed .list-group-item .list-group-item-value { |
| transition: opacity 0ms 100ms, opacity 100ms linear; |
| } |
| .layout-pf-alt-fixed.transitions .nav-pf-vertical-alt .list-group-item .badge { |
| transition: all 200ms cubic-bezier(0.35, 0, 0.25, 1); |
| } |
| .layout-pf-alt-fixed.transitions .nav-pf-vertical-alt .list-group-item .list-group-item-value { |
| transition: opacity 500ms ease-out; |
| transition-delay: 150ms; |
| } |
| .nav-pf-vertical-alt { |
| background: #fff; |
| } |
| .ie9.layout-pf-alt-fixed .nav-pf-vertical-alt { |
| box-sizing: content-box; |
| } |
| .layout-pf-alt-fixed .nav-pf-vertical-alt { |
| border-right: 1px solid #d1d1d1; |
| bottom: 0; |
| overflow-x: hidden; |
| overflow-y: auto; |
| left: 0; |
| position: fixed; |
| top: 60px; |
| width: 250px; |
| z-index: 1030; |
| } |
| .layout-pf-alt-fixed .nav-pf-vertical-alt.collapsed { |
| width: 75px !important; |
| } |
| .layout-pf-alt-fixed .nav-pf-vertical-alt.collapsed .list-group-item .badge { |
| padding: 2px 3px; |
| right: 21px; |
| top: 36px; |
| } |
| .layout-pf-alt-fixed .nav-pf-vertical-alt.collapsed .list-group-item .list-group-item-value { |
| opacity: 0; |
| } |
| .layout-pf-alt-fixed .nav-pf-vertical-alt.hidden { |
| display: none; |
| } |
| .layout-pf-alt-fixed .nav-pf-vertical-alt.hidden.show-mobile-nav { |
| box-shadow: 0 0 3px rgba(3, 3, 3, 0.15); |
| display: block !important; |
| } |
| .layout-pf-alt-fixed-with-footer .nav-pf-vertical-alt { |
| bottom: 37px; |
| } |
| .nav-pf-vertical-alt .list-group { |
| border-top: 0; |
| margin-bottom: 0; |
| } |
| .nav-pf-vertical-alt .list-group-item { |
| padding: 0; |
| } |
| .nav-pf-vertical-alt .list-group-item a { |
| color: #363636; |
| display: block; |
| font-size: 14px; |
| height: 63px; |
| padding: 17px 20px 17px 25px; |
| position: relative; |
| white-space: nowrap; |
| } |
| .nav-pf-vertical-alt .list-group-item a:focus { |
| color: #363636; |
| text-decoration: none; |
| } |
| .nav-pf-vertical-alt .list-group-item a:hover { |
| color: #39a5dc; |
| text-decoration: none; |
| } |
| .nav-pf-vertical-alt .list-group-item.active { |
| background-color: #fff; |
| border-color: #f5f5f5; |
| } |
| .nav-pf-vertical-alt .list-group-item.active:before { |
| background: #39a5dc; |
| content: " "; |
| display: block; |
| height: 100%; |
| left: 0; |
| position: absolute; |
| top: 0; |
| width: 5px; |
| } |
| .nav-pf-vertical-alt .list-group-item.active a { |
| color: #39a5dc; |
| } |
| .nav-pf-vertical-alt .list-group-item .badge { |
| background: #363636; |
| border: 1px solid #fff; |
| border-radius: 3px; |
| color: #fff; |
| font-weight: 700; |
| font-size: 9px; |
| padding: 5px; |
| position: absolute; |
| right: 15px; |
| text-align: center; |
| top: 21px; |
| } |
| .nav-pf-vertical-alt .list-group-item .badge.notifications { |
| background: #cc0000; |
| } |
| .nav-pf-vertical-alt .list-group-item .fa, |
| .nav-pf-vertical-alt .list-group-item .glyphicon, |
| .nav-pf-vertical-alt .list-group-item .pficon { |
| float: left; |
| font-size: 18px; |
| line-height: 30px; |
| margin-right: 10px; |
| text-align: center; |
| width: 18px; |
| } |
| .nav-pf-vertical-alt .list-group-item .list-group-item-value { |
| display: inline-block; |
| line-height: 30px; |
| opacity: 1; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| width: 140px; |
| } |
| .nav-pf-vertical-alt .list-group-item-separator { |
| border-top-width: 5px; |
| } |
| .sidebar-pf .nav-pf-vertical-alt { |
| margin-left: -20px; |
| margin-right: -20px; |
| } |
| .drawer-pf { |
| background-color: #fafafa; |
| border: 1px solid #d1d1d1; |
| box-shadow: 0 6px 12px rgba(3, 3, 3, 0.175); |
| overflow-y: auto; |
| position: absolute; |
| right: 0; |
| width: 320px; |
| z-index: 2; |
| } |
| .drawer-pf .panel { |
| border-bottom: none; |
| border-left: none; |
| border-right: none; |
| } |
| .drawer-pf .panel-group .panel-heading + .panel-collapse .panel-body { |
| border-top: none; |
| border-bottom: 1px solid #d1d1d1; |
| padding: 0; |
| } |
| .drawer-pf .panel-counter { |
| display: block; |
| font-style: italic; |
| line-height: 1.2; |
| padding-left: 18px; |
| padding-top: 5px; |
| } |
| .drawer-pf .panel-heading { |
| border-bottom: 1px solid #d1d1d1; |
| } |
| .drawer-pf .panel-group { |
| bottom: 0; |
| margin-bottom: 0; |
| position: absolute; |
| top: 25px; |
| width: 100%; |
| } |
| .drawer-pf .panel-title a { |
| cursor: pointer; |
| display: block; |
| } |
| .drawer-pf.drawer-pf-expanded { |
| left: 270px; |
| width: inherit; |
| } |
| .drawer-pf.drawer-pf-expanded .drawer-pf-toggle-expand:before { |
| content: "\f101"; |
| } |
| .drawer-pf-toggle-expand { |
| color: inherit; |
| cursor: pointer; |
| left: 0; |
| padding: 2px 5px; |
| position: absolute; |
| } |
| .drawer-pf-toggle-expand:before { |
| content: "\f100"; |
| font-family: "FontAwesome"; |
| } |
| .drawer-pf-toggle-expand:hover, |
| .drawer-pf-toggle-expand:focus { |
| color: inherit; |
| text-decoration: none; |
| } |
| .drawer-pf-action .btn-link { |
| color: #0088ce; |
| padding: 10px 0; |
| } |
| .drawer-pf-action .btn-link:hover { |
| color: #00659c; |
| } |
| .drawer-pf-loading { |
| color: #4d5258; |
| font-size: 14px; |
| padding: 20px 15px; |
| } |
| .drawer-pf-notification { |
| border-bottom: 1px solid #d1d1d1; |
| padding: 15px; |
| } |
| .drawer-pf-notification .date { |
| border-right: 1px solid #aaa; |
| display: inline-block; |
| line-height: 1; |
| margin-right: 5px; |
| padding-right: 9px; |
| } |
| .drawer-pf-notification .pficon { |
| font-size: 14px; |
| margin-top: 3px; |
| } |
| .drawer-pf-notification:last-of-type { |
| border-bottom: none; |
| } |
| .drawer-pf-notification:hover { |
| background-color: #def3ff; |
| } |
| .drawer-pf-notification.unread .drawer-pf-notification-message { |
| font-weight: bold; |
| } |
| .drawer-pf-notification.expanded-notification .date { |
| border-right: none; |
| padding-right: 0; |
| } |
| .drawer-pf-notification-info, |
| .drawer-pf-notification-message { |
| display: block; |
| padding-left: 27px; |
| padding-right: 19px; |
| } |
| .expanded-notification .drawer-pf-notification-info, |
| .expanded-notification .drawer-pf-notification-message { |
| display: inline-block; |
| } |
| .drawer-pf-notifications-non-clickable .drawer-pf-notification:hover { |
| background-color: #fff; |
| } |
| .drawer-pf-title { |
| background-color: #fafafa; |
| border-bottom: 1px solid #d1d1d1; |
| position: absolute; |
| width: 318px; |
| } |
| .drawer-pf-title h3 { |
| font-size: 12px; |
| margin: 0; |
| padding: 6px 15px; |
| } |
| /* Exclusive styles to work with Vertical Navigation */ |
| .navbar-pf-vertical .drawer-pf { |
| height: calc(100vh - 80px); |
| top: 58px; |
| } |
| .navbar-pf-vertical .nav .drawer-pf-trigger .drawer-pf-trigger-icon { |
| border-left: 1px solid #2b2b2b; |
| border-right: 1px solid #2b2b2b; |
| padding-left: 15px; |
| padding-right: 15px; |
| } |
| .navbar-pf-vertical .nav .drawer-pf-trigger.open .drawer-pf-trigger-icon { |
| background-color: #232323; |
| } |
| /* Exclusive styles to work with Horizontal Navigation */ |
| .navbar-pf .drawer-pf { |
| height: calc(100vh - 46px); |
| top: 26px; |
| } |
| .navbar-pf .drawer-pf-trigger-icon { |
| cursor: pointer; |
| } |
| .search-pf.has-button { |
| border-collapse: separate; |
| display: table; |
| } |
| .search-pf.has-button .form-group { |
| display: table-cell; |
| width: 100%; |
| } |
| .search-pf.has-button .form-group .btn { |
| box-shadow: none; |
| float: left; |
| margin-left: -1px; |
| } |
| .search-pf.has-button .form-group .btn.btn-lg { |
| font-size: 14.5px; |
| } |
| .search-pf.has-button .form-group .btn.btn-sm { |
| font-size: 10.7px; |
| } |
| .search-pf.has-button .form-group .form-control { |
| float: left; |
| } |
| .search-pf .has-clear .clear { |
| background: rgba(255, 255, 255, 0); |
| border: 0; |
| height: 25px; |
| line-height: 1; |
| padding: 0; |
| position: absolute; |
| right: 1px; |
| top: 1px; |
| width: 28px; |
| } |
| .search-pf .has-clear .clear:focus { |
| outline: none; |
| } |
| .search-pf .has-clear .form-control { |
| padding-right: 30px; |
| } |
| .search-pf .has-clear .form-control::-ms-clear { |
| display: none; |
| } |
| .search-pf .has-clear .input-lg + .clear { |
| height: 31px; |
| width: 28px; |
| } |
| .search-pf .has-clear .input-sm + .clear { |
| height: 20px; |
| width: 28px; |
| } |
| .search-pf .has-clear .input-sm + .clear span { |
| font-size: 10px; |
| } |
| .search-pf .has-clear .search-pf-input-group { |
| position: relative; |
| } |
| .sidebar-header { |
| border-bottom: 1px solid #ececec; |
| padding-bottom: 11px; |
| margin: 50px 0 20px; |
| } |
| .sidebar-header .actions { |
| margin-top: -2px; |
| } |
| .sidebar-pf .sidebar-header + .list-group { |
| border-top: 0; |
| margin-top: -10px; |
| } |
| .sidebar-pf .sidebar-header + .list-group .list-group-item { |
| background: transparent; |
| border-color: #ececec; |
| padding-left: 0; |
| } |
| .sidebar-pf .sidebar-header + .list-group .list-group-item-heading { |
| font-size: 12px; |
| } |
| .sidebar-pf .nav-category h2 { |
| color: #9c9c9c; |
| font-size: 12px; |
| font-weight: 400; |
| line-height: 21px; |
| margin: 0; |
| padding: 8px 0; |
| } |
| .sidebar-pf .nav-category + .nav-category { |
| margin-top: 10px; |
| } |
| .sidebar-pf .nav-pills > li.active > a { |
| background: #0088ce !important; |
| border-color: #0088ce !important; |
| color: #fff; |
| } |
| @media (min-width: 768px) { |
| .sidebar-pf .nav-pills > li.active > a:after { |
| content: "\f105"; |
| font-family: "FontAwesome"; |
| display: block; |
| position: absolute; |
| right: 10px; |
| top: 1px; |
| } |
| } |
| .sidebar-pf .nav-pills > li.active > a .fa { |
| color: #fff; |
| } |
| .sidebar-pf .nav-pills > li > a { |
| border-bottom: 1px solid transparent; |
| border-radius: 0; |
| border-top: 1px solid transparent; |
| color: #363636; |
| font-size: 13px; |
| line-height: 21px; |
| padding: 1px 20px; |
| } |
| .sidebar-pf .nav-pills > li > a:hover { |
| background: #def3ff; |
| border-color: #bee1f4; |
| } |
| .sidebar-pf .nav-pills > li > a .fa { |
| color: #6a7079; |
| font-size: 15px; |
| margin-right: 10px; |
| text-align: center; |
| vertical-align: middle; |
| width: 15px; |
| } |
| .sidebar-pf .nav-stacked { |
| margin-left: -20px; |
| margin-right: -20px; |
| } |
| .sidebar-pf .nav-stacked li + li { |
| margin-top: 0; |
| } |
| .sidebar-pf .panel { |
| background: transparent; |
| } |
| .sidebar-pf .panel-body { |
| padding: 6px 20px; |
| } |
| .sidebar-pf .panel-body .nav-pills > li > a { |
| padding-left: 37px; |
| } |
| .sidebar-pf .panel-heading { |
| padding: 9px 20px; |
| } |
| .sidebar-pf .panel-title { |
| font-size: 12px; |
| } |
| .sidebar-pf .panel-title > a:before { |
| display: inline-block; |
| margin-left: 1px; |
| margin-right: 4px; |
| width: 9px; |
| } |
| .sidebar-pf .panel-title > a.collapsed:before { |
| margin-left: 3px; |
| margin-right: 2px; |
| } |
| @media (min-width: 767px) { |
| .sidebar-header-bleed-left { |
| margin-left: -20px; |
| } |
| .sidebar-header-bleed-left > h2 { |
| margin-left: 20px; |
| } |
| .sidebar-header-bleed-right { |
| margin-right: -20px; |
| } |
| .sidebar-header-bleed-right .actions { |
| margin-right: 20px; |
| } |
| .sidebar-header-bleed-right > h2 { |
| margin-right: 20px; |
| } |
| .sidebar-header-bleed-right + .list-group { |
| margin-right: -20px; |
| } |
| .sidebar-pf .panel-group .panel-default, |
| .sidebar-pf .treeview { |
| border-left: 0; |
| border-right: 0; |
| margin-left: -20px; |
| margin-right: -20px; |
| } |
| .sidebar-pf .treeview { |
| margin-top: 5px; |
| } |
| .sidebar-pf .treeview .list-group-item { |
| padding-left: 20px; |
| padding-right: 20px; |
| } |
| .sidebar-pf .treeview .list-group-item.node-selected:after { |
| content: "\f105"; |
| font-family: "FontAwesome"; |
| display: block; |
| position: absolute; |
| right: 10px; |
| top: 1px; |
| } |
| } |
| @media (min-width: 768px) { |
| .sidebar-pf { |
| background: #fafafa; |
| } |
| .sidebar-pf.sidebar-pf-left { |
| border-right: 1px solid #d1d1d1; |
| } |
| .sidebar-pf.sidebar-pf-right { |
| border-left: 1px solid #d1d1d1; |
| } |
| .sidebar-pf > .nav-category, |
| .sidebar-pf > .nav-stacked { |
| margin-top: 5px; |
| } |
| } |
| @keyframes rotation { |
| from { |
| transform: rotate(0deg); |
| } |
| to { |
| transform: rotate(359deg); |
| } |
| } |
| .spinner { |
| animation: rotation 600ms infinite linear; |
| border-bottom: 4px solid rgba(3, 3, 3, 0.25); |
| border-left: 4px solid rgba(3, 3, 3, 0.25); |
| border-right: 4px solid rgba(3, 3, 3, 0.25); |
| border-radius: 100%; |
| border-top: 4px solid rgba(3, 3, 3, 0.75); |
| height: 24px; |
| margin: 0 auto; |
| position: relative; |
| width: 24px; |
| } |
| .spinner.spinner-inline { |
| display: inline-block; |
| margin-right: 3px; |
| } |
| .spinner.spinner-lg { |
| border-width: 5px; |
| height: 30px; |
| width: 30px; |
| } |
| .spinner.spinner-sm { |
| border-width: 3px; |
| height: 18px; |
| width: 18px; |
| } |
| .spinner.spinner-xs { |
| border-width: 2px; |
| height: 12px; |
| width: 12px; |
| } |
| .spinner.spinner-inverse { |
| border-bottom-color: rgba(255, 255, 255, 0.25); |
| border-left-color: rgba(255, 255, 255, 0.25); |
| border-right-color: rgba(255, 255, 255, 0.25); |
| border-top-color: rgba(255, 255, 255, 0.75); |
| } |
| .ie9 .spinner { |
| background: url("../img/spinner.gif") no-repeat; |
| border: 0; |
| } |
| .ie9 .spinner.spinner-inverse { |
| background-image: url("../img/spinner-inverse.gif"); |
| } |
| .ie9 .spinner.spinner-inverse-lg { |
| background-image: url("../img/spinner-inverse-lg.gif"); |
| } |
| .ie9 .spinner.spinner-inverse-sm { |
| background-image: url("../img/spinner-inverse-sm.gif"); |
| } |
| .ie9 .spinner.spinner-inverse-xs { |
| background-image: url("../img/spinner-inverse-xs.gif"); |
| } |
| .ie9 .spinner.spinner-lg { |
| background-image: url("../img/spinner-lg.gif"); |
| } |
| .ie9 .spinner.spinner-sm { |
| background-image: url("../img/spinner-sm.gif"); |
| } |
| .ie9 .spinner.spinner-xs { |
| background-image: url("../img/spinner-xs.gif"); |
| } |
| .prettyprint .atn, |
| .prettyprint .com, |
| .prettyprint .fun, |
| .prettyprint .var { |
| color: #3f9c35; |
| } |
| .prettyprint .atv, |
| .prettyprint .str { |
| color: #a30000; |
| } |
| .prettyprint .clo, |
| .prettyprint .dec, |
| .prettyprint .kwd, |
| .prettyprint .opn, |
| .prettyprint .pln, |
| .prettyprint .pun { |
| color: #363636; |
| } |
| .prettyprint .lit, |
| .prettyprint .tag, |
| .prettyprint .typ { |
| color: #00659c; |
| } |
| .prettyprint ol.linenums { |
| margin-bottom: 0; |
| } |
| table.dataTable { |
| height: 100%; |
| margin-bottom: 0; |
| max-width: none !important; |
| } |
| table.dataTable tbody > tr > td.table-view-pf-actions { |
| padding: 0; |
| vertical-align: middle; |
| } |
| table.dataTable tbody > tr:hover > td.table-view-pf-actions { |
| background-color: #f5f5f5; |
| border-bottom-color: #d1d1d1; |
| } |
| table.dataTable tbody > tr.selected { |
| color: #fff; |
| background-color: #0088ce; |
| } |
| table.dataTable tbody > tr.selected > td { |
| border-bottom-color: #00659c; |
| } |
| table.dataTable tbody > tr.selected > td.table-view-pf-actions { |
| background-color: #f5f5f5; |
| border-bottom-color: #d1d1d1; |
| } |
| table.dataTable tbody > tr.selected:hover > td { |
| background-color: inherit; |
| border-bottom-color: #00659c; |
| } |
| table.dataTable tbody > tr.selected:hover > td.table-view-pf-actions { |
| background-color: #f5f5f5; |
| border-bottom-color: #d1d1d1; |
| } |
| table.dataTable thead .sorting, |
| table.dataTable thead .sorting_asc, |
| table.dataTable thead .sorting_desc, |
| table.dataTable thead .sorting_asc_disabled, |
| table.dataTable thead .sorting_desc_disabled { |
| cursor: pointer; |
| } |
| table.dataTable thead .sorting_asc, |
| table.dataTable thead .sorting_desc { |
| color: #0088ce !important; |
| position: relative; |
| } |
| table.dataTable thead .sorting_asc:after, |
| table.dataTable thead .sorting_desc:after { |
| content: "\f107"; |
| font-family: "FontAwesome"; |
| font-size: 10px; |
| font-weight: normal; |
| height: 9px; |
| left: 7px; |
| line-height: 12px; |
| position: relative; |
| top: 2px; |
| vertical-align: baseline; |
| width: 12px; |
| } |
| table.dataTable thead .sorting_asc:before, |
| table.dataTable thead .sorting_desc:before { |
| background: #0088ce; |
| content: ""; |
| height: 2px; |
| position: absolute; |
| left: 0; |
| top: 0; |
| width: 100%; |
| } |
| table.dataTable thead .sorting_asc:after { |
| content: "\f106"; |
| top: -3px; |
| } |
| table.dataTable th:active { |
| outline: none; |
| } |
| .table-view-pf-empty.blank-slate-pf { |
| background-color: #f5f5f5; |
| border: 1px solid #d1d1d1; |
| border-radius: 0; |
| margin-top: -1px; |
| } |
| .table-view-pf-toolbar.toolbar-pf { |
| background-color: #f5f5f5; |
| border-bottom: none; |
| border-left: 1px solid #d1d1d1; |
| border-right: 1px solid #d1d1d1; |
| border-top: 1px solid #d1d1d1; |
| box-shadow: none; |
| margin-left: 0px; |
| margin-right: 0px; |
| } |
| .table-view-pf-toolbar.toolbar-pf .toolbar-pf-results { |
| border-top: 1px solid #d1d1d1; |
| min-height: 40px; |
| line-height: 40px; |
| } |
| .table-view-pf-toolbar-external.toolbar-pf { |
| border-bottom: none; |
| border-top: none; |
| box-shadow: none; |
| } |
| .table-view-pf-toolbar-external.toolbar-pf .toolbar-pf-results { |
| border-top: 1px solid #d1d1d1; |
| min-height: 40px; |
| line-height: 40px; |
| } |
| .table-view-pf-actions { |
| background-color: #f1f1f1; |
| height: 100%; |
| } |
| .table-view-pf-actions .btn, |
| .table-view-pf-actions .dropdown-toggle { |
| border: none; |
| box-shadow: none; |
| height: 100%; |
| width: 100%; |
| } |
| .table-view-pf-actions .dropdown, |
| .table-view-pf-actions .table-view-pf-btn { |
| height: 100%; |
| } |
| .table-view-pf-actions .dropdown-menu.dropdown-menu-right { |
| right: -5px; |
| } |
| .table-view-pf-actions:last-child { |
| width: 24px; |
| } |
| .table-view-pf-select { |
| width: 33px; |
| } |
| .table-view-pf-select-results { |
| text-align: right; |
| } |
| .bootstrap-datetimepicker-widget a[data-action] { |
| border: 0; |
| box-shadow: none; |
| color: #363636; |
| display: block; |
| padding-bottom: 4px; |
| padding-top: 4px; |
| } |
| .bootstrap-datetimepicker-widget a[data-action]:hover { |
| color: #0088ce; |
| } |
| .bootstrap-datetimepicker-widget.dropdown-menu { |
| left: 0!important; |
| padding: 0; |
| top: 23px!important; |
| width: calc(100% - 25px); |
| } |
| .bootstrap-datetimepicker-widget.dropdown-menu:before, |
| .bootstrap-datetimepicker-widget.dropdown-menu:after { |
| content: none; |
| } |
| .bootstrap-datetimepicker-widget .timepicker-hour { |
| width: 100%; |
| } |
| .bootstrap-datetimepicker-widget .timepicker-hour:after { |
| content: ":"; |
| float: right; |
| } |
| .timepicker-hours table td, |
| .timepicker-minutes table td { |
| font-weight: bold; |
| line-height: 30px; |
| height: 30px; |
| } |
| .timepicker-hours table td:hover, |
| .timepicker-minutes table td:hover { |
| color: #0088ce; |
| } |
| .timepicker-hours .table-condensed > tbody > tr > td, |
| .timepicker-minutes .table-condensed > tbody > tr > td { |
| padding: 0; |
| } |
| .time-picker-pf .input-group-addon .fa, |
| .time-picker-pf .input-group-addon .pficon { |
| width: 12px; |
| } |
| .time-picker-pf .input-group-addon:not(.active) { |
| box-shadow: none; |
| } |
| .timepicker-picker table td span, |
| .timepicker-picker table td a span { |
| height: 24px; |
| line-height: 24px; |
| margin: 0; |
| width: 100%; |
| } |
| .timepicker-picker .table-condensed > tbody > tr > td { |
| height: 25px; |
| line-height: 18px; |
| padding: 0; |
| } |
| .timepicker-picker button[data-action] { |
| padding-bottom: 0; |
| padding-top: 0; |
| } |
| .timepicker-picker .separator { |
| display: none; |
| } |
| .timepicker-picker tr:nth-child(2) td { |
| background-color: #def3ff; |
| border-color: #bee1f4; |
| border-style: solid; |
| border-width: 1px; |
| border-left: 0; |
| border-right: 0; |
| } |
| .toast-pf { |
| background-color: #fff; |
| border-color: #bbb; |
| box-shadow: 0 2px 6px rgba(3, 3, 3, 0.2); |
| padding-left: 68px; |
| /* Medium devices (desktops, 992px and up) */ |
| } |
| .toast-pf.alert-danger > .pficon { |
| background-color: #cc0000; |
| } |
| .toast-pf.alert-info > .pficon { |
| background-color: #8b8d8f; |
| } |
| .toast-pf.alert-success > .pficon { |
| background-color: #3f9c35; |
| } |
| .toast-pf.alert-warning > .pficon { |
| background-color: #ec7a08; |
| } |
| .toast-pf .dropdown-kebab-pf { |
| margin-left: 10px; |
| } |
| .toast-pf > .pficon { |
| background-color: #4d5258; |
| bottom: -1px; |
| box-shadow: 2px 0 5px -2px rgba(3, 3, 3, 0.2); |
| left: -1px; |
| padding-top: 10px; |
| text-align: center; |
| top: -1px; |
| width: 53px; |
| } |
| .toast-pf > .pficon:before { |
| color: rgba(255, 255, 255, 0.74); |
| } |
| .toast-pf .toast-pf-action { |
| margin-left: 15px; |
| } |
| @media (min-width: 992px) { |
| .toast-pf { |
| display: inline-block; |
| } |
| } |
| @media (min-width: 992px) { |
| .toast-pf-max-width { |
| max-width: 31.1%; |
| } |
| } |
| .toast-pf-top-right { |
| left: 20px; |
| position: absolute; |
| right: 20px; |
| top: 12px; |
| z-index: 1035; |
| /* Medium devices (desktops, 992px and up) */ |
| } |
| @media (min-width: 992px) { |
| .toast-pf-top-right { |
| left: auto; |
| } |
| } |
| .toast-notifications-list-pf { |
| margin-left: 20px; |
| position: fixed; |
| right: 20px; |
| top: 20px; |
| z-index: 1050; |
| } |
| .toast-notifications-list-pf .toast-pf { |
| clear: both; |
| float: right; |
| } |
| @media (min-width: 768px) { |
| .toast-notifications-list-pf { |
| max-width: calc(50%); |
| } |
| } |
| @media (min-width: 992px) { |
| .toast-notifications-list-pf { |
| max-width: calc(33.1%); |
| } |
| } |
| .toolbar-pf { |
| background: #fff; |
| border-bottom: 1px solid #d1d1d1; |
| box-shadow: 0 1px 0px rgba(3, 3, 3, 0.045); |
| padding-top: 10px; |
| } |
| .toolbar-pf .form-group { |
| margin-bottom: 10px; |
| } |
| @media (min-width: 768px) { |
| .toolbar-pf .form-group { |
| border-right: 1px solid #d1d1d1; |
| float: left; |
| margin-bottom: 0; |
| padding-left: 20px; |
| padding-right: 20px; |
| } |
| } |
| .toolbar-pf .form-group:last-child { |
| border-right: 0; |
| margin-bottom: 0; |
| padding-right: 0; |
| } |
| .toolbar-pf .form-group .btn + .btn, |
| .toolbar-pf .form-group .btn-group + .btn, |
| .toolbar-pf .form-group .btn + .btn-group, |
| .toolbar-pf .form-group .btn-group + .btn-group { |
| margin-left: 5px; |
| } |
| .toolbar-pf .form-group .btn + .btn-link, |
| .toolbar-pf .form-group .btn-group + .btn-link, |
| .toolbar-pf .form-group .btn + .dropdown, |
| .toolbar-pf .form-group .btn-group + .dropdown { |
| margin-left: 10px; |
| } |
| .toolbar-pf .form-group .btn-link { |
| color: #252525; |
| font-size: 16px; |
| line-height: 1; |
| padding: 4px 0; |
| } |
| .toolbar-pf .form-group .btn-link:active, |
| .toolbar-pf .form-group .btn-link:focus, |
| .toolbar-pf .form-group .btn-link:hover { |
| color: #0088ce; |
| } |
| .toolbar-pf .form-group .dropdown-kebab-pf .btn-link { |
| padding: 4px 10px; |
| margin-left: -10px; |
| margin-right: -10px; |
| } |
| .toolbar-pf-actions { |
| display: table; |
| margin-bottom: 10px; |
| width: 100%; |
| } |
| @media (min-width: 768px) { |
| .toolbar-pf-actions .toolbar-pf-filter { |
| padding-left: 0; |
| width: 25%; |
| } |
| } |
| .toolbar-pf-view-selector { |
| font-size: 16px; |
| } |
| .toolbar-pf-view-selector .btn-link.active { |
| color: #0088ce; |
| cursor: default; |
| } |
| .toolbar-pf-action-right { |
| float: right; |
| } |
| @media (max-width: 768px) { |
| .toolbar-pf-action-right { |
| float: none; |
| } |
| } |
| .toolbar-pf-find { |
| font-size: 14px; |
| position: relative; |
| } |
| .find-pf-dropdown-container { |
| background: #fff; |
| border: solid 1px #bbb; |
| display: none; |
| right: -20px; |
| padding: 5px; |
| position: absolute; |
| top: 35px; |
| width: 300px; |
| z-index: 10000; |
| } |
| @media (max-width: 768px) { |
| .find-pf-dropdown-container { |
| left: 30px; |
| top: -5px; |
| width: calc(100% - 30px); |
| } |
| } |
| .find-pf-dropdown-container:before, |
| .find-pf-dropdown-container:after { |
| content: ""; |
| position: absolute; |
| } |
| .find-pf-dropdown-container:before { |
| border-bottom: 11px solid #bbb; |
| border-left: 11px solid transparent; |
| border-right: 11px solid transparent; |
| right: 35px; |
| top: -12px; |
| } |
| .toolbar-pf-find:last-child .find-pf-dropdown-container:before { |
| right: 15px; |
| } |
| @media (max-width: 768px) { |
| .find-pf-dropdown-container:before { |
| border-bottom: 11px solid transparent; |
| border-right: 11px solid #bbb; |
| border-top: 11px solid transparent; |
| left: -22px; |
| right: initial; |
| top: 8px; |
| } |
| } |
| .find-pf-dropdown-container:after { |
| border-bottom: 10px solid #fff; |
| border-left: 10px solid transparent; |
| border-right: 10px solid transparent; |
| right: 36px; |
| top: -10px; |
| } |
| .toolbar-pf-find:last-child .find-pf-dropdown-container:after { |
| right: 16px; |
| } |
| @media (max-width: 768px) { |
| .find-pf-dropdown-container:after { |
| border-bottom: 10px solid transparent; |
| border-right: 10px solid #fff; |
| border-top: 10px solid transparent; |
| left: -20px; |
| right: initial; |
| top: 9px; |
| } |
| } |
| .find-pf-dropdown-container input { |
| height: 30px; |
| padding: 5px 117px 5px 5px; |
| width: 100%; |
| } |
| .find-pf-dropdown-container .find-pf-buttons { |
| position: absolute; |
| right: 10px; |
| top: 5px; |
| } |
| .find-pf-dropdown-container .find-pf-buttons .btn { |
| border: none; |
| cursor: pointer; |
| margin-left: 0 !important; |
| padding: 0; |
| width: 18px; |
| } |
| .find-pf-dropdown-container .find-pf-buttons .btn .fa-angle-up, |
| .find-pf-dropdown-container .find-pf-buttons .btn .fa-angle-down { |
| font-weight: bold; |
| font-size: 18px; |
| } |
| .find-pf-dropdown-container .find-pf-buttons .btn .pficon-close { |
| font-size: 14px; |
| } |
| .find-pf-dropdown-container .find-pf-buttons span { |
| height: 30px; |
| line-height: 30px; |
| vertical-align: middle; |
| } |
| .find-pf-dropdown-container .find-pf-buttons .find-pf-nums { |
| color: #8b8d8f; |
| margin-right: 3px; |
| } |
| .toolbar-pf-results { |
| border-top: 1px solid #d1d1d1; |
| margin-top: 10px; |
| } |
| .toolbar-pf-results h5, |
| .toolbar-pf-results p, |
| .toolbar-pf-results ul { |
| display: inline-block; |
| line-height: 26.66666667px; |
| margin-bottom: 0; |
| margin-top: 0; |
| } |
| @media (min-width: 768px) { |
| .toolbar-pf-results h5, |
| .toolbar-pf-results p, |
| .toolbar-pf-results ul { |
| line-height: 40px; |
| } |
| } |
| .toolbar-pf-results h5 { |
| font-weight: 700; |
| margin-right: 20px; |
| } |
| .toolbar-pf-results .label { |
| font-size: 11px; |
| } |
| .toolbar-pf-results .label a { |
| color: #fff; |
| display: inline-block; |
| margin-left: 5px; |
| } |
| .nav-pf-vertical { |
| background: #292e34; |
| border-right: 1px solid #292e34; |
| bottom: 0; |
| left: 0; |
| overflow-x: hidden; |
| overflow-y: auto; |
| position: fixed; |
| top: 60px; |
| width: 200px; |
| z-index: 1030; |
| } |
| .layout-pf-fixed-with-footer .nav-pf-vertical { |
| bottom: 37px; |
| } |
| .ie9.layout-pf-fixed .nav-pf-vertical { |
| box-sizing: content-box; |
| } |
| .nav-pf-vertical.hidden.show-mobile-nav { |
| box-shadow: 0 0 3px rgba(3, 3, 3, 0.15); |
| display: block !important; |
| } |
| .nav-pf-vertical.hide-nav-pf { |
| visibility: hidden !important; |
| } |
| .nav-pf-vertical .list-group { |
| border-top: 0; |
| margin-bottom: 0; |
| } |
| .nav-pf-vertical .list-group-item { |
| background-color: transparent; |
| border-color: #030303; |
| padding: 0; |
| } |
| .nav-pf-vertical .list-group-item > a { |
| background-color: transparent; |
| color: #d1d1d1; |
| cursor: pointer; |
| display: block; |
| font-size: 14px; |
| font-weight: 400; |
| height: 63px; |
| line-height: 26px; |
| outline: 0; |
| padding: 17px 20px 17px 25px; |
| position: relative; |
| white-space: nowrap; |
| width: 200px; |
| } |
| @supports (display: flex) { |
| .nav-pf-vertical .list-group-item > a { |
| display: -ms-flexbox; |
| display: flex; |
| padding-right: 0; |
| } |
| } |
| .nav-pf-vertical .list-group-item > a .fa, |
| .nav-pf-vertical .list-group-item > a .glyphicon, |
| .nav-pf-vertical .list-group-item > a .pficon { |
| color: #72767b; |
| float: left; |
| font-size: 20px; |
| line-height: 26px; |
| margin-right: 10px; |
| text-align: center; |
| width: 24px; |
| } |
| .nav-pf-vertical .list-group-item > a:hover { |
| text-decoration: none; |
| } |
| .nav-pf-vertical .list-group-item.active > a, |
| .nav-pf-vertical .list-group-item:hover > a { |
| background-color: #393f44; |
| color: #fff; |
| font-weight: 600; |
| } |
| .nav-pf-vertical .list-group-item.active > a .fa, |
| .nav-pf-vertical .list-group-item:hover > a .fa, |
| .nav-pf-vertical .list-group-item.active > a .glyphicon, |
| .nav-pf-vertical .list-group-item:hover > a .glyphicon, |
| .nav-pf-vertical .list-group-item.active > a .pficon, |
| .nav-pf-vertical .list-group-item:hover > a .pficon { |
| color: #39a5dc; |
| } |
| .nav-pf-vertical .list-group-item.active > a:before { |
| background: #39a5dc; |
| content: " "; |
| height: 100%; |
| left: 0; |
| position: absolute; |
| top: 0; |
| width: 3px; |
| } |
| .nav-pf-vertical .list-group-item.active:hover { |
| background-color: transparent; |
| border-color: #030303; |
| } |
| .nav-pf-vertical .list-group-item .list-group-item-value { |
| display: block; |
| line-height: 25px; |
| max-width: 120px; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| } |
| @supports (display: flex) { |
| .nav-pf-vertical .list-group-item .list-group-item-value { |
| -ms-flex: 1; |
| flex: 1; |
| max-width: none; |
| padding-right: 15px; |
| } |
| } |
| .nav-pf-vertical .list-group-item-separator { |
| border-top-color: #030303; |
| border-top-width: 2px; |
| } |
| .nav-pf-vertical.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .nav-pf-vertical.nav-pf-vertical-with-badges .list-group-item > a { |
| width: 250px; |
| } |
| .nav-pf-vertical h5 { |
| color: #fff; |
| cursor: default; |
| font-size: 13px; |
| font-weight: 600; |
| margin: 30px 20px 10px 20px; |
| } |
| .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .fa, |
| .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .glyphicon, |
| .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .pficon { |
| display: none; |
| } |
| .nav-pf-vertical.hidden-icons-pf.collapsed { |
| display: none; |
| } |
| .nav-pf-vertical .badge-container-pf { |
| position: absolute; |
| right: 15px; |
| top: 20px; |
| } |
| @supports (display: flex) { |
| .nav-pf-vertical .badge-container-pf { |
| padding-left: 0; |
| padding-right: 15px; |
| position: relative; |
| right: 0; |
| margin-top: -3px; |
| top: 5px; |
| } |
| } |
| .nav-pf-vertical .badge-container-pf .badge { |
| background: #292e34; |
| color: #fff; |
| float: left; |
| font-size: 12px; |
| font-weight: 700; |
| line-height: 1.66666667; |
| margin: 0; |
| padding: 0 7px; |
| text-align: center; |
| } |
| .nav-pf-vertical .badge-container-pf .badge .pficon, |
| .nav-pf-vertical .badge-container-pf .badge .fa { |
| font-size: 14px; |
| height: 20px; |
| line-height: 1.66666667; |
| margin-right: 3px; |
| margin-top: -1px; |
| } |
| .nav-pf-vertical-tooltip.tooltip { |
| margin-left: 15px; |
| } |
| .nav-pf-vertical-tooltip.tooltip .tooltip-inner { |
| background-color: #fff; |
| color: #292e34; |
| } |
| .nav-pf-vertical-tooltip.tooltip .tooltip-arrow { |
| border-bottom-color: #fff; |
| left: calc(50% - 15px) !important; |
| } |
| .hover-secondary-nav-pf { |
| width: calc(200px * 2); |
| } |
| .hover-secondary-nav-pf.nav-pf-vertical-with-badges { |
| width: calc(250px * 2); |
| } |
| .hover-tertiary-nav-pf { |
| width: calc(200px * 3); |
| } |
| .hover-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| width: calc(250px * 3); |
| } |
| .hover-tertiary-nav-pf .nav-pf-secondary-nav { |
| width: calc(200px * 2); |
| } |
| .hover-tertiary-nav-pf .nav-pf-secondary-nav .collapsed-tertiary-nav-pf { |
| width: 200px; |
| } |
| .hover-tertiary-nav-pf .nav-pf-tertiary-nav { |
| left: calc(200px * 2); |
| } |
| .hover-tertiary-nav-pf.nav-pf-vertical-with-badges .nav-pf-secondary-nav { |
| width: calc(250px * 2); |
| } |
| .hover-tertiary-nav-pf.nav-pf-vertical-with-badges .nav-pf-secondary-nav .collapsed-tertiary-nav-pf { |
| width: 250px; |
| } |
| .hover-tertiary-nav-pf.nav-pf-vertical-with-badges .nav-pf-tertiary-nav { |
| left: calc(250px * 2); |
| } |
| .nav-pf-vertical.collapsed { |
| width: 75px; |
| } |
| .nav-pf-vertical.collapsed.collapsed-secondary-nav-pf { |
| width: 200px; |
| } |
| .nav-pf-vertical.collapsed.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .nav-pf-vertical.collapsed.collapsed-tertiary-nav-pf { |
| width: 200px; |
| } |
| .nav-pf-vertical.collapsed.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .nav-pf-vertical.collapsed.hover-secondary-nav-pf { |
| width: calc(75px + 200px); |
| } |
| .nav-pf-vertical.collapsed.hover-secondary-nav-pf.nav-pf-vertical-with-badges { |
| width: calc(75px + 250px); |
| } |
| .nav-pf-vertical.collapsed.hover-tertiary-nav-pf { |
| width: calc(75px + (200px * 2)); |
| } |
| .nav-pf-vertical.collapsed.hover-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| width: calc(75px + (250px * 2)); |
| } |
| .show-mobile-nav.show-mobile-secondary { |
| width: 200px; |
| } |
| .show-mobile-nav.show-mobile-secondary.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .show-mobile-nav.show-mobile-tertiary { |
| width: 200px; |
| } |
| .show-mobile-nav.show-mobile-tertiary.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .show-mobile-nav .mobile-nav-item-pf .nav-pf-secondary-nav, |
| .show-mobile-nav .mobile-secondary-item-pf .nav-pf-secondary-nav { |
| left: 0; |
| opacity: 1; |
| visibility: visible; |
| z-index: 1034; |
| } |
| .show-mobile-nav .mobile-nav-item-pf > .nav-pf-tertiary-nav, |
| .show-mobile-nav .mobile-secondary-item-pf > .nav-pf-tertiary-nav { |
| left: 0; |
| opacity: 1; |
| visibility: visible; |
| z-index: 1038; |
| } |
| .show-mobile-nav .nav-pf-secondary-nav { |
| left: 0; |
| } |
| .secondary-nav-item-pf:hover .show-mobile-nav .nav-pf-secondary-nav { |
| opacity: 0; |
| visibility: hidden; |
| } |
| .show-mobile-nav .tertiary-nav-item-pf:hover .nav-pf-tertiary-nav { |
| opacity: 0; |
| visibility: hidden; |
| } |
| .show-mobile-nav .tertiary-nav-item-pf.mobile-nav-item-pf:hover .nav-pf-tertiary-nav { |
| opacity: 1; |
| visibility: visible; |
| } |
| .secondary-nav-item-pf > a { |
| cursor: default; |
| } |
| .secondary-nav-item-pf > a:after { |
| color: #72767b; |
| content: "\f105"; |
| display: block; |
| font-family: "FontAwesome"; |
| font-size: 24px; |
| line-height: 30px; |
| padding: 14px 0; |
| position: absolute; |
| right: 20px; |
| top: 0; |
| } |
| @supports (display: flex) { |
| .secondary-nav-item-pf > a .list-group-item-value { |
| padding-right: 35px; |
| } |
| } |
| .secondary-nav-item-pf.active > a, |
| .secondary-nav-item-pf:hover > a { |
| width: calc(200px + 1px); |
| z-index: 1031; |
| } |
| .secondary-nav-item-pf.active > a:after, |
| .secondary-nav-item-pf:hover > a:after { |
| right: 21px; |
| } |
| .collapsed-secondary-nav-pf .secondary-nav-item-pf.active > a, |
| .collapsed-secondary-nav-pf .secondary-nav-item-pf:hover > a { |
| z-index: 0; |
| } |
| .collapsed-tertiary-nav-pf .secondary-nav-item-pf.active > a, |
| .collapsed-tertiary-nav-pf .secondary-nav-item-pf:hover > a { |
| z-index: 0; |
| } |
| .nav-pf-vertical-with-badges .secondary-nav-item-pf.active > a, |
| .nav-pf-vertical-with-badges .secondary-nav-item-pf:hover > a { |
| width: calc(250px + 1px); |
| } |
| .nav-pf-vertical.collapsed-secondary-nav-pf { |
| width: 200px; |
| } |
| .nav-pf-vertical.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .nav-pf-vertical.collapsed-secondary-nav-pf .secondary-nav-item-pf.active > a, |
| .nav-pf-vertical.collapsed-secondary-nav-pf .secondary-nav-item-pf.hover > a { |
| z-index: 1030; |
| } |
| .nav-pf-vertical.collapsed-secondary-nav-pf.hover-tertiary-nav-pf { |
| width: 200px; |
| } |
| .nav-pf-vertical.collapsed-secondary-nav-pf.hover-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .nav-pf-vertical.collapsed-secondary-nav-pf .nav-pf-secondary-nav { |
| left: 0; |
| } |
| .nav-pf-vertical.collapsed-secondary-nav-pf .nav-pf-tertiary-nav { |
| left: 200px; |
| } |
| .nav-pf-vertical.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges .nav-pf-tertiary-nav { |
| left: 250px; |
| } |
| .nav-pf-vertical.collapsed-tertiary-nav-pf { |
| width: 200px; |
| } |
| .nav-pf-vertical.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .nav-pf-vertical.collapsed-tertiary-nav-pf .nav-pf-secondary-nav { |
| width: 200px; |
| } |
| .nav-pf-vertical.collapsed-tertiary-nav-pf .nav-pf-secondary-nav.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .nav-pf-vertical.collapsed-tertiary-nav-pf .secondary-nav-item-pf.active > a, |
| .nav-pf-vertical.collapsed-tertiary-nav-pf .tertiary-nav-item-pf.active > a, |
| .nav-pf-vertical.collapsed-tertiary-nav-pf .secondary-nav-item-pf.hover > a, |
| .nav-pf-vertical.collapsed-tertiary-nav-pf .tertiary-nav-item-pf.hover > a { |
| z-index: 0; |
| } |
| @media (min-width: 1200px) { |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf { |
| width: calc(200px * 2); |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.nav-pf-vertical-with-badges { |
| width: calc(250px * 2); |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf { |
| width: 200px; |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf.hover-tertiary-nav-pf { |
| width: calc(200px * 2); |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-secondary-nav-pf.hover-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| width: calc(250px * 2); |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-tertiary-nav-pf { |
| width: 200px; |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed { |
| width: calc(75px + 200px); |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.collapsed-secondary-nav-pf { |
| width: 200px; |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.collapsed-secondary-nav-pf.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.collapsed-tertiary-nav-pf { |
| width: 200px; |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.collapsed-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| width: 250px; |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.hover-tertiary-nav-pf { |
| width: calc(75px + (200px * 2)); |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.collapsed.hover-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| width: calc(75px + (250px * 2)); |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.hover-tertiary-nav-pf { |
| width: calc(200px * 3); |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf.hover-tertiary-nav-pf.nav-pf-vertical-with-badges { |
| width: calc(250px * 3); |
| } |
| .nav-pf-vertical.nav-pf-persistent-secondary.secondary-visible-pf .secondary-nav-item-pf.active .nav-pf-secondary-nav { |
| visibility: visible; |
| opacity: 1; |
| } |
| } |
| .nav-item-pf-header { |
| color: #fff; |
| font-size: 16px; |
| margin: 18px 20px 10px 20px; |
| } |
| .nav-item-pf-header > a { |
| cursor: pointer; |
| margin-right: 7px; |
| } |
| .nav-item-pf-header > a:hover, |
| .nav-item-pf-header > a:focus { |
| color: #0088ce; |
| text-decoration: none; |
| } |
| .nav-pf-vertical.collapsed { |
| width: 75px; |
| } |
| .nav-pf-vertical.collapsed .list-group-item > a { |
| width: 75px; |
| } |
| .nav-pf-vertical.collapsed .list-group-item > a > .list-group-item-value { |
| display: none; |
| } |
| .nav-pf-vertical.collapsed .list-group-item > a > .badge-container-pf { |
| display: none; |
| } |
| .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf.active > a, |
| .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf > a { |
| width: 75px; |
| } |
| .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf.active > a:after, |
| .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf > a:after { |
| right: 10px; |
| } |
| .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf.active > a, |
| .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf:hover > a { |
| width: 77px; |
| } |
| .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf.active > a:after, |
| .nav-pf-vertical.collapsed .list-group-item.secondary-nav-item-pf:hover > a:after { |
| right: 11px; |
| } |
| .nav-pf-secondary-nav { |
| background: #393f44; |
| border: 1px solid #292e34; |
| border-bottom: none; |
| border-top: none; |
| bottom: 0; |
| display: block; |
| left: 200px; |
| opacity: 0; |
| overflow-x: hidden; |
| overflow-y: auto; |
| position: fixed; |
| top: 60px; |
| visibility: hidden; |
| width: 200px; |
| z-index: 1030; |
| } |
| .collapsed-secondary-nav-pf .secondary-nav-item-pf.active .nav-pf-secondary-nav { |
| left: 0; |
| opacity: 1; |
| visibility: visible; |
| z-index: 1032; |
| } |
| .collapsed-tertiary-nav-pf .secondary-nav-item-pf.active .nav-pf-secondary-nav { |
| left: 0; |
| opacity: 1; |
| visibility: visible; |
| } |
| .hover-secondary-nav-pf .secondary-nav-item-pf.is-hover .nav-pf-secondary-nav { |
| opacity: 1; |
| visibility: visible; |
| } |
| .ie9.layout-pf-fixed .nav-pf-secondary-nav { |
| box-sizing: content-box; |
| } |
| .layout-pf-fixed-with-footer .nav-pf-secondary-nav { |
| bottom: 37px; |
| } |
| .nav-pf-secondary-nav .list-group-item { |
| border: none; |
| padding: 0 0 5px 0; |
| width: 200px; |
| } |
| .nav-pf-secondary-nav .list-group-item > a { |
| background-color: #393f44; |
| color: #d1d1d1; |
| font-size: 12px; |
| font-weight: inherit; |
| height: inherit; |
| padding: 4px 0 2px 0; |
| margin-left: 20px; |
| width: calc(200px - 20px); |
| } |
| .nav-pf-secondary-nav .list-group-item > a:hover .list-group-item-value { |
| text-decoration: underline; |
| } |
| .nav-pf-secondary-nav .list-group-item.active > a:before { |
| display: none; |
| } |
| .nav-pf-secondary-nav .list-group-item.active > a, |
| .nav-pf-secondary-nav .list-group-item:hover > a { |
| background-color: #4d5258; |
| color: #fff; |
| } |
| .nav-pf-secondary-nav .list-group-item .badge-container-pf { |
| top: 5px; |
| } |
| .nav-pf-secondary-nav .list-group-item .badge-container-pf .badge { |
| background: #292e34; |
| color: #fff; |
| } |
| .nav-pf-secondary-nav .list-group-item .list-group-item-value { |
| padding-left: 5px; |
| } |
| .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf > a { |
| cursor: default; |
| } |
| .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf > a:after { |
| color: #72767b; |
| content: "\f105"; |
| display: block; |
| font-family: "FontAwesome"; |
| font-size: 20px; |
| line-height: 20px; |
| padding: 0; |
| position: absolute; |
| right: 20px; |
| top: 4px; |
| } |
| @supports (display: flex) { |
| .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf > a .list-group-item-value { |
| padding-right: 35px; |
| } |
| } |
| .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf.active > a, |
| .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf:hover > a { |
| width: calc(200px - 19px); |
| z-index: 1033; |
| } |
| .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf.active > a:after, |
| .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf:hover > a:after { |
| right: 21px; |
| } |
| .nav-pf-vertical-with-badges .nav-pf-secondary-nav { |
| left: 250px; |
| width: 250px; |
| } |
| .nav-pf-vertical-with-badges .nav-pf-secondary-nav .list-group-item { |
| width: 250px; |
| } |
| .nav-pf-vertical-with-badges .nav-pf-secondary-nav .list-group-item > a { |
| width: calc(250px - 20px); |
| } |
| .nav-pf-vertical-with-badges .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf.active > a, |
| .nav-pf-vertical-with-badges .nav-pf-secondary-nav .list-group-item.tertiary-nav-item-pf:hover > a { |
| width: calc(250px - 19px); |
| } |
| .nav-pf-tertiary-nav { |
| background: #4d5258; |
| border: 1px solid #292e34; |
| border-bottom: none; |
| border-top: none; |
| bottom: 0; |
| display: block; |
| left: calc(200px * 2); |
| opacity: 0; |
| overflow-x: hidden; |
| overflow-y: auto; |
| position: fixed; |
| top: 60px; |
| visibility: hidden; |
| width: 200px; |
| z-index: 1030; |
| } |
| .nav-pf-vertical-with-badges .nav-pf-tertiary-nav { |
| left: 250px; |
| width: 250px; |
| } |
| .nav-pf-vertical-with-badges .nav-pf-tertiary-nav .show-mobile-nav { |
| left: 0; |
| } |
| .collapsed-tertiary-nav-pf .tertiary-nav-item-pf.active .nav-pf-tertiary-nav { |
| left: 0; |
| opacity: 1; |
| visibility: visible; |
| z-index: 1033; |
| } |
| .hover-tertiary-nav-pf .tertiary-nav-item-pf.is-hover .nav-pf-tertiary-nav { |
| opacity: 1; |
| visibility: visible; |
| } |
| .collapsed.collapsed-tertiary-nav-pf .hover-tertiary-nav-pf .tertiary-nav-item-pf.is-hover .nav-pf-tertiary-nav { |
| left: 0; |
| } |
| .ie9.layout-pf-fixed .nav-pf-tertiary-nav { |
| box-sizing: content-box; |
| } |
| .layout-pf-fixed-with-footer .nav-pf-tertiary-nav { |
| bottom: 37px; |
| } |
| .nav-pf-tertiary-nav .nav-item-pf-header { |
| color: #fff; |
| margin: 18px 20px 10px 20px; |
| } |
| .nav-pf-tertiary-nav h5 { |
| color: #fff; |
| margin: 30px 20px 10px 20px; |
| } |
| .nav-pf-tertiary-nav .list-group-item { |
| border: none; |
| padding: 0 0 5px 0; |
| } |
| .nav-pf-tertiary-nav .list-group-item > a { |
| background-color: transparent; |
| color: #d1d1d1; |
| font-size: 12px; |
| font-weight: inherit; |
| height: inherit; |
| margin: 0 20px 0 20px; |
| padding: 4px 0 2px 0; |
| } |
| .nav-pf-tertiary-nav .list-group-item.active > a:before { |
| display: none; |
| } |
| .nav-pf-tertiary-nav .list-group-item.active > a, |
| .nav-pf-tertiary-nav .list-group-item:hover > a { |
| background-color: #393f44; |
| color: #fff; |
| } |
| .nav-pf-tertiary-nav .list-group-item .badge-container-pf { |
| top: 5px; |
| } |
| .nav-pf-tertiary-nav .list-group-item .badge-container-pf .badge { |
| background: #292e34; |
| color: #fff; |
| } |
| .nav-pf-tertiary-nav .list-group-item .list-group-item-value { |
| padding-left: 5px; |
| } |
| .collapsed .nav-pf-secondary-nav { |
| left: 75px; |
| } |
| .collapsed .nav-pf-secondary-nav .list-group-item > a { |
| width: calc(200px - 20px); |
| } |
| .collapsed .nav-pf-secondary-nav .list-group-item > a > .list-group-item-value { |
| display: inline-block; |
| } |
| .collapsed .nav-pf-secondary-nav .list-group-item > a > .badge-container-pf { |
| display: inline-block; |
| } |
| .collapsed .nav-pf-tertiary-nav { |
| left: calc(75px + 200px); |
| } |
| .collapsed .nav-pf-tertiary-nav .list-group-item > a { |
| width: calc(200px - 20px); |
| } |
| .collapsed .nav-pf-tertiary-nav .list-group-item > a > .list-group-item-value { |
| display: inline-block; |
| } |
| .collapsed .nav-pf-tertiary-nav .list-group-item > a > .badge-container-pf { |
| display: inline-block; |
| } |
| .collapsed.collapsed-secondary-nav-pf, |
| .collapsed.collapsed-tertiary-nav-pf { |
| width: 200px; |
| } |
| .collapsed.collapsed-secondary-nav-pf .secondary-nav-item-pf:hover > a, |
| .collapsed.collapsed-tertiary-nav-pf .secondary-nav-item-pf:hover > a { |
| z-index: 1030; |
| } |
| .collapsed.collapsed-secondary-nav-pf .nav-pf-secondary-nav, |
| .collapsed.collapsed-tertiary-nav-pf .nav-pf-secondary-nav { |
| left: 0; |
| } |
| .collapsed.collapsed-secondary-nav-pf .nav-pf-tertiary-nav { |
| left: 200px; |
| } |
| .collapsed.collapsed-tertiary-nav-pf .nav-pf-tertiary-nav { |
| left: 0; |
| } |
| .collapsed.hover-secondary-nav-pf { |
| width: calc(75px + 200px); |
| } |
| .collapsed.hover-secondary-nav-pf.collapsed-secondary-nav-pf, |
| .collapsed.hover-secondary-nav-pf.collapsed-tertiary-nav-pf { |
| width: 200px; |
| } |
| .collapsed.hover-tertiary-nav-pf { |
| width: calc(75px + (200px * 2)); |
| } |
| .collapsed.hover-tertiary-nav-pf.collapsed-secondary-nav-pf { |
| width: calc(200px * 2); |
| } |
| .collapsed.hover-tertiary-nav-pf.collapsed-tertiary-nav-pf { |
| width: 200px; |
| } |
| .collapsed.nav-pf-vertical-with-badges .nav-pf-secondary-nav .list-group-item > a { |
| width: calc(250px - 20px); |
| } |
| .collapsed.nav-pf-vertical-with-badges .nav-pf-tertiary-nav { |
| left: calc(75px + 250px); |
| } |
| .collapsed.nav-pf-vertical-with-badges .nav-pf-tertiary-nav .list-group-item > a { |
| width: calc(250px - 20px); |
| } |
| .collapsed.nav-pf-vertical-with-badges.collapsed-secondary-nav-pf, |
| .collapsed.nav-pf-vertical-with-badges.collapsed-tertiary-nav-pf { |
| width: 250px; |
| } |
| .collapsed.nav-pf-vertical-with-badges.collapsed-secondary-nav-pf .nav-pf-tertiary-nav { |
| left: 250px; |
| } |
| .collapsed.nav-pf-vertical-with-badges.hover-secondary-nav-pf { |
| width: calc(75px + 250px); |
| } |
| .collapsed.nav-pf-vertical-with-badges.hover-secondary-nav-pf.collapsed-secondary-nav-pf, |
| .collapsed.nav-pf-vertical-with-badges.hover-secondary-nav-pf.collapsed-tertiary-nav-pf { |
| width: 250px; |
| } |
| .collapsed.nav-pf-vertical-with-badges.hover-tertiary-nav-pf { |
| width: calc(75px + (200px * 2)); |
| } |
| .collapsed.nav-pf-vertical-with-badges.hover-tertiary-nav-pf.collapsed-secondary-nav-pf { |
| width: calc(200px * 2); |
| } |
| .collapsed.nav-pf-vertical-with-badges.hover-tertiary-nav-pf.collapsed-tertiary-nav-pf { |
| width: 200px; |
| } |
| .secondary-collapse-toggle-pf { |
| display: none; |
| font-family: "FontAwesome"; |
| font-size: inherit; |
| opacity: 0; |
| pointer-events: none; |
| -webkit-font-smoothing: antialiased; |
| } |
| .secondary-collapse-toggle-pf:before { |
| content: "\f190"; |
| } |
| .secondary-collapse-toggle-pf.collapsed:before { |
| content: "\f18e"; |
| } |
| .tertiary-collapse-toggle-pf { |
| display: none; |
| font-family: "FontAwesome"; |
| font-size: inherit; |
| opacity: 0; |
| pointer-events: none; |
| -webkit-font-smoothing: antialiased; |
| } |
| .tertiary-collapse-toggle-pf:before { |
| content: "\f190"; |
| } |
| .tertiary-collapse-toggle-pf.collapsed:before { |
| content: "\f18e"; |
| } |
| .nav-pf-vertical-collapsible-menus .secondary-collapse-toggle-pf { |
| display: inline-block; |
| } |
| .nav-pf-vertical-collapsible-menus .secondary-nav-item-pf.active .secondary-collapse-toggle-pf { |
| opacity: 1; |
| pointer-events: all; |
| } |
| .nav-pf-vertical-collapsible-menus .tertiary-collapse-toggle-pf { |
| display: inline-block; |
| } |
| .nav-pf-vertical-collapsible-menus .tertiary-nav-item-pf.active .tertiary-collapse-toggle-pf { |
| opacity: 1; |
| pointer-events: all; |
| } |
| .show-mobile-nav .secondary-collapse-toggle-pf { |
| display: inline-block; |
| opacity: 1; |
| pointer-events: all; |
| } |
| .show-mobile-nav .secondary-collapse-toggle-pf:before { |
| content: "\f190"; |
| } |
| .show-mobile-nav .tertiary-collapse-toggle-pf { |
| display: inline-block; |
| opacity: 1; |
| pointer-events: all; |
| } |
| .show-mobile-nav .tertiary-collapse-toggle-pf:before { |
| content: "\f190"; |
| } |
| .force-hide-secondary-nav-pf .nav-pf-secondary-nav { |
| display: none !important; |
| } |
| .force-hide-secondary-nav-pf .nav-pf-tertiary-nav { |
| display: none !important; |
| } |
| .nav-pf-vertical.transitions { |
| transition: width 100ms; |
| } |
| .nav-pf-vertical.transitions .nav-pf-secondary-nav { |
| transition: visibility 100ms, opacity 100ms linear; |
| } |
| .nav-pf-vertical.transitions .nav-pf-tertiary-nav { |
| transition: visibility 100ms, opacity 100ms linear; |
| } |
| .wizard-pf { |
| height: 100%; |
| margin: 0 auto; |
| max-height: 900px; |
| padding: 10px; |
| width: auto; |
| } |
| .wizard-pf .modal-content { |
| height: 100%; |
| } |
| .wizard-pf-body { |
| padding: 0; |
| position: static; |
| } |
| /* styles the sidebard containing the sub-steps */ |
| .wizard-pf-sidebar { |
| background: #fafafa; |
| border-right: 1px solid #d1d1d1; |
| bottom: 0; |
| left: 0; |
| overflow-x: hidden; |
| overflow-y: auto; |
| position: absolute; |
| top: 0; |
| } |
| .wizard-pf-sidebar .list-group { |
| border-top: 0; |
| margin-bottom: 0; |
| } |
| .wizard-pf-sidebar .list-group-item { |
| background-color: transparent; |
| border-color: #ededed; |
| padding: 0; |
| } |
| .wizard-pf-sidebar .list-group-item > a { |
| color: #030303; |
| cursor: pointer; |
| display: block; |
| font-size: 14px; |
| font-weight: 700; |
| height: 50px; |
| outline: 0; |
| padding-top: 11px; |
| padding-left: 20px; |
| position: relative; |
| white-space: nowrap; |
| width: 14em; |
| } |
| .wizard-pf-sidebar .list-group-item > a:hover { |
| text-decoration: none; |
| } |
| .wizard-pf-sidebar .list-group-item.active { |
| background-color: #ededed; |
| } |
| .wizard-pf-sidebar .list-group-item.active:hover { |
| border-color: #ededed; |
| } |
| .wizard-pf-sidebar .list-group-item.active > a { |
| color: #39a5dc; |
| cursor: default; |
| } |
| .wizard-pf-sidebar .list-group-item.active > a:before { |
| background: #39a5dc; |
| content: " "; |
| height: 100%; |
| left: 0; |
| position: absolute; |
| top: 0; |
| width: 3px; |
| } |
| .wizard-pf-sidebar .list-group-item.active > a:after { |
| color: #39a5dc; |
| content: "\f105"; |
| display: block; |
| font-family: FontAwesome; |
| font-size: 24px; |
| font-weight: 500; |
| line-height: 30px; |
| padding-top: 10px; |
| position: absolute; |
| right: 23px; |
| top: 0; |
| } |
| .wizard-pf-substep-number { |
| display: inline-block; |
| margin-right: 5px; |
| vertical-align: middle; |
| width: 25px; |
| } |
| .wizard-pf-substep-title { |
| display: inline-block; |
| margin-right: 5px; |
| text-align: left; |
| vertical-align: middle; |
| } |
| /* styles the steps indicator across the top of the wizard */ |
| .wizard-pf-steps { |
| border-bottom: solid 1px #d1d1d1; |
| text-align: center; |
| } |
| .wizard-pf-steps-indicator { |
| font-size: 16px; |
| display: inline-block; |
| height: 120px; |
| -ms-flex-pack: distribute; |
| justify-content: space-around; |
| list-style: none; |
| padding: 38px 0 0; |
| /* draw the step number in the circle */ |
| } |
| @supports (display: flex) { |
| .wizard-pf-steps-indicator { |
| display: -ms-flexbox; |
| display: flex; |
| } |
| } |
| .wizard-pf-steps-indicator li { |
| counter-increment: section; |
| float: left; |
| /* float for IE9 since it doesn't support flex. If items wrap, they overlap */ |
| -ms-flex-positive: 1; |
| flex-grow: 1; |
| -ms-flex-preferred-size: 0; |
| flex-basis: 0; |
| line-height: 15px; |
| margin: 0; |
| padding: 0; |
| position: relative; |
| text-align: center; |
| /* draw the line between the circles */ |
| /* don't draw the line between the circles on the ends */ |
| } |
| .wizard-pf-steps-indicator li:before { |
| background-color: #bbb; |
| content: ""; |
| height: 2px; |
| left: 0; |
| position: absolute; |
| right: 0; |
| top: 40px; |
| } |
| .wizard-pf-steps-indicator li:first-child:before { |
| left: 50%; |
| right: 0; |
| } |
| .wizard-pf-steps-indicator li:last-child:before { |
| left: 0; |
| right: 50%; |
| } |
| .wizard-pf-steps-indicator li:only-of-type:before { |
| background-color: transparent; |
| } |
| .wizard-pf-steps-indicator li a { |
| color: #030303; |
| font-size: 16px; |
| cursor: pointer; |
| margin-left: 1em; |
| margin-right: 1em; |
| text-decoration: none; |
| } |
| .wizard-pf-steps-indicator li a:hover .wizard-pf-step-number { |
| background-color: #bbb; |
| border-color: #bbb; |
| color: #fff; |
| } |
| .wizard-pf-steps-indicator .wizard-pf-step-number { |
| background-color: #fff; |
| border-radius: 50%; |
| border: solid 2px #bbb; |
| color: #bbb; |
| font-size: 12px; |
| font-weight: 700; |
| height: 25px; |
| left: calc(50% - 13px); |
| line-height: 22px; |
| position: absolute; |
| top: 27px; |
| width: 25px; |
| } |
| .wizard-pf-steps-indicator .active .wizard-pf-step-number { |
| cursor: default; |
| background-color: #39a5dc; |
| border-color: #39a5dc; |
| color: #fff; |
| } |
| .wizard-pf-steps-indicator .viewed-pf .wizard-pf-step-number { |
| background-color: #fff; |
| border-color: #39a5dc; |
| color: #030303; |
| } |
| /* styles the main content portion of the wizard */ |
| .wizard-pf-main { |
| height: 100%; |
| margin-left: 253px; |
| /* this value is updated by js */ |
| overflow: auto; |
| padding: 3em; |
| vertical-align: top; |
| } |
| .wizard-pf-main .blank-slate-pf { |
| background-color: transparent; |
| border: none; |
| left: 0; |
| right: 0; |
| } |
| /* styles the content of a review page */ |
| .wizard-pf-review-steps { |
| list-style: none; |
| } |
| .wizard-pf-review-steps .list-group, |
| .wizard-pf-review-steps .list-group-item { |
| border: none; |
| margin-bottom: 0; |
| } |
| .wizard-pf-review-steps > ul > li { |
| float: left; |
| line-height: 15px; |
| margin: 0; |
| padding-top: 0; |
| position: relative; |
| width: 100%; |
| } |
| .wizard-pf-review-steps > ul > li > a { |
| color: #030303; |
| cursor: pointer; |
| font-size: 16px; |
| padding-left: 30px; |
| padding-right: 5px; |
| text-decoration: none; |
| transition: 250ms; |
| } |
| .wizard-pf-review-steps > ul > li > a:before { |
| content: "\f107"; |
| display: block; |
| font-family: FontAwesome; |
| font-size: 24px; |
| font-weight: 500; |
| left: 20px; |
| position: absolute; |
| top: 0; |
| } |
| .wizard-pf-review-steps > ul > li > a.collapsed:before { |
| content: "\f105"; |
| } |
| .wizard-pf-review-substeps { |
| padding-left: 22px; |
| } |
| .wizard-pf-review-substeps > ul > li { |
| float: left; |
| line-height: 15px; |
| margin: 0; |
| position: relative; |
| width: 100%; |
| } |
| .wizard-pf-review-substeps > ul > li a { |
| color: #030303; |
| cursor: pointer; |
| font-size: 16px; |
| padding-left: 30px; |
| padding-right: 5px; |
| text-decoration: none; |
| transition: 250ms; |
| } |
| .wizard-pf-review-substeps > ul > li a:before { |
| content: "\f107"; |
| display: block; |
| font-family: FontAwesome; |
| font-size: 24px; |
| font-weight: 500; |
| left: 20px; |
| position: absolute; |
| top: 10px; |
| } |
| .wizard-pf-review-substeps > ul > li a.collapsed:before { |
| content: "\f105"; |
| } |
| .wizard-pf-review-content { |
| padding-top: 10px; |
| padding-left: 40px; |
| } |
| .wizard-pf-review-content .wizard-pf-review-item { |
| padding: 5px 0; |
| } |
| .wizard-pf-review-content .wizard-pf-review-item.sub-item { |
| margin-left: 10px; |
| } |
| .wizard-pf-review-content .wizard-pf-review-item .wizard-pf-review-item-label { |
| font-weight: 700; |
| padding-right: 10px; |
| } |
| .wizard-pf-review-content .wizard-pf-review-item .wizard-pf-review-item-field { |
| font-weight: 700; |
| margin: 5px 0; |
| padding-right: 10px; |
| } |
| .wizard-pf-review-content .wizard-pf-review-item .wizard-pf-review-item-field:first-of-type { |
| margin-top: 0; |
| } |
| .wizard-pf-review-content .wizard-pf-review-item .wizard-pf-review-item-field:last-of-type { |
| margin-bottom: 0; |
| } |
| .wizard-pf-review-content .wizard-pf-review-item .wizard-pf-review-item-field.sub-field { |
| margin-left: 10px; |
| } |
| .wizard-pf-success-icon { |
| color: #3f9c35; |
| font-size: 67.2px; |
| line-height: 67.2px; |
| } |
| /* styles the footer */ |
| .wizard-pf-footer { |
| border-top: 1px solid #d1d1d1; |
| bottom: 0; |
| left: 0; |
| margin-top: 0; |
| padding-bottom: 17px; |
| position: absolute; |
| right: 0; |
| } |
| .wizard-pf-footer .btn-cancel { |
| margin-right: 25px; |
| } |
| .wizard-pf-row { |
| bottom: 58px; |
| /* this value is updated by js */ |
| position: absolute; |
| overflow: hidden; |
| top: 172px; |
| /* this value is updated by js */ |
| width: 100%; |
| } |
| @media (min-width: 992px) { |
| .wizard-pf { |
| padding: 30px 0; |
| width: 900px; |
| } |
| .wizard-pf-sidebar .list-group-item > a { |
| width: 18em; |
| } |
| } |