primeng
Version:
[](https://opensource.org/licenses/MIT) [](https://gitter.im/primefaces/primeng?ut
1,181 lines (1,176 loc) • 111 kB
CSS
@charset "UTF-8";
/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url("./fonts/open-sans-v15-latin-300.eot");
/* IE9 Compat Modes */
src: local("Open Sans Light"), local("OpenSans-Light"), url("./fonts/open-sans-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v15-latin-300.woff2") format("woff2"), url("./fonts/open-sans-v15-latin-300.woff") format("woff"), url("./fonts/open-sans-v15-latin-300.ttf") format("truetype"), url("./fonts/open-sans-v15-latin-300.svg#OpenSans") format("svg");
/* Legacy iOS */ }
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url("./fonts/open-sans-v15-latin-regular.eot");
/* IE9 Compat Modes */
src: local("Open Sans Regular"), local("OpenSans-Regular"), url("./fonts/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v15-latin-regular.woff2") format("woff2"), url("./fonts/open-sans-v15-latin-regular.woff") format("woff"), url("./fonts/open-sans-v15-latin-regular.ttf") format("truetype"), url("./fonts/open-sans-v15-latin-regular.svg#OpenSans") format("svg");
/* Legacy iOS */ }
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url("./fonts/open-sans-v15-latin-700.eot");
/* IE9 Compat Modes */
src: local("Open Sans Bold"), local("OpenSans-Bold"), url("./fonts/open-sans-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v15-latin-700.woff2") format("woff2"), url("./fonts/open-sans-v15-latin-700.woff") format("woff"), url("./fonts/open-sans-v15-latin-700.ttf") format("truetype"), url("./fonts/open-sans-v15-latin-700.svg#OpenSans") format("svg");
/* Legacy iOS */ }
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
body .ui-widget {
font-family: "Open Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
text-decoration: none; }
body .ui-corner-all {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
body .ui-corner-top {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px; }
body .ui-corner-bottom {
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; }
body .ui-corner-left {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; }
body .ui-corner-right {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; }
body a {
color: #cc285c;
text-decoration: none; }
body a:hover {
color: #b72452; }
body a:active {
color: #a32049; }
body .ui-helper-reset {
line-height: normal; }
body .ui-state-disabled, body .ui-widget:disabled {
opacity: 0.5;
filter: alpha(opacity=50); }
body .pi {
font-size: 1.25em; }
body {
/* Validations */ }
body .ui-inputtext {
font-size: 14px;
color: #dedede;
background: #585858;
padding: 0.429em;
border: 1px solid #585858;
-moz-transition: border-color 0.2s;
-o-transition: border-color 0.2s;
-webkit-transition: border-color 0.2s;
transition: border-color 0.2s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
body .ui-inputtext:enabled:hover:not(.ui-state-error) {
border-color: #cc285c; }
body .ui-inputtext:enabled:focus:not(.ui-state-error) {
border-color: #cc285c;
outline: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
body .ui-chkbox {
display: inline-block;
vertical-align: middle;
margin: 0;
width: 20px;
height: 20px; }
body .ui-chkbox .ui-chkbox-box {
border: 1px solid #585858;
background-color: #585858;
width: 20px;
height: 20px;
text-align: center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-webkit-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s; }
body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
border-color: #cc285c; }
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
border-color: #cc285c;
background-color: #585858;
color: #cc285c; }
body .ui-chkbox .ui-chkbox-box.ui-state-active {
border-color: #cc285c;
background-color: #cc285c;
color: #ffffff; }
body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
border-color: #a32049;
background-color: #a32049;
color: #ffffff; }
body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-focus {
border-color: #a32049;
background-color: #a32049;
color: #ffffff; }
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
overflow: hidden;
position: relative;
font-size: 18px; }
body .ui-chkbox-label {
margin: 0 0 0 0.5em; }
body .ui-radiobutton {
display: inline-block;
vertical-align: middle;
margin: 0;
width: 20px;
height: 20px; }
body .ui-radiobutton .ui-radiobutton-box {
border: 1px solid #585858;
background-color: #585858;
width: 20px;
height: 20px;
text-align: center;
position: relative;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-webkit-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%; }
body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
border-color: #cc285c; }
body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
border-color: #cc285c;
background-color: #585858;
color: #cc285c; }
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
border-color: #cc285c;
background-color: #cc285c;
color: #ffffff; }
body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
background-color: #ffffff; }
body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled):hover {
border-color: #a32049;
background-color: #a32049;
color: #ffffff; }
body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-focus {
border-color: #a32049;
background-color: #a32049;
color: #ffffff; }
body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
background: transparent;
width: 10px;
height: 10px;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
margin-left: -5px;
margin-top: -5px;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%; }
body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
display: none; }
body .ui-radiobutton-label {
margin: 0 0 0 .5em; }
body .ui-inputswitch {
width: 3em;
height: 1.75em; }
body .ui-inputswitch .ui-inputswitch-slider {
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
border-radius: 30px;
background: #585858; }
body .ui-inputswitch .ui-inputswitch-slider:before {
background-color: #323232;
height: 1.250em;
width: 1.250em;
left: .25em;
bottom: .25em;
border-radius: 50%;
-webkit-transition: 0.2s;
transition: 0.2s; }
body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
-webkit-transform: translateX(1.25em);
-ms-transform: translateX(1.25em);
transform: translateX(1.25em); }
body .ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
background: #4c4c4c; }
body .ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
background-color: #585858; }
body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
background-color: #cc285c; }
body .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
background-color: #b72452; }
body .ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider {
background: #a32049; }
body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-icon-left:before {
content: ""; }
body .ui-autocomplete .ui-autocomplete-input {
padding: 0.429em; }
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
padding: 0.2145em 0.429em; }
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover {
border-color: #cc285c; }
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
border-color: #cc285c;
outline: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
margin: 0;
padding: 0.2145em 0;
color: #dedede; }
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
font-family: "Open Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
padding: 0;
margin: 0; }
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
font-size: 14px;
padding: 0.2145em 0.429em;
margin: 0 0.286em 0 0;
background: #cc285c;
color: #ffffff; }
body .ui-autocomplete-panel {
padding: 0;
border: 1px solid #191919;
background-color: #323232;
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
body .ui-autocomplete-panel .ui-autocomplete-items {
padding: 0; }
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {
margin: 0;
padding: 0.429em 0.857em;
border: 0 none;
color: #dedede;
background-color: transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; }
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item.ui-state-highlight {
color: #ffffff;
background-color: #cc285c; }
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
padding: 0.429em 0.857em;
background-color: #585858;
color: #dedede; }
body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
width: 2.357em; }
body .ui-fluid .ui-autocomplete.ui-autocomplete-multiple.ui-autocomplete-dd .ui-autocomplete-multiple-container {
border-right: 0 none;
width: calc(100% - 2.357em); }
body .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-inputtext {
border-right: 0 none;
width: calc(100% - 2.357em); }
body .ui-chips > ul.ui-inputtext {
padding: 0.2145em 0.429em;
display: inline-block; }
body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled):hover {
border-color: #cc285c; }
body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled).ui-state-focus {
border-color: #cc285c;
outline: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
body .ui-chips > ul.ui-inputtext .ui-chips-input-token {
padding: 0.2145em 0; }
body .ui-chips > ul.ui-inputtext .ui-chips-input-token input {
font-family: "Open Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
padding: 0;
margin: 0;
color: #dedede; }
body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:hover {
border: 0 none; }
body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:focus {
border: 0 none; }
body .ui-chips > ul.ui-inputtext .ui-chips-token {
font-size: 14px;
padding: 0.2145em 0.429em;
margin: 0 0.286em 0 0;
background: #cc285c;
color: #ffffff; }
body .ui-dropdown {
background: #585858;
border: 1px solid #585858;
-moz-transition: border-color 0.2s;
-o-transition: border-color 0.2s;
-webkit-transition: border-color 0.2s;
transition: border-color 0.2s; }
body .ui-dropdown:not(.ui-state-disabled):hover {
border-color: #cc285c; }
body .ui-dropdown:not(.ui-state-disabled):focus {
border-color: #cc285c;
outline: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
body .ui-dropdown .ui-dropdown-label {
padding-right: 2em; }
body .ui-dropdown .ui-dropdown-trigger {
background-color: #585858;
width: 2em;
line-height: 2em;
text-align: center;
padding: 0;
color: #dedede; }
body .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon:before {
content: ""; }
body .ui-dropdown .ui-dropdown-clear-icon {
color: #dedede; }
body .ui-dropdown:not(.ui-state-disabled).ui-state-focus {
border-color: #cc285c;
outline: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
body .ui-dropdown-panel {
padding: 0;
border: 1px solid #191919;
background-color: #323232;
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
body .ui-dropdown-panel .ui-dropdown-filter-container {
padding: 0.429em 0.857em 0.429em 0.857em;
border-bottom: 1px solid #191919;
color: #dedede;
background-color: #252525;
margin: 0; }
body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter {
width: 100%;
padding-right: 2em; }
body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
top: 50%;
margin-top: -.5em;
right: 1.357em;
color: #cc285c; }
body .ui-dropdown-panel .ui-dropdown-items {
padding: 0; }
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group {
margin: 0;
padding: 0.429em 0.857em;
border: 0 none;
color: #dedede;
background-color: transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; }
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight {
color: #ffffff;
background-color: #cc285c; }
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group:not(.ui-state-highlight):not(.ui-state-disabled):hover {
color: #dedede;
background-color: #4c4c4c; }
body .ui-multiselect {
background: #585858;
border: 1px solid #585858;
-moz-transition: border-color 0.2s;
-o-transition: border-color 0.2s;
-webkit-transition: border-color 0.2s;
transition: border-color 0.2s; }
body .ui-multiselect:not(.ui-state-disabled):hover {
border-color: #cc285c; }
body .ui-multiselect:not(.ui-state-disabled):focus {
border-color: #cc285c;
outline: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
body .ui-multiselect .ui-multiselect-label {
padding: 0.429em;
padding-right: 2em;
color: #dedede; }
body .ui-multiselect .ui-multiselect-trigger {
background-color: #585858;
width: 2em;
line-height: 2em;
text-align: center;
padding: 0;
color: #dedede; }
body .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon:before {
content: ""; }
body .ui-multiselect-panel {
padding: 0;
border: 1px solid #191919;
background-color: #323232;
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
body .ui-multiselect-panel .ui-multiselect-header {
padding: 0.429em 0.857em 0.429em 0.857em;
border-bottom: 1px solid #191919;
color: #dedede;
background-color: #252525;
margin: 0; }
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container {
float: none;
width: 70%;
display: inline-block;
vertical-align: middle;
margin-left: 0; }
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext {
padding: 0.429em;
padding-right: 2em; }
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
color: #cc285c;
top: 50%;
margin-top: -.5em;
right: .5em;
left: auto; }
body .ui-multiselect-panel .ui-multiselect-header .ui-chkbox {
margin-right: 0.5em;
float: none;
vertical-align: middle; }
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close {
color: #888888;
top: 50%;
margin-top: -.5em;
-moz-transition: color 0.2s;
-o-transition: color 0.2s;
-webkit-transition: color 0.2s;
transition: color 0.2s; }
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover {
color: #dedede; }
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:focus {
outline: 0 none;
color: #dedede; }
body .ui-multiselect-panel .ui-multiselect-items {
padding: 0; }
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
margin: 0;
padding: 0.429em 0.857em;
border: 0 none;
color: #dedede;
background-color: transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; }
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
color: #ffffff;
background-color: #cc285c; }
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
color: #dedede;
background-color: #4c4c4c; }
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box {
cursor: auto; }
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box:hover {
border: 1px solid #585858; }
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box.ui-state-active:hover {
border-color: #cc285c; }
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox {
position: static;
display: inline-block;
vertical-align: middle;
margin: 0 0.5em 0 0; }
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label {
display: inline-block;
vertical-align: middle; }
body .ui-listbox {
padding: 0;
min-width: 12em;
background: #323232;
border: 1px solid #191919; }
body .ui-listbox .ui-chkbox {
margin: 0 0.5em 0 0; }
body .ui-listbox .ui-listbox-header {
padding: 0.429em 0.857em 0.429em 0.857em;
border-bottom: 1px solid #191919;
color: #dedede;
background-color: #252525;
margin: 0; }
body .ui-listbox .ui-listbox-header .ui-listbox-filter-container {
width: calc(100% - (0.857em + 0.857em + 0.5em)); }
body .ui-listbox .ui-listbox-header .ui-listbox-filter-container input {
padding: 0.429em;
padding-right: 2em; }
body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
top: 50%;
left: auto;
margin-top: -.5em;
right: .5em;
color: #cc285c; }
body .ui-listbox .ui-listbox-list {
background-color: #323232; }
body .ui-listbox .ui-listbox-list .ui-listbox-item {
margin: 0;
padding: 0.429em 0.857em;
border: 0 none;
color: #dedede;
background-color: transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; }
body .ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
color: #ffffff;
background-color: #cc285c; }
body .ui-listbox .ui-listbox-list .ui-listbox-item .ui-chkbox {
position: static;
display: inline-block;
vertical-align: middle;
margin: 0 0.5em 0 0; }
body .ui-listbox .ui-listbox-list .ui-listbox-item label {
display: inline-block;
vertical-align: middle; }
body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
color: #dedede;
background-color: #4c4c4c; }
body .ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
border: 1px solid #585858; }
body .ui-listbox .ui-listbox-footer {
padding: 0.429em 0.857em 0.429em 0.857em;
border-top: 1px solid #191919;
color: #dedede;
background-color: #252525; }
body .ui-editor-container .ui-editor-toolbar {
border: 1px solid #191919;
background-color: #191919; }
body .ui-editor-container .ui-editor-content {
border: 1px solid #191919; }
body .ui-editor-container .ui-editor-content .ql-editor {
background-color: #585858;
color: #dedede; }
body .ui-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #dedede; }
body .ui-editor-container .ql-stroke {
stroke: #dedede; }
body .ui-editor-container .ql-picker-label {
color: #dedede; }
body .ui-editor-container .ql-snow.ql-toolbar button:hover,
body .ui-editor-container .ql-snow .ql-toolbar button:hover,
body .ui-editor-container .ql-snow.ql-toolbar button.ql-active,
body .ui-editor-container .ql-snow .ql-toolbar button.ql-active,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #dedede; }
body .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
body .ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
body .ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
body .ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
body .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
body .ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
body .ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
body .ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #dedede; }
body .ui-rating a {
text-align: center;
display: inline-block;
color: #dedede;
-moz-transition: color 0.2s;
-o-transition: color 0.2s;
-webkit-transition: color 0.2s;
transition: color 0.2s; }
body .ui-rating a.ui-rating-cancel {
color: #CD3A3A; }
body .ui-rating a .ui-rating-icon {
font-size: 20px; }
body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a:hover {
color: #cc285c; }
body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a.ui-rating-cancel:hover {
color: #d76161; }
body .ui-spinner .ui-spinner-input {
padding-right: 2.429em; }
body .ui-spinner .ui-spinner-button {
width: 2em; }
body .ui-spinner .ui-spinner-button.ui-spinner-up {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px; }
body .ui-spinner .ui-spinner-button.ui-spinner-down {
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; }
body .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -.5em;
margin-left: -.5em;
width: 1em; }
body .ui-fluid .ui-spinner .ui-spinner-input {
padding-right: 2.429em; }
body .ui-fluid .ui-spinner .ui-spinner-button {
width: 2em; }
body .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
left: 50%; }
body .ui-slider {
background-color: #585858;
border: 0 none; }
body .ui-slider.ui-slider-horizontal {
height: 0.286em; }
body .ui-slider.ui-slider-horizontal .ui-slider-handle {
top: 50%;
margin-top: -0.5715em; }
body .ui-slider.ui-slider-vertical {
width: 0.286em; }
body .ui-slider.ui-slider-vertical .ui-slider-handle {
left: 50%;
margin-left: -0.5715em; }
body .ui-slider .ui-slider-handle {
height: 1.143em;
width: 1.143em;
background-color: #4c4c4c;
border: 2px solid #cc285c;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-transition: border-color 0.2s;
-o-transition: border-color 0.2s;
-webkit-transition: border-color 0.2s;
transition: border-color 0.2s; }
body .ui-slider .ui-slider-range {
background-color: #cc285c; }
body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
background-color: #cc285c;
border: 2px solid #cc285c; }
body .ui-datepicker {
padding: 0.857em;
min-width: 20em;
background-color: #323232;
color: #dedede;
border: 1px solid #191919; }
body .ui-datepicker:not(.ui-datepicker-inline) {
border: 1px solid #191919;
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:hover,
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:hover {
color: #dedede; }
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:focus,
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:focus {
outline: 0 none;
color: #dedede; }
body .ui-datepicker:not(.ui-state-disabled) table td a:not(.ui-state-active):not(.ui-state-highlight):hover {
background-color: #4c4c4c; }
body .ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover {
background-color: #4c4c4c; }
body .ui-datepicker .ui-datepicker-header {
padding: 0.429em 0.857em 0.429em 0.857em;
background-color: #252525;
color: #dedede;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; }
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
cursor: pointer;
top: 0;
color: #888888;
-moz-transition: color 0.2s;
-o-transition: color 0.2s;
-webkit-transition: color 0.2s;
transition: color 0.2s; }
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:before {
content: ""; }
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:before {
content: ""; }
body .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
margin: 0;
padding: 0;
line-height: 1; }
body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
margin-top: -.35em;
margin-bottom: 0; }
body .ui-datepicker table {
font-size: 14px;
margin: 0.857em 0 0 0; }
body .ui-datepicker table th {
padding: 0.5em; }
body .ui-datepicker table td {
padding: 0.5em; }
body .ui-datepicker table td > a, body .ui-datepicker table td > span {
display: block;
text-align: center;
color: #dedede;
padding: 0.5em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
body .ui-datepicker table td > a {
cursor: pointer; }
body .ui-datepicker table td > a.ui-state-active {
color: #ffffff;
background-color: #cc285c; }
body .ui-datepicker table td > a.ui-state-highlight {
color: #ffffff;
background-color: #a32049; }
body .ui-datepicker table td.ui-datepicker-today a {
background-color: #a32049;
color: #ffffff; }
body .ui-datepicker .ui-datepicker-buttonbar {
border-top: 1px solid #3f3f3f; }
body .ui-datepicker .ui-timepicker {
border: 0 none;
border-top: 1px solid #3f3f3f;
padding: 0.857em; }
body .ui-datepicker .ui-timepicker a {
color: #dedede;
font-size: 1.286em; }
body .ui-datepicker .ui-timepicker a:hover {
color: #cc285c; }
body .ui-datepicker .ui-timepicker span {
font-size: 1.286em; }
body .ui-datepicker .ui-monthpicker .ui-monthpicker-month {
color: #dedede; }
body .ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
color: #ffffff;
background-color: #cc285c; }
body .ui-datepicker.ui-datepicker-timeonly {
padding: 0; }
body .ui-datepicker.ui-datepicker-timeonly .ui-timepicker {
border-top: 0 none; }
body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group {
border-right: 1px solid #3f3f3f;
padding-right: 0.857em;
padding-left: 0.857em;
padding-top: 0;
padding-bottom: 0; }
body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:first-child {
padding-left: 0; }
body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:last-child {
padding-right: 0;
border-right: 0 none; }
body .ui-calendar.ui-calendar-w-btn .ui-inputtext {
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0 none; }
body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:hover:not(.ui-state-error), body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:focus:not(.ui-state-error) {
border-right: 0 none; }
body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
width: 2.357em;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0; }
body .ui-fluid .ui-calendar.ui-calendar-w-btn input.ui-inputtext {
width: calc(100% - 2.357em); }
body .ui-fileupload .ui-fileupload-buttonbar {
background-color: #191919;
padding: 0.571em 1em;
border: 1px solid #191919;
color: #dedede;
border-bottom: 0 none; }
body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
margin-right: 8px; }
body .ui-fileupload .ui-fileupload-content {
background-color: #323232;
padding: 0.571em 1em;
border: 1px solid #191919;
color: #dedede; }
body .ui-fileupload .ui-progressbar {
top: 0; }
body .ui-fileupload-choose:not(.ui-state-disabled):hover {
background-color: #b72452;
color: #ffffff;
border-color: #b72452; }
body .ui-fileupload-choose:not(.ui-state-disabled):active {
background-color: #a32049;
color: #ffffff;
border-color: #a32049; }
body .ui-fileupload-choose.ui-state-focus {
outline: 0 none;
outline-offset: 0px; }
body .ui-password-panel {
padding: 12px;
background-color: #323232;
color: #dedede;
border: 1px solid #191919;
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
body .ui-inputgroup .ui-inputgroup-addon {
border-color: #191919;
background-color: #252525;
color: #dedede;
padding: 0.429em;
min-width: 2em; }
body .ui-inputgroup .ui-inputgroup-addon:first-child {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; }
body .ui-inputgroup .ui-inputgroup-addon:last-child {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; }
body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox {
position: relative; }
body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox .ui-chkbox {
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px; }
body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton {
position: relative; }
body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton .ui-radiobutton {
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px; }
body .ui-inputgroup .ui-button:first-child {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; }
body .ui-inputgroup .ui-button:last-child {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; }
body .ui-fluid .ui-inputgroup .ui-button {
width: auto; }
body .ui-fluid .ui-inputgroup .ui-button.ui-button-icon-only {
width: 2.357em; }
body ::-webkit-input-placeholder {
color: #9b9b9b; }
body :-moz-placeholder {
color: #9b9b9b; }
body ::-moz-placeholder {
color: #9b9b9b; }
body :-ms-input-placeholder {
color: #9b9b9b; }
body .ui-inputtext.ng-dirty.ng-invalid,
body p-dropdown.ng-dirty.ng-invalid > .ui-dropdown,
body p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext,
body p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext,
body p-chips.ng-dirty.ng-invalid > .ui-inputtext,
body p-inputmask.ng-dirty.ng-invalid > .ui-inputtext,
body p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
body p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
body p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
body p-listbox.ng-dirty.ng-invalid .ui-inputtext,
body p-multiselect.ng-dirty.ng-invalid > .ui-multiselect,
body p-spinner.ng-dirty.ng-invalid > .ui-inputtext,
body p-selectbutton.ng-dirty.ng-invalid .ui-button,
body p-togglebutton.ng-dirty.ng-invalid .ui-button {
border: 1px solid #CD3A3A; }
body .ui-button {
margin: 0;
color: #ffffff;
background-color: #cc285c;
border: 1px solid #cc285c;
font-size: 14px;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s; }
body .ui-button:enabled:hover {
background-color: #b72452;
color: #ffffff;
border-color: #b72452; }
body .ui-button:enabled:focus {
outline: 0 none;
outline-offset: 0px;
background-color: #d83669; }
body .ui-button:enabled:active {
background-color: #a32049;
color: #ffffff;
border-color: #a32049; }
body .ui-button.ui-button-text-only .ui-button-text {
padding: 0.429em 1em; }
body .ui-button.ui-button-text-icon-left .ui-button-text {
padding: 0.429em 1em 0.429em 2em; }
body .ui-button.ui-button-text-icon-right .ui-button-text {
padding: 0.429em 2em 0.429em 1em; }
body .ui-button.ui-button-icon-only {
width: 2.357em; }
body .ui-button.ui-button-icon-only .ui-button-text {
padding: 0.429em; }
body .ui-button.ui-button-raised {
-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); }
body .ui-button.ui-button-rounded {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; }
body .ui-fluid .ui-button-icon-only {
width: 2.357em; }
body .ui-togglebutton {
background-color: #252525;
border: 1px solid #252525;
color: #dedede;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s; }
body .ui-togglebutton .ui-button-icon-left {
color: #888888; }
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
background-color: #4c4c4c;
border-color: #4c4c4c;
color: #dedede; }
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
color: #dedede; }
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
background-color: #4c4c4c;
border-color: #4c4c4c;
color: #dedede;
outline: 0 none; }
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
color: #dedede; }
body .ui-togglebutton.ui-state-active {
background-color: #cc285c;
border-color: #cc285c;
color: #ffffff; }
body .ui-togglebutton.ui-state-active .ui-button-icon-left {
color: #ffffff; }
body .ui-togglebutton.ui-state-active:hover {
background-color: #b72452;
border-color: #b72452;
color: #ffffff; }
body .ui-togglebutton.ui-state-active:hover .ui-button-icon-left {
color: #ffffff; }
body .ui-togglebutton.ui-state-active.ui-state-focus {
background-color: #a32049;
border-color: #a32049;
color: #ffffff; }
body .ui-togglebutton.ui-state-active.ui-state-focus .ui-button-icon-left {
color: #ffffff; }
body .ui-selectbutton .ui-button {
background-color: #252525;
border: 1px solid #252525;
color: #dedede;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s; }
body .ui-selectbutton .ui-button .ui-button-icon-left {
color: #888888; }
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
background-color: #4c4c4c;
border-color: #4c4c4c;
color: #dedede; }
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
color: #dedede; }
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
background-color: #4c4c4c;
border-color: #4c4c4c;
color: #dedede;
outline: 0 none; }
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
color: #dedede; }
body .ui-selectbutton .ui-button.ui-state-active {
background-color: #cc285c;
border-color: #cc285c;
color: #ffffff; }
body .ui-selectbutton .ui-button.ui-state-active .ui-button-icon-left {
color: #ffffff; }
body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover {
background-color: #b72452;
border-color: #b72452;
color: #ffffff; }
body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-button-icon-left {
color: #ffffff; }
body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus {
background-color: #a32049;
border-color: #a32049;
color: #ffffff; }
body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus .ui-button-icon-left {
color: #ffffff; }
body .ui-selectbutton .ui-button:first-child {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; }
body .ui-selectbutton .ui-button:last-child {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; }
@media (max-width: 640px) {
body .ui-buttonset .ui-button {
margin-bottom: 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; } }
body .ui-splitbutton.ui-buttonset .ui-button {
border: 1px solid transparent; }
body .ui-splitbutton.ui-buttonset .ui-menu {
min-width: 100%; }
body .ui-splitbutton.ui-buttonset .ui-splitbutton-menubutton .ui-button-icon-left:before {
content: ""; }
body .ui-button.ui-state-default.ui-button-secondary, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
color: #333333;
background-color: #f4f4f4;
border: 1px solid #f4f4f4; }
body .ui-button.ui-state-default.ui-button-secondary:enabled:hover, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:hover {
background-color: #c8c8c8;
color: #333333;
border-color: #c8c8c8; }
body .ui-button.ui-state-default.ui-button-secondary:enabled:focus, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus {
background-color: white; }
body .ui-button.ui-state-default.ui-button-secondary:enabled:active, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:active {
background-color: #a0a0a0;
color: #333333;
border-color: #a0a0a0; }
body .ui-button.ui-state-default.ui-button-info, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default {
color: #ffffff;
background-color: #007ad9;
border: 1px solid #007ad9; }
body .ui-button.ui-state-default.ui-button-info:enabled:hover, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:hover {
background-color: #116fbf;
color: #ffffff;
border-color: #116fbf; }
body .ui-button.ui-state-default.ui-button-info:enabled:focus, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus {
background-color: #0088f3; }
body .ui-button.ui-state-default.ui-button-info:enabled:active, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:active {
background-color: #005b9f;
color: #ffffff;
border-color: #005b9f; }
body .ui-button.ui-state-default.ui-button-success, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default {
color: #ffffff;
background-color: #34A835;
border: 1px solid #34A835; }
body .ui-button.ui-state-default.ui-button-success:enabled:hover, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:hover {
background-color: #107D11;
color: #ffffff;
border-color: #107D11; }
body .ui-button.ui-state-default.ui-button-success:enabled:focus, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus {
background-color: #3abb3b; }
body .ui-button.ui-state-default.ui-button-success:enabled:active, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:active {
background-color: #0C6B0D;
color: #ffffff;
border-color: #0C6B0D; }
body .ui-button.ui-state-default.ui-button-warning, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default {
color: #333333;
background-color: #ffba01;
border: 1px solid #ffba01; }
body .ui-button.ui-state-default.ui-button-warning:enabled:hover, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:hover {
background-color: #ED990B;
color: #333333;
border-color: #ED990B; }
body .ui-button.ui-state-default.ui-button-warning:enabled:focus, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus {
background-color: #ffc834; }
body .ui-button.ui-state-default.ui-button-warning:enabled:active, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:active {
background-color: #D38B10;
color: #333333;
border-color: #D38B10; }
body .ui-button.ui-state-default.ui-button-danger, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default {
color: #ffffff;
background-color: #e91224;
border: 1px solid #e91224; }
body .ui-button.ui-state-default.ui-button-danger:enabled:hover, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:hover {
background-color: #c01120;
color: #ffffff;
border-color: #c01120; }
body .ui-button.ui-state-default.ui-button-danger:enabled:focus, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus {
background-color: #f25663; }
body .ui-button.ui-state-default.ui-button-danger:enabled:active, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:active {
background-color: #a90000;
color: #ffffff;
border-color: #a90000; }
body .ui-widget-content p {
line-height: 1.5;
margin: 0; }
body .ui-panel {
padding: 0;
border: 0 none; }
body .ui-panel .ui-panel-titlebar {
border: 1px solid #191919;
padding: 0.571em 1em;
background-color: #191919;
color: #dedede;
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0; }
body .ui-panel .ui-panel-titlebar .ui-panel-title {
vertical-align: middle;
font-weight: 400; }
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
margin: 0;
position: relative;