diff --git a/src/styles/_prime-calendar.scss b/src/styles/_prime-calendar.scss new file mode 100644 index 00000000..1503a0e0 --- /dev/null +++ b/src/styles/_prime-calendar.scss @@ -0,0 +1,183 @@ +// Adapted from Angular p-calendar element selector to class-based selectors for PrimeReact +.p-calendar { + cursor: pointer; + + .p-datepicker-header { + .p-datepicker-prev { + background-image: url('/assets/img/arrow-left.svg'); + background-position: center center; + background-repeat: no-repeat; + + span { + display: none; + } + } + + .p-datepicker-title { + .p-datepicker-month, + .p-datepicker-year { + border: none; + color: $blue; + font-weight: $font-bold; + -webkit-appearance: none; + background: transparent !important; + } + + .p-datepicker-year { + margin-left: $space-m; + } + } + + .p-datepicker-next { + background-image: url('/assets/img/arrow-right.svg'); + background-position: center center; + background-repeat: no-repeat; + + span { + display: none; + } + } + + .p-datepicker-prev, + .p-datepicker-next { + width: 1.8em; + height: 1.8em; + } + } + + .p-datepicker-calendar-container { + .p-datepicker-calendar { + margin-top: $space-m; + + th { + font-size: 10px; + font-weight: $font-medium; + padding: 2px; + padding-bottom: $space-m; + color: $gray; + } + + td { + padding: 2px; + + &.p-datepicker-today { + a, + span { + border: 1px solid $blue; + background-color: $white; + + &:hover { + background-color: $blue-icon; + } + + &.p-highlight { + background-color: $blue-icon; + color: $extra-blue; + } + } + } + + a, + span { + padding: 5px 6px; + font-size: 12px; + font-weight: $font-medium; + color: $extra-blue; + + &.p-highlight { + background-color: $blue-icon; + color: $extra-blue; + } + + &.p-highlight { + background-color: $white; + } + + &:not(.p-highlight):hover { + background-color: $blue-icon; + } + } + + span.p-disabled { + color: $gray; + opacity: 0.5; + + &:hover { + background-color: transparent; + } + } + } + } + } +} + +.calendar--mobile { + display: none; + + @media (max-width: $media-breakpoint-mobile) { + display: flex; + } + + margin-bottom: $space-m; + justify-content: space-between; + + .digit { + width: 100%; + @include control-border-shadow(); + display: flex; + flex-direction: column; + padding: $space-m; + background-color: $white; + @include font-overflow(); + + &.selected { + background-color: $blue-extra-light; + border-color: $border-blue; + + &:focus, + &:hover { + background-color: $blue-extra-light !important; + border-color: $border-blue !important; + } + } + + &:focus, + &:hover { + border: 1px solid $border-input !important; + background-color: $white !important; + } + + .p-button-label { + display: none; + } + + .date-day { + display: flex; + flex-direction: row; + align-items: flex-end; + + .date { + color: $text-color; + font-size: $font-size-xl3; + } + + .day { + @include font-small(); + margin-bottom: $text-margin-bottom; + margin-left: $space-s; + } + } + + .month { + @include font-overflow(); + margin-top: $text-margin-bottom; + @include font-small(); + width: 100%; + text-align: left; + } + + & + .digit { + margin-left: $space-m; + } + } +} diff --git a/src/styles/_prime-styles.scss b/src/styles/_prime-styles.scss new file mode 100644 index 00000000..a5fe4c9a --- /dev/null +++ b/src/styles/_prime-styles.scss @@ -0,0 +1,5511 @@ +.p-dropdown .p-dropdown-label { + display: block; + border: none; + white-space: nowrap; + overflow: hidden; + font-weight: normal; + width: 100%; + padding-right: 2.5em; + font-weight: normal; +} + +.p-dropdown .p-dropdown-trigger { + border-right: none; + border-top: none; + border-bottom: none; + cursor: pointer; + width: 1.5em; + height: 100%; + position: absolute; + right: 0; + top: 0; + padding: 0 .25em; +} + + + +body .p-button { + align-items: normal; + display: inline-block; +} + +body .p-component { + text-decoration: none; +} + +body .p-widget-overlay { + background-color: rgba(0, 0, 0, 0.4); +} + +body .p-widget-content p { + line-height: 1.5; + margin: 0; +} + +body .p-corner-all { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +body .p-corner-top { + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; +} + +body .p-corner-bottom { + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +body .p-corner-left { + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .p-corner-right { + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +body a { + color: #007ad9; + text-decoration: none; +} + +body a:hover { + color: #116fbf; +} + +body a:active { + color: #005b9f; +} + +body .p-helper-reset { + line-height: normal; +} + +body .p-disabled, +body .p-component:disabled { + opacity: 0.5; + filter: alpha(opacity=50); +} + +body .pi { + font-size: 1.25em; +} + +body .p-link { + border-radius: 3px; +} + +body .p-link:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body ::-webkit-input-placeholder { + color: #666666; +} + +body :-moz-placeholder { + color: #666666; +} + +body ::-moz-placeholder { + color: #666666; +} + +body :-ms-input-placeholder { + color: #666666; +} + +body .p-autocomplete .p-autocomplete-input { + padding: 0.429em; +} + +body + .p-autocomplete.p-autocomplete-multiple + .p-autocomplete-multiple-container { + padding: 0.2145em 0.429em; +} + +body + .p-autocomplete.p-autocomplete-multiple + .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #212121; +} + +body + .p-autocomplete.p-autocomplete-multiple + .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; + border-color: #007ad9; +} + +body + .p-autocomplete.p-autocomplete-multiple + .p-autocomplete-multiple-container + .p-autocomplete-input-token { + margin: 0; + padding: 0.2145em 0; + color: #333333; +} + +body + .p-autocomplete.p-autocomplete-multiple + .p-autocomplete-multiple-container + .p-autocomplete-input-token + input { + font-size: 14px; + padding: 0; + margin: 0; +} + +body + .p-autocomplete.p-autocomplete-multiple + .p-autocomplete-multiple-container + .p-autocomplete-token { + font-size: 14px; + padding: 0.2145em 0.429em; + margin: 0 0.286em 0 0; + background: #007ad9; + color: #ffffff; +} + +body .p-autocomplete-panel { + padding: 0; + border: 1px solid #c8c8c8; + background-color: #ffffff; + -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); +} + +body .p-autocomplete-panel .p-autocomplete-items { + padding: 0; +} + +body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-list-item { + margin: 0; + padding: 0.429em 0.857em; + border: 0 none; + color: #333333; + background-color: transparent; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +body + .p-autocomplete-panel + .p-autocomplete-items + .p-autocomplete-list-item.p-highlight { + color: #ffffff; + background-color: #007ad9; +} + +body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-group { + padding: 0.429em 0.857em; + background-color: #d8dae2; + color: #333333; +} + +body .p-fluid .p-autocomplete .p-autocomplete-dropdown.p-button { + width: 2.357em; +} + +body + .p-fluid + .p-autocomplete.p-autocomplete-multiple.p-autocomplete-dd + .p-autocomplete-multiple-container { + border-right: 0 none; + width: calc(100% - 2.357em); +} + +body .p-fluid .p-autocomplete.p-autocomplete-dd .p-inputtext { + border-right: 0 none; + width: calc(100% - 2.357em); +} + +body .p-autocomplete.p-invalid > .p-inputtext { + border: 1px solid #a80000; +} + +body .p-datepicker { + padding: 0.857em; + min-width: 20em; + background-color: #ffffff; + color: #333333; + border: 1px solid #a6a6a6; +} + +body .p-datepicker:not(.p-datepicker-inline) { + border: 1px solid #c8c8c8; + -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); +} + +body + .p-datepicker:not(.p-disabled) + .p-datepicker-header + .p-datepicker-prev:hover, +body + .p-datepicker:not(.p-disabled) + .p-datepicker-header + .p-datepicker-next:hover { + color: #007ad9; +} + +body + .p-datepicker:not(.p-disabled) + .p-datepicker-header + .p-datepicker-prev:focus, +body + .p-datepicker:not(.p-disabled) + .p-datepicker-header + .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body + .p-datepicker:not(.p-disabled) + table + td + a:not(.p-highlight):hover { + background-color: #eaeaea; +} + +body + .p-datepicker:not(.p-disabled) + .p-monthpicker + a.p-monthpicker-month:not(.p-highlight):hover { + background-color: #eaeaea; +} + +body .p-datepicker .p-datepicker-header { + padding: 0.429em 0.857em 0.429em 0.857em; + background-color: #ffffff; + color: #333333; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +body .p-datepicker .p-datepicker-header .p-datepicker-prev, +body .p-datepicker .p-datepicker-header .p-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 .p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0; + padding: 0; + line-height: 1; +} + +body .p-datepicker .p-datepicker-header .p-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 .p-datepicker .p-datepicker-heade .p-datepicker-title select:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-datepicker table { + font-size: 14px; + margin: 0.857em 0 0 0; +} + +body .p-datepicker table th { + padding: 0.5em; +} + +body .p-datepicker table th.p-datepicker-weekheader { + border-right: 1px solid #a6a6a6; +} + +body .p-datepicker table td { + padding: 0.5em; +} + +body .p-datepicker table td > a, +body .p-datepicker table td > span { + display: block; + text-align: center; + color: #333333; + 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: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +body .p-datepicker table td > a.p-highlight, +body .p-datepicker table td > span.p-highlight { + color: #ffffff; + background-color: #007ad9; +} + +body .p-datepicker table td > a { + cursor: pointer; +} + +body .p-datepicker table td > a:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-datepicker table td.p-datepicker-today > a, +body .p-datepicker table td.p-datepicker-today > span { + background-color: #d0d0d0; + color: #333333; +} + +body .p-datepicker table td.p-datepicker-today > a.p-highlight, +body .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #ffffff; + background-color: #007ad9; +} + +body .p-datepicker table td.p-datepicker-weeknumber { + border-right: 1px solid #a6a6a6; +} + +body .p-datepicker .p-datepicker-buttonbar { + border-top: 1px solid #d8dae2; +} + +body .p-datepicker .p-timepicker { + border: 0 none; + border-top: 1px solid #d8dae2; + padding: 0.857em; +} + +body .p-datepicker .p-timepicker a { + color: #333333; + font-size: 1.286em; +} + +body .p-datepicker .p-timepicker a:hover { + color: #007ad9; +} + +body .p-datepicker .p-timepicker span { + font-size: 1.286em; +} + +body .p-datepicker .p-monthpicker .p-monthpicker-month { + color: #333333; +} + +body .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #ffffff; + background-color: #007ad9; +} + +body .p-datepicker.p-datepicker-timeonly { + padding: 0; +} + +body .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} + +body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-right: 1px solid #d8dae2; + padding-right: 0.857em; + padding-left: 0.857em; + padding-top: 0; + padding-bottom: 0; +} + +body + .p-datepicker.p-datepicker-multiple-month + .p-datepicker-group:first-child { + padding-left: 0; +} + +body + .p-datepicker.p-datepicker-multiple-month + .p-datepicker-group:last-child { + padding-right: 0; + border-right: 0 none; +} + +body .p-calendar.p-calendar-w-btn .p-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 + .p-calendar.p-calendar-w-btn + .p-inputtext:enabled:hover:not(.p-state-error), +body + .p-calendar.p-calendar-w-btn + .p-inputtext:enabled:focus:not(.p-state-error) { + border-right: 0 none; +} + +body .p-calendar.p-calendar-w-btn .p-datepicker-trigger.p-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 .p-fluid .p-calendar.p-calendar-w-btn input.p-inputtext { + width: calc(100% - 2.357em); +} + +body .p-calendar.p-invalid > .p-inputtext { + border: 1px solid #a80000; +} + +body .p-checkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} + +body .p-checkbox .p-checkbox-box { + border: 1px solid #a6a6a6; + background-color: #ffffff; + width: 20px; + height: 20px; + text-align: center; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-transition: background-color 0.2s, border-color 0.2s, 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 .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: #212121; +} + +body .p-checkbox .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; + border-color: #007ad9; +} + +body .p-checkbox .p-checkbox-box.p-highlight { + border-color: #007ad9; + background-color: #007ad9; + color: #ffffff; +} + +body .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { + border-color: #005b9f; + background-color: #005b9f; + color: #ffffff; +} + +body .p-checkbox .p-checkbox-box .p-checkbox-icon { + overflow: hidden; + position: relative; + font-size: 18px; +} + +body .p-checkbox-label { + margin: 0 0 0 0.5em; +} + +body .p-checkbox.p-invalid .p-checkbox-box { + border: 1px solid #a80000; +} + +body .p-chips > ul.p-inputtext { + padding: 0.2145em 0.429em; + display: inline-block; +} + +body .p-chips > ul.p-inputtext:not(.p-disabled):hover { + border-color: #212121; +} + +body .p-chips > ul.p-inputtext:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; + border-color: #007ad9; +} + +body .p-chips > ul.p-inputtext .p-chips-input-token { + padding: 0.2145em 0; +} + +body .p-chips > ul.p-inputtext .p-chips-input-token input { + padding: 0; + margin: 0; + color: #333333; +} + +body .p-chips > ul.p-inputtext .p-chips-input-token input:hover { + border: 0 none; +} + +body .p-chips > ul.p-inputtext .p-chips-input-token input:focus { + border: 0 none; +} + +body .p-chips > ul.p-inputtext .p-chips-token { + font-size: 14px; + padding: 0.2145em 0.429em; + margin: 0 0.286em 0 0; + background: #007ad9; + color: #ffffff; +} + +body .p-chips.p-invalid > .p-inputtext { + border: 1px solid #a80000; +} + +body .p-dropdown { + background: #ffffff; + border: 1px solid #a6a6a6; + -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 .p-dropdown:not(.p-disabled):hover { + border-color: #212121; +} + +body .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; + border-color: #007ad9; +} + +body .p-dropdown .p-dropdown-label { + padding-right: 2em; +} + +body .p-dropdown .p-dropdown-label .p-placeholder { + color: #666666; +} + +body .p-dropdown .p-dropdown-trigger { + background-color: #ffffff; + width: 2em; + line-height: 2em; + text-align: center; + padding: 0; + color: #848484; +} + +body .p-dropdown .p-dropdown-clear-icon { + color: #848484; +} + +body .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 4em; +} + +body .p-dropdown-panel { + padding: 0; + border: 1px solid #c8c8c8; + background-color: #ffffff; + -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); +} + +body .p-dropdown-panel .p-dropdown-filter-container { + padding: 0.429em 0.857em 0.429em 0.857em; + border-bottom: 1px solid #eaeaea; + color: #333333; + background-color: #ffffff; + margin: 0; +} + +body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter { + width: 100%; + padding-right: 2em; +} + +body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter-icon { + top: 50%; + margin-top: -0.5em; + right: 1.357em; + color: #007ad9; +} + +body .p-dropdown-panel .p-dropdown-items { + padding: 0; +} + +body .p-dropdown-panel .p-dropdown-items .p-dropdown-item, +body .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.429em 0.857em; + border: 0 none; + color: #333333; + background-color: transparent; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +body .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight, +body + .p-dropdown-panel + .p-dropdown-items + .p-dropdown-item-group.p-highlight { + color: #ffffff; + background-color: #007ad9; +} + +body + .p-dropdown-panel + .p-dropdown-items + .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover, +body + .p-dropdown-panel + .p-dropdown-items + .p-dropdown-item-group:not(.p-highlight):not(.p-disabled):hover { + color: #333333; + background-color: #eaeaea; +} + +body .p-dropdown-wrapper.p-invalid > .p-dropdown { + border: 1px solid #a80000; +} + +body .p-editor-container .p-editor-toolbar { + border: 1px solid #c8c8c8; + background-color: #f4f4f4; +} + +body .p-editor-container .p-editor-content { + border: 1px solid #c8c8c8; +} + +body .p-editor-container .p-editor-content .ql-editor { + background-color: #ffffff; + color: #333333; +} + +body .p-editor-container .ql-picker.ql-expanded .ql-picker-label { + color: #333333; +} + +body .p-editor-container .ql-stroke { + stroke: #333333; +} + +body .p-editor-container .ql-picker-label { + color: #333333; +} + +body .p-editor-container .ql-snow.ql-toolbar button:hover, +body .p-editor-container .ql-snow .ql-toolbar button:hover, +body .p-editor-container .ql-snow.ql-toolbar button.ql-active, +body .p-editor-container .ql-snow .ql-toolbar button.ql-active, +body .p-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover, +body .p-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover, +body .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +body .p-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active, +body .p-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover, +body .p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover, +body .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected, +body .p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected { + color: #007ad9; +} + +body .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +body .p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke, +body .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +body .p-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke, +body .p-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, +body + .p-editor-container + .ql-snow + .ql-toolbar + .ql-picker-label:hover + .ql-stroke, +body + .p-editor-container + .ql-snow.ql-toolbar + .ql-picker-label.ql-active + .ql-stroke, +body + .p-editor-container + .ql-snow + .ql-toolbar + .ql-picker-label.ql-active + .ql-stroke, +body .p-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, +body .p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, +body + .p-editor-container + .ql-snow.ql-toolbar + .ql-picker-item.ql-selected + .ql-stroke, +body + .p-editor-container + .ql-snow + .ql-toolbar + .ql-picker-item.ql-selected + .ql-stroke, +body .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke-miter, +body .p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke-miter, +body .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, +body + .p-editor-container + .ql-snow + .ql-toolbar + button.ql-active + .ql-stroke-miter, +body + .p-editor-container + .ql-snow.ql-toolbar + .ql-picker-label:hover + .ql-stroke-miter, +body + .p-editor-container + .ql-snow + .ql-toolbar + .ql-picker-label:hover + .ql-stroke-miter, +body + .p-editor-container + .ql-snow.ql-toolbar + .ql-picker-label.ql-active + .ql-stroke-miter, +body + .p-editor-container + .ql-snow + .ql-toolbar + .ql-picker-label.ql-active + .ql-stroke-miter, +body + .p-editor-container + .ql-snow.ql-toolbar + .ql-picker-item:hover + .ql-stroke-miter, +body + .p-editor-container + .ql-snow + .ql-toolbar + .ql-picker-item:hover + .ql-stroke-miter, +body + .p-editor-container + .ql-snow.ql-toolbar + .ql-picker-item.ql-selected + .ql-stroke-miter, +body + .p-editor-container + .ql-snow + .ql-toolbar + .ql-picker-item.ql-selected + .ql-stroke-miter { + stroke: #007ad9; +} + +body .p-inputgroup .p-inputgroup-addon { + border-color: #a6a6a6; + background-color: #eaeaea; + color: #848484; + padding: 0.429em; + min-width: 2em; +} + +body .p-inputgroup .p-inputgroup-addon:first-child { + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .p-inputgroup .p-inputgroup-addon:last-child { + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +body .p-inputgroup .p-inputgroup-addon.p-inputgroup-addon-checkbox { + position: relative; +} + +body + .p-inputgroup + .p-inputgroup-addon.p-inputgroup-addon-checkbox + .p-checkbox { + position: absolute; + top: 50%; + left: 50%; + margin-left: -10px; + margin-top: -10px; +} + +body .p-inputgroup .p-inputgroup-addon.p-inputgroup-addon-radiobutton { + position: relative; +} + +body + .p-inputgroup + .p-inputgroup-addon.p-inputgroup-addon-radiobutton + .p-radiobutton { + position: absolute; + top: 50%; + left: 50%; + margin-left: -10px; + margin-top: -10px; +} + +body .p-inputgroup .p-button:first-child { + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .p-inputgroup .p-button:last-child { + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +body .p-fluid .p-inputgroup .p-button { + width: auto; +} + +body .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357em; +} + +body .p-inputswitch { + width: 3em; + height: 1.75em; +} + +body .p-inputswitch .p-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: #cccccc; +} + +body .p-inputswitch .p-inputswitch-slider:before { + background-color: #ffffff; + height: 1.25em; + width: 1.25em; + left: 0.25em; + bottom: 0.25em; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; +} + +body .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + -webkit-transform: translateX(1.25em); + -ms-transform: translateX(1.25em); + transform: translateX(1.25em); +} + +body .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { + background: #b7b7b7; + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background-color: #b7b7b7; +} + +body .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background-color: #007ad9; +} + +body + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover + .p-inputswitch-slider { + background-color: #116fbf; +} + +body + .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus + .p-inputswitch-slider { + background: #005b9f; +} + +body .p-inputswitch.p-invalid { + border: 1px solid #a80000; +} + +body .p-inputtext { + font-size: 14px; + color: #333333; + background: #ffffff; + padding: 0.429em; + border: 1px solid #a6a6a6; + -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 .p-inputtext.p-invalid { + border: 1px solid #a80000; +} + +body .p-inputtext:enabled:hover:not(.p-state-error) { + border-color: #212121; +} + +body .p-inputtext:enabled:focus:not(.p-state-error) { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; + border-color: #007ad9; +} + +body .p-inputtext.p-invalid { + border: 1px solid #a80000; +} + +body .p-listbox { + padding: 0; + min-width: 12em; + background: #ffffff; + border: 1px solid #a6a6a6; +} + +body .p-listbox .p-checkbox { + margin: 0 0.5em 0 0; +} + +body .p-listbox .p-listbox-header { + padding: 0.429em 0.857em 0.429em 0.857em; + border-bottom: 1px solid #eaeaea; + color: #333333; + background-color: #ffffff; + margin: 0; +} + +body .p-listbox .p-listbox-header .p-listbox-filter-container { + width: calc(100% - (0.857em + 0.857em + 0.5em)); +} + +body .p-listbox .p-listbox-header .p-listbox-filter-container input { + padding: 0.429em; + padding-right: 2em; +} + +body + .p-listbox + .p-listbox-header + .p-listbox-filter-container + .p-listbox-filter-icon { + top: 50%; + left: auto; + margin-top: -0.5em; + right: 0.5em; + color: #007ad9; +} + +body .p-listbox .p-listbox-list { + background-color: #ffffff; +} + +body .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.429em 0.857em; + border: 0 none; + color: #333333; + 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 .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #ffffff; + background-color: #007ad9; +} + +body .p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: inset 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: inset 0 0 0 0.2em $focus-shadow; + box-shadow: inset 0 0 0 0.2em $focus-shadow; +} + +body .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + position: static; + display: inline-block; + vertical-align: middle; + margin: 0 0.5em 0 0; +} + +body .p-listbox .p-listbox-list .p-listbox-item label { + display: inline-block; + vertical-align: middle; +} + +body + .p-listbox:not(.p-disabled) + .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #333333; + background-color: #eaeaea; +} + +body + .p-listbox.p-disabled + .p-checkbox-box:not(.p-disabled):not(.p-highlight):hover { + border: 1px solid #a6a6a6; +} + +body .p-listbox .p-listbox-footer { + padding: 0.429em 0.857em 0.429em 0.857em; + border-top: 1px solid #eaeaea; + color: #333333; + background-color: #ffffff; +} + +body .p-listbox.p-invalid .p-inputtext { + border: 1px solid #a80000; +} + +body .p-multiselect { + background: #ffffff; + border: 1px solid #a6a6a6; + -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 .p-multiselect:not(.p-disabled):hover { + border-color: #212121; +} + +body .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; + border-color: #007ad9; +} + +body .p-multiselect .p-multiselect-label { + padding: 0.429em; + padding-right: 2em; + color: #333333; +} + +body .p-multiselect .p-multiselect-label .p-placeholder { + color: #666666; +} + +body .p-multiselect .p-multiselect-trigger { + background-color: #ffffff; + width: 2em; + line-height: 2em; + text-align: center; + padding: 0; + color: #848484; +} + +body .p-multiselect-panel { + padding: 0; + border: 1px solid #c8c8c8; + background-color: #ffffff; + -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); +} + +body .p-multiselect-panel .p-multiselect-header { + padding: 0.429em 0.857em 0.429em 0.857em; + border-bottom: 1px solid #eaeaea; + color: #333333; + background-color: #ffffff; + margin: 0; +} + +body + .p-multiselect-panel + .p-multiselect-header + .p-multiselect-filter-container { + float: none; + width: 70%; + display: inline-block; + vertical-align: middle; + margin-left: 0; +} + +body + .p-multiselect-panel + .p-multiselect-header + .p-multiselect-filter-container + .p-inputtext { + padding: 0.429em; + padding-right: 2em; +} + +body + .p-multiselect-panel + .p-multiselect-header + .p-multiselect-filter-container + .p-multiselect-filter-icon { + color: #007ad9; + top: 50%; + margin-top: -0.5em; + right: 0.5em; + left: auto; +} + +body .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5em; + float: none; + vertical-align: middle; +} + +body .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + color: #848484; + 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 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { + color: #333333; +} + +body .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-multiselect-panel .p-multiselect-items { + padding: 0; +} + +body .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.429em 0.857em; + border: 0 none; + color: #333333; + 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 + .p-multiselect-panel + .p-multiselect-items + .p-multiselect-item.p-highlight { + color: #ffffff; + background-color: #007ad9; +} + +body + .p-multiselect-panel + .p-multiselect-items + .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #333333; + background-color: #eaeaea; +} + +body + .p-multiselect-panel + .p-multiselect-items + .p-multiselect-item.p-disabled + .p-checkbox-box { + cursor: auto; +} + +body + .p-multiselect-panel + .p-multiselect-items + .p-multiselect-item.p-disabled + .p-checkbox-box:hover { + border: 1px solid #a6a6a6; +} + +body + .p-multiselect-panel + .p-multiselect-items + .p-multiselect-item.p-disabled + .p-checkbox-box.p-highlight:hover { + border-color: #007ad9; +} + +body .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: inset 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: inset 0 0 0 0.2em $focus-shadow; + box-shadow: inset 0 0 0 0.2em $focus-shadow; +} + +body + .p-multiselect-panel + .p-multiselect-items + .p-multiselect-item + .p-checkbox { + position: static; + display: inline-block; + vertical-align: middle; + margin: 0 0.5em 0 0; +} + +body .p-multiselect-panel .p-multiselect-items .p-multiselect-item label { + display: inline-block; + vertical-align: middle; +} + +body .p-multiselect.p-invalid { + border: 1px solid #a80000; +} + +body .p-password-panel { + padding: 12px; + background-color: #ffffff; + color: #333333; + border: 1px solid #c8c8c8; + -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); +} + +body .p-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} + +body .p-radiobutton .p-radiobutton-box { + border: 1px solid #a6a6a6; + background-color: #ffffff; + 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 + .p-radiobutton + .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #212121; +} + +body .p-radiobutton .p-radiobutton-box.p-focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; + border-color: #007ad9; +} + +body .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #007ad9; + background-color: #007ad9; + color: #ffffff; +} + +body .p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon { + background-color: #ffffff; +} + +body + .p-radiobutton + .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #005b9f; + background-color: #005b9f; + color: #ffffff; +} + +body .p-radiobutton .p-radiobutton-box .p-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 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before { + display: none; +} + +body .p-radiobutton-label { + margin: 0 0 0 0.5em; +} + +body .p-radiobutton.p-invalid .p-radiobutton-box { + border: 1px solid #a80000; +} + +body .p-rating a { + text-align: center; + display: inline-block; + color: #333333; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + 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 .p-rating a.p-rating-cancel { + color: #e4018d; +} + +body .p-rating a .p-rating-icon { + font-size: 20px; +} + +body .p-rating:not(.p-disabled):not(.p-rating-readonly) a:hover { + color: #007ad9; +} + +body + .p-rating:not(.p-disabled):not(.p-rating-readonly) + a.p-rating-cancel:hover { + color: #b5019f; +} + +body .p-rating:not(.p-disabled):not(.p-rating-readonly) a:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-selectbutton .p-button { + background-color: #dadada; + border: 1px solid #dadada; + 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 .p-selectbutton .p-button .p-button-icon-left { + color: #666666; +} + +body + .p-selectbutton + .p-button:not(.p-disabled):not(.p-highlight):hover { + background-color: #c8c8c8; + border-color: #c8c8c8; + color: #333333; +} + +body + .p-selectbutton + .p-button:not(.p-disabled):not(.p-highlight):hover + .p-button-icon-left { + color: #212121; +} + +body + .p-selectbutton + .p-button:not(.p-disabled):not(.p-highlight).p-focus { + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; + z-index: 1; +} + +body .p-selectbutton .p-button.p-highlight { + background-color: #007ad9; + border-color: #007ad9; + color: #ffffff; +} + +body .p-selectbutton .p-button.p-highlight .p-button-icon-left { + color: #ffffff; +} + +body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover { + background-color: #116fbf; + border-color: #116fbf; + color: #ffffff; +} + +body + .p-selectbutton + .p-button.p-highlight:not(.p-disabled):hover + .p-button-icon-left { + color: #ffffff; +} + +body .p-selectbutton .p-button:first-child { + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .p-selectbutton .p-button:last-child { + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +body .p-selectbutton.p-invalid .p-button { + border: 1px solid #a80000; +} + +body .p-slider { + background-color: #c8c8c8; + border: 0 none; +} + +body .p-slider.p-slider-horizontal { + height: 0.286em; +} + +body .p-slider.p-slider-horizontal .p-slider-handle { + top: 50%; + margin-top: -0.5715em; +} + +body .p-slider.p-slider-vertical { + width: 0.286em; +} + +body .p-slider.p-slider-vertical .p-slider-handle { + left: 50%; + margin-left: -0.5715em; +} + +body .p-slider .p-slider-handle { + height: 1.143em; + width: 1.143em; + background-color: #ffffff; + border: 2px solid #666666; + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100% !important; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-slider .p-slider-range { + background-color: #007ad9; +} + +body .p-slider:not(.p-disabled) .p-slider-handle:hover { + background-color: 2px solid #666666; + border: 2px solid #007ad9; +} + +body .p-slider.p-slider-animate .p-slider-handle { + -moz-transition: box-shadow 0.2s, left 0.2s; + -o-transition: box-shadow 0.2s, left 0.2s; + -webkit-transition: box-shadow 0.2s, left 0.2s; + transition: box-shadow 0.2s, left 0.2s; +} + +body .p-spinner .p-spinner-input { + padding-right: 2.429em; +} + +body .p-spinner .p-spinner-button { + width: 2em; +} + +body .p-spinner .p-spinner-button.p-spinner-up { + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; +} + +body .p-spinner .p-spinner-button.p-spinner-down { + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +body .p-spinner .p-spinner-button .p-spinner-button-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5em; + margin-left: -0.5em; + width: 1em; +} + +body .p-fluid .p-spinner .p-spinner-input { + padding-right: 2.429em; +} + +body .p-fluid .p-spinner .p-spinner-button { + width: 2em; +} + +body .p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon { + left: 50%; +} + +body .p-spinner.p-invalid > .p-inputtext { + border: 1px solid #a80000; +} + +body .p-togglebutton { + background-color: #dadada; + border: 1px solid #dadada; + 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 .p-togglebutton .p-button-icon-left { + color: #666666; +} + +body .p-togglebutton:not(.p-disabled):not(.p-highlight):hover { + background-color: #c8c8c8; + border-color: #c8c8c8; + color: #333333; +} + +body + .p-togglebutton:not(.p-disabled):not(.p-highlight):hover + .p-button-icon-left { + color: #212121; +} + +body + .p-togglebutton:not(.p-disabled):not(.p-highlight).p-focus { + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-togglebutton.p-highlight { + background-color: #007ad9; + border-color: #007ad9; + color: #ffffff; +} + +body .p-togglebutton.p-highlight .p-button-icon-left { + color: #ffffff; +} + +body .p-togglebutton.p-highlight:hover { + background-color: #116fbf; + border-color: #116fbf; + color: #ffffff; +} + +body .p-togglebutton.p-highlight:hover .p-button-icon-left { + color: #ffffff; +} + +body .p-togglebutton.p-invalid .p-button { + border: 1px solid #a80000; +} + +body .p-button { + margin: 0; + color: #ffffff; + background-color: #007ad9; + border: 1px solid #007ad9; + 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 .p-button:enabled:hover { + background-color: #116fbf; + color: #ffffff; + border-color: #116fbf; +} + +body .p-button:enabled:focus { + outline: 0 none; + outline-offset: 0px; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-button:enabled:active { + background-color: #005b9f; + color: #ffffff; + border-color: #005b9f; +} + +body .p-button .p-button-label { + padding: 0.429em 1em; +} + +body .p-button.p-button-text-icon-left .p-button-label { + padding: 0.429em 1em 0.429em 2em; +} + +body .p-button.p-button-text-icon-right .p-button-label { + padding: 0.429em 2em 0.429em 1em; +} + +body .p-button.p-button-icon-only { + width: 2.357em; +} + +body .p-button.p-button-icon-only .p-button-label { + padding: 0.429em; +} + +body .p-button.p-button-raised { + -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +body .p-button.p-button-rounded { + -moz-border-radius: 15px; + -webkit-border-radius: 15px; + border-radius: 15px; +} + +body .p-fluid .p-button-icon-only { + width: 2.357em; +} + +@media (max-width: 640px) { + body .p-buttonset:not(.p-splitbutton) .p-button { + margin-bottom: 1px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + } +} + +body .p-splitbutton.p-buttonset .p-button { + border: 1px solid transparent; +} + +body .p-splitbutton.p-buttonset .p-menu { + min-width: 100%; +} + +body .p-button.p-state-default.p-button-secondary, +body .p-buttonset.p-button-secondary > .p-button.p-state-default { + color: #333333; + background-color: #f4f4f4; + border: 1px solid #f4f4f4; +} + +body .p-button.p-state-default.p-button-secondary:enabled:hover, +body + .p-buttonset.p-button-secondary + > .p-button.p-state-default:enabled:hover { + background-color: #c8c8c8; + color: #333333; + border-color: #c8c8c8; +} + +body .p-button.p-state-default.p-button-secondary:enabled:focus, +body + .p-buttonset.p-button-secondary + > .p-button.p-state-default:enabled:focus { + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-button.p-state-default.p-button-secondary:enabled:active, +body + .p-buttonset.p-button-secondary + > .p-button.p-state-default:enabled:active { + background-color: #a0a0a0; + color: #333333; + border-color: #a0a0a0; +} + +body .p-button.p-state-default.p-button-info, +body .p-buttonset.p-button-info > .p-button.p-state-default { + color: #ffffff; + background-color: #007ad9; + border: 1px solid #007ad9; +} + +body .p-button.p-state-default.p-button-info:enabled:hover, +body .p-buttonset.p-button-info > .p-button.p-state-default:enabled:hover { + background-color: #116fbf; + color: #ffffff; + border-color: #116fbf; +} + +body .p-button.p-state-default.p-button-info:enabled:focus, +body .p-buttonset.p-button-info > .p-button.p-state-default:enabled:focus { + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-button.p-state-default.p-button-info:enabled:active, +body .p-buttonset.p-button-info > .p-button.p-state-default:enabled:active { + background-color: #005b9f; + color: #ffffff; + border-color: #005b9f; +} + +body .p-button.p-state-default.p-button-success, +body .p-buttonset.p-button-success > .p-button.p-state-default { + color: #ffffff; + background-color: #34a835; + border: 1px solid #34a835; +} + +body .p-button.p-state-default.p-button-success:enabled:hover, +body + .p-buttonset.p-button-success + > .p-button.p-state-default:enabled:hover { + background-color: #107d11; + color: #ffffff; + border-color: #107d11; +} + +body .p-button.p-state-default.p-button-success:enabled:focus, +body + .p-buttonset.p-button-success + > .p-button.p-state-default:enabled:focus { + -webkit-box-shadow: 0 0 0 0.2em #aae5aa; + -moz-box-shadow: 0 0 0 0.2em #aae5aa; + box-shadow: 0 0 0 0.2em #aae5aa; +} + +body .p-button.p-state-default.p-button-success:enabled:active, +body + .p-buttonset.p-button-success + > .p-button.p-state-default:enabled:active { + background-color: #0c6b0d; + color: #ffffff; + border-color: #0c6b0d; +} + +body .p-button.p-state-default.p-button-warning, +body .p-buttonset.p-button-warning > .p-button.p-state-default { + color: #333333; + background-color: #ffba01; + border: 1px solid #ffba01; +} + +body .p-button.p-state-default.p-button-warning:enabled:hover, +body + .p-buttonset.p-button-warning + > .p-button.p-state-default:enabled:hover { + background-color: #ed990b; + color: #333333; + border-color: #ed990b; +} + +body .p-button.p-state-default.p-button-warning:enabled:focus, +body + .p-buttonset.p-button-warning + > .p-button.p-state-default:enabled:focus { + -webkit-box-shadow: 0 0 0 0.2em #ffeab4; + -moz-box-shadow: 0 0 0 0.2em #ffeab4; + box-shadow: 0 0 0 0.2em #ffeab4; +} + +body .p-button.p-state-default.p-button-warning:enabled:active, +body + .p-buttonset.p-button-warning + > .p-button.p-state-default:enabled:active { + background-color: #d38b10; + color: #333333; + border-color: #d38b10; +} + +body .p-button.p-state-default.p-button-danger, +body .p-buttonset.p-button-danger > .p-button.p-state-default { + color: #ffffff; + background-color: #e91224; + border: 1px solid #e91224; +} + +body .p-button.p-state-default.p-button-danger:enabled:hover, +body + .p-buttonset.p-button-danger + > .p-button.p-state-default:enabled:hover { + background-color: #c01120; + color: #ffffff; + border-color: #c01120; +} + +body .p-button.p-state-default.p-button-danger:enabled:focus, +body + .p-buttonset.p-button-danger + > .p-button.p-state-default:enabled:focus { + -webkit-box-shadow: 0 0 0 0.2em #f9b4ba; + -moz-box-shadow: 0 0 0 0.2em #f9b4ba; + box-shadow: 0 0 0 0.2em #f9b4ba; +} + +body .p-button.p-state-default.p-button-danger:enabled:active, +body + .p-buttonset.p-button-danger + > .p-button.p-state-default:enabled:active { + background-color: #a90000; + color: #ffffff; + border-color: #a90000; +} + +body .p-splitbutton.p-buttonset .p-button { + border: 1px solid transparent; +} + +body .p-splitbutton.p-buttonset .p-menu { + min-width: 100%; +} + +body .p-carousel .p-carousel-content .p-carousel-prev, +body .p-carousel .p-carousel-content .p-carousel-next { + background-color: #ffffff; + border: solid 1px rgba(178, 193, 205, 0.64); + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0.2em; + color: #333333; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} + +body + .p-carousel + .p-carousel-content + .p-carousel-prev:not(.p-disabled):hover, +body + .p-carousel + .p-carousel-content + .p-carousel-next:not(.p-disabled):hover { + background-color: #ffffff; + color: #007ad9; + border-color: solid 1px rgba(178, 193, 205, 0.64); +} + +body + .p-carousel + .p-carousel-dots-container + .p-carousel-dot-item + > .p-button { + border-color: transparent; + background-color: transparent; +} + +body + .p-carousel + .p-carousel-dots-container + .p-carousel-dot-item + .p-carousel-dot-icon { + width: 20px; + height: 6px; + background-color: #b2c1cd; + margin: 0 0.2em; +} + +body + .p-carousel + .p-carousel-dots-container + .p-carousel-dot-item + .p-carousel-dot-icon::before { + content: ' '; +} + +body + .p-carousel + .p-carousel-dots-container + .p-carousel-dot-item.p-highlight + .p-carousel-dot-icon { + background-color: #007ad9; +} + +body .p-dataview .p-dataview-header { + background-color: #f4f4f4; + color: #333333; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; + font-weight: 700; + border-bottom: 0 none; +} + +body .p-dataview .p-dataview-content { + padding: 0.571em 1em; + border: 1px solid #c8c8c8; + background-color: #ffffff; + color: #333333; + padding: 0.571em 1em; +} + +body .p-dataview .p-dataview-footer { + background-color: #ffffff; + color: #333333; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; + border-top: 0 none; +} + +body .p-dataview .p-dataview-layout-options .p-button { + -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 .p-dataview .p-dataview-layout-options .p-button:focus { + outline: 0 none; + outline-offset: 0px; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; + z-index: 1; +} + +body .fc th { + background-color: #f4f4f4; + border: 1px solid #c8c8c8; + color: #333333; + padding: 0.571em 1em; +} + +body .fc td.p-widget-content { + background-color: #ffffff; + border: 1px solid #c8c8c8; + color: #333333; +} + +body .fc td.fc-head-container { + border: 1px solid #c8c8c8; +} + +body .fc .fc-row { + border-right: 1px solid #c8c8c8; +} + +body .fc .fc-event { + background-color: #116fbf; + border: 1px solid #116fbf; + color: #ffffff; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .fc .fc-event:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .fc .fc-toolbar .fc-button { + color: #ffffff; + background-color: #007ad9; + border: 1px solid #007ad9; + 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; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +body .fc .fc-toolbar .fc-button:enabled:hover { + background-color: #116fbf; + color: #ffffff; + border-color: #116fbf; +} + +body .fc .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: 'PrimeIcons' !important; + text-indent: 0; +} + +body .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ''; +} + +body .fc .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: 'PrimeIcons' !important; + text-indent: 0; +} + +body .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ''; +} + +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0px; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .fc .fc-toolbar .fc-button-group .fc-button { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +body .fc .fc-toolbar .fc-button-group .fc-button:first-child { + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .fc .fc-toolbar .fc-button-group .fc-button:last-child { + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +body .fc .fc-divider { + background-color: #f4f4f4; + border: 1px solid #c8c8c8; +} + +body .p-fluid .fc .fc-toolbar .fc-button { + width: auto; +} + +body .p-orderlist .p-orderlist-controls { + padding: 0.571em 1em; +} + +body .p-orderlist .p-orderlist-controls button { + font-size: 16px; +} + +body .p-orderlist .p-orderlist-caption { + background-color: #f4f4f4; + color: #333333; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; + font-weight: 700; + border-bottom: 0 none; + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; +} + +body .p-orderlist .p-orderlist-filter-container { + padding: 0.429em 0.857em 0.429em 0.857em; + border: 1px solid #c8c8c8; + color: #333333; + background-color: #ffffff; + margin: 0; + border-bottom: 0 none; +} + +body .p-orderlist .p-orderlist-filter-container input.p-inputtext { + width: 100%; + padding-right: 2em; + text-indent: 0; +} + +body .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + top: 50%; + margin-top: -0.5em; + left: auto; + right: 1.357em; + color: #007ad9; +} + +body .p-orderlist .p-orderlist-list { + border: 1px solid #c8c8c8; + background-color: #ffffff; + color: #333333; + padding: 0; +} + +body .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.429em 0.857em; + margin: 0; + border: 0 none; + color: #333333; + 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; +} + +body + .p-orderlist + .p-orderlist-list + .p-orderlist-item:not(.p-highlight):hover { + background-color: #eaeaea; + color: #333333; +} + +body .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + background-color: #007ad9; + color: #ffffff; +} + +body .p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: inset 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: inset 0 0 0 0.2em $focus-shadow; + box-shadow: inset 0 0 0 0.2em $focus-shadow; +} + +body .p-orderlist .p-orderlist-list .p-orderlist-droppoint-highlight { + background-color: #007ad9; +} + +body + .p-organizationchart + .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background-color: #eaeaea; + color: #333333; +} + +body + .p-organizationchart + .p-organizationchart-node-content.p-highlight { + background-color: #007ad9; + color: #ffffff; +} + +body + .p-organizationchart + .p-organizationchart-node-content.p-highlight + .p-node-toggler + i { + color: #00325a; +} + +body .p-organizationchart .p-organizationchart-line-down { + background-color: #c8c8c8; +} + +body .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #c8c8c8; + border-color: #c8c8c8; +} + +body .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #c8c8c8; + border-color: #c8c8c8; +} + +body .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #c8c8c8; + background-color: #ffffff; + color: #333333; + padding: 0.571em 1em; +} + +body .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + bottom: -0.7em; + margin-left: -0.46em; + color: #848484; + overflow: hidden; + line-height: 1; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body + .p-organizationchart + .p-organizationchart-node-content + .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-paginator { + background-color: #f4f4f4; + border: 1px solid #c8c8c8; + padding: 0; +} + +body .p-paginator .p-paginator-first, +body .p-paginator .p-paginator-prev, +body .p-paginator .p-paginator-next, +body .p-paginator .p-paginator-last { + color: #848484; + height: 2.286em; + min-width: 2.286em; + border: 0 none; + line-height: 2.286em; + padding: 0; + margin: 0; + vertical-align: top; + -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: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +body + .p-paginator + .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +body + .p-paginator + .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +body + .p-paginator + .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +body + .p-paginator + .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background-color: #e0e0e0; + color: #333333; +} + +body .p-paginator .p-paginator-first:focus, +body .p-paginator .p-paginator-prev:focus, +body .p-paginator .p-paginator-next:focus, +body .p-paginator .p-paginator-last:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-paginator .p-paginator-current { + color: #333333; + height: 2.286em; + min-width: 2.286em; + line-height: 2.286em; +} + +body .p-paginator .p-dropdown { + border: 0 none; +} + +body .p-paginator .p-dropdown .p-dropdown-trigger, +body .p-paginator .p-dropdown .p-dropdown-label { + color: #848484; +} + +body .p-paginator .p-dropdown:hover .p-dropdown-trigger, +body .p-paginator .p-dropdown:hover .p-dropdown-label { + color: #333333; +} + +body .p-paginator .p-paginator-first:before { + position: relative; + top: 1px; +} + +body .p-paginator .p-paginator-prev:before { + position: relative; +} + +body .p-paginator .p-paginator-next:before { + position: relative; + top: 1px; +} + +body .p-paginator .p-paginator-last:before { + position: relative; + top: 1px; +} + +body .p-paginator .p-paginator-pages { + vertical-align: top; + display: inline-block; + padding: 0; +} + +body .p-paginator .p-paginator-pages .p-paginator-page { + color: #848484; + height: 2.286em; + min-width: 2.286em; + border: 0 none; + line-height: 2.286em; + padding: 0; + margin: 0; + vertical-align: top; + -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: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +body .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background-color: #007ad9; + color: #ffffff; +} + +body + .p-paginator + .p-paginator-pages + .p-paginator-page:not(.p-highlight):hover { + background-color: #e0e0e0; + color: #333333; +} + +body .p-paginator .p-paginator-pages .p-paginator-page:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-paginator .p-dropdown { + margin-left: 0.5em; + height: 2.286em; + min-width: auto; +} + +body .p-picklist .p-picklist-buttons button { + font-size: 16px; +} + +body .p-picklist .p-picklist-caption { + background-color: #f4f4f4; + color: #333333; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; + font-weight: 700; + border-bottom: 0 none; + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; +} + +body .p-picklist .p-picklist-filter-container { + padding: 0.429em 0.857em 0.429em 0.857em; + border: 1px solid #c8c8c8; + color: #333333; + background-color: #ffffff; + margin: 0; + border-bottom: 0 none; +} + +body .p-picklist .p-picklist-filter-container input.p-picklist-filter { + width: 100%; + padding-right: 2em; + text-indent: 0; +} + +body .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + top: 50%; + margin-top: -0.5em; + left: auto; + right: 1.357em; + color: #007ad9; +} + +body .p-picklist .p-picklist-buttons { + padding: 0.571em 1em; +} + +body .p-picklist .p-picklist-list { + border: 1px solid #c8c8c8; + background-color: #ffffff; + color: #333333; + padding: 0; +} + +body .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.429em 0.857em; + margin: 0; + border: 0 none; + color: #333333; + 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; +} + +body + .p-picklist + .p-picklist-list + .p-picklist-item:not(.p-highlight):hover { + background-color: #eaeaea; + color: #333333; +} + +body .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + background-color: #007ad9; + color: #ffffff; +} + +body .p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: inset 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: inset 0 0 0 0.2em $focus-shadow; + box-shadow: inset 0 0 0 0.2em $focus-shadow; +} + +body .p-picklist .p-picklist-list .p-picklist-droppoint-highlight { + background-color: #007ad9; +} + +@media (max-width: 40em) { + body .p-picklist.p-picklist-responsive .p-picklist-buttons { + padding: 0.571em 1em; + } +} + +body .p-table .p-table-caption, +body .p-table .p-table-summary { + background-color: #f4f4f4; + color: #333333; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; + text-align: center; +} + +body .p-table .p-table-caption { + border-bottom: 0 none; + font-weight: 700; +} + +body .p-table .p-table-summary { + border-top: 0 none; + font-weight: 700; +} + +body .p-table .p-table-thead > tr > th { + padding: 0.571em 0.857em; + border: 1px solid #c8c8c8; + font-weight: 700; + color: #333333; + background-color: #f4f4f4; +} + +body .p-table .p-table-tbody > tr > td { + padding: 0.571em 0.857em; +} + +body .p-table .p-table-tfoot > tr > td { + padding: 0.571em 0.857em; + border: 1px solid #c8c8c8; + font-weight: 700; + color: #333333; + background-color: #ffffff; +} + +body .p-table .p-sortable-column { + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-table .p-sortable-column:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: inset 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: inset 0 0 0 0.2em $focus-shadow; + box-shadow: inset 0 0 0 0.2em $focus-shadow; +} + +body .p-table .p-sortable-column .p-sortable-column-icon { + color: #848484; +} + +body .p-table .p-sortable-column:not(.p-highlight):hover { + background-color: #e0e0e0; + color: #333333; +} + +body + .p-table + .p-sortable-column:not(.p-highlight):hover + .p-sortable-column-icon { + color: #333333; +} + +body .p-table .p-sortable-column.p-highlight { + background-color: #007ad9; + color: #ffffff; +} + +body .p-table .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #ffffff; +} + +body .p-table .p-editable-column input:focus { + outline: 1px solid #007ad9; + outline-offset: 2px; +} + +body .p-table .p-table-tbody > tr { + background-color: #ffffff; + 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 .p-table .p-table-tbody > tr > td { + background-color: inherit; + border: 1px solid #c8c8c8; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-table .p-table-tbody > tr.p-highlight { + background-color: #007ad9; + color: #ffffff; +} + +body .p-table .p-table-tbody > tr.p-highlight a { + color: #ffffff; +} + +body .p-table .p-table-tbody > tr.p-table-dragpoint-top > td { + -webkit-box-shadow: inset 0 2px 0 0 #007ad9; + -moz-box-shadow: inset 0 2px 0 0 #007ad9; + box-shadow: inset 0 2px 0 0 #007ad9; +} + +body .p-table .p-table-tbody > tr.p-table-dragpoint-bottom > td { + -webkit-box-shadow: inset 0 -2px 0 0 #007ad9; + -moz-box-shadow: inset 0 -2px 0 0 #007ad9; + box-shadow: inset 0 -2px 0 0 #007ad9; +} + +body .p-table .p-table-tbody > tr:focus { + outline: none; +} + +body .p-table .p-table-tbody > tr:focus + tr > td { + box-shadow: 0 -0.2em 0 0 $focus-shadow; +} + +body .p-table .p-table-tbody > tr:focus > td { + box-shadow: 0 -0.2em 0 0 $focus-shadow, 0 0.2em 0 0 $focus-shadow; +} + +body .p-table .p-table-tbody > tr:focus > td:first-child { + box-shadow: 0 -0.2em 0 0 $focus-shadow, 0 0.2em 0 0 $focus-shadow, + -0.1em -0.1em 0 0.1em $focus-shadow; +} + +body .p-table .p-table-tbody > tr:focus > td:last-child { + box-shadow: 0 -0.2em 0 0 $focus-shadow, 0 0.2em 0 0 $focus-shadow, + 0.1em -0.1em 0 0.1em $focus-shadow; +} + +body .p-table .p-table-tbody > tr:nth-child(even) { + background-color: #f9f9f9; +} + +body .p-table .p-table-tbody > tr:nth-child(even).p-highlight { + background-color: #007ad9; + color: #ffffff; +} + +body .p-table .p-table-tbody > tr:nth-child(even).p-highlight a { + color: #ffffff; +} + +body + .p-table + .p-table-virtual-scrollable-body + .p-table-tbody + > tr:nth-child(even) { + background-color: #ffffff; +} + +body + .p-table + .p-table-virtual-scrollable-body + .p-table-tbody + > tr:nth-child(even).p-highlight { + background-color: #007ad9; + color: #ffffff; +} + +body + .p-table + .p-table-virtual-scrollable-body + .p-table-tbody + > tr:nth-child(even).p-highlight + a { + color: #ffffff; +} + +body + .p-table.p-table-hoverable-rows + .p-table-tbody + > tr.p-selectable-row:not(.p-highlight):hover { + cursor: pointer; + background-color: #eaeaea; + color: #333333; +} + +body .p-table .p-column-resizer-helper { + background-color: #007ad9; +} + +@media screen and (max-width: 40em) { + body .p-table.p-table-responsive .p-paginator-top { + border-bottom: 1px solid #c8c8c8; + } + + body .p-table.p-table-responsive .p-paginator-bottom { + border-top: 1px solid #c8c8c8; + } + + body .p-table.p-table-responsive .p-table-tbody > tr td { + border: 0 none; + } + + body .p-table.p-table-responsive .p-table-tbody > tr:focus + tr > td { + box-shadow: none; + } + + body .p-table.p-table-responsive .p-table-tbody > tr:focus > td { + box-shadow: none; + } + + body + .p-table.p-table-responsive + .p-table-tbody + > tr:focus + > td:first-child { + box-shadow: none; + } + + body + .p-table.p-table-responsive + .p-table-tbody + > tr:focus + > td:last-child { + box-shadow: none; + } +} + +body .p-tree { + border: 1px solid #c8c8c8; + background-color: #ffffff; + color: #333333; + padding: 0.571em 1em; +} + +body .p-tree .p-tree-container { + padding: 0.286em; + margin: 0; +} + +body .p-tree .p-tree-container .p-treenode { + padding: 0.143em 0; +} + +body .p-tree .p-tree-container .p-treenode .p-treenode-content { + padding: 0; + border: 1px solid 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: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +body + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-tree-toggler { + vertical-align: middle; + display: inline-block; + float: none; + margin: 0 0.143em 0 0; + color: #848484; +} + +body + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-treenode-icon { + vertical-align: middle; + display: inline-block; + margin: 0 0.143em 0 0; + color: #848484; +} + +body + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-treenode-label { + margin: 0; + vertical-align: middle; + display: inline-block; + padding: 0.286em; +} + +body + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-treenode-label.p-highlight { + background-color: #007ad9; + color: #ffffff; +} + +body .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin: 0 0.5em 0 0; +} + +body + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-checkbox + .p-checkbox-icon { + margin: 1px 0 0 0; +} + +body + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-treenode-selectable + .p-treenode-label:not(.p-highlight):hover { + background-color: #eaeaea; + color: #333333; +} + +body .p-tree .p-tree-container .p-treenode .p-treenode-content > span { + line-height: inherit; +} + +body + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-treenode-dragover { + background-color: #eaeaea; + color: #333333; +} + +body .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body + .p-tree + .p-tree-container + .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #007ad9; +} + +body .p-tree.p-tree-horizontal { + padding-left: 0; + padding-right: 0; +} + +body .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border: 1px solid #c8c8c8; + background-color: #ffffff; + color: #333333; + padding: 0.571em 1em; + -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 + .p-tree.p-tree-horizontal + .p-treenode + .p-treenode-content.p-highlight { + background-color: #007ad9; + color: #ffffff; +} + +body + .p-tree.p-tree-horizontal + .p-treenode + .p-treenode-content + .p-checkbox + .p-icon { + color: #007ad9; +} + +body + .p-tree.p-tree-horizontal + .p-treenode + .p-treenode-content + .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} + +body + .p-tree.p-tree-horizontal + .p-treenode + .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background-color: #eaeaea; + color: #333333; +} + +body .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 2em; +} + +body .p-tree .p-tree-filter-container .p-tree-filter-icon { + top: 50%; + left: auto; + margin-top: -0.5em; + right: 0.8em; + color: #007ad9; +} + +body .p-treetable .p-treetable-caption, +body .p-treetable .p-treetable-summary { + background-color: #f4f4f4; + color: #333333; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; + text-align: center; +} + +body .p-treetable .p-treetable-caption { + border-bottom: 0 none; + font-weight: 700; +} + +body .p-treetable .p-treetable-summary { + border-top: 0 none; + font-weight: 700; +} + +body .p-treetable .p-treetable-thead > tr > th { + padding: 0.571em 0.857em; + border: 1px solid #c8c8c8; + font-weight: 700; + color: #333333; + background-color: #f4f4f4; +} + +body .p-treetable .p-treetable-tbody > tr > td { + padding: 0.571em 0.857em; +} + +body .p-treetable .p-treetable-tfoot > tr > td { + padding: 0.571em 0.857em; + border: 1px solid #c8c8c8; + font-weight: 700; + color: #333333; + background-color: #ffffff; +} + +body .p-treetable .p-sortable-column { + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-treetable .p-sortable-column:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: inset 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: inset 0 0 0 0.2em $focus-shadow; + box-shadow: inset 0 0 0 0.2em $focus-shadow; +} + +body .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #848484; +} + +body .p-treetable .p-sortable-column:not(.p-highlight):hover { + background-color: #e0e0e0; + color: #333333; +} + +body + .p-treetable + .p-sortable-column:not(.p-highlight):hover + .p-sortable-column-icon { + color: #333333; +} + +body .p-treetable .p-sortable-column.p-highlight { + background-color: #007ad9; + color: #ffffff; +} + +body + .p-treetable + .p-sortable-column.p-highlight + .p-sortable-column-icon { + color: #ffffff; +} + +body .p-treetable .p-editable-column input:focus { + outline: 1px solid #007ad9; + outline-offset: 2px; +} + +body .p-treetable .p-treetable-tbody > tr { + background-color: #ffffff; + color: #333333; +} + +body .p-treetable .p-treetable-tbody > tr > td { + background-color: inherit; + border: 1px solid #c8c8c8; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + color: #848484; + vertical-align: middle; +} + +body .p-treetable .p-treetable-tbody > tr > td .p-treetable-checkbox { + vertical-align: middle; + margin-right: 0.5em; +} + +body .p-treetable .p-treetable-tbody > tr.p-highlight { + background-color: #007ad9; + color: #ffffff; +} + +body .p-treetable .p-treetable-tbody > tr.p-highlight > td { + background-color: inherit; + border: 1px solid #c8c8c8; +} + +body + .p-treetable + .p-treetable-tbody + > tr.p-highlight + > td + .p-treetable-toggler { + color: #ffffff; +} + +body .p-treetable .p-treetable-tbody > tr:focus { + outline: none; +} + +body .p-treetable .p-treetable-tbody > tr:focus + tr > td { + box-shadow: 0 -0.2em 0 0 $focus-shadow; +} + +body .p-treetable .p-treetable-tbody > tr:focus > td { + box-shadow: 0 -0.2em 0 0 $focus-shadow, 0 0.2em 0 0 $focus-shadow; +} + +body .p-treetable .p-treetable-tbody > tr:focus > td:first-child { + box-shadow: 0 -0.2em 0 0 $focus-shadow, 0 0.2em 0 0 $focus-shadow, + -0.1em -0.1em 0 0.1em $focus-shadow; +} + +body .p-treetable .p-treetable-tbody > tr:focus > td:last-child { + box-shadow: 0 -0.2em 0 0 $focus-shadow, 0 0.2em 0 0 $focus-shadow, + 0.1em -0.1em 0 0.1em $focus-shadow; +} + +body + .p-treetable.p-treetable-hoverable-rows + .p-treetable-tbody + > tr:not(.p-highlight):hover { + cursor: pointer; + background-color: #eaeaea; + color: #333333; +} + +body .p-treetable .p-column-resizer-helper { + background-color: #007ad9; +} + +body .p-virtualscroller .p-virtualscroller-header { + background-color: #f4f4f4; + color: #333333; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; + font-weight: 700; + border-bottom: 0 none; +} + +body .p-virtualscroller .p-virtualscroller-content { + border: 1px solid #c8c8c8; + background-color: #ffffff; + color: #333333; +} + +body + .p-virtualscroller + .p-virtualscroller-content + .p-virtualscroller-list + .p-virtualscroller-item { + border-bottom: 1px solid #d8dae2; +} + +body .p-virtualscroller .p-virtualscroller-footer { + background-color: #ffffff; + color: #333333; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; + border-top: 0 none; +} + +body .p-accordion .p-accordion-header a { + -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 .p-accordion .p-accordion-header a .p-accordion-toggle-icon { + color: #848484; +} + +body .p-accordion .p-accordion-header a:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-accordion .p-accordion-content { + background-color: #ffffff; + color: #333333; +} + +.p-accordion .p-accordion-header a { + display: block; + padding: .5em; +} + +.p-accordion .p-accordion-content { + padding: 1em; + border-top: 0; + overflow: visible; +} + +body .p-card { + background-color: #ffffff; + color: #333333; + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), + 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); + -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), + 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), + 0 2px 1px -1px rgba(0, 0, 0, 0.12); +} + +body .p-fieldset { + border: 1px solid #c8c8c8; + background-color: #ffffff; + color: #333333; +} + +body .p-fieldset .p-fieldset-legend a { + padding: 0.571em 1em; + border: 1px solid #c8c8c8; + color: #333333; + background-color: #f4f4f4; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -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 .p-fieldset .p-fieldset-legend a .p-fieldset-toggler { + float: none; + display: inline-block; + vertical-align: middle; + margin-right: 0.5em; + color: #848484; +} + +body .p-fieldset .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; +} + +body .p-fieldset .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { + background-color: #dbdbdb; + border: 1px solid #dbdbdb; + color: #333333; +} + +body + .p-fieldset.p-fieldset-toggleable + .p-fieldset-legend + a:hover + .p-fieldset-toggler { + color: #333333; +} + +body .p-fieldset .p-fieldset-content { + padding: 0; +} + +body .p-panel { + padding: 0; + border: 0 none; +} + +body .p-panel .p-panel-titlebar { + border: 1px solid #c8c8c8; + padding: 0.571em 1em; + background-color: #f4f4f4; + color: #333333; + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; +} + +body .p-panel .p-panel-titlebar .p-panel-title { + vertical-align: middle; + font-weight: 700; +} + +body .p-panel .p-panel-titlebar .p-panel-titlebar-icon { + margin: 0; + position: relative; + font-size: 14px; + color: #848484; + 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 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover { + color: #333333; +} + +body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-panel .p-panel-content { + padding: 0.571em 1em; + border: 1px solid #c8c8c8; + background-color: #ffffff; + color: #333333; + padding: 0.571em 1em; + border-top: 0 none; +} + +body .p-panel .p-panel-footer { + padding: 0.571em 1em; + border: 1px solid #c8c8c8; + background-color: #ffffff; + color: #333333; + border-top: 0 none; + margin: 0; +} + +body .p-tabview.p-tabview-top, +body .p-tabview.p-tabview-bottom, +body .p-tabview.p-tabview-left, +body .p-tabview.p-tabview-right { + border: 0 none; +} + +body .p-tabview.p-tabview-top .p-tabview-nav, +body .p-tabview.p-tabview-bottom .p-tabview-nav, +body .p-tabview.p-tabview-left .p-tabview-nav, +body .p-tabview.p-tabview-right .p-tabview-nav { + padding: 0; + background: transparent; + border: 0 none; +} + +body .p-tabview.p-tabview-top .p-tabview-nav li, +body .p-tabview.p-tabview-bottom .p-tabview-nav li, +body .p-tabview.p-tabview-left .p-tabview-nav li, +body .p-tabview.p-tabview-right .p-tabview-nav li { + border: 1px solid #c8c8c8; + background-color: #f4f4f4; + -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 .p-tabview.p-tabview-top .p-tabview-nav li a, +body .p-tabview.p-tabview-bottom .p-tabview-nav li a, +body .p-tabview.p-tabview-left .p-tabview-nav li a, +body .p-tabview.p-tabview-right .p-tabview-nav li a { + float: none; + display: inline-block; + color: #333333; + padding: 0.571em 1em; + font-weight: 700; +} + +body .p-tabview.p-tabview-top .p-tabview-nav li a .p-tabview-left-icon, +body .p-tabview.p-tabview-bottom .p-tabview-nav li a .p-tabview-left-icon, +body .p-tabview.p-tabview-left .p-tabview-nav li a .p-tabview-left-icon, +body .p-tabview.p-tabview-right .p-tabview-nav li a .p-tabview-left-icon { + margin-right: 0.5em; +} + +body .p-tabview.p-tabview-top .p-tabview-nav li a .p-tabview-right-icon, +body .p-tabview.p-tabview-bottom .p-tabview-nav li a .p-tabview-right-icon, +body .p-tabview.p-tabview-left .p-tabview-nav li a .p-tabview-right-icon, +body .p-tabview.p-tabview-right .p-tabview-nav li a .p-tabview-right-icon { + margin-left: 0.5em; +} + +body .p-tabview.p-tabview-top .p-tabview-nav li .p-tabview-close, +body .p-tabview.p-tabview-bottom .p-tabview-nav li .p-tabview-close, +body .p-tabview.p-tabview-left .p-tabview-nav li .p-tabview-close, +body .p-tabview.p-tabview-right .p-tabview-nav li .p-tabview-close { + color: #848484; + margin: 0 0.5em 0 0; + vertical-align: middle; +} + +body .p-tabview.p-tabview-top .p-tabview-nav li .p-tabview-close:focus, +body .p-tabview.p-tabview-bottom .p-tabview-nav li .p-tabview-close:focus, +body .p-tabview.p-tabview-left .p-tabview-nav li .p-tabview-close:focus, +body .p-tabview.p-tabview-right .p-tabview-nav li .p-tabview-close:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body + .p-tabview.p-tabview-top + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover, +body + .p-tabview.p-tabview-bottom + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover, +body + .p-tabview.p-tabview-left + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover, +body + .p-tabview.p-tabview-right + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover { + background-color: #dbdbdb; + border: 1px solid #dbdbdb; +} + +body + .p-tabview.p-tabview-top + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover + a, +body + .p-tabview.p-tabview-bottom + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover + a, +body + .p-tabview.p-tabview-left + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover + a, +body + .p-tabview.p-tabview-right + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover + a { + color: #333333; +} + +body + .p-tabview.p-tabview-top + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover + .p-tabview-close, +body + .p-tabview.p-tabview-bottom + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover + .p-tabview-close, +body + .p-tabview.p-tabview-left + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover + .p-tabview-close, +body + .p-tabview.p-tabview-right + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover + .p-tabview-close { + color: #333333; +} + +body .p-tabview.p-tabview-top .p-tabview-nav li.p-highlight, +body .p-tabview.p-tabview-bottom .p-tabview-nav li.p-highlight, +body .p-tabview.p-tabview-left .p-tabview-nav li.p-highlight, +body .p-tabview.p-tabview-right .p-tabview-nav li.p-highlight { + background-color: #007ad9; + border: 1px solid #007ad9; +} + +body .p-tabview.p-tabview-top .p-tabview-nav li.p-highlight a, +body .p-tabview.p-tabview-bottom .p-tabview-nav li.p-highlight a, +body .p-tabview.p-tabview-left .p-tabview-nav li.p-highlight a, +body .p-tabview.p-tabview-right .p-tabview-nav li.p-highlight a { + color: #ffffff; +} + +body + .p-tabview.p-tabview-top + .p-tabview-nav + li.p-highlight + .p-tabview-close, +body + .p-tabview.p-tabview-bottom + .p-tabview-nav + li.p-highlight + .p-tabview-close, +body + .p-tabview.p-tabview-left + .p-tabview-nav + li.p-highlight + .p-tabview-close, +body + .p-tabview.p-tabview-right + .p-tabview-nav + li.p-highlight + .p-tabview-close { + color: #ffffff; +} + +body .p-tabview.p-tabview-top .p-tabview-nav li.p-highlight:hover, +body .p-tabview.p-tabview-bottom .p-tabview-nav li.p-highlight:hover, +body .p-tabview.p-tabview-left .p-tabview-nav li.p-highlight:hover, +body .p-tabview.p-tabview-right .p-tabview-nav li.p-highlight:hover { + border: 1px solid #005b9f; + background-color: #005b9f; +} + +body .p-tabview.p-tabview-top .p-tabview-nav li.p-highlight:hover a, +body .p-tabview.p-tabview-bottom .p-tabview-nav li.p-highlight:hover a, +body .p-tabview.p-tabview-left .p-tabview-nav li.p-highlight:hover a, +body .p-tabview.p-tabview-right .p-tabview-nav li.p-highlight:hover a { + color: #ffffff; +} + +body + .p-tabview.p-tabview-top + .p-tabview-nav + li.p-highlight:hover + a + .p-tabview-left-icon, +body + .p-tabview.p-tabview-top + .p-tabview-nav + li.p-highlight:hover + a + .p-tabview-right-icon, +body + .p-tabview.p-tabview-bottom + .p-tabview-nav + li.p-highlight:hover + a + .p-tabview-left-icon, +body + .p-tabview.p-tabview-bottom + .p-tabview-nav + li.p-highlight:hover + a + .p-tabview-right-icon, +body + .p-tabview.p-tabview-left + .p-tabview-nav + li.p-highlight:hover + a + .p-tabview-left-icon, +body + .p-tabview.p-tabview-left + .p-tabview-nav + li.p-highlight:hover + a + .p-tabview-right-icon, +body + .p-tabview.p-tabview-right + .p-tabview-nav + li.p-highlight:hover + a + .p-tabview-left-icon, +body + .p-tabview.p-tabview-right + .p-tabview-nav + li.p-highlight:hover + a + .p-tabview-right-icon { + color: #ffffff; +} + +body .p-tabview.p-tabview-top .p-tabview-nav li.p-tabview-selected a, +body .p-tabview.p-tabview-bottom .p-tabview-nav li.p-tabview-selected a, +body .p-tabview.p-tabview-left .p-tabview-nav li.p-tabview-selected a, +body .p-tabview.p-tabview-right .p-tabview-nav li.p-tabview-selected a { + cursor: pointer; +} + +body .p-tabview.p-tabview-top .p-tabview-nav li:focus, +body .p-tabview.p-tabview-bottom .p-tabview-nav li:focus, +body .p-tabview.p-tabview-left .p-tabview-nav li:focus, +body .p-tabview.p-tabview-right .p-tabview-nav li:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-tabview.p-tabview-top .p-tabview-nav { + margin-bottom: -1px; +} + +body .p-tabview.p-tabview-top .p-tabview-nav li { + margin-right: 2px; +} + +body .p-tabview.p-tabview-bottom .p-tabview-nav { + margin-top: -1px; +} + +body .p-tabview.p-tabview-bottom .p-tabview-nav li { + margin-right: 2px; +} + +body .p-tabview.p-tabview-left .p-tabview-nav { + margin-right: -px; +} + +body .p-tabview.p-tabview-left .p-tabview-nav li { + margin-bottom: 2px; +} + +body .p-tabview.p-tabview-right .p-tabview-nav { + margin-right: -1px; +} + +body .p-tabview.p-tabview-right .p-tabview-nav li { + margin-bottom: 2px; +} + +body .p-tabview .p-tabview-panels { + background-color: #ffffff; + padding: 0.571em 1em; + border: 1px solid #c8c8c8; + color: #333333; +} + +body .p-tabview .p-tabview-panels .p-tabview-panel { + padding: 0; +} + +body .p-toolbar { + background-color: #f4f4f4; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; +} + +body .p-toolbar button { + vertical-align: middle; +} + +body .p-toolbar .p-toolbar-separator { + vertical-align: middle; + color: #848484; + margin: 0 0.5em; +} + +body .p-dialog { + padding: 0; + -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 .p-dialog .p-dialog-titlebar { + border: 1px solid #c8c8c8; + background-color: #f4f4f4; + color: #333333; + padding: 1em; + font-weight: 700; + border-bottom: 0 none; +} + +body .p-dialog .p-dialog-titlebar .p-dialog-title { + margin: 0; + float: none; +} + +body .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon { + color: #848484; + border: 0 none; + padding: 0; + margin-left: 0.5em; + -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 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon span { + width: auto; +} + +body .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover { + color: #333333; +} + +body .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-dialog .p-dialog-content { + background-color: #ffffff; + color: #333333; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; +} + +body .p-dialog .p-dialog-footer { + border: 1px solid #c8c8c8; + background-color: #ffffff; + color: #333333; + padding: 0.571em 1em; + margin: 0; + text-align: right; + position: relative; + border-top: 0 none; +} + +body .p-dialog .p-dialog-footer button { + margin: 0 0.5em 0 0; + width: auto; +} + +body .p-dialog.p-confirm-dialog .p-dialog-content { + padding: 1.5em; +} + +body .p-dialog.p-confirm-dialog .p-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 14px; + margin: 0; +} + +body .p-dialog.p-confirm-dialog .p-dialog-content > span.p-icon { + margin-right: 0.35em; + font-size: 16px; +} + +body .p-lightbox { + -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 .p-lightbox .p-lightbox-caption { + border: 1px solid #c8c8c8; + background-color: #f4f4f4; + color: #333333; + padding: 0.571em 1em; + font-weight: 700; +} + +body .p-lightbox .p-lightbox-caption .p-lightbox-caption-text { + color: #333333; + margin: 0; +} + +body .p-lightbox .p-lightbox-caption .p-lightbox-close { + padding: 0; + color: #848484; + overflow: hidden; + 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 .p-lightbox .p-lightbox-caption .p-lightbox-close:hover { + color: #333333; +} + +body .p-lightbox .p-lightbox-caption .p-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-lightbox .p-lightbox-content-wrapper { + overflow: hidden; + background-color: #ffffff; + color: #333333; + border: 0 none; + padding: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +body .p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-left, +body .p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-right { + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + font-size: 3em; + color: #ffffff; + margin-top: -0.5em; +} + +body .p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-left:hover, +body .p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-right:hover { + -webkit-transform: scale(1.2); + -moz-transform: scale(1.2); + -o-transform: scale(1.2); + -ms-transform: scale(1.2); + transform: scale(1.2); +} + +body + .p-lightbox + .p-lightbox-content-wrapper + .p-lightbox-content.p-lightbox-loading + ~ a { + display: none; +} + +body .p-overlaypanel { + background-color: #ffffff; + color: #333333; + padding: 0; + border: 1px solid #c8c8c8; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +body .p-overlaypanel .p-overlaypanel-content { + padding: 0.571em 1em; +} + +body .p-overlaypanel .p-overlaypanel-close { + background-color: #007ad9; + color: #ffffff; + width: 1.538em; + height: 1.538em; + line-height: 1.538em; + text-align: center; + position: absolute; + top: -0.769em; + right: -0.769em; + -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 .p-overlaypanel .p-overlaypanel-close .p-overlaypanel-close-icon { + line-height: inherit; +} + +body .p-overlaypanel .p-overlaypanel-close:hover { + background-color: #005b9f; + color: #ffffff; +} + +body .p-overlaypanel .p-overlaypanel-close:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-overlaypanel:after { + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} + +body .p-overlaypanel:before { + border-color: rgba(200, 200, 200, 0); + border-bottom-color: #c8c8c8; +} + +body .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} + +body .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #c8c8c8; +} + +body .p-sidebar { + background-color: #ffffff; + color: #333333; + padding: 0.571em 1em; + border: 1px solid #c8c8c8; + -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 .p-sidebar .p-sidebar-close { + color: #848484; +} + +body .p-sidebar .p-sidebar-close:hover { + color: #333333; +} + +body .p-tooltip .p-tooltip-text { + background-color: #333333; + color: #ffffff; + padding: 0.429em; + -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 .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #333333; +} + +body .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #333333; +} + +body .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #333333; +} + +body .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #333333; +} + +body .p-fileupload .p-fileupload-buttonbar { + background-color: #f4f4f4; + padding: 0.571em 1em; + border: 1px solid #c8c8c8; + color: #333333; + border-bottom: 0 none; +} + +body .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 8px; +} + +body .p-fileupload .p-fileupload-content { + background-color: #ffffff; + padding: 0.571em 1em; + border: 1px solid #c8c8c8; + color: #333333; +} + +body .p-fileupload .p-progressbar { + top: 0; +} + +body .p-fileupload-choose:not(.p-disabled):hover { + background-color: #116fbf; + color: #ffffff; + border-color: #116fbf; +} + +body .p-fileupload-choose:not(.p-disabled):active { + background-color: #005b9f; + color: #ffffff; + border-color: #005b9f; +} + +body .p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0px; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-breadcrumb { + background-color: #ffffff; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; +} + +body .p-breadcrumb ul li .p-menuitem-link { + color: #333333; + margin: 0; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5em 0 0.5em; + color: #848484; +} + +body .p-breadcrumb ul li:first-child a { + color: #848484; + margin: 0; +} + +body .p-breadcrumb ul li .p-menuitem-icon { + color: #848484; +} + +body .p-contextmenu { + padding: 0; + background-color: #ffffff; + border: 1px solid #c8c8c8; + -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); +} + +body .p-contextmenu .p-menuitem-link { + padding: 0.714em 0.857em; + color: #333333; + font-weight: normal; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #333333; +} + +body .p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5em; +} + +body .p-contextmenu .p-menuitem-link:hover { + background-color: #eaeaea; +} + +body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text { + color: #333333; +} + +body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon { + color: #333333; +} + +body .p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: inset 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: inset 0 0 0 0.2em $focus-shadow; + box-shadow: inset 0 0 0 0.2em $focus-shadow; +} + +body + .p-contextmenu + .p-menuitem-link.p-menuitem-link-active + .p-menuitem-text { + color: #007ad9; +} + +body + .p-contextmenu + .p-menuitem-link.p-menuitem-link-active + .p-menuitem-icon { + color: #007ad9; +} + +body .p-contextmenu .p-submenu-list { + padding: 0; + background-color: #ffffff; + border: 1px solid #c8c8c8; + -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); +} + +body .p-contextmenu .p-menuitem { + margin: 0; +} + +body .p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon { + right: 0.429em; +} + +body .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background-color: #eaeaea; +} + +body + .p-contextmenu + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-menuitem-text { + color: #333333; +} + +body + .p-contextmenu + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-menuitem-icon, +body + .p-contextmenu + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-submenu-icon { + color: #333333; +} + +body .p-contextmenu .p-menu-separator { + border: 1px solid #c8c8c8; + border-width: 1px 0 0 0; +} + +body .p-megamenu { + padding: 0; + background-color: #ffffff; + border: 1px solid #c8c8c8; +} + +body .p-megamenu .p-menuitem-link { + padding: 0.714em 0.857em; + color: #333333; + font-weight: normal; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-megamenu .p-menuitem-link .p-menuitem-text { + color: #333333; +} + +body .p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5em; +} + +body .p-megamenu .p-menuitem-link:hover { + background-color: #eaeaea; +} + +body .p-megamenu .p-menuitem-link:hover .p-menuitem-text { + color: #333333; +} + +body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon { + color: #333333; +} + +body .p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: inset 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: inset 0 0 0 0.2em $focus-shadow; + box-shadow: inset 0 0 0 0.2em $focus-shadow; +} + +body .p-megamenu .p-menuitem-link.p-menuitem-link-active .p-menuitem-text { + color: #007ad9; +} + +body .p-megamenu .p-menuitem-link.p-menuitem-link-active .p-menuitem-icon { + color: #007ad9; +} + +body .p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.571em 1em; + color: #333333; + background-color: #f4f4f4; + font-weight: 700; + border: 0 none; +} + +body .p-megamenu .p-megamenu-panel { + padding: 0; + background-color: #ffffff; + border: 1px solid #c8c8c8; + -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); +} + +body .p-megamenu .p-menuitem { + margin: 0; +} + +body .p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon { + right: 0.429em; +} + +body .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background-color: #eaeaea; +} + +body + .p-megamenu + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-menuitem-text { + color: #333333; +} + +body + .p-megamenu + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-menuitem-icon, +body + .p-megamenu + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-submenu-icon { + color: #333333; +} + +body + .p-megamenu.p-megamenu-vertical + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-link + > .p-submenu-icon { + right: 0.429em; +} + +body .p-menu { + padding: 0; + background-color: #ffffff; + border: 1px solid #c8c8c8; +} + +body .p-menu .p-menuitem-link { + padding: 0.714em 0.857em; + color: #333333; + font-weight: normal; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-menu .p-menuitem-link .p-menuitem-text { + color: #333333; +} + +body .p-menu .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5em; +} + +body .p-menu .p-menuitem-link:hover { + background-color: #eaeaea; +} + +body .p-menu .p-menuitem-link:hover .p-menuitem-text { + color: #333333; +} + +body .p-menu .p-menuitem-link:hover .p-menuitem-icon { + color: #333333; +} + +body .p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: inset 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: inset 0 0 0 0.2em $focus-shadow; + box-shadow: inset 0 0 0 0.2em $focus-shadow; +} + +body .p-menu .p-menuitem-link.p-menuitem-link-active .p-menuitem-text { + color: #007ad9; +} + +body .p-menu .p-menuitem-link.p-menuitem-link-active .p-menuitem-icon { + color: #007ad9; +} + +body .p-menu .p-menuitem { + margin: 0; +} + +body .p-menu.p-shadow { + border: 1px solid #c8c8c8; + -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); +} + +body .p-menu .p-submenu-header { + margin: 0; + padding: 0.714em 0.857em; + color: #333333; + background-color: #f4f4f4; + font-weight: 700; + border: 0 none; +} + +body .p-menu .p-menu-separator { + border: 1px solid #c8c8c8; + border-width: 1px 0 0 0; +} + +body .p-menubar { + padding: 0; + background-color: #ffffff; + border: 1px solid #c8c8c8; +} + +body .p-menubar .p-menuitem-link { + padding: 0.714em 0.857em; + color: #333333; + font-weight: normal; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-menubar .p-menuitem-link .p-menuitem-text { + color: #333333; +} + +body .p-menubar .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5em; +} + +body .p-menubar .p-menuitem-link:hover { + background-color: #eaeaea; +} + +body .p-menubar .p-menuitem-link:hover .p-menuitem-text { + color: #333333; +} + +body .p-menubar .p-menuitem-link:hover .p-menuitem-icon { + color: #333333; +} + +body .p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: inset 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: inset 0 0 0 0.2em $focus-shadow; + box-shadow: inset 0 0 0 0.2em $focus-shadow; +} + +body .p-menubar .p-menuitem-link.p-menuitem-link-active .p-menuitem-text { + color: #007ad9; +} + +body .p-menubar .p-menuitem-link.p-menuitem-link-active .p-menuitem-icon { + color: #007ad9; +} + +body .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.714em 0.857em; +} + +body .p-menubar .p-menubar-root-list > .p-menu-separator { + border: 1px solid #c8c8c8; + border-width: 0 0 0 1px; +} + +body .p-menubar .p-submenu-list { + padding: 0; + background-color: #ffffff; + border: 1px solid #c8c8c8; + -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); +} + +body .p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} + +body .p-menubar .p-submenu-list .p-menu-separator { + border: 1px solid #c8c8c8; + border-width: 1px 0 0 0; +} + +body .p-menubar .p-menuitem { + margin: 0; +} + +body .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background-color: #eaeaea; +} + +body + .p-menubar + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-menuitem-text { + color: #333333; +} + +body + .p-menubar + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-menuitem-icon, +body + .p-menubar + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-submenu-icon { + color: #333333; +} + +body .p-panelmenu .p-icon { + position: static; +} + +body .p-panelmenu .p-panelmenu-header { + padding: 0; +} + +body .p-panelmenu .p-panelmenu-header > a { + border: 1px solid #c8c8c8; + background-color: #f4f4f4; + color: #333333; + padding: 0.714em 0.857em; + font-weight: 700; + position: static; + font-size: 14px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -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 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + color: #848484; +} + +body .p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-panelmenu .p-panelmenu-header:not(.p-highlight) > a:hover { + outline: 0 none; + border: 1px solid #dbdbdb; + background-color: #dbdbdb; + color: #333333; +} + +body + .p-panelmenu + .p-panelmenu-header:not(.p-highlight) + > a:hover + .p-panelmenu-icon { + color: #333333; +} + +body .p-panelmenu .p-panelmenu-header.p-highlight > a { + border: 1px solid #007ad9; + background-color: #007ad9; + color: #ffffff; + -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 .p-panelmenu .p-panelmenu-header.p-highlight > a .p-panelmenu-icon { + color: #ffffff; +} + +body .p-panelmenu .p-panelmenu-header.p-highlight > a:hover { + outline: 0 none; + border: 1px solid #005b9f; + background-color: #005b9f; + color: #ffffff; +} + +body + .p-panelmenu + .p-panelmenu-header.p-highlight + > a:hover + .p-panelmenu-icon { + color: #ffffff; +} + +body .p-panelmenu .p-panelmenu-panel { + margin-top: 2px; +} + +body .p-panelmenu .p-panelmenu-panel:first-child { + margin-top: 0; +} + +body .p-panelmenu .p-panelmenu-content { + padding: 0; + background-color: #ffffff; + border: 1px solid #c8c8c8; + margin-top: 0; + position: static; + border-top: 0 none; +} + +body .p-panelmenu .p-panelmenu-content .p-menuitem { + margin: 0; +} + +body .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.714em 0.857em; + color: #333333; +} + +body .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:hover { + background-color: #eaeaea; +} + +body + .p-panelmenu + .p-panelmenu-content + .p-menuitem + .p-menuitem-link:hover + .p-menuitem-icon, +body + .p-panelmenu + .p-panelmenu-content + .p-menuitem + .p-menuitem-link:hover + .p-panelmenu-icon { + color: #333333; +} + +body + .p-panelmenu + .p-panelmenu-content + .p-menuitem + .p-menuitem-link:hover + .p-menuitem-text { + color: #333333; +} + +body + .p-panelmenu + .p-panelmenu-content + .p-menuitem + .p-menuitem-link.p-menuitem-link-active + .p-menuitem-text { + color: #007ad9; +} + +body + .p-panelmenu + .p-panelmenu-content + .p-menuitem + .p-menuitem-link.p-menuitem-link-active + .p-menuitem-icon { + color: #007ad9; +} + +body .p-slidemenu { + padding: 0; + background-color: #ffffff; + border: 1px solid #c8c8c8; +} + +body .p-slidemenu .p-menuitem-link { + padding: 0.714em 0.857em; + color: #333333; + font-weight: normal; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #333333; +} + +body .p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5em; +} + +body .p-slidemenu .p-menuitem-link:hover { + background-color: #eaeaea; +} + +body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text { + color: #333333; +} + +body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon { + color: #333333; +} + +body .p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: inset 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: inset 0 0 0 0.2em $focus-shadow; + box-shadow: inset 0 0 0 0.2em $focus-shadow; +} + +body .p-slidemenu .p-menuitem-link.p-menuitem-link-active .p-menuitem-text { + color: #007ad9; +} + +body .p-slidemenu .p-menuitem-link.p-menuitem-link-active .p-menuitem-icon { + color: #007ad9; +} + +body .p-slidemenu .p-submenu-list { + padding: 0; + background-color: #ffffff; + border: 0 none; +} + +body .p-slidemenu .p-menuitem { + margin: 0; +} + +body .p-slidemenu .p-menuitem .p-menuitem-link .p-submenu-icon { + right: 0.429em; +} + +body .p-slidemenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background-color: #eaeaea; +} + +body + .p-slidemenu + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-menuitem-text { + color: #333333; +} + +body + .p-slidemenu + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-menuitem-icon, +body + .p-slidemenu + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-submenu-icon { + color: #333333; +} + +body .p-slidemenu .p-slidemenu-backward { + margin: 0; + padding: 0.571em 1em; + color: #333333; + background-color: #f4f4f4; + font-weight: 700; + border: 0 none; +} + +body .p-slidemenu .p-slidemenu-backward:hover { + background-color: #dbdbdb; + color: #333333; +} + +body .p-slidemenu .p-menu-separator { + border: 1px solid #c8c8c8; + border-width: 1px 0 0 0; +} + +body .p-steps { + position: relative; +} + +body .p-steps .p-steps-item { + background-color: transparent; + text-align: center; +} + +body .p-steps .p-steps-item .p-menuitem-link { + display: inline-block; + text-align: center; + background-color: transparent; + overflow: hidden; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-steps .p-steps-item .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: inline-block; + color: #333333; + background-color: #ffffff; + border: 1px solid #c8c8c8; + position: relative; + top: 16px; + margin-bottom: 14px; + width: 28px; + height: 28px; + font-size: 16px; + line-height: 24px; + text-align: center; +} + +body .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + display: block; + margin-top: 6px; + color: #848484; +} + +body .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #007ad9; + color: #ffffff; +} + +body .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #333333; +} + +body .p-steps:before { + content: ' '; + border-top: 1px solid #c8c8c8; + width: 100%; + top: 45%; + left: 0; + display: block; + position: absolute; +} + +body .p-tabmenu { + border: 0 none; +} + +body .p-tabmenu .p-tabmenu-nav { + padding: 0; + background: transparent; + border-bottom: 1px solid #c8c8c8; +} + +body .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + position: static; + border: 1px solid #c8c8c8; + background-color: #f4f4f4; + margin-right: 2px; + margin-bottom: -1px; + -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 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + color: #333333; + padding: 0.571em 1em; + -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 + .p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem + .p-menuitem-link + .p-menuitem-text { + color: #333333; + margin-right: 0.5em; +} + +body + .p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem + .p-menuitem-link + .p-menuitem-icon { + color: #848484; + margin-right: 0.5em; +} + +body .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body + .p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover { + background-color: #dbdbdb; + border: 1px solid #dbdbdb; +} + +body + .p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover + .p-menuitem-link + .p-menuitem-text { + color: #333333; +} + +body + .p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover + .p-menuitem-link + .p-menuitem-icon { + color: #333333; +} + +body .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight { + background-color: #007ad9; + border: 1px solid #007ad9; +} + +body + .p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem.p-highlight + .p-menuitem-link + .p-menuitem-text { + color: #ffffff; +} + +body + .p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem.p-highlight + .p-menuitem-link + .p-menuitem-icon { + color: #ffffff; +} + +body .p-tieredmenu { + padding: 0; + background-color: #ffffff; + border: 1px solid #c8c8c8; +} + +body .p-tieredmenu .p-menuitem-link { + padding: 0.714em 0.857em; + color: #333333; + font-weight: normal; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #333333; +} + +body .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5em; +} + +body .p-tieredmenu .p-menuitem-link:hover { + background-color: #eaeaea; +} + +body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text { + color: #333333; +} + +body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon { + color: #333333; +} + +body .p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: inset 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: inset 0 0 0 0.2em $focus-shadow; + box-shadow: inset 0 0 0 0.2em $focus-shadow; +} + +body + .p-tieredmenu + .p-menuitem-link.p-menuitem-link-active + .p-menuitem-text { + color: #007ad9; +} + +body + .p-tieredmenu + .p-menuitem-link.p-menuitem-link-active + .p-menuitem-icon { + color: #007ad9; +} + +body .p-tieredmenu .p-submenu-list { + padding: 0; + background-color: #ffffff; + border: 1px solid #c8c8c8; + -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); +} + +body .p-tieredmenu .p-menuitem { + margin: 0; +} + +body .p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon { + right: 0.429em; +} + +body .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background-color: #eaeaea; +} + +body + .p-tieredmenu + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-menuitem-text { + color: #333333; +} + +body + .p-tieredmenu + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-menuitem-icon, +body + .p-tieredmenu + .p-menuitem.p-menuitem-active + > .p-menuitem-link + .p-submenu-icon { + color: #333333; +} + +body .p-tieredmenu .p-menu-separator { + border: 1px solid #c8c8c8; + border-width: 1px 0 0 0; +} + +body .p-message { + padding: 0.429em; + margin: 0; +} + +body .p-message.p-message-info { + background-color: #7fbcec; + border: 0 none; + color: #212121; +} + +body .p-message.p-message-info .p-message-icon { + color: #212121; +} + +body .p-message.p-message-success { + background-color: #b7d8b7; + border: 0 none; + color: #212121; +} + +body .p-message.p-message-success .p-message-icon { + color: #212121; +} + +body .p-message.p-message-warn { + background-color: #ffe399; + border: 0 none; + color: #212121; +} + +body .p-message.p-message-warn .p-message-icon { + color: #212121; +} + +body .p-message.p-message-error { + background-color: #f8b7bd; + border: 0 none; + color: #212121; +} + +body .p-message.p-message-error .p-message-icon { + color: #212121; +} + +body .p-message .p-message-icon { + font-size: 1.25em; +} + +body .p-message .p-message-text { + font-size: 1em; +} + +body .p-messages { + padding: 1em; + margin: 1em 0; +} + +body .p-messages.p-messages-info { + background-color: #7fbcec; + border: 0 none; + color: #212121; +} + +body .p-messages.p-messages-info .p-messages-icon { + color: #212121; +} + +body .p-messages.p-messages-info .p-messages-close { + color: #212121; +} + +body .p-messages.p-messages-success { + background-color: #b7d8b7; + border: 0 none; + color: #212121; +} + +body .p-messages.p-messages-success .p-messages-icon { + color: #212121; +} + +body .p-messages.p-messages-success .p-messages-close { + color: #212121; +} + +body .p-messages.p-messages-warn { + background-color: #ffe399; + border: 0 none; + color: #212121; +} + +body .p-messages.p-messages-warn .p-messages-icon { + color: #212121; +} + +body .p-messages.p-messages-warn .p-messages-close { + color: #212121; +} + +body .p-messages.p-messages-error { + background-color: #f8b7bd; + border: 0 none; + color: #212121; +} + +body .p-messages.p-messages-error .p-messages-icon { + color: #212121; +} + +body .p-messages.p-messages-error .p-messages-close { + color: #212121; +} + +body .p-messages .p-messages-close { + top: 0.25em; + right: 0.5em; + font-size: 1.5em; + overflow: hidden; + line-height: 1; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-transition: box-shadow 0.2s; + -o-transition: box-shadow 0.2s; + -webkit-transition: box-shadow 0.2s; + transition: box-shadow 0.2s; +} + +body .p-messages .p-messages-close:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body .p-messages .p-messages-icon { + font-size: 2em; +} + +body .p-toast .p-toast-message { + -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + margin: 0 0 1em 0; +} + +body .p-toast .p-toast-message.p-toast-message-info { + background-color: #7fbcec; + border: 0 none; + color: #212121; +} + +body .p-toast .p-toast-message.p-toast-message-info .p-toast-close-icon { + color: #212121; +} + +body .p-toast .p-toast-message.p-toast-message-success { + background-color: #b7d8b7; + border: 0 none; + color: #212121; +} + +body .p-toast .p-toast-message.p-toast-message-success .p-toast-close-icon { + color: #212121; +} + +body .p-toast .p-toast-message.p-toast-message-warn { + background-color: #ffe399; + border: 0 none; + color: #212121; +} + +body .p-toast .p-toast-message.p-toast-message-warn .p-toast-close-icon { + color: #212121; +} + +body .p-toast .p-toast-message.p-toast-message-error { + background-color: #f8b7bd; + border: 0 none; + color: #212121; +} + +body .p-toast .p-toast-message.p-toast-message-error .p-toast-close-icon { + color: #212121; +} + +body .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #ebedef; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} + +body .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} + +body .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #ebedef; +} + +body .p-galleria .p-galleria-item-nav { + background: rgba(0, 0, 0, 0.2); + color: #aeb6bf; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, box-shadow 0.2s; +} + +body .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +body .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} + +body .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.3); + color: #ebedef; +} + +body .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ebedef; + padding: 1rem; +} + +body .p-galleria .p-galleria-indicators { + padding: 1rem; +} + +body .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #f4f4f4; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} + +body .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #eaeaea; +} + +body + .p-galleria + .p-galleria-indicators + .p-galleria-indicator.p-highlight + button { + background: #007ad9; + color: #ffffff; +} + +body .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, +body .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5em; +} + +body .p-galleria.p-galleria-indicators-left .p-galleria-indicator, +body .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5em; +} + +body .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} + +body + .p-galleria.p-galleria-indicator-onitem + .p-galleria-indicators + .p-galleria-indicator + button { + background: rgba(255, 255, 255, 0.4); +} + +body + .p-galleria.p-galleria-indicator-onitem + .p-galleria-indicators + .p-galleria-indicator + button:hover { + background: rgba(255, 255, 255, 0.6); +} + +body + .p-galleria.p-galleria-indicator-onitem + .p-galleria-indicators + .p-galleria-indicator.p-highlight + button { + background: #007ad9; + color: #ffffff; +} + +body .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} + +body .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5em; + background-color: transparent; + color: #aeb6bf; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} + +body + .p-galleria + .p-galleria-thumbnail-container + .p-galleria-thumbnail-prev:hover, +body + .p-galleria + .p-galleria-thumbnail-container + .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #aeb6bf; +} + +body .p-galleria-mask { + background: rgba(0, 0, 0, 0.9); +} + +body .p-inplace { + min-height: 2.357em; +} + +body .p-inplace .p-inplace-display { + padding: 0.429em; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -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 .p-inplace .p-inplace-display:not(.p-disabled):hover { + background-color: #eaeaea; + color: #333333; +} + +body .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em $focus-shadow; + -moz-box-shadow: 0 0 0 0.2em $focus-shadow; + box-shadow: 0 0 0 0.2em $focus-shadow; +} + +body + .p-fluid + .p-inplace.p-inplace-closable + .p-inplace-content + > :first-child { + display: inline-block; + width: calc(100% - 2.357em); +} + +body .p-progressbar { + border: 0 none; + height: 24px; + background-color: #eaeaea; +} + +body .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #007ad9; +} + +body .p-progressbar .p-progressbar-label { + margin-top: 0; + color: #333333; + line-height: 24px; +} + +body .p-terminal { + background-color: #ffffff; + color: #333333; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; +} + +body .p-terminal .p-terminal-command { + height: 16px; +} + +/* Add your customizations of theme here */ + +.p-button:enabled:focus { + @include box-shadow--focus-inset; +} + +body .p-accordion-header-link { + display: inline; +}