primeng-extensions
Version:
[![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] []() [![Dependency Status][daviddm-image]][daviddm-url]  • 122 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: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
body .ui-corner-top {
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
}
body .ui-corner-bottom {
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
body .ui-corner-left {
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
}
body .ui-corner-right {
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
body a {
color: #7B95A3;
text-decoration: none;
}
body a:hover {
color: #6c8999;
}
body a:active {
color: #617c8a;
}
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: #666666;
background: #f4f4f4;
padding: 0.429em;
border: 1px solid #dadada;
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
body .ui-inputtext:enabled:hover:not(.ui-state-error) {
border-color: #a6a6a6;
}
body .ui-inputtext:enabled:focus:not(.ui-state-error) {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
border-color: #dadada;
}
body .ui-chkbox {
display: inline-block;
vertical-align: middle;
margin: 0;
width: 20px;
height: 20px;
}
body .ui-chkbox .ui-chkbox-box {
border: 1px solid #dadada;
background-color: #f4f4f4;
width: 20px;
height: 20px;
text-align: center;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
border-color: #a6a6a6;
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
border-color: #dadada;
}
body .ui-chkbox .ui-chkbox-box.ui-state-active {
border-color: #7B95A3;
background-color: #7B95A3;
color: #ffffff;
}
body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
border-color: #617c8a;
background-color: #617c8a;
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 #dadada;
background-color: #f4f4f4;
width: 20px;
height: 20px;
text-align: center;
position: relative;
-moz-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, border-color 0.2s, box-shadow 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: #a6a6a6;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
border-color: #dadada;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
border-color: #7B95A3;
background-color: #7B95A3;
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: #617c8a;
background-color: #617c8a;
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 0.5em;
}
body .ui-inputswitch {
width: 3em;
height: 1.75em;
}
body .ui-inputswitch .ui-inputswitch-slider {
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
background: #f4f4f4;
}
body .ui-inputswitch .ui-inputswitch-slider:before {
background-color: #7B95A3;
height: 1.25em;
width: 1.25em;
left: 0.25em;
bottom: 0.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: #d8dae2;
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
}
body .ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
background-color: #d8dae2;
}
body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
background-color: #AFD3C8;
}
body .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
background-color: #AFD3C8;
}
body .ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider {
background: #AFD3C8;
}
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: #a6a6a6;
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
border-color: #dadada;
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
margin: 0;
padding: 0.2145em 0;
color: #666666;
}
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: #AFD3C8;
color: #385048;
}
body .ui-autocomplete-panel {
padding: 0;
border: 1px solid #eaeaea;
background-color: #ffffff;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 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: #666666;
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: #385048;
background-color: #AFD3C8;
}
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
padding: 0.429em 0.857em;
background-color: #dadada;
color: #666666;
}
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: #a6a6a6;
}
body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled).ui-state-focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
border-color: #dadada;
}
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: #666666;
}
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: #AFD3C8;
color: #385048;
}
body .ui-dropdown {
background: #f4f4f4;
border: 1px solid #dadada;
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .ui-dropdown:not(.ui-state-disabled):hover {
border-color: #a6a6a6;
}
body .ui-dropdown:not(.ui-state-disabled).ui-state-focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
border-color: #dadada;
}
body .ui-dropdown .ui-dropdown-label {
padding-right: 2em;
}
body .ui-dropdown .ui-dropdown-trigger {
background-color: #f4f4f4;
width: 2em;
line-height: 2em;
text-align: center;
padding: 0;
color: #666666;
}
body .ui-dropdown .ui-dropdown-clear-icon {
color: #666666;
}
body .ui-dropdown.ui-dropdown-clearable .ui-dropdown-label {
padding-right: 4em;
}
body .ui-dropdown-panel {
padding: 0;
border: 1px solid #eaeaea;
background-color: #ffffff;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 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 #eaeaea;
color: #666666;
background-color: #ffffff;
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: -0.5em;
right: 1.357em;
color: #a6a6a6;
}
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: #666666;
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: #385048;
background-color: #AFD3C8;
}
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: #666666;
background-color: #f4f4f4;
}
body .ui-multiselect {
background: #f4f4f4;
border: 1px solid #dadada;
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .ui-multiselect:not(.ui-state-disabled):hover {
border-color: #a6a6a6;
}
body .ui-multiselect:not(.ui-state-disabled).ui-state-focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
border-color: #dadada;
}
body .ui-multiselect .ui-multiselect-label {
padding: 0.429em;
padding-right: 2em;
color: #666666;
}
body .ui-multiselect .ui-multiselect-trigger {
background-color: #f4f4f4;
width: 2em;
line-height: 2em;
text-align: center;
padding: 0;
color: #666666;
}
body .ui-multiselect-panel {
padding: 0;
border: 1px solid #eaeaea;
background-color: #ffffff;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 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 #eaeaea;
color: #666666;
background-color: #ffffff;
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: #a6a6a6;
top: 50%;
margin-top: -0.5em;
right: 0.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: #666666;
top: 50%;
margin-top: -0.5em;
line-height: 1;
-moz-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover {
color: #7B95A3;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
}
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: #666666;
background-color: transparent;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
-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: #385048;
background-color: #AFD3C8;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
color: #666666;
background-color: #f4f4f4;
}
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 #dadada;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box.ui-state-active:hover {
border-color: #7B95A3;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: inset 0 0 0 0.2em #e4e9ec;
-moz-box-shadow: inset 0 0 0 0.2em #e4e9ec;
box-shadow: inset 0 0 0 0.2em #e4e9ec;
}
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: #ffffff;
border: 1px solid #eaeaea;
}
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 #eaeaea;
color: #666666;
background-color: #ffffff;
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: -0.5em;
right: 0.5em;
color: #a6a6a6;
}
body .ui-listbox .ui-listbox-list {
background-color: #ffffff;
}
body .ui-listbox .ui-listbox-list .ui-listbox-item {
margin: 0;
padding: 0.429em 0.857em;
border: 0 none;
color: #666666;
background-color: transparent;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
body .ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
color: #385048;
background-color: #AFD3C8;
}
body .ui-listbox .ui-listbox-list .ui-listbox-item:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: inset 0 0 0 0.2em #e4e9ec;
-moz-box-shadow: inset 0 0 0 0.2em #e4e9ec;
box-shadow: inset 0 0 0 0.2em #e4e9ec;
}
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: #666666;
background-color: #f4f4f4;
}
body .ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
border: 1px solid #dadada;
}
body .ui-listbox .ui-listbox-footer {
padding: 0.429em 0.857em 0.429em 0.857em;
border-top: 1px solid #eaeaea;
color: #666666;
background-color: #ffffff;
}
body .ui-editor-container .ui-editor-toolbar {
border: 1px solid #7B95A3;
background-color: #7B95A3;
}
body .ui-editor-container .ui-editor-content {
border: 1px solid #dadada;
}
body .ui-editor-container .ui-editor-content .ql-editor {
background-color: #f4f4f4;
color: #666666;
}
body .ui-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #ffffff;
}
body .ui-editor-container .ql-stroke {
stroke: #ffffff;
}
body .ui-editor-container .ql-picker-label {
color: #ffffff;
}
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: #AFD3C8;
}
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: #AFD3C8;
}
body .ui-rating a {
text-align: center;
display: inline-block;
color: #666666;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
line-height: 1;
-moz-transition: color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
}
body .ui-rating a.ui-rating-cancel {
color: #f3b9b9;
}
body .ui-rating a .ui-rating-icon {
font-size: 1.429em;
}
body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a:hover {
color: #7B95A3;
}
body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a.ui-rating-cancel:hover {
color: #d66161;
}
body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
}
body .ui-spinner .ui-spinner-input {
padding-right: 1.858em;
}
body .ui-spinner .ui-spinner-button {
width: 1.429em;
}
body .ui-spinner .ui-spinner-button.ui-spinner-up {
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
}
body .ui-spinner .ui-spinner-button.ui-spinner-down {
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
body .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
body .ui-fluid .ui-spinner .ui-spinner-input {
padding-right: 1.858em;
}
body .ui-fluid .ui-spinner .ui-spinner-button {
width: 1.429em;
}
body .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
left: 50%;
}
body .ui-slider {
background-color: #c4c4c4;
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.7145em;
}
body .ui-slider.ui-slider-vertical {
width: 0.286em;
}
body .ui-slider.ui-slider-vertical .ui-slider-handle {
left: 50%;
margin-left: -0.7145em;
}
body .ui-slider .ui-slider-handle {
height: 1.429em;
width: 1.429em;
background-color: #ffffff;
border: 2px solid #7f7f7f;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
body .ui-slider .ui-slider-handle:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
}
body .ui-slider .ui-slider-range {
background-color: #7B95A3;
}
body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
background-color: 2px solid #7f7f7f;
border: 2px solid #7B95A3;
}
body .ui-datepicker {
padding: 0.857em;
min-width: 18.571em;
background-color: #ffffff;
color: #666666;
border: 1px solid #eaeaea;
}
body .ui-datepicker:not(.ui-datepicker-inline) {
border: 1px solid #eaeaea;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 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: #666666;
}
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;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
}
body .ui-datepicker:not(.ui-state-disabled) table td a:not(.ui-state-active):not(.ui-state-highlight):hover {
background-color: #f4f4f4;
}
body .ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover {
background-color: #f4f4f4;
}
body .ui-datepicker .ui-datepicker-header {
padding: 0.429em 0.857em 0.429em 0.857em;
background-color: #ffffff;
color: #666666;
-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: #a6a6a6;
-moz-transition: color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
}
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: -0.35em;
margin-bottom: 0;
-moz-transition: color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
}
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 th.ui-datepicker-weekheader {
border-right: 1px solid #eaeaea;
}
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: #666666;
padding: 0.5em;
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
body .ui-datepicker table td > a.ui-state-active, body .ui-datepicker table td > span.ui-state-active {
color: #ffffff;
background-color: #7B95A3;
}
body .ui-datepicker table td > a {
cursor: pointer;
}
body .ui-datepicker table td > a:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
}
body .ui-datepicker table td.ui-datepicker-today > a, body .ui-datepicker table td.ui-datepicker-today > span {
background-color: #d0d0d0;
color: #666666;
}
body .ui-datepicker table td.ui-datepicker-today > a.ui-state-active, body .ui-datepicker table td.ui-datepicker-today > span.ui-state-active {
color: #ffffff;
background-color: #7B95A3;
}
body .ui-datepicker table td.ui-datepicker-weeknumber {
border-right: 1px solid #eaeaea;
}
body .ui-datepicker .ui-datepicker-buttonbar {
border-top: 1px solid #d8dae2;
}
body .ui-datepicker .ui-timepicker {
border: 0 none;
border-top: 1px solid #a6a6a6;
padding: 0.857em;
}
body .ui-datepicker .ui-timepicker a {
color: #666666;
font-size: 1.286em;
}
body .ui-datepicker .ui-timepicker a:hover {
color: #666666;
}
body .ui-datepicker .ui-timepicker span {
font-size: 1.286em;
}
body .ui-datepicker .ui-monthpicker .ui-monthpicker-month {
color: #666666;
}
body .ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
color: #ffffff;
background-color: #7B95A3;
}
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 #d8dae2;
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: #7B95A3;
padding: 0.571em 1em;
border: 1px solid #7B95A3;
color: #ffffff;
border-bottom: 0 none;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
margin-right: 8px;
}
body .ui-fileupload .ui-fileupload-content {
background-color: #ffffff;
padding: 0.571em 1em;
border: 1px solid #dadada;
color: #666666;
}
body .ui-fileupload .ui-progressbar {
top: 0;
}
body .ui-fileupload-choose:not(.ui-state-disabled):hover {
background-color: #6c8999;
color: #ffffff;
border-color: #6c8999;
}
body .ui-fileupload-choose:not(.ui-state-disabled):active {
background-color: #617c8a;
color: #ffffff;
border-color: #617c8a;
}
body .ui-fileupload-choose.ui-state-focus {
outline: 0 none;
outline-offset: 0px;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
}
body .ui-password-panel {
padding: 12px;
background-color: #ffffff;
color: #666666;
border: 1px solid #eaeaea;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-inputgroup .ui-inputgroup-addon {
border-color: #dadada;
background-color: #dbdbdb;
color: #666666;
padding: 0.429em;
min-width: 2em;
}
body .ui-inputgroup .ui-inputgroup-addon:first-child {
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
}
body .ui-inputgroup .ui-inputgroup-addon:last-child {
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
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: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
}
body .ui-inputgroup .ui-button:last-child {
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
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: #a6a6a6;
}
body :-moz-placeholder {
color: #a6a6a6;
}
body ::-moz-placeholder {
color: #a6a6a6;
}
body :-ms-input-placeholder {
color: #a6a6a6;
}
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 #e7a3a3;
}
body .ui-button {
margin: 0;
color: #ffffff;
background-color: #7B95A3;
border: 1px solid #617c8a;
font-size: 14px;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-button:enabled:hover {
background-color: #6c8999;
color: #ffffff;
border-color: #6c8999;
}
body .ui-button:enabled:focus {
outline: 0 none;
outline-offset: 0px;
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
}
body .ui-button:enabled:active {
background-color: #617c8a;
color: #ffffff;
border-color: #617c8a;
}
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 4px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
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: #eaeaea;
border: 1px solid #eaeaea;
color: #333333;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-togglebutton .ui-button-icon-left {
color: #666666;
}
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
background-color: #c8c8c8;
border-color: #c8c8c8;
color: #333333;
}
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
color: #666666;
}
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
}
body .ui-togglebutton.ui-state-active {
background-color: #AFD3C8;
border-color: #AFD3C8;
color: #385048;
}
body .ui-togglebutton.ui-state-active .ui-button-icon-left {
color: #385048;
}
body .ui-togglebutton.ui-state-active:hover {
background-color: #8DC8B5;
border-color: #8DC8B5;
color: #385048;
}
body .ui-togglebutton.ui-state-active:hover .ui-button-icon-left {
color: #385048;
}
body .ui-selectbutton .ui-button {
background-color: #eaeaea;
border: 1px solid #eaeaea;
color: #333333;
overflow: hidden;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-selectbutton .ui-button .ui-button-icon-left {
color: #666666;
}
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
background-color: #c8c8c8;
border-color: #c8c8c8;
color: #333333;
}
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
color: #666666;
}
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
-webkit-box-shadow: 0 0 0 0.2em #c6d1d7;
-moz-box-shadow: 0 0 0 0.2em #c6d1d7;
box-shadow: 0 0 0 0.2em #c6d1d7;
z-index: 1;
}
body .ui-selectbutton .ui-button.ui-state-active {
background-color: #AFD3C8;
border-color: #AFD3C8;
color: #385048;
}
body .ui-selectbutton .ui-button.ui-state-active .ui-button-icon-left {
color: #385048;
}
body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover {
background-color: #8DC8B5;
border-color: #8DC8B5;
color: #385048;
}
body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-button-icon-left {
color: #385048;
}
body .ui-selectbutton .ui-button:first-child {
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
}
body .ui-selectbutton .ui-button:last-child {
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
@media (max-width: 640px) {
body .ui-buttonset:not(.ui-splitbutton) .ui-button {
margin-bottom: 1px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
}
body .ui-splitbutton.ui-buttonset .ui-button {
border: 1px solid transparent;
}
body .ui-splitbutton.ui-buttonset .ui-menu {
min-width: 100%;
}
body .ui-button.ui-state-default.ui-button-secondary, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
color: #333333;
background-color: #f3f3f3;
border: 1px solid #f3f3f3;
}
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: #d1d1d1;
color: #212121;
border-color: #d1d1d1;
}
body .ui-button.ui-state-default.ui-button-secondary:enabled:focus, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus {
-webkit-box-shadow: 0 0 0 0.2em #99adb8;
-moz-box-shadow: 0 0 0 0.2em #99adb8;
box-shadow: 0 0 0 0.2em #99adb8;
}
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: #7B95A3;
color: #ffffff;
border-color: #7B95A3;
}
body .ui-button.ui-state-default.ui-button-info, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default {
color: #3D4447;
background-color: #A3DEF8;
border: 1px solid #79C8EB;
}
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: #81CBEC;
color: #3D4447;
border-color: #60B7DE;
}
body .ui-button.ui-state-default.ui-button-info:enabled:focus, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus {
-webkit-box-shadow: 0 0 0 0.2em #d2effc;
-moz-box-shadow: 0 0 0 0.2em #d2effc;
box-shadow: 0 0 0 0.2em #d2effc;
}
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: #3ea9db;
color: #3D4447;
border-color: #2987B1;
}
body .ui-button.ui-state-default.ui-button-success, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default {
color: #323E39;
background-color: #A3E2C6;
border: 1px solid #80CAAA;
}
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: #80CAAA;
color: #323E39;
border-color: #5EA285;
}
body .ui-button.ui-state-default.ui-button-success:enabled:focus, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus {
-webkit-box-shadow: 0 0 0 0.2em #caeede;
-moz-box-shadow: 0 0 0 0.2em #caeede;
box-shadow: 0 0 0 0.2em #caeede;
}
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: #31B57C;
color: #323E39;
border-color: #5EA285;
}
body .ui-button.ui-state-default.ui-button-warning, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default {
color: #333333;
background-color: #FEEDBC;
border: 1px solid #F7DB8A;
}
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: #FFDE87;
color: #333333;
border-color: #F3CE61;
}
body .ui-button.ui-state-default.ui-button-warning:enabled:focus, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus {
-webkit-box-shadow: 0 0 0 0.2em #fef4d5;
-moz-box-shadow: 0 0 0 0.2em #fef4d5;
box-shadow: 0 0 0 0.2em #fef4d5;
}
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: #FDC328;
color: #333333;
border-color: #DEA818;
}
body .ui-button.ui-state-default.ui-button-danger, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default {
color: #262222;
background-color: #F4B6B6;
border: 1px solid #E38787;
}
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: #EF9999;
color: #262222;
border-color: #CB5858;
}
body .ui-button.ui-state-default.ui-button-danger:enabled:focus, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus {
-webkit-box-shadow: 0 0 0 0.2em #fbe2e2;
-moz-box-shadow: 0 0 0 0.2em #fbe2e2;
box-shadow: 0 0 0 0.2em #fbe2e2;
}
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: #EB5656;
color: #262222;
border-color: #B73737;
}
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 #7B95A3;
padding: 0.571em 1em;
background-color: #7B95A3;
color: #ffffff;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-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: 700;
}
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
margin: 0;
position: relative;
font-size: 14px;
color: #ffffff;
border: 1px solid transparent;
line-height: 1;
-moz-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
color: #ffffff;
}
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
outline: 0 none;
outline-offset: 0;
-webkit-