blob: 4d63d5df861a8bfc48b91d016c42b282918ef94b [file] [log] [blame]
/* 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;
}
}