UNPKG

primeng-extensions

Version:

[![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![npm](https://img.shields.io/npm/dt/primeng-extensions.svg)]() [![Dependency Status][daviddm-image]][daviddm-url] ![Crates.io](https://img.shields.io/github/license/mashape

1,531 lines (1,527 loc) 122 kB
@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-