UNPKG

patternfly

Version:

This reference implementation of PatternFly is based on [Bootstrap v3](http://getbootstrap.com/). Think of PatternFly as a "skinned" version of Bootstrap with additional components and customizations.

1,316 lines 170 kB
/* 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 { padding: 4px; border-radius: 4px; 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; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; 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-top:before { top: -7px; } .datepicker-dropdown.datepicker-orient-top:after { top: -6px; } .datepicker-dropdown.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker > div { display: none; } .datepicker.days .datepicker-days, .datepicker.months .datepicker-months, .datepicker.years .datepicker-years { display: block; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-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.day:hover, .datepicker table tr td.day.focused { background: #f1f1f1; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #9c9c9c; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #9c9c9c; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { color: #000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.focus, .datepicker table tr td.today:hover.focus, .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today.disabled:hover.focus { color: #000; background-color: #ffc966; border-color: #b37400; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover { color: #000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.today, .open > .dropdown-toggle.datepicker table tr td.today:hover, .open > .dropdown-toggle.datepicker table tr td.today.disabled, .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover { color: #000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active:hover, .datepicker table tr td.today:hover:active:hover, .datepicker table tr td.today.disabled:active:hover, .datepicker table tr td.today.disabled:hover:active:hover, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:hover.active:hover, .datepicker table tr td.today.disabled.active:hover, .datepicker table tr td.today.disabled:hover.active:hover, .open > .dropdown-toggle.datepicker table tr td.today:hover, .open > .dropdown-toggle.datepicker table tr td.today:hover:hover, .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover, .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:hover:active:focus, .datepicker table tr td.today.disabled:active:focus, .datepicker table tr td.today.disabled:hover:active:focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today:hover.active:focus, .datepicker table tr td.today.disabled.active:focus, .datepicker table tr td.today.disabled:hover.active:focus, .open > .dropdown-toggle.datepicker table tr td.today:focus, .open > .dropdown-toggle.datepicker table tr td.today:hover:focus, .open > .dropdown-toggle.datepicker table tr td.today.disabled:focus, .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today:hover:active.focus, .datepicker table tr td.today.disabled:active.focus, .datepicker table tr td.today.disabled:hover:active.focus, .datepicker table tr td.today.active.focus, .datepicker table tr td.today:hover.active.focus, .datepicker table tr td.today.disabled.active.focus, .datepicker table tr td.today.disabled:hover.active.focus, .open > .dropdown-toggle.datepicker table tr td.today.focus, .open > .dropdown-toggle.datepicker table tr td.today:hover.focus, .open > .dropdown-toggle.datepicker table tr td.today.disabled.focus, .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover.focus { color: #000; background-color: #ffbc42; border-color: #b37400; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.today, .open > .dropdown-toggle.datepicker table tr td.today:hover, .open > .dropdown-toggle.datepicker table tr td.today.disabled, .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover { background-image: none; } .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today:hover.disabled.focus, .datepicker table tr td.today.disabled.disabled.focus, .datepicker table tr td.today.disabled:hover.disabled.focus, .datepicker table tr td.today[disabled].focus, .datepicker table tr td.today:hover[disabled].focus, .datepicker table tr td.today.disabled[disabled].focus, .datepicker table tr td.today.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td.today.focus, fieldset[disabled] .datepicker table tr td.today:hover.focus, fieldset[disabled] .datepicker table tr td.today.disabled.focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover.focus { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today .badge, .datepicker table tr td.today:hover .badge, .datepicker table tr td.today.disabled .badge, .datepicker table tr td.today.disabled:hover .badge { color: #ffdb99; background-color: #000; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #f1f1f1; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { color: #000; background-color: #f8cb79; border-color: #f3a618; border-radius: 0; } .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.focus, .datepicker table tr td.range.today:hover.focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today.disabled:hover.focus { color: #000; background-color: #f6b848; border-color: #855807; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover { color: #000; background-color: #f6b848; border-color: #c4820a; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.range.today, .open > .dropdown-toggle.datepicker table tr td.range.today:hover, .open > .dropdown-toggle.datepicker table tr td.range.today.disabled, .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { color: #000; background-color: #f6b848; border-color: #c4820a; } .datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today:hover:active:hover, .datepicker table tr td.range.today.disabled:active:hover, .datepicker table tr td.range.today.disabled:hover:active:hover, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:hover.active:hover, .datepicker table tr td.range.today.disabled.active:hover, .datepicker table tr td.range.today.disabled:hover.active:hover, .open > .dropdown-toggle.datepicker table tr td.range.today:hover, .open > .dropdown-toggle.datepicker table tr td.range.today:hover:hover, .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover, .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today:hover:active:focus, .datepicker table tr td.range.today.disabled:active:focus, .datepicker table tr td.range.today.disabled:hover:active:focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today:hover.active:focus, .datepicker table tr td.range.today.disabled.active:focus, .datepicker table tr td.range.today.disabled:hover.active:focus, .open > .dropdown-toggle.datepicker table tr td.range.today:focus, .open > .dropdown-toggle.datepicker table tr td.range.today:hover:focus, .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:focus, .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today:hover:active.focus, .datepicker table tr td.range.today.disabled:active.focus, .datepicker table tr td.range.today.disabled:hover:active.focus, .datepicker table tr td.range.today.active.focus, .datepicker table tr td.range.today:hover.active.focus, .datepicker table tr td.range.today.disabled.active.focus, .datepicker table tr td.range.today.disabled:hover.active.focus, .open > .dropdown-toggle.datepicker table tr td.range.today.focus, .open > .dropdown-toggle.datepicker table tr td.range.today:hover.focus, .open > .dropdown-toggle.datepicker table tr td.range.today.disabled.focus, .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover.focus { color: #000; background-color: #f4ab26; border-color: #855807; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.range.today, .open > .dropdown-toggle.datepicker table tr td.range.today:hover, .open > .dropdown-toggle.datepicker table tr td.range.today.disabled, .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { background-image: none; } .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today:hover.disabled.focus, .datepicker table tr td.range.today.disabled.disabled.focus, .datepicker table tr td.range.today.disabled:hover.disabled.focus, .datepicker table tr td.range.today[disabled].focus, .datepicker table tr td.range.today:hover[disabled].focus, .datepicker table tr td.range.today.disabled[disabled].focus, .datepicker table tr td.range.today.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td.range.today.focus, fieldset[disabled] .datepicker table tr td.range.today:hover.focus, fieldset[disabled] .datepicker table tr td.range.today.disabled.focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus { background-color: #f8cb79; border-color: #f3a618; } .datepicker table tr td.range.today .badge, .datepicker table tr td.range.today:hover .badge, .datepicker table tr td.range.today.disabled .badge, .datepicker table tr td.range.today.disabled:hover .badge { color: #f8cb79; background-color: #000; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { 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:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected:hover.focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.disabled:hover.focus { color: #fff; background-color: #838383; border-color: #161616; } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover { color: #fff; background-color: #838383; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.selected, .open > .dropdown-toggle.datepicker table tr td.selected:hover, .open > .dropdown-toggle.datepicker table tr td.selected.disabled, .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover { color: #fff; background-color: #838383; border-color: #373737; } .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected:hover:active:hover, .datepicker table tr td.selected.disabled:active:hover, .datepicker table tr td.selected.disabled:hover:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected:hover.active:hover, .datepicker table tr td.selected.disabled.active:hover, .datepicker table tr td.selected.disabled:hover.active:hover, .open > .dropdown-toggle.datepicker table tr td.selected:hover, .open > .dropdown-toggle.datepicker table tr td.selected:hover:hover, .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover, .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected:hover:active:focus, .datepicker table tr td.selected.disabled:active:focus, .datepicker table tr td.selected.disabled:hover:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected:hover.active:focus, .datepicker table tr td.selected.disabled.active:focus, .datepicker table tr td.selected.disabled:hover.active:focus, .open > .dropdown-toggle.datepicker table tr td.selected:focus, .open > .dropdown-toggle.datepicker table tr td.selected:hover:focus, .open > .dropdown-toggle.datepicker table tr td.selected.disabled:focus, .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected:hover:active.focus, .datepicker table tr td.selected.disabled:active.focus, .datepicker table tr td.selected.disabled:hover:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected:hover.active.focus, .datepicker table tr td.selected.disabled.active.focus, .datepicker table tr td.selected.disabled:hover.active.focus, .open > .dropdown-toggle.datepicker table tr td.selected.focus, .open > .dropdown-toggle.datepicker table tr td.selected:hover.focus, .open > .dropdown-toggle.datepicker table tr td.selected.disabled.focus, .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover.focus { color: #fff; background-color: #717171; border-color: #161616; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.selected, .open > .dropdown-toggle.datepicker table tr td.selected:hover, .open > .dropdown-toggle.datepicker table tr td.selected.disabled, .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover { background-image: none; } .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected:hover.disabled.focus, .datepicker table tr td.selected.disabled.disabled.focus, .datepicker table tr td.selected.disabled:hover.disabled.focus, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected:hover[disabled].focus, .datepicker table tr td.selected.disabled[disabled].focus, .datepicker table tr td.selected.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected:hover.focus, fieldset[disabled] .datepicker table tr td.selected.disabled.focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus { background-color: #9c9c9c; border-color: #555555; } .datepicker table tr td.selected .badge, .datepicker table tr td.selected:hover .badge, .datepicker table tr td.selected.disabled .badge, .datepicker table tr td.selected.disabled:hover .badge { color: #9c9c9c; background-color: #fff; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.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.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active:hover.focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:hover.focus { color: #fff; background-color: #00669b; border-color: #00121d; } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover { color: #fff; background-color: #00669b; border-color: #003d5f; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active.disabled, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #fff; background-color: #00669b; border-color: #003d5f; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active:hover:active:hover, .datepicker table tr td.active.disabled:active:hover, .datepicker table tr td.active.disabled:hover:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active:hover.active:hover, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled:hover.active:hover, .open > .dropdown-toggle.datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active:hover:hover, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:hover:active:focus, .datepicker table tr td.active.disabled:active:focus, .datepicker table tr td.active.disabled:hover:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active:hover.active:focus, .datepicker table tr td.active.disabled.active:focus, .datepicker table tr td.active.disabled:hover.active:focus, .open > .dropdown-toggle.datepicker table tr td.active:focus, .open > .dropdown-toggle.datepicker table tr td.active:hover:focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled:focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:hover:active.focus, .datepicker table tr td.active.disabled:active.focus, .datepicker table tr td.active.disabled:hover:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active:hover.active.focus, .datepicker table tr td.active.disabled.active.focus, .datepicker table tr td.active.disabled:hover.active.focus, .open > .dropdown-toggle.datepicker table tr td.active.focus, .open > .dropdown-toggle.datepicker table tr td.active:hover.focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled.focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover.focus { color: #fff; background-color: #004f77; border-color: #00121d; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active.disabled, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none; } .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active:hover.disabled.focus, .datepicker table tr td.active.disabled.disabled.focus, .datepicker table tr td.active.disabled:hover.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active:hover[disabled].focus, .datepicker table tr td.active.disabled[disabled].focus, .datepicker table tr td.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active:hover.focus, fieldset[disabled] .datepicker table tr td.active.disabled.focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus { background-color: #0088ce; border-color: #00659c; } .datepicker table tr td.active .badge, .datepicker table tr td.active:hover .badge, .datepicker table tr td.active.disabled .badge, .datepicker table tr td.active.disabled:hover .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 { 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 thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #f1f1f1; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child .cw { cursor: default; background-color: transparent; } .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; font-weight: normal; line-height: 1.66666667; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #f1f1f1; border: solid #bbb; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .bootstrap-select { width: 220px \0; /*IE9 and below*/ } .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; } .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 .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%; z-index: 1035; 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; } .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: 1036; } .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 { float: left; 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%; } select.bs-select-hidden, select.selectpicker { display: none !important; } select.mobile-device { position: absolute !important; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0; } .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; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 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; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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: 0px; border-top-left-radius: 0px; } .bootstrap-switch .bootstrap-switch-handle-off { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .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-s