6134 lines
128 KiB
CSS
6134 lines
128 KiB
CSS
.p-component, .p-component * {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.p-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.p-hidden-space {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.p-hidden-accessible {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
}
|
|
|
|
.p-hidden-accessible input,
|
|
.p-hidden-accessible select {
|
|
transform: scale(0);
|
|
}
|
|
|
|
.p-reset {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
outline: 0;
|
|
text-decoration: none;
|
|
font-size: 100%;
|
|
list-style: none;
|
|
}
|
|
|
|
.p-disabled, .p-disabled * {
|
|
cursor: default !important;
|
|
pointer-events: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.p-component-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-unselectable-text {
|
|
user-select: none;
|
|
}
|
|
|
|
.p-scrollbar-measure {
|
|
width: 100px;
|
|
height: 100px;
|
|
overflow: scroll;
|
|
position: absolute;
|
|
top: -9999px;
|
|
}
|
|
|
|
@-webkit-keyframes p-fadein {
|
|
0% { opacity: 0; }
|
|
100% { opacity: 1; }
|
|
}
|
|
@keyframes p-fadein {
|
|
0% { opacity: 0; }
|
|
100% { opacity: 1; }
|
|
}
|
|
|
|
.p-link {
|
|
text-align: left;
|
|
background-color: transparent;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Non react overlay animations */
|
|
.p-connected-overlay {
|
|
opacity: 0;
|
|
transform: scaleY(0.8);
|
|
transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
|
|
.p-connected-overlay-visible {
|
|
opacity: 1;
|
|
transform: scaleY(1);
|
|
}
|
|
|
|
.p-connected-overlay-hidden {
|
|
opacity: 0;
|
|
transform: scaleY(1);
|
|
transition: opacity .1s linear;
|
|
}
|
|
|
|
/* React based overlay animations */
|
|
.p-connected-overlay-enter {
|
|
opacity: 0;
|
|
transform: scaleY(0.8);
|
|
}
|
|
|
|
.p-connected-overlay-enter-active {
|
|
opacity: 1;
|
|
transform: scaleY(1);
|
|
transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
|
|
.p-connected-overlay-enter-done {
|
|
transform: none;
|
|
}
|
|
|
|
.p-connected-overlay-exit {
|
|
opacity: 1;
|
|
}
|
|
|
|
.p-connected-overlay-exit-active {
|
|
opacity: 0;
|
|
transition: opacity .1s linear;
|
|
}
|
|
|
|
/* Toggleable Content */
|
|
.p-toggleable-content-enter {
|
|
max-height: 0;
|
|
}
|
|
|
|
.p-toggleable-content-enter-active {
|
|
overflow: hidden;
|
|
max-height: 1000px;
|
|
transition: max-height 1s ease-in-out;
|
|
}
|
|
|
|
.p-toggleable-content-enter-done {
|
|
transform: none;
|
|
}
|
|
|
|
.p-toggleable-content-exit {
|
|
max-height: 1000px;
|
|
}
|
|
|
|
.p-toggleable-content-exit-active {
|
|
overflow: hidden;
|
|
max-height: 0;
|
|
transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
|
|
}
|
|
|
|
.p-sr-only {
|
|
border: 0;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
word-wrap: normal !important;
|
|
}
|
|
|
|
.p-accordion-header-link {
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
user-select: none;
|
|
position: relative;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.p-accordion-header-link:focus {
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-accordion-header-text {
|
|
line-height: 1;
|
|
}
|
|
|
|
.p-autocomplete {
|
|
display: inline-flex;
|
|
position: relative;
|
|
}
|
|
|
|
.p-autocomplete-loader {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
}
|
|
|
|
.p-autocomplete-dd .p-autocomplete-input {
|
|
flex: 1 1 auto;
|
|
width: 1%;
|
|
}
|
|
|
|
.p-autocomplete-dd .p-autocomplete-input,
|
|
.p-autocomplete-dd .p-autocomplete-multiple-container {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.p-autocomplete-dd .p-autocomplete-dropdown {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0px;
|
|
}
|
|
|
|
.p-autocomplete .p-autocomplete-panel {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.p-autocomplete-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
.p-autocomplete-items {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.p-autocomplete-item {
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-autocomplete-multiple-container {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
cursor: text;
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.p-autocomplete-token {
|
|
cursor: default;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.p-autocomplete-token-icon {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-autocomplete-input-token {
|
|
flex: 1 1 auto;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.p-autocomplete-input-token input {
|
|
border: 0 none;
|
|
outline: 0 none;
|
|
background-color: transparent;
|
|
margin: 0;
|
|
padding: 0;
|
|
box-shadow: none;
|
|
border-radius: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-fluid .p-autocomplete {
|
|
display: flex;
|
|
}
|
|
|
|
.p-fluid .p-autocomplete-dd .p-autocomplete-input {
|
|
width: 1%;
|
|
}
|
|
|
|
.p-avatar {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.p-avatar.p-avatar-image {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.p-avatar-circle {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.p-avatar-circle img {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.p-avatar .p-avatar-icon {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.p-avatar img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-avatar-clickable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-avatar-group .p-avatar + .p-avatar {
|
|
margin-left: -1rem;
|
|
}
|
|
|
|
.p-avatar-group {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-badge {
|
|
display: inline-block;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
padding: 0 .5rem;
|
|
}
|
|
|
|
.p-overlay-badge {
|
|
position: relative;
|
|
}
|
|
|
|
.p-overlay-badge .p-badge {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
transform: translate(50%,-50%);
|
|
transform-origin: 100% 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.p-badge-dot {
|
|
width: .5rem;
|
|
min-width: .5rem;
|
|
height: .5rem;
|
|
border-radius: 50%;
|
|
padding: 0;
|
|
}
|
|
|
|
.p-badge-no-gutter {
|
|
padding: 0;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.p-blockui-container {
|
|
position: relative;
|
|
}
|
|
|
|
.p-blockui {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-blockui.p-component-overlay {
|
|
position: absolute;
|
|
}
|
|
|
|
.p-blockui-document.p-component-overlay {
|
|
position: fixed;
|
|
}
|
|
|
|
.p-breadcrumb {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.p-breadcrumb ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.p-breadcrumb .p-menuitem-text {
|
|
line-height: 1;
|
|
}
|
|
|
|
.p-breadcrumb .p-menuitem-link {
|
|
text-decoration: none;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-breadcrumb::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.p-button {
|
|
margin: 0;
|
|
display: inline-flex;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
align-items: center;
|
|
vertical-align: bottom;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-button-label {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.p-button-icon-right {
|
|
order: 1;
|
|
}
|
|
|
|
.p-button:disabled {
|
|
cursor: default;
|
|
}
|
|
|
|
.p-button-icon-only {
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-button-icon-only .p-button-label {
|
|
visibility: hidden;
|
|
width: 0;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.p-button-vertical {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-button-icon-bottom {
|
|
order: 2;
|
|
}
|
|
|
|
.p-buttonset .p-button {
|
|
margin: 0;
|
|
}
|
|
|
|
.p-buttonset .p-button:not(:last-child) {
|
|
border-right: 0 none;
|
|
}
|
|
|
|
.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.p-buttonset .p-button:first-of-type {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.p-buttonset .p-button:last-of-type {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.p-buttonset .p-button:focus {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-button-label {
|
|
transition: all .2s;
|
|
}
|
|
|
|
.p-calendar {
|
|
position: relative;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.p-calendar .p-inputtext {
|
|
flex: 1 1 auto;
|
|
width: 1%;
|
|
}
|
|
|
|
.p-calendar-w-btn-right .p-inputtext {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.p-calendar-w-btn-right .p-datepicker-trigger {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.p-calendar-w-btn-left .p-inputtext {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.p-calendar-w-btn-left .p-datepicker-trigger {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
/* Fluid */
|
|
.p-fluid .p-calendar {
|
|
display: flex;
|
|
}
|
|
|
|
.p-fluid .p-calendar .p-inputtext {
|
|
width: 1%;
|
|
}
|
|
|
|
/* Datepicker */
|
|
.p-calendar .p-datepicker {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.p-datepicker {
|
|
width: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.p-datepicker-inline {
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
position: static;
|
|
}
|
|
|
|
/* Header */
|
|
.p-datepicker-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.p-datepicker-header .p-datepicker-title {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.p-datepicker-prev,
|
|
.p-datepicker-next {
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
/* Multiple Month DatePicker */
|
|
.p-datepicker-multiple-month .p-datepicker-group-container {
|
|
display: flex;
|
|
}
|
|
|
|
/* DatePicker Table */
|
|
.p-datepicker table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.p-datepicker td > span {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
/* Month Picker */
|
|
.p-monthpicker-month {
|
|
width: 33.3%;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
/* Button Bar */
|
|
.p-datepicker-buttonbar {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
/* Time Picker */
|
|
.p-timepicker {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-timepicker button {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-timepicker > div {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* Touch UI */
|
|
.p-datepicker-touch-ui,
|
|
.p-calendar .p-datepicker-touch-ui {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
min-width: 80vw;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.p-card-header img {
|
|
width: 100%;
|
|
}
|
|
|
|
.p-carousel {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-carousel-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: auto;
|
|
}
|
|
|
|
.p-carousel-prev,
|
|
.p-carousel-next {
|
|
align-self: center;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-carousel-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.p-carousel-items-content {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-carousel-items-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.p-carousel-indicators {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.p-carousel-indicator > button {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/* Vertical */
|
|
.p-carousel-vertical .p-carousel-container {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-carousel-vertical .p-carousel-items-container {
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
/* Keyboard Support */
|
|
.p-items-hidden .p-carousel-item {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.p-items-hidden .p-carousel-item.p-carousel-item-active {
|
|
visibility: visible;
|
|
}
|
|
|
|
.p-cascadeselect {
|
|
display: inline-flex;
|
|
cursor: pointer;
|
|
position: relative;
|
|
user-select: none;
|
|
}
|
|
|
|
.p-cascadeselect-trigger {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.p-cascadeselect-label {
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
flex: 1 1 auto;
|
|
width: 1%;
|
|
text-overflow: ellipsis;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-cascadeselect-label-empty {
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.p-cascadeselect .p-cascadeselect-panel {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.p-cascadeselect-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.p-cascadeselect-item {
|
|
cursor: pointer;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.p-cascadeselect-item-content {
|
|
display: flex;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-cascadeselect-group-icon {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.p-cascadeselect-items {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
min-width: 100%;
|
|
}
|
|
|
|
.p-fluid .p-cascadeselect {
|
|
display: flex;
|
|
}
|
|
|
|
.p-fluid .p-cascadeselect .p-cascadeselect-label {
|
|
width: 1%;
|
|
}
|
|
|
|
.p-cascadeselect-sublist {
|
|
position: absolute;
|
|
min-width: 100%;
|
|
z-index: 1;
|
|
display: none;
|
|
}
|
|
|
|
.p-cascadeselect-item-active {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.p-cascadeselect-item-active > .p-cascadeselect-sublist {
|
|
display: block;
|
|
left: 100%;
|
|
top: 0;
|
|
}
|
|
|
|
.p-chart {
|
|
position: relative
|
|
}
|
|
.p-checkbox {
|
|
display: inline-flex;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
vertical-align: bottom;
|
|
position: relative;
|
|
}
|
|
|
|
.p-checkbox-box {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-chip {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-chip-text {
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.p-chip-icon.pi {
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.p-chip .p-chip-remove-icon {
|
|
line-height: 1.5;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-chip img {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.p-chips {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.p-chips-multiple-container {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
cursor: text;
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.p-chips-token {
|
|
cursor: default;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.p-chips-input-token {
|
|
flex: 1 1 auto;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.p-chips-token-icon {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-chips-input-token input {
|
|
border: 0 none;
|
|
outline: 0 none;
|
|
background-color: transparent;
|
|
margin: 0;
|
|
padding: 0;
|
|
box-shadow: none;
|
|
border-radius: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-fluid .p-chips {
|
|
display: flex;
|
|
}
|
|
|
|
.p-colorpicker {
|
|
display: inline-block;
|
|
}
|
|
|
|
.p-colorpicker-dragging {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-colorpicker-overlay {
|
|
position: relative;
|
|
}
|
|
|
|
.p-colorpicker-panel {
|
|
position: relative;
|
|
width: 193px;
|
|
height: 166px;
|
|
}
|
|
|
|
.p-colorpicker-overlay-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.p-colorpicker-preview {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-colorpicker-panel .p-colorpicker-content {
|
|
position: relative;
|
|
}
|
|
|
|
.p-colorpicker-panel .p-colorpicker-color-selector {
|
|
width: 150px;
|
|
height: 150px;
|
|
top: 8px;
|
|
left: 8px;
|
|
position: absolute;
|
|
}
|
|
|
|
.p-colorpicker-panel .p-colorpicker-color {
|
|
width: 150px;
|
|
height: 150px;
|
|
}
|
|
|
|
.p-colorpicker-panel .p-colorpicker-color-handle {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 150px;
|
|
border-radius: 100%;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
margin: -5px 0 0 -5px;
|
|
cursor: pointer;
|
|
opacity: .85;
|
|
}
|
|
|
|
.p-colorpicker-panel .p-colorpicker-hue {
|
|
width: 17px;
|
|
height: 150px;
|
|
top: 8px;
|
|
left: 167px;
|
|
position: absolute;
|
|
opacity: .85;
|
|
}
|
|
|
|
.p-colorpicker-panel .p-colorpicker-hue-handle {
|
|
position: absolute;
|
|
top: 150px;
|
|
left: 0px;
|
|
width: 21px;
|
|
margin-left: -2px;
|
|
margin-top: -5px;
|
|
height: 10px;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
opacity: .85;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-colorpicker-panel .p-colorpicker-color {
|
|
background: transparent url('data:image/png;base64,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') no-repeat left top;
|
|
}
|
|
|
|
.p-colorpicker-panel .p-colorpicker-hue {
|
|
background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAACWCAIAAAC3uvTNAAAA7ElEQVRYw+2YUQqDQAxEh9GWuqV6Be9/JT88RN0VRUuv0ElBwhKY3yF5m90kLKd+mF/975r6geNyjm9Fy0kgqTJ6nqoIdGKczjmPJU5tZxA8wWPL7YOHKhZAlcmTAVVcxSCrMbfgqY/H6JEOoASPe56tgSrqLR7U2zWojwWjJ3jq47HEiZoGTwJxP1RRXw8y9RZfCMhbhTHOVTxXnUFtPJ5rGjzu35y2KfKGQxWT2K4TQL1d2zz6KAH1kRU8wfOXx+37qY3Hct+aDaqot2u7R/wMuDS3qnj0z0HqK4X/+kRNHdfUwFP2Nisqe/sFuUZiVjC9HCUAAAAASUVORK5CYII=') no-repeat left top;
|
|
}
|
|
|
|
.p-confirm-popup {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.p-confirm-popup-flipped {
|
|
margin-top: 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.p-confirm-popup:after, .p-confirm-popup:before {
|
|
bottom: 100%;
|
|
left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
|
|
content: " ";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.p-confirm-popup:after {
|
|
border-width: 8px;
|
|
margin-left: -8px;
|
|
}
|
|
|
|
.p-confirm-popup:before {
|
|
border-width: 10px;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.p-confirm-popup-flipped:after, .p-confirm-popup-flipped:before {
|
|
bottom: auto;
|
|
top: 100%;
|
|
}
|
|
|
|
.p-confirm-popup.p-confirm-popup-flipped:after {
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
.p-confirm-popup.p-confirm-popup-flipped:before {
|
|
border-bottom-color: transparent
|
|
}
|
|
|
|
.p-confirm-popup .p-confirm-popup-content {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-contextmenu {
|
|
position: absolute;
|
|
}
|
|
|
|
.p-contextmenu ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.p-contextmenu .p-submenu-list {
|
|
position: absolute;
|
|
min-width: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-contextmenu .p-menuitem-link {
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-contextmenu .p-menuitem-text {
|
|
line-height: 1;
|
|
}
|
|
|
|
.p-contextmenu .p-menuitem {
|
|
position: relative;
|
|
}
|
|
|
|
.p-contextmenu .p-menuitem-link .p-submenu-icon {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.p-contextmenu-enter {
|
|
opacity: 0;
|
|
}
|
|
|
|
.p-contextmenu-enter-active {
|
|
opacity: 1;
|
|
transition: opacity 250ms;
|
|
}
|
|
|
|
.p-datascroller {
|
|
}
|
|
|
|
.p-datascroller .p-datascroller-header {
|
|
text-align: center;
|
|
padding: .5em .75em;
|
|
border-bottom: 0 none;
|
|
}
|
|
|
|
.p-datascroller .p-datascroller-footer {
|
|
text-align: center;
|
|
padding: .25em .625em;
|
|
border-top: 0px none;
|
|
}
|
|
|
|
.p-datascroller .p-datascroller-content {
|
|
padding: .25em .625em;
|
|
}
|
|
|
|
.p-datascroller-inline .p-datascroller-content {
|
|
overflow: auto;
|
|
}
|
|
|
|
.p-datascroller .p-datascroller-list {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.p-datatable {
|
|
position: relative;
|
|
}
|
|
|
|
.p-datatable table {
|
|
border-collapse: collapse;
|
|
min-width: 100%;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.p-datatable .p-sortable-column {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
.p-datatable .p-sortable-disabled {
|
|
cursor: auto;
|
|
}
|
|
|
|
.p-datatable .p-sortable-column .p-column-title,
|
|
.p-datatable .p-sortable-column .p-sortable-column-icon,
|
|
.p-datatable .p-sortable-column .p-sortable-column-badge {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.p-datatable .p-sortable-column .p-sortable-column-badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-datatable-responsive-scroll > .p-datatable-wrapper {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.p-datatable-responsive-scroll > .p-datatable-wrapper > table,
|
|
.p-datatable-auto-layout > .p-datatable-wrapper > table {
|
|
table-layout: auto;
|
|
}
|
|
|
|
.p-datatable-selectable .p-selectable-row,
|
|
.p-datatable-selectable-cell .p-selectable-cell {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-datatable-drag-selection-helper {
|
|
position: absolute;
|
|
z-index: 99999999;
|
|
}
|
|
|
|
/* Scrollable */
|
|
.p-datatable-scrollable .p-datatable-wrapper {
|
|
position: relative;
|
|
overflow: auto;
|
|
}
|
|
|
|
.p-datatable-scrollable .p-datatable-thead,
|
|
.p-datatable-scrollable .p-datatable-tbody,
|
|
.p-datatable-scrollable .p-datatable-tfoot {
|
|
display: block;
|
|
}
|
|
|
|
.p-datatable-scrollable .p-datatable-thead > tr,
|
|
.p-datatable-scrollable .p-datatable-tbody > tr,
|
|
.p-datatable-scrollable .p-datatable-tfoot > tr {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-datatable-scrollable .p-datatable-thead > tr > th,
|
|
.p-datatable-scrollable .p-datatable-tbody > tr > td,
|
|
.p-datatable-scrollable .p-datatable-tfoot > tr > td {
|
|
display: flex;
|
|
flex: 1 1 0;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-datatable-scrollable .p-datatable-thead {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-datatable-scrollable .p-datatable-frozen-tbody {
|
|
position: sticky;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-datatable-scrollable .p-datatable-tfoot {
|
|
position: sticky;
|
|
bottom: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-datatable-scrollable .p-frozen-column {
|
|
position: sticky;
|
|
background: inherit;
|
|
}
|
|
|
|
.p-datatable-scrollable th.p-frozen-column {
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-datatable-scrollable-both .p-datatable-thead > tr > th,
|
|
.p-datatable-scrollable-both .p-datatable-tbody > tr > td,
|
|
.p-datatable-scrollable-both .p-datatable-tfoot > tr > td,
|
|
.p-datatable-scrollable-horizontal .p-datatable-thead > tr > th
|
|
.p-datatable-scrollable-horizontal .p-datatable-tbody > tr > td,
|
|
.p-datatable-scrollable-horizontal .p-datatable-tfoot > tr > td {
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.p-datatable-flex-scrollable {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-datatable-flex-scrollable .p-datatable-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-datatable-scrollable .p-rowgroup-header {
|
|
position: sticky;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead,
|
|
.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot {
|
|
display: table;
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr,
|
|
.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr {
|
|
display: table-row;
|
|
}
|
|
|
|
.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr > th,
|
|
.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr > td {
|
|
display: table-cell;
|
|
}
|
|
|
|
.p-datatable-virtual-table {
|
|
position: absolute;
|
|
}
|
|
|
|
/* Resizable */
|
|
.p-datatable-resizable > .p-datatable-wrapper {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.p-datatable-resizable .p-datatable-thead > tr > th,
|
|
.p-datatable-resizable .p-datatable-tfoot > tr > td,
|
|
.p-datatable-resizable .p-datatable-tbody > tr > td {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.p-datatable-resizable .p-resizable-column {
|
|
background-clip: padding-box;
|
|
position: relative;
|
|
}
|
|
|
|
.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
|
|
display: none;
|
|
}
|
|
|
|
.p-datatable .p-column-resizer {
|
|
display: block;
|
|
position: absolute !important;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
width: .5rem;
|
|
height: 100%;
|
|
padding: 0px;
|
|
cursor:col-resize;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.p-datatable .p-column-header-content {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-datatable .p-column-resizer-helper {
|
|
width: 1px;
|
|
position: absolute;
|
|
z-index: 10;
|
|
display: none;
|
|
}
|
|
|
|
.p-datatable .p-row-editor-init,
|
|
.p-datatable .p-row-editor-save,
|
|
.p-datatable .p-row-editor-cancel {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
/* Expand */
|
|
.p-datatable .p-row-toggler {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
/* Reorder */
|
|
.p-datatable-reorder-indicator-up,
|
|
.p-datatable-reorder-indicator-down {
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
.p-reorderable-column,
|
|
.p-datatable-reorderablerow-handle {
|
|
cursor: move;
|
|
}
|
|
|
|
/* Loader */
|
|
.p-datatable .p-datatable-loading-overlay {
|
|
position: absolute;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 2;
|
|
}
|
|
|
|
/* Filter */
|
|
.p-column-filter-row {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-column-filter-menu {
|
|
display: inline-flex;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.p-column-filter-row .p-column-filter-element {
|
|
flex: 1 1 auto;
|
|
width: 1%;
|
|
}
|
|
|
|
.p-column-filter-menu-button,
|
|
.p-column-filter-clear-button {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-column-filter-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.p-column-filter-row-items {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.p-column-filter-row-item {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-column-filter-add-button,
|
|
.p-column-filter-remove-button {
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-column-filter-add-button .p-button-label,
|
|
.p-column-filter-remove-button .p-button-label {
|
|
flex-grow: 0;
|
|
}
|
|
|
|
.p-column-filter-buttonbar {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
|
|
width: auto;
|
|
}
|
|
|
|
/* Responsive */
|
|
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
|
|
display: none;
|
|
}
|
|
|
|
/* VirtualScroller */
|
|
.p-datatable .p-virtualscroller-loading {
|
|
transform: none !important;
|
|
min-height: 0;
|
|
position: sticky;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
/* Alignment */
|
|
.p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,
|
|
.p-datatable .p-datatable-tbody > tr > td.p-align-left,
|
|
.p-datatable .p-datatable-tfoot > tr > td.p-align-left {
|
|
text-align: left;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,
|
|
.p-datatable .p-datatable-tbody > tr > td.p-align-right,
|
|
.p-datatable .p-datatable-tfoot > tr > td.p-align-right {
|
|
text-align: right;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,
|
|
.p-datatable .p-datatable-tbody > tr > td.p-align-center,
|
|
.p-datatable .p-datatable-tfoot > tr > td.p-align-center {
|
|
text-align: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-dataview-loading {
|
|
position: relative;
|
|
min-height: 4rem;
|
|
}
|
|
|
|
.p-dataview .p-dataview-loading-overlay {
|
|
position: absolute;
|
|
z-index: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-dialog-mask {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
pointer-events: none;
|
|
background-color: transparent;
|
|
transition-property: background-color;
|
|
}
|
|
|
|
.p-dialog-visible {
|
|
display: flex;
|
|
}
|
|
|
|
.p-dialog-mask.p-component-overlay {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.p-dialog {
|
|
display: flex;
|
|
flex-direction: column;
|
|
pointer-events: auto;
|
|
max-height: 90%;
|
|
transform: scale(1);
|
|
position: relative;
|
|
}
|
|
|
|
.p-dialog-content {
|
|
overflow-y: auto;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.p-dialog-header {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.p-dialog-footer {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.p-dialog .p-dialog-header-icons {
|
|
display: flex;
|
|
align-items: center;
|
|
align-self: flex-start;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.p-dialog .p-dialog-header-icon {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-dialog .p-dialog-title {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
/* Fluid */
|
|
.p-fluid .p-dialog-footer .p-button {
|
|
width: auto;
|
|
}
|
|
|
|
/* Animation */
|
|
/* Center */
|
|
.p-dialog-enter {
|
|
opacity: 0;
|
|
transform: scale(0.7);
|
|
}
|
|
|
|
.p-dialog-enter-active {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
|
|
.p-dialog-enter-done {
|
|
transform: none;
|
|
}
|
|
|
|
.p-dialog-exit-active {
|
|
opacity: 0;
|
|
transform: scale(0.7);
|
|
transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
|
|
/* Top, Bottom, Left, Right, Top* and Bottom* */
|
|
.p-dialog-top .p-dialog,
|
|
.p-dialog-bottom .p-dialog,
|
|
.p-dialog-left .p-dialog,
|
|
.p-dialog-right .p-dialog,
|
|
.p-dialog-top-left .p-dialog,
|
|
.p-dialog-top-right .p-dialog,
|
|
.p-dialog-bottom-left .p-dialog,
|
|
.p-dialog-bottom-right .p-dialog {
|
|
margin: .75em;
|
|
}
|
|
|
|
.p-dialog-top .p-dialog-enter,
|
|
.p-dialog-top .p-dialog-exit-active {
|
|
transform: translate3d(0px, -100%, 0px);
|
|
}
|
|
|
|
.p-dialog-bottom .p-dialog-enter,
|
|
.p-dialog-bottom .p-dialog-exit-active {
|
|
transform: translate3d(0px, 100%, 0px);
|
|
}
|
|
|
|
.p-dialog-left .p-dialog-enter,
|
|
.p-dialog-left .p-dialog-exit-active,
|
|
.p-dialog-top-left .p-dialog-enter,
|
|
.p-dialog-top-left .p-dialog-exit-active,
|
|
.p-dialog-bottom-left .p-dialog-enter,
|
|
.p-dialog-bottom-left .p-dialog-exit-active {
|
|
transform: translate3d(-100%, 0px, 0px);
|
|
}
|
|
|
|
.p-dialog-right .p-dialog-enter,
|
|
.p-dialog-right .p-dialog-exit-active,
|
|
.p-dialog-top-right .p-dialog-enter,
|
|
.p-dialog-top-right .p-dialog-exit-active,
|
|
.p-dialog-bottom-right .p-dialog-enter,
|
|
.p-dialog-bottom-right .p-dialog-exit-active {
|
|
transform: translate3d(100%, 0px, 0px);
|
|
}
|
|
|
|
.p-dialog-top .p-dialog-enter-active,
|
|
.p-dialog-bottom .p-dialog-enter-active,
|
|
.p-dialog-left .p-dialog-enter-active,
|
|
.p-dialog-top-left .p-dialog-enter-active,
|
|
.p-dialog-bottom-left .p-dialog-enter-active,
|
|
.p-dialog-right .p-dialog-enter-active,
|
|
.p-dialog-top-right .p-dialog-enter-active,
|
|
.p-dialog-bottom-right .p-dialog-enter-active {
|
|
transform: translate3d(0px, 0px, 0px);
|
|
transition: all .3s ease-out;
|
|
}
|
|
|
|
.p-dialog-top .p-dialog-exit-active,
|
|
.p-dialog-bottom .p-dialog-exit-active,
|
|
.p-dialog-left .p-dialog-exit-active,
|
|
.p-dialog-top-left .p-dialog-exit-active,
|
|
.p-dialog-bottom-left .p-dialog-exit-active,
|
|
.p-dialog-right .p-dialog-exit-active,
|
|
.p-dialog-top-right .p-dialog-exit-active,
|
|
.p-dialog-bottom-right .p-dialog-exit-active {
|
|
transition: all .3s ease-out;
|
|
}
|
|
|
|
/* Maximize */
|
|
.p-dialog-maximized {
|
|
transition: none;
|
|
transform: none;
|
|
width: 100vw !important;
|
|
height: 100vh !important;
|
|
max-height: 100%;
|
|
top: 0px !important;
|
|
left: 0px !important;
|
|
}
|
|
|
|
.p-dialog-maximized .p-dialog-content {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
/* Position */
|
|
.p-dialog-left {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.p-dialog-right {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.p-dialog-top {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.p-dialog-top-left {
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.p-dialog-top-right {
|
|
justify-content: flex-end;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.p-dialog-bottom {
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.p-dialog-bottom-left {
|
|
justify-content: flex-start;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.p-dialog-bottom-right {
|
|
justify-content: flex-end;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.p-confirm-dialog .p-dialog-content {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
/* Resizable */
|
|
.p-dialog .p-resizable-handle {
|
|
position: absolute;
|
|
font-size: 0.1px;
|
|
display: block;
|
|
cursor: se-resize;
|
|
width: 12px;
|
|
height: 12px;
|
|
right: 1px;
|
|
bottom: 1px;
|
|
}
|
|
|
|
.p-dialog-draggable .p-dialog-header {
|
|
cursor: move;
|
|
}
|
|
|
|
.p-divider-horizontal {
|
|
display: flex;
|
|
width: 100%;
|
|
position: relative;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-divider-horizontal:before {
|
|
position: absolute;
|
|
display: block;
|
|
top: 50%;
|
|
left: 0;
|
|
width: 100%;
|
|
content: "";
|
|
}
|
|
|
|
.p-divider-horizontal.p-divider-left {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.p-divider-horizontal.p-divider-right {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.p-divider-horizontal.p-divider-center {
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-divider-content {
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-divider-vertical {
|
|
min-height: 100%;
|
|
margin: 0 1rem;
|
|
display: flex;
|
|
position: relative;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-divider-vertical:before {
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
left: 50%;
|
|
height: 100%;
|
|
content: "";
|
|
}
|
|
|
|
.p-divider-vertical.p-divider-top {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.p-divider-vertical.p-divider-center {
|
|
align-items: center;
|
|
}
|
|
|
|
.p-divider-vertical.p-divider-bottom {
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.p-divider-solid.p-divider-horizontal:before {
|
|
border-top-style: solid;
|
|
}
|
|
|
|
.p-divider-solid.p-divider-vertical:before {
|
|
border-left-style: solid;
|
|
}
|
|
|
|
.p-divider-dashed.p-divider-horizontal:before {
|
|
border-top-style: dashed;
|
|
}
|
|
|
|
.p-divider-dashed.p-divider-vertical:before {
|
|
border-left-style: dashed;
|
|
}
|
|
|
|
.p-divider-dotted.p-divider-horizontal:before {
|
|
border-top-style: dotted;
|
|
}
|
|
|
|
.p-divider-dotted.p-divider-horizontal:before {
|
|
border-left-style: dotted;
|
|
}
|
|
.p-dock {
|
|
position: absolute;
|
|
z-index: 1;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.p-dock-container {
|
|
display: flex;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.p-dock-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.p-dock-magnification .p-dock-item {
|
|
transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
will-change: transform;
|
|
}
|
|
|
|
.p-dock-action {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
cursor: default;
|
|
}
|
|
|
|
.p-dock-magnification .p-dock-item-second-prev,
|
|
.p-dock-magnification .p-dock-item-second-next {
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
.p-dock-magnification .p-dock-item-prev,
|
|
.p-dock-magnification .p-dock-item-next {
|
|
transform: scale(1.4);
|
|
}
|
|
|
|
.p-dock-magnification .p-dock-item-current {
|
|
transform: scale(1.6);
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Position */
|
|
/* top */
|
|
.p-dock-top {
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-dock-top.p-dock-magnification .p-dock-item {
|
|
transform-origin: center top;
|
|
}
|
|
|
|
.p-dock-top .p-dock-container {
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
/* bottom */
|
|
.p-dock-bottom {
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-dock-bottom.p-dock-magnification .p-dock-item {
|
|
transform-origin: center bottom;
|
|
}
|
|
|
|
.p-dock-bottom .p-dock-container {
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* right */
|
|
.p-dock-right {
|
|
right: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-dock-right.p-dock-magnification .p-dock-item {
|
|
transform-origin: center right;
|
|
}
|
|
|
|
.p-dock-right .p-dock-list {
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* left */
|
|
.p-dock-left {
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-dock-left.p-dock-magnification .p-dock-item {
|
|
transform-origin: center left;
|
|
}
|
|
|
|
.p-dock-left .p-dock-list {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-dock-left .p-dock-container {
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.p-dropdown {
|
|
display: inline-flex;
|
|
cursor: pointer;
|
|
position: relative;
|
|
user-select: none;
|
|
}
|
|
|
|
.p-dropdown-clear-icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
}
|
|
|
|
.p-dropdown-trigger {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.p-dropdown-label {
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
flex: 1 1 auto;
|
|
width: 1%;
|
|
text-overflow: ellipsis;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-dropdown-label-empty {
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
}
|
|
|
|
input.p-dropdown-label {
|
|
cursor: default;
|
|
}
|
|
|
|
.p-dropdown .p-dropdown-panel {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.p-dropdown-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.p-dropdown-items-wrapper {
|
|
overflow: auto;
|
|
}
|
|
|
|
.p-dropdown-item {
|
|
cursor: pointer;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-dropdown-items {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.p-dropdown-filter {
|
|
width: 100%;
|
|
}
|
|
|
|
.p-dropdown-filter-container {
|
|
position: relative;
|
|
}
|
|
|
|
.p-dropdown-filter-icon,
|
|
.p-dropdown-filter-clear-icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
}
|
|
|
|
.p-fluid .p-dropdown {
|
|
display: flex;
|
|
}
|
|
|
|
.p-fluid .p-dropdown .p-dropdown-label {
|
|
width: 1%;
|
|
}
|
|
|
|
/*!
|
|
* Quill Editor v1.3.7
|
|
* https://quilljs.com/
|
|
* Copyright (c) 2014, Jason Chen
|
|
* Copyright (c) 2013, salesforce.com
|
|
*/
|
|
.ql-container {
|
|
box-sizing: border-box;
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
font-size: 13px;
|
|
height: 100%;
|
|
margin: 0px;
|
|
position: relative;
|
|
}
|
|
.ql-container.ql-disabled .ql-tooltip {
|
|
visibility: hidden;
|
|
}
|
|
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
|
|
pointer-events: none;
|
|
}
|
|
.ql-clipboard {
|
|
left: -100000px;
|
|
height: 1px;
|
|
overflow-y: hidden;
|
|
position: absolute;
|
|
top: 50%;
|
|
}
|
|
.ql-clipboard p {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ql-editor {
|
|
box-sizing: border-box;
|
|
line-height: 1.42;
|
|
height: 100%;
|
|
outline: none;
|
|
overflow-y: auto;
|
|
padding: 12px 15px;
|
|
tab-size: 4;
|
|
-moz-tab-size: 4;
|
|
text-align: left;
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
}
|
|
.ql-editor > * {
|
|
cursor: text;
|
|
}
|
|
.ql-editor p,
|
|
.ql-editor ol,
|
|
.ql-editor ul,
|
|
.ql-editor pre,
|
|
.ql-editor blockquote,
|
|
.ql-editor h1,
|
|
.ql-editor h2,
|
|
.ql-editor h3,
|
|
.ql-editor h4,
|
|
.ql-editor h5,
|
|
.ql-editor h6 {
|
|
margin: 0;
|
|
padding: 0;
|
|
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
}
|
|
.ql-editor ol,
|
|
.ql-editor ul {
|
|
padding-left: 1.5em;
|
|
}
|
|
.ql-editor ol > li,
|
|
.ql-editor ul > li {
|
|
list-style-type: none;
|
|
}
|
|
.ql-editor ul > li::before {
|
|
content: "\2022";
|
|
}
|
|
.ql-editor ul[data-checked="true"],
|
|
.ql-editor ul[data-checked="false"] {
|
|
pointer-events: none;
|
|
}
|
|
.ql-editor ul[data-checked="true"] > li *,
|
|
.ql-editor ul[data-checked="false"] > li * {
|
|
pointer-events: all;
|
|
}
|
|
.ql-editor ul[data-checked="true"] > li::before,
|
|
.ql-editor ul[data-checked="false"] > li::before {
|
|
color: #777;
|
|
cursor: pointer;
|
|
pointer-events: all;
|
|
}
|
|
.ql-editor ul[data-checked="true"] > li::before {
|
|
content: "\2611";
|
|
}
|
|
.ql-editor ul[data-checked="false"] > li::before {
|
|
content: "\2610";
|
|
}
|
|
.ql-editor li::before {
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
width: 1.2em;
|
|
}
|
|
.ql-editor li:not(.ql-direction-rtl)::before {
|
|
margin-left: -1.5em;
|
|
margin-right: 0.3em;
|
|
text-align: right;
|
|
}
|
|
.ql-editor li.ql-direction-rtl::before {
|
|
margin-left: 0.3em;
|
|
margin-right: -1.5em;
|
|
}
|
|
.ql-editor ol li:not(.ql-direction-rtl),
|
|
.ql-editor ul li:not(.ql-direction-rtl) {
|
|
padding-left: 1.5em;
|
|
}
|
|
.ql-editor ol li.ql-direction-rtl,
|
|
.ql-editor ul li.ql-direction-rtl {
|
|
padding-right: 1.5em;
|
|
}
|
|
.ql-editor ol li {
|
|
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
counter-increment: list-0;
|
|
}
|
|
.ql-editor ol li:before {
|
|
content: counter(list-0, decimal) ". ";
|
|
}
|
|
.ql-editor ol li.ql-indent-1 {
|
|
counter-increment: list-1;
|
|
}
|
|
.ql-editor ol li.ql-indent-1:before {
|
|
content: counter(list-1, lower-alpha) ". ";
|
|
}
|
|
.ql-editor ol li.ql-indent-1 {
|
|
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
}
|
|
.ql-editor ol li.ql-indent-2 {
|
|
counter-increment: list-2;
|
|
}
|
|
.ql-editor ol li.ql-indent-2:before {
|
|
content: counter(list-2, lower-roman) ". ";
|
|
}
|
|
.ql-editor ol li.ql-indent-2 {
|
|
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
}
|
|
.ql-editor ol li.ql-indent-3 {
|
|
counter-increment: list-3;
|
|
}
|
|
.ql-editor ol li.ql-indent-3:before {
|
|
content: counter(list-3, decimal) ". ";
|
|
}
|
|
.ql-editor ol li.ql-indent-3 {
|
|
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
|
|
}
|
|
.ql-editor ol li.ql-indent-4 {
|
|
counter-increment: list-4;
|
|
}
|
|
.ql-editor ol li.ql-indent-4:before {
|
|
content: counter(list-4, lower-alpha) ". ";
|
|
}
|
|
.ql-editor ol li.ql-indent-4 {
|
|
counter-reset: list-5 list-6 list-7 list-8 list-9;
|
|
}
|
|
.ql-editor ol li.ql-indent-5 {
|
|
counter-increment: list-5;
|
|
}
|
|
.ql-editor ol li.ql-indent-5:before {
|
|
content: counter(list-5, lower-roman) ". ";
|
|
}
|
|
.ql-editor ol li.ql-indent-5 {
|
|
counter-reset: list-6 list-7 list-8 list-9;
|
|
}
|
|
.ql-editor ol li.ql-indent-6 {
|
|
counter-increment: list-6;
|
|
}
|
|
.ql-editor ol li.ql-indent-6:before {
|
|
content: counter(list-6, decimal) ". ";
|
|
}
|
|
.ql-editor ol li.ql-indent-6 {
|
|
counter-reset: list-7 list-8 list-9;
|
|
}
|
|
.ql-editor ol li.ql-indent-7 {
|
|
counter-increment: list-7;
|
|
}
|
|
.ql-editor ol li.ql-indent-7:before {
|
|
content: counter(list-7, lower-alpha) ". ";
|
|
}
|
|
.ql-editor ol li.ql-indent-7 {
|
|
counter-reset: list-8 list-9;
|
|
}
|
|
.ql-editor ol li.ql-indent-8 {
|
|
counter-increment: list-8;
|
|
}
|
|
.ql-editor ol li.ql-indent-8:before {
|
|
content: counter(list-8, lower-roman) ". ";
|
|
}
|
|
.ql-editor ol li.ql-indent-8 {
|
|
counter-reset: list-9;
|
|
}
|
|
.ql-editor ol li.ql-indent-9 {
|
|
counter-increment: list-9;
|
|
}
|
|
.ql-editor ol li.ql-indent-9:before {
|
|
content: counter(list-9, decimal) ". ";
|
|
}
|
|
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
|
|
padding-left: 3em;
|
|
}
|
|
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
|
|
padding-left: 4.5em;
|
|
}
|
|
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
|
|
padding-right: 3em;
|
|
}
|
|
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
|
|
padding-right: 4.5em;
|
|
}
|
|
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
|
|
padding-left: 6em;
|
|
}
|
|
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
|
|
padding-left: 7.5em;
|
|
}
|
|
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
|
|
padding-right: 6em;
|
|
}
|
|
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
|
|
padding-right: 7.5em;
|
|
}
|
|
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
|
|
padding-left: 9em;
|
|
}
|
|
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
|
|
padding-left: 10.5em;
|
|
}
|
|
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
|
|
padding-right: 9em;
|
|
}
|
|
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
|
|
padding-right: 10.5em;
|
|
}
|
|
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
|
|
padding-left: 12em;
|
|
}
|
|
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
|
|
padding-left: 13.5em;
|
|
}
|
|
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
|
|
padding-right: 12em;
|
|
}
|
|
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
|
|
padding-right: 13.5em;
|
|
}
|
|
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
|
|
padding-left: 15em;
|
|
}
|
|
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
|
|
padding-left: 16.5em;
|
|
}
|
|
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
|
|
padding-right: 15em;
|
|
}
|
|
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
|
|
padding-right: 16.5em;
|
|
}
|
|
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
|
|
padding-left: 18em;
|
|
}
|
|
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
|
|
padding-left: 19.5em;
|
|
}
|
|
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
|
|
padding-right: 18em;
|
|
}
|
|
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
|
|
padding-right: 19.5em;
|
|
}
|
|
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
|
|
padding-left: 21em;
|
|
}
|
|
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
|
|
padding-left: 22.5em;
|
|
}
|
|
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
|
|
padding-right: 21em;
|
|
}
|
|
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
|
|
padding-right: 22.5em;
|
|
}
|
|
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
|
|
padding-left: 24em;
|
|
}
|
|
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
|
|
padding-left: 25.5em;
|
|
}
|
|
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
|
|
padding-right: 24em;
|
|
}
|
|
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
|
|
padding-right: 25.5em;
|
|
}
|
|
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
|
|
padding-left: 27em;
|
|
}
|
|
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
|
|
padding-left: 28.5em;
|
|
}
|
|
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
|
|
padding-right: 27em;
|
|
}
|
|
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
|
|
padding-right: 28.5em;
|
|
}
|
|
.ql-editor .ql-video {
|
|
display: block;
|
|
max-width: 100%;
|
|
}
|
|
.ql-editor .ql-video.ql-align-center {
|
|
margin: 0 auto;
|
|
}
|
|
.ql-editor .ql-video.ql-align-right {
|
|
margin: 0 0 0 auto;
|
|
}
|
|
.ql-editor .ql-bg-black {
|
|
background-color: #000;
|
|
}
|
|
.ql-editor .ql-bg-red {
|
|
background-color: #e60000;
|
|
}
|
|
.ql-editor .ql-bg-orange {
|
|
background-color: #f90;
|
|
}
|
|
.ql-editor .ql-bg-yellow {
|
|
background-color: #ff0;
|
|
}
|
|
.ql-editor .ql-bg-green {
|
|
background-color: #008a00;
|
|
}
|
|
.ql-editor .ql-bg-blue {
|
|
background-color: #06c;
|
|
}
|
|
.ql-editor .ql-bg-purple {
|
|
background-color: #93f;
|
|
}
|
|
.ql-editor .ql-color-white {
|
|
color: #fff;
|
|
}
|
|
.ql-editor .ql-color-red {
|
|
color: #e60000;
|
|
}
|
|
.ql-editor .ql-color-orange {
|
|
color: #f90;
|
|
}
|
|
.ql-editor .ql-color-yellow {
|
|
color: #ff0;
|
|
}
|
|
.ql-editor .ql-color-green {
|
|
color: #008a00;
|
|
}
|
|
.ql-editor .ql-color-blue {
|
|
color: #06c;
|
|
}
|
|
.ql-editor .ql-color-purple {
|
|
color: #93f;
|
|
}
|
|
.ql-editor .ql-font-serif {
|
|
font-family: Georgia, Times New Roman, serif;
|
|
}
|
|
.ql-editor .ql-font-monospace {
|
|
font-family: Monaco, Courier New, monospace;
|
|
}
|
|
.ql-editor .ql-size-small {
|
|
font-size: 0.75em;
|
|
}
|
|
.ql-editor .ql-size-large {
|
|
font-size: 1.5em;
|
|
}
|
|
.ql-editor .ql-size-huge {
|
|
font-size: 2.5em;
|
|
}
|
|
.ql-editor .ql-direction-rtl {
|
|
direction: rtl;
|
|
text-align: inherit;
|
|
}
|
|
.ql-editor .ql-align-center {
|
|
text-align: center;
|
|
}
|
|
.ql-editor .ql-align-justify {
|
|
text-align: justify;
|
|
}
|
|
.ql-editor .ql-align-right {
|
|
text-align: right;
|
|
}
|
|
.ql-editor.ql-blank::before {
|
|
color: rgba(0, 0, 0, 0.6);
|
|
content: attr(data-placeholder);
|
|
font-style: italic;
|
|
left: 15px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: 15px;
|
|
}
|
|
.ql-snow.ql-toolbar:after,
|
|
.ql-snow .ql-toolbar:after {
|
|
clear: both;
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.ql-snow.ql-toolbar button,
|
|
.ql-snow .ql-toolbar button {
|
|
background: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
float: left;
|
|
height: 24px;
|
|
padding: 3px 5px;
|
|
width: 28px;
|
|
}
|
|
.ql-snow.ql-toolbar button svg,
|
|
.ql-snow .ql-toolbar button svg {
|
|
float: left;
|
|
height: 100%;
|
|
}
|
|
.ql-snow.ql-toolbar button:active:hover,
|
|
.ql-snow .ql-toolbar button:active:hover {
|
|
outline: none;
|
|
}
|
|
.ql-snow.ql-toolbar input.ql-image[type="file"],
|
|
.ql-snow .ql-toolbar input.ql-image[type="file"] {
|
|
display: none;
|
|
}
|
|
.ql-snow.ql-toolbar button:hover,
|
|
.ql-snow .ql-toolbar button:hover,
|
|
.ql-snow.ql-toolbar button:focus,
|
|
.ql-snow .ql-toolbar button:focus,
|
|
.ql-snow.ql-toolbar button.ql-active,
|
|
.ql-snow .ql-toolbar button.ql-active,
|
|
.ql-snow.ql-toolbar .ql-picker-label:hover,
|
|
.ql-snow .ql-toolbar .ql-picker-label:hover,
|
|
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
|
|
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
|
|
.ql-snow.ql-toolbar .ql-picker-item:hover,
|
|
.ql-snow .ql-toolbar .ql-picker-item:hover,
|
|
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
|
|
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
|
|
color: #06c;
|
|
}
|
|
.ql-snow.ql-toolbar button:hover .ql-fill,
|
|
.ql-snow .ql-toolbar button:hover .ql-fill,
|
|
.ql-snow.ql-toolbar button:focus .ql-fill,
|
|
.ql-snow .ql-toolbar button:focus .ql-fill,
|
|
.ql-snow.ql-toolbar button.ql-active .ql-fill,
|
|
.ql-snow .ql-toolbar button.ql-active .ql-fill,
|
|
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
|
|
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
|
|
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
|
|
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
|
|
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
|
|
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
|
|
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
|
|
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
|
|
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
|
|
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
|
|
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
|
|
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
|
|
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
|
|
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
|
|
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
|
|
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
|
|
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
|
|
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
|
|
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
|
|
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
|
|
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
|
|
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
|
|
fill: #06c;
|
|
}
|
|
.ql-snow.ql-toolbar button:hover .ql-stroke,
|
|
.ql-snow .ql-toolbar button:hover .ql-stroke,
|
|
.ql-snow.ql-toolbar button:focus .ql-stroke,
|
|
.ql-snow .ql-toolbar button:focus .ql-stroke,
|
|
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
|
|
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
|
|
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
|
|
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
|
|
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
|
|
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
|
|
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
|
|
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
|
|
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
|
|
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
|
|
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
|
|
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
|
|
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
|
|
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
|
|
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
|
|
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
|
|
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
|
|
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
|
|
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
|
|
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
|
|
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
|
|
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
|
|
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
|
|
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
|
|
stroke: #06c;
|
|
}
|
|
@media (pointer: coarse) {
|
|
.ql-snow.ql-toolbar button:hover:not(.ql-active),
|
|
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
|
|
color: #444;
|
|
}
|
|
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
|
|
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
|
|
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
|
|
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
|
|
fill: #444;
|
|
}
|
|
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
|
|
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
|
|
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
|
|
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
|
|
stroke: #444;
|
|
}
|
|
}
|
|
.ql-snow {
|
|
box-sizing: border-box;
|
|
}
|
|
.ql-snow * {
|
|
box-sizing: border-box;
|
|
}
|
|
.ql-snow .ql-hidden {
|
|
display: none;
|
|
}
|
|
.ql-snow .ql-out-bottom,
|
|
.ql-snow .ql-out-top {
|
|
visibility: hidden;
|
|
}
|
|
.ql-snow .ql-tooltip {
|
|
position: absolute;
|
|
transform: translateY(10px);
|
|
}
|
|
.ql-snow .ql-tooltip a {
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
.ql-snow .ql-tooltip.ql-flip {
|
|
transform: translateY(-10px);
|
|
}
|
|
.ql-snow .ql-formats {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.ql-snow .ql-formats:after {
|
|
clear: both;
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.ql-snow .ql-stroke {
|
|
fill: none;
|
|
stroke: #444;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
stroke-width: 2;
|
|
}
|
|
.ql-snow .ql-stroke-miter {
|
|
fill: none;
|
|
stroke: #444;
|
|
stroke-miterlimit: 10;
|
|
stroke-width: 2;
|
|
}
|
|
.ql-snow .ql-fill,
|
|
.ql-snow .ql-stroke.ql-fill {
|
|
fill: #444;
|
|
}
|
|
.ql-snow .ql-empty {
|
|
fill: none;
|
|
}
|
|
.ql-snow .ql-even {
|
|
fill-rule: evenodd;
|
|
}
|
|
.ql-snow .ql-thin,
|
|
.ql-snow .ql-stroke.ql-thin {
|
|
stroke-width: 1;
|
|
}
|
|
.ql-snow .ql-transparent {
|
|
opacity: 0.4;
|
|
}
|
|
.ql-snow .ql-direction svg:last-child {
|
|
display: none;
|
|
}
|
|
.ql-snow .ql-direction.ql-active svg:last-child {
|
|
display: inline;
|
|
}
|
|
.ql-snow .ql-direction.ql-active svg:first-child {
|
|
display: none;
|
|
}
|
|
.ql-snow .ql-editor h1 {
|
|
font-size: 2em;
|
|
}
|
|
.ql-snow .ql-editor h2 {
|
|
font-size: 1.5em;
|
|
}
|
|
.ql-snow .ql-editor h3 {
|
|
font-size: 1.17em;
|
|
}
|
|
.ql-snow .ql-editor h4 {
|
|
font-size: 1em;
|
|
}
|
|
.ql-snow .ql-editor h5 {
|
|
font-size: 0.83em;
|
|
}
|
|
.ql-snow .ql-editor h6 {
|
|
font-size: 0.67em;
|
|
}
|
|
.ql-snow .ql-editor a {
|
|
text-decoration: underline;
|
|
}
|
|
.ql-snow .ql-editor blockquote {
|
|
border-left: 4px solid #ccc;
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
padding-left: 16px;
|
|
}
|
|
.ql-snow .ql-editor code,
|
|
.ql-snow .ql-editor pre {
|
|
background-color: #f0f0f0;
|
|
border-radius: 3px;
|
|
}
|
|
.ql-snow .ql-editor pre {
|
|
white-space: pre-wrap;
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
padding: 5px 10px;
|
|
}
|
|
.ql-snow .ql-editor code {
|
|
font-size: 85%;
|
|
padding: 2px 4px;
|
|
}
|
|
.ql-snow .ql-editor pre.ql-syntax {
|
|
background-color: #23241f;
|
|
color: #f8f8f2;
|
|
overflow: visible;
|
|
}
|
|
.ql-snow .ql-editor img {
|
|
max-width: 100%;
|
|
}
|
|
.ql-snow .ql-picker {
|
|
color: #444;
|
|
display: inline-block;
|
|
float: left;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
height: 24px;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.ql-snow .ql-picker-label {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
height: 100%;
|
|
padding-left: 8px;
|
|
padding-right: 2px;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.ql-snow .ql-picker-label::before {
|
|
display: inline-block;
|
|
line-height: 22px;
|
|
}
|
|
.ql-snow .ql-picker-options {
|
|
background-color: #fff;
|
|
display: none;
|
|
min-width: 100%;
|
|
padding: 4px 8px;
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
}
|
|
.ql-snow .ql-picker-options .ql-picker-item {
|
|
cursor: pointer;
|
|
display: block;
|
|
padding-bottom: 5px;
|
|
padding-top: 5px;
|
|
}
|
|
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
|
|
color: #ccc;
|
|
z-index: 2;
|
|
}
|
|
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
|
|
fill: #ccc;
|
|
}
|
|
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
|
|
stroke: #ccc;
|
|
}
|
|
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
|
|
display: block;
|
|
margin-top: -1px;
|
|
top: 100%;
|
|
z-index: 1;
|
|
}
|
|
.ql-snow .ql-color-picker,
|
|
.ql-snow .ql-icon-picker {
|
|
width: 28px;
|
|
}
|
|
.ql-snow .ql-color-picker .ql-picker-label,
|
|
.ql-snow .ql-icon-picker .ql-picker-label {
|
|
padding: 2px 4px;
|
|
}
|
|
.ql-snow .ql-color-picker .ql-picker-label svg,
|
|
.ql-snow .ql-icon-picker .ql-picker-label svg {
|
|
right: 4px;
|
|
}
|
|
.ql-snow .ql-icon-picker .ql-picker-options {
|
|
padding: 4px 0px;
|
|
}
|
|
.ql-snow .ql-icon-picker .ql-picker-item {
|
|
height: 24px;
|
|
width: 24px;
|
|
padding: 2px 4px;
|
|
}
|
|
.ql-snow .ql-color-picker .ql-picker-options {
|
|
padding: 3px 5px;
|
|
width: 152px;
|
|
}
|
|
.ql-snow .ql-color-picker .ql-picker-item {
|
|
border: 1px solid transparent;
|
|
float: left;
|
|
height: 16px;
|
|
margin: 2px;
|
|
padding: 0px;
|
|
width: 16px;
|
|
}
|
|
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
|
|
position: absolute;
|
|
margin-top: -9px;
|
|
right: 0;
|
|
top: 50%;
|
|
width: 18px;
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
|
|
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
|
|
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
|
|
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
|
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
|
|
content: attr(data-label);
|
|
}
|
|
.ql-snow .ql-picker.ql-header {
|
|
width: 98px;
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
|
|
content: "Normal";
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
|
|
content: "Heading 1";
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
|
|
content: "Heading 2";
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
|
|
content: "Heading 3";
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
|
|
content: "Heading 4";
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
|
|
content: "Heading 5";
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
|
|
content: "Heading 6";
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
|
|
font-size: 2em;
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
|
|
font-size: 1.5em;
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
|
|
font-size: 1.17em;
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
|
|
font-size: 1em;
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
|
|
font-size: 0.83em;
|
|
}
|
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
|
|
font-size: 0.67em;
|
|
}
|
|
.ql-snow .ql-picker.ql-font {
|
|
width: 108px;
|
|
}
|
|
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
|
|
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
|
|
content: "Sans Serif";
|
|
}
|
|
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
|
|
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
|
|
content: "Serif";
|
|
}
|
|
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
|
|
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
|
|
content: "Monospace";
|
|
}
|
|
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
|
|
font-family: Georgia, Times New Roman, serif;
|
|
}
|
|
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
|
|
font-family: Monaco, Courier New, monospace;
|
|
}
|
|
.ql-snow .ql-picker.ql-size {
|
|
width: 98px;
|
|
}
|
|
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
|
|
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
|
|
content: "Normal";
|
|
}
|
|
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
|
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
|
|
content: "Small";
|
|
}
|
|
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
|
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
|
|
content: "Large";
|
|
}
|
|
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
|
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
|
|
content: "Huge";
|
|
}
|
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
|
|
font-size: 10px;
|
|
}
|
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
|
|
font-size: 18px;
|
|
}
|
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
|
|
font-size: 32px;
|
|
}
|
|
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
|
|
background-color: #fff;
|
|
}
|
|
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
|
|
background-color: #000;
|
|
}
|
|
.ql-toolbar.ql-snow {
|
|
border: 1px solid #ccc;
|
|
box-sizing: border-box;
|
|
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
|
|
padding: 8px;
|
|
}
|
|
.ql-toolbar.ql-snow .ql-formats {
|
|
margin-right: 15px;
|
|
}
|
|
.ql-toolbar.ql-snow .ql-picker-label {
|
|
border: 1px solid transparent;
|
|
}
|
|
.ql-toolbar.ql-snow .ql-picker-options {
|
|
border: 1px solid transparent;
|
|
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
|
|
}
|
|
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
|
|
border-color: #ccc;
|
|
}
|
|
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
|
|
border-color: #ccc;
|
|
}
|
|
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
|
|
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
|
|
border-color: #000;
|
|
}
|
|
.ql-toolbar.ql-snow + .ql-container.ql-snow {
|
|
border-top: 0px;
|
|
}
|
|
.ql-snow .ql-tooltip {
|
|
background-color: #fff;
|
|
border: 1px solid #ccc;
|
|
box-shadow: 0px 0px 5px #ddd;
|
|
color: #444;
|
|
padding: 5px 12px;
|
|
white-space: nowrap;
|
|
}
|
|
.ql-snow .ql-tooltip::before {
|
|
content: "Visit URL:";
|
|
line-height: 26px;
|
|
margin-right: 8px;
|
|
}
|
|
.ql-snow .ql-tooltip input[type="text"] {
|
|
display: none;
|
|
border: 1px solid #ccc;
|
|
font-size: 13px;
|
|
height: 26px;
|
|
margin: 0px;
|
|
padding: 3px 5px;
|
|
width: 170px;
|
|
}
|
|
.ql-snow .ql-tooltip a.ql-preview {
|
|
display: inline-block;
|
|
max-width: 200px;
|
|
overflow-x: hidden;
|
|
text-overflow: ellipsis;
|
|
vertical-align: top;
|
|
}
|
|
.ql-snow .ql-tooltip a.ql-action::after {
|
|
border-right: 1px solid #ccc;
|
|
content: "Edit";
|
|
margin-left: 16px;
|
|
padding-right: 8px;
|
|
}
|
|
.ql-snow .ql-tooltip a.ql-remove::before {
|
|
content: "Remove";
|
|
margin-left: 8px;
|
|
}
|
|
.ql-snow .ql-tooltip a {
|
|
line-height: 26px;
|
|
}
|
|
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
|
|
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
|
|
display: none;
|
|
}
|
|
.ql-snow .ql-tooltip.ql-editing input[type="text"] {
|
|
display: inline-block;
|
|
}
|
|
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
|
|
border-right: 0px;
|
|
content: "Save";
|
|
padding-right: 0px;
|
|
}
|
|
.ql-snow .ql-tooltip[data-mode="link"]::before {
|
|
content: "Enter link:";
|
|
}
|
|
.ql-snow .ql-tooltip[data-mode="formula"]::before {
|
|
content: "Enter formula:";
|
|
}
|
|
.ql-snow .ql-tooltip[data-mode="video"]::before {
|
|
content: "Enter video:";
|
|
}
|
|
.ql-snow a {
|
|
color: #06c;
|
|
}
|
|
.ql-container.ql-snow {
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.p-fieldset-legend > a,
|
|
.p-fieldset-legend > span {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-fieldset-toggleable .p-fieldset-legend a {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.p-fieldset-legend-text {
|
|
line-height: 1;
|
|
}
|
|
|
|
.p-fileupload-content {
|
|
position: relative;
|
|
}
|
|
|
|
.p-fileupload-row {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-fileupload-row > div {
|
|
flex: 1 1 auto;
|
|
width: 25%;
|
|
}
|
|
|
|
.p-fileupload-row > div:last-child {
|
|
text-align: right;
|
|
}
|
|
|
|
.p-fileupload-content > .p-progressbar {
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.p-button.p-fileupload-choose {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-button.p-fileupload-choose input[type=file] {
|
|
display: none;
|
|
}
|
|
|
|
.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
|
|
display: none;
|
|
}
|
|
|
|
.p-fileupload-filename {
|
|
word-break: break-all;
|
|
}
|
|
|
|
.p-fluid .p-fileupload .p-button {
|
|
width: auto;
|
|
}
|
|
|
|
.p-galleria-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-galleria-item-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
}
|
|
|
|
.p-galleria-item-container {
|
|
position: relative;
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-galleria-item-nav {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-galleria-item-prev {
|
|
left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.p-galleria-item-next {
|
|
right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.p-galleria-item {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-galleria-item-nav-onhover .p-galleria-item-nav {
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
transition: opacity .2s ease-in-out;
|
|
}
|
|
|
|
.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
|
|
pointer-events: all;
|
|
opacity: 1;
|
|
}
|
|
|
|
.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.p-galleria-caption {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Thumbnails */
|
|
.p-galleria-thumbnail-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: auto;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.p-galleria-thumbnail-prev,
|
|
.p-galleria-thumbnail-next {
|
|
align-self: center;
|
|
flex: 0 0 auto;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-galleria-thumbnail-prev span,
|
|
.p-galleria-thumbnail-next span {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-galleria-thumbnail-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.p-galleria-thumbnail-items-container {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-galleria-thumbnail-items {
|
|
display: flex;
|
|
}
|
|
|
|
.p-galleria-thumbnail-item {
|
|
overflow: auto;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
opacity: .5;
|
|
}
|
|
|
|
.p-galleria-thumbnail-item:hover {
|
|
opacity: 1;
|
|
transition: opacity .3s;
|
|
}
|
|
|
|
.p-galleria-thumbnail-item-current {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Positions */
|
|
/* Thumbnails */
|
|
.p-galleria-thumbnails-left .p-galleria-content,
|
|
.p-galleria-thumbnails-right .p-galleria-content {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.p-galleria-thumbnails-left .p-galleria-item-wrapper,
|
|
.p-galleria-thumbnails-right .p-galleria-item-wrapper {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.p-galleria-thumbnails-left .p-galleria-item-wrapper,
|
|
.p-galleria-thumbnails-top .p-galleria-item-wrapper {
|
|
order: 2;
|
|
}
|
|
|
|
.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
|
|
.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
|
|
order: 1;
|
|
}
|
|
|
|
.p-galleria-thumbnails-left .p-galleria-thumbnail-container,
|
|
.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.p-galleria-thumbnails-left .p-galleria-thumbnail-items,
|
|
.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
/* Indicators */
|
|
.p-galleria-indicators {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-galleria-indicator > button {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-galleria-indicators-left .p-galleria-item-wrapper,
|
|
.p-galleria-indicators-right .p-galleria-item-wrapper {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-galleria-indicators-left .p-galleria-item-container,
|
|
.p-galleria-indicators-top .p-galleria-item-container {
|
|
order: 2;
|
|
}
|
|
|
|
.p-galleria-indicators-left .p-galleria-indicators,
|
|
.p-galleria-indicators-top .p-galleria-indicators {
|
|
order: 1;
|
|
}
|
|
|
|
.p-galleria-indicators-left .p-galleria-indicators,
|
|
.p-galleria-indicators-right .p-galleria-indicators {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-galleria-indicator-onitem .p-galleria-indicators {
|
|
position: absolute;
|
|
display: flex;
|
|
}
|
|
|
|
.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
|
|
right: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
/* FullScreen */
|
|
.p-galleria-mask {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.p-galleria-mask.p-component-overlay {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.p-galleria-close {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-galleria-mask .p-galleria-item-nav {
|
|
position: fixed;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
}
|
|
|
|
/* Animation */
|
|
.p-galleria-enter {
|
|
opacity: 0;
|
|
transform: scale(0.7);
|
|
}
|
|
|
|
.p-galleria-enter-active {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
|
|
.p-galleria-enter-done {
|
|
transform: none;
|
|
}
|
|
|
|
.p-galleria-exit {
|
|
opacity: 1;
|
|
}
|
|
|
|
.p-galleria-exit-active {
|
|
opacity: 0;
|
|
transform: scale(0.7);
|
|
transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
|
|
.p-galleria-enter-active .p-galleria-item-nav {
|
|
opacity: 0;
|
|
}
|
|
|
|
/* Keyboard Support */
|
|
.p-items-hidden .p-galleria-thumbnail-item {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
|
|
visibility: visible;
|
|
}
|
|
|
|
.p-image-mask {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-image-preview-container {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.p-image-preview-indicator {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
opacity: 0;
|
|
transition: opacity .3s;
|
|
}
|
|
|
|
.p-image-preview-icon {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.p-image-preview-container:hover > .p-image-preview-indicator {
|
|
opacity: 1;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-image-preview-container > img {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-image-toolbar {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
display: flex;
|
|
}
|
|
|
|
.p-image-action.p-link {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-image-preview {
|
|
transition: transform .15s;
|
|
max-width: 100vw;
|
|
max-height: 100vh;
|
|
}
|
|
|
|
.p-image-preview-enter {
|
|
opacity: 0;
|
|
transform: scale(0.7);
|
|
}
|
|
|
|
.p-image-preview-enter-active {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
|
|
.p-image-preview-enter-done {
|
|
transform: none;
|
|
}
|
|
|
|
.p-image-preview-exit {
|
|
opacity: 1;
|
|
}
|
|
|
|
.p-image-preview-exit-active {
|
|
opacity: 0;
|
|
transform: scale(0.7);
|
|
transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
|
|
.p-inplace .p-inplace-display {
|
|
display: inline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-inplace .p-inplace-content {
|
|
display: inline;
|
|
}
|
|
|
|
.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
|
|
display: flex;
|
|
}
|
|
|
|
.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
|
|
flex: 1 1 auto;
|
|
width: 1%;
|
|
}
|
|
|
|
.p-inplace-content-close {
|
|
margin-left: .25rem;
|
|
}
|
|
|
|
.p-inputnumber {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.p-inputnumber-button {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
|
|
.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
|
|
display: none;
|
|
}
|
|
|
|
.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.p-inputnumber-buttons-stacked .p-inputnumber-input {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
|
|
order: 3;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.p-inputnumber-buttons-horizontal .p-inputnumber-input {
|
|
order: 2;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
|
|
order: 1;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.p-inputnumber-buttons-vertical {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
|
|
order: 1;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-inputnumber-buttons-vertical .p-inputnumber-input {
|
|
order: 2;
|
|
border-radius: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
|
|
order: 3;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-inputnumber-input {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.p-fluid .p-inputnumber {
|
|
width: 100%;
|
|
}
|
|
|
|
.p-fluid .p-inputnumber .p-inputnumber-input {
|
|
width: 1%;
|
|
}
|
|
|
|
.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
|
|
width: 100%;
|
|
}
|
|
|
|
.p-inputswitch {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.p-inputswitch-slider {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.p-inputswitch-slider:before {
|
|
position: absolute;
|
|
content: "";
|
|
top: 50%;
|
|
}
|
|
|
|
.p-inputtext {
|
|
margin: 0;
|
|
}
|
|
|
|
.p-fluid .p-inputtext {
|
|
width: 100%;
|
|
}
|
|
|
|
/* InputGroup */
|
|
.p-inputgroup {
|
|
display: flex;
|
|
align-items: stretch;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-inputgroup-addon {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-inputgroup .p-float-label {
|
|
display: flex;
|
|
align-items: stretch;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-inputgroup .p-inputtext,
|
|
.p-fluid .p-inputgroup .p-inputtext,
|
|
.p-inputgroup .p-inputwrapper,
|
|
.p-fluid .p-inputgroup .p-input {
|
|
flex: 1 1 auto;
|
|
width: 1%;
|
|
}
|
|
|
|
/* Floating Label */
|
|
.p-float-label {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.p-float-label label {
|
|
position: absolute;
|
|
pointer-events: none;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
transition-property: all;
|
|
transition-timing-function: ease;
|
|
line-height: 1;
|
|
}
|
|
|
|
.p-float-label textarea ~ label {
|
|
top: 1rem;
|
|
}
|
|
|
|
.p-float-label input:focus ~ label,
|
|
.p-float-label input.p-filled ~ label,
|
|
.p-float-label textarea:focus ~ label,
|
|
.p-float-label textarea.p-filled ~ label,
|
|
.p-float-label .p-inputwrapper-focus ~ label,
|
|
.p-float-label .p-inputwrapper-filled ~ label {
|
|
top: -.75rem;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.p-float-label input:-webkit-autofill ~ label {
|
|
top: -20px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.p-input-icon-left,
|
|
.p-input-icon-right {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.p-input-icon-left > i,
|
|
.p-input-icon-right > i,
|
|
.p-input-icon-left > svg,
|
|
.p-input-icon-right > svg,
|
|
.p-input-icon-left > .p-input-prefix,
|
|
.p-input-icon-right > .p-input-suffix {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
}
|
|
|
|
.p-fluid .p-input-icon-left,
|
|
.p-fluid .p-input-icon-right {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-inputtextarea-resizable {
|
|
overflow: hidden;
|
|
resize: none;
|
|
}
|
|
|
|
.p-fluid .p-inputtextarea {
|
|
width: 100%;
|
|
}
|
|
|
|
@keyframes dash-frame {
|
|
100% {
|
|
stroke-dashoffset: 0;
|
|
}
|
|
}
|
|
.p-knob-range {
|
|
fill: none;
|
|
transition: stroke .1s ease-in;
|
|
}
|
|
.p-knob-value {
|
|
animation-name: dash-frame;
|
|
animation-fill-mode: forwards;
|
|
fill: none;
|
|
}
|
|
.p-knob-text {
|
|
font-size: 1.3rem;
|
|
text-align: center;
|
|
}
|
|
.p-listbox-list-wrapper {
|
|
overflow: auto;
|
|
}
|
|
|
|
.p-listbox-list {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.p-listbox-item {
|
|
cursor: pointer;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-listbox-filter-container {
|
|
position: relative;
|
|
}
|
|
|
|
.p-listbox-filter-icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
}
|
|
|
|
.p-listbox-filter {
|
|
width: 100%;
|
|
}
|
|
|
|
.p-megamenu-root-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.p-megamenu-root-list > .p-menuitem {
|
|
position: relative;
|
|
}
|
|
|
|
.p-megamenu .p-menuitem-link {
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-megamenu .p-menuitem-text {
|
|
line-height: 1;
|
|
}
|
|
|
|
.p-megamenu-panel {
|
|
display: none;
|
|
position: absolute;
|
|
width: auto;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
|
|
display: block;
|
|
}
|
|
|
|
.p-megamenu-submenu {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
/* Horizontal */
|
|
.p-megamenu-horizontal .p-megamenu-root-list {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
/* Vertical */
|
|
.p-megamenu-vertical .p-megamenu-root-list {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
|
|
left: 100%;
|
|
top: 0;
|
|
}
|
|
|
|
.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
|
|
margin-left: auto;
|
|
}
|
|
|
|
|
|
.p-megamenu-grid {
|
|
display: flex;
|
|
}
|
|
|
|
.p-megamenu-col-2,
|
|
.p-megamenu-col-3,
|
|
.p-megamenu-col-4,
|
|
.p-megamenu-col-6,
|
|
.p-megamenu-col-12 {
|
|
flex: 0 0 auto;
|
|
padding: 0.5rem;
|
|
}
|
|
|
|
.p-megamenu-col-2 {
|
|
width: 16.6667%;
|
|
}
|
|
|
|
.p-megamenu-col-3 {
|
|
width: 25%;
|
|
}
|
|
|
|
.p-megamenu-col-4 {
|
|
width: 33.3333%;
|
|
}
|
|
|
|
.p-megamenu-col-6 {
|
|
width: 50%;
|
|
}
|
|
|
|
.p-megamenu-col-12 {
|
|
width: 100%;
|
|
}
|
|
|
|
.p-mention {
|
|
display: inline-flex;
|
|
position: relative;
|
|
}
|
|
|
|
.p-autocomplete-loader {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
}
|
|
|
|
.p-mention .p-mention-panel {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.p-mention-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
.p-mention-items {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.p-mention-item {
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-fluid .p-mention {
|
|
display: flex;
|
|
}
|
|
|
|
.p-menu-overlay {
|
|
position: absolute;
|
|
}
|
|
|
|
.p-menu ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.p-menu .p-menuitem-link {
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-menu .p-menuitem-text {
|
|
line-height: 1;
|
|
}
|
|
|
|
.p-menubar {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-menubar ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.p-menubar .p-menuitem-link {
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-menubar .p-menuitem-text {
|
|
line-height: 1;
|
|
}
|
|
|
|
.p-menubar .p-menuitem {
|
|
position: relative;
|
|
}
|
|
|
|
.p-menubar-root-list {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-menubar-root-list > li ul {
|
|
display: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
|
|
display: block;
|
|
}
|
|
|
|
.p-menubar .p-submenu-list {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
|
|
display: block;
|
|
left: 100%;
|
|
top: 0;
|
|
}
|
|
|
|
.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.p-menubar .p-menubar-custom,
|
|
.p-menubar .p-menubar-end {
|
|
margin-left: auto;
|
|
align-self: center;
|
|
}
|
|
|
|
.p-menubar-button {
|
|
display: none;
|
|
cursor: pointer;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.p-inline-message {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.p-inline-message-icon-only .p-inline-message-text {
|
|
visibility: hidden;
|
|
width: 0;
|
|
}
|
|
|
|
.p-fluid .p-inline-message {
|
|
display: flex;
|
|
}
|
|
|
|
.p-message-wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-message-close {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-message-close.p-link {
|
|
margin-left: auto;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-message-enter {
|
|
opacity: 0;
|
|
}
|
|
|
|
.p-message-enter-active {
|
|
opacity: 1;
|
|
transition: opacity .3s;
|
|
}
|
|
|
|
.p-message-exit {
|
|
opacity: 1;
|
|
max-height: 1000px;
|
|
}
|
|
|
|
.p-message-exit-active {
|
|
opacity: 0;
|
|
max-height: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;
|
|
}
|
|
|
|
.p-message-exit-active .p-message-close {
|
|
display: none;
|
|
}
|
|
|
|
.p-multiselect {
|
|
display: inline-flex;
|
|
position: relative;
|
|
user-select: none;
|
|
}
|
|
|
|
.p-multiselect-trigger {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-multiselect-label-container {
|
|
overflow: hidden;
|
|
flex: 1 1 auto;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-multiselect-label {
|
|
display: block;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.p-multiselect-label-empty {
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.p-multiselect-token {
|
|
cursor: default;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.p-multiselect-token-icon {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-multiselect .p-multiselect-panel {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.p-multiselect-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.p-multiselect-items-wrapper {
|
|
overflow: auto;
|
|
}
|
|
|
|
.p-multiselect-items {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.p-multiselect-item {
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-multiselect-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.p-multiselect-filter-container {
|
|
position: relative;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.p-multiselect-filter-icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
}
|
|
|
|
.p-multiselect-filter-container .p-inputtext {
|
|
width: 100%;
|
|
}
|
|
|
|
.p-multiselect-close {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.p-multiselect-clear-icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
}
|
|
|
|
.p-fluid .p-multiselect {
|
|
display: flex;
|
|
}
|
|
|
|
.p-orderlist {
|
|
display: flex;
|
|
}
|
|
|
|
.p-orderlist-controls {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-orderlist-list-container {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.p-orderlist-list {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: auto;
|
|
min-height: 12rem;
|
|
max-height: 24rem;
|
|
}
|
|
|
|
.p-orderlist-item {
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-orderlist.p-state-disabled .p-orderlist-item,
|
|
.p-orderlist.p-state-disabled .p-button {
|
|
cursor: default;
|
|
}
|
|
|
|
.p-orderlist.p-state-disabled .p-orderlist-list {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-organizationchart-table {
|
|
border-spacing: 0;
|
|
border-collapse: separate;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.p-organizationchart-table > tbody > tr > td {
|
|
text-align: center;
|
|
vertical-align: top;
|
|
padding: 0 .75rem;
|
|
}
|
|
|
|
.p-organizationchart-node-content {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
|
|
.p-organizationchart-node-content .p-node-toggler {
|
|
position: absolute;
|
|
bottom: -.75rem;
|
|
margin-left: -.75rem;
|
|
z-index: 2;
|
|
left: 50%;
|
|
user-select: none;
|
|
cursor: pointer;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
|
|
position: relative;
|
|
top: .25rem;
|
|
}
|
|
|
|
.p-organizationchart-line-down {
|
|
margin: 0 auto;
|
|
height: 20px;
|
|
width: 1px;
|
|
}
|
|
|
|
.p-organizationchart-line-right {
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.p-organizationchart-line-left {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.p-organizationchart-selectable-node {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-overlaypanel {
|
|
position: absolute;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.p-overlaypanel-flipped {
|
|
margin-top: 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.p-overlaypanel-close {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
/* Animation */
|
|
.p-overlaypanel-enter {
|
|
opacity: 0;
|
|
transform: scaleY(0.8);
|
|
}
|
|
|
|
.p-overlaypanel-enter-active {
|
|
opacity: 1;
|
|
transform: scaleY(1);
|
|
transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
|
|
.p-overlaypanel-enter-done {
|
|
transform: none;
|
|
}
|
|
|
|
.p-overlaypanel-exit {
|
|
opacity: 1;
|
|
}
|
|
|
|
.p-overlaypanel-exit-active {
|
|
opacity: 0;
|
|
transition: opacity .1s linear;
|
|
}
|
|
|
|
.p-overlaypanel:after, .p-overlaypanel:before {
|
|
bottom: 100%;
|
|
left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
|
|
content: " ";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.p-overlaypanel:after {
|
|
border-width: 8px;
|
|
margin-left: -8px;
|
|
}
|
|
|
|
.p-overlaypanel:before {
|
|
border-width: 10px;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {
|
|
bottom: auto;
|
|
top: 100%;
|
|
}
|
|
|
|
.p-overlaypanel.p-overlaypanel-flipped:after {
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
.p-overlaypanel.p-overlaypanel-flipped:before {
|
|
border-bottom-color: transparent
|
|
}
|
|
|
|
.p-paginator {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.p-paginator-left-content {
|
|
margin-right: auto;
|
|
}
|
|
|
|
.p-paginator-right-content {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.p-paginator-page,
|
|
.p-paginator-next,
|
|
.p-paginator-last,
|
|
.p-paginator-first,
|
|
.p-paginator-prev,
|
|
.p-paginator-current {
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
line-height: 1;
|
|
user-select: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-paginator-element:focus {
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
|
|
.p-panel-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-panel-title {
|
|
line-height: 1;
|
|
}
|
|
|
|
.p-panel-header-icon {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-panelmenu .p-panelmenu-header-link {
|
|
display: flex;
|
|
align-items: center;
|
|
user-select: none;
|
|
cursor: pointer;
|
|
position: relative;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.p-panelmenu .p-panelmenu-header-link:focus {
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-panelmenu .p-submenu-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.p-panelmenu .p-menuitem-link {
|
|
display: flex;
|
|
align-items: center;
|
|
user-select: none;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.p-panelmenu .p-menuitem-text {
|
|
line-height: 1;
|
|
}
|
|
|
|
.p-password {
|
|
position: relative;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.p-password-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.p-password .p-password-panel {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.p-password-meter {
|
|
height: 10px;
|
|
}
|
|
|
|
.p-password-strength {
|
|
height: 100%;
|
|
width: 0%;
|
|
transition: width 1s ease-in-out;
|
|
}
|
|
|
|
.p-fluid .p-password {
|
|
display: flex;
|
|
}
|
|
|
|
.p-picklist {
|
|
display: flex;
|
|
}
|
|
|
|
.p-picklist-buttons {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-picklist-list-wrapper {
|
|
flex: 1 1 50%;
|
|
}
|
|
|
|
.p-picklist-list {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: auto;
|
|
min-height: 12rem;
|
|
max-height: 24rem;
|
|
}
|
|
|
|
.p-picklist-item {
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-progressbar {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-progressbar-determinate .p-progressbar-value {
|
|
height: 100%;
|
|
width: 0%;
|
|
position: absolute;
|
|
display: none;
|
|
border: 0 none;
|
|
}
|
|
|
|
.p-progressbar-determinate .p-progressbar-value-animate {
|
|
transition: width 1s ease-in-out;
|
|
}
|
|
|
|
.p-progressbar-determinate .p-progressbar-label {
|
|
text-align: center;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.p-progressbar-indeterminate .p-progressbar-value::before {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: inherit;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
will-change: left, right;
|
|
-webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
|
animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
|
}
|
|
|
|
.p-progressbar-indeterminate .p-progressbar-value::after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: inherit;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
will-change: left, right;
|
|
-webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
|
|
animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
|
|
-webkit-animation-delay: 1.15s;
|
|
animation-delay: 1.15s;
|
|
}
|
|
|
|
@-webkit-keyframes p-progressbar-indeterminate-anim {
|
|
0% {
|
|
left: -35%;
|
|
right: 100%; }
|
|
60% {
|
|
left: 100%;
|
|
right: -90%; }
|
|
100% {
|
|
left: 100%;
|
|
right: -90%; }
|
|
}
|
|
@keyframes p-progressbar-indeterminate-anim {
|
|
0% {
|
|
left: -35%;
|
|
right: 100%; }
|
|
60% {
|
|
left: 100%;
|
|
right: -90%; }
|
|
100% {
|
|
left: 100%;
|
|
right: -90%; }
|
|
}
|
|
|
|
@-webkit-keyframes p-progressbar-indeterminate-anim-short {
|
|
0% {
|
|
left: -200%;
|
|
right: 100%; }
|
|
60% {
|
|
left: 107%;
|
|
right: -8%; }
|
|
100% {
|
|
left: 107%;
|
|
right: -8%; }
|
|
}
|
|
@keyframes p-progressbar-indeterminate-anim-short {
|
|
0% {
|
|
left: -200%;
|
|
right: 100%; }
|
|
60% {
|
|
left: 107%;
|
|
right: -8%; }
|
|
100% {
|
|
left: 107%;
|
|
right: -8%; }
|
|
}
|
|
|
|
.p-progress-spinner {
|
|
position: relative;
|
|
margin: 0 auto;
|
|
width: 100px;
|
|
height: 100px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.p-progress-spinner::before {
|
|
content: '';
|
|
display: block;
|
|
padding-top: 100%;
|
|
}
|
|
|
|
.p-progress-spinner-svg {
|
|
animation: p-progress-spinner-rotate 2s linear infinite;
|
|
height: 100%;
|
|
transform-origin: center center;
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
}
|
|
|
|
.p-progress-spinner-circle {
|
|
stroke-dasharray: 89, 200;
|
|
stroke-dashoffset: 0;
|
|
stroke: #d62d20;
|
|
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
|
|
stroke-linecap: round;
|
|
}
|
|
|
|
@keyframes p-progress-spinner-rotate {
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes p-progress-spinner-dash {
|
|
0% {
|
|
stroke-dasharray: 1, 200;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
50% {
|
|
stroke-dasharray: 89, 200;
|
|
stroke-dashoffset: -35px;
|
|
}
|
|
100% {
|
|
stroke-dasharray: 89, 200;
|
|
stroke-dashoffset: -124px;
|
|
}
|
|
}
|
|
|
|
@keyframes p-progress-spinner-color {
|
|
100%,
|
|
0% {
|
|
stroke: #d62d20;
|
|
}
|
|
40% {
|
|
stroke: #0057e7;
|
|
}
|
|
66% {
|
|
stroke: #008744;
|
|
}
|
|
80%,
|
|
90% {
|
|
stroke: #ffa700;
|
|
}
|
|
}
|
|
|
|
.p-radiobutton {
|
|
display: inline-flex;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.p-radiobutton-box {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-radiobutton-icon {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
transform: translateZ(0) scale(.1);
|
|
border-radius: 50%;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.p-radiobutton-box.p-highlight .p-radiobutton-icon {
|
|
transform: translateZ(0) scale(1.0, 1.0);
|
|
visibility: visible;
|
|
}
|
|
|
|
.p-rating-icon {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-rating.p-rating-readonly .p-rating-icon {
|
|
cursor: default;
|
|
}
|
|
|
|
.p-ripple {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-ink {
|
|
display: block;
|
|
position: absolute;
|
|
background: rgba(255, 255, 255, 0.5);
|
|
border-radius: 100%;
|
|
transform: scale(0);
|
|
}
|
|
|
|
.p-ink-active {
|
|
animation: ripple 0.4s linear;
|
|
}
|
|
|
|
.p-ripple-disabled .p-ink {
|
|
display: none !important;
|
|
}
|
|
|
|
@keyframes ripple {
|
|
100% {
|
|
opacity: 0;
|
|
transform: scale(2.5);
|
|
}
|
|
}
|
|
|
|
.p-scrollpanel-wrapper {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
z-index: 1;
|
|
float: left;
|
|
}
|
|
|
|
.p-scrollpanel-content {
|
|
height: calc(100% + 18px);
|
|
width: calc(100% + 18px);
|
|
padding: 0 18px 18px 0;
|
|
position: relative;
|
|
overflow: scroll;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.p-scrollpanel-bar {
|
|
position: relative;
|
|
background: #c1c1c1;
|
|
border-radius: 3px;
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
transition: opacity 0.25s linear;
|
|
}
|
|
|
|
.p-scrollpanel-bar-y {
|
|
width: 9px;
|
|
top: 0;
|
|
}
|
|
|
|
.p-scrollpanel-bar-x {
|
|
height: 9px;
|
|
bottom: 0;
|
|
}
|
|
|
|
.p-scrollpanel-hidden {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.p-scrollpanel:hover .p-scrollpanel-bar,
|
|
.p-scrollpanel:active .p-scrollpanel-bar {
|
|
opacity: 1;
|
|
}
|
|
|
|
.p-scrollpanel-grabbed {
|
|
user-select: none;
|
|
}
|
|
|
|
.p-scrolltop {
|
|
position: fixed;
|
|
bottom: 20px;
|
|
right: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-scrolltop-sticky {
|
|
position: sticky;
|
|
}
|
|
|
|
.p-scrolltop-sticky.p-link {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.p-scrolltop-helper {
|
|
display: none !important;
|
|
}
|
|
|
|
.p-scrolltop-enter {
|
|
opacity: 0;
|
|
}
|
|
|
|
.p-scrolltop-enter-active {
|
|
opacity: 1;
|
|
transition: opacity .15s;
|
|
}
|
|
|
|
.p-scrolltop-exit {
|
|
opacity: 1;
|
|
}
|
|
|
|
.p-scrolltop-exit-active {
|
|
opacity: 0;
|
|
transition: opacity .15s;
|
|
}
|
|
|
|
.p-sidebar-mask {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
pointer-events: none;
|
|
background-color: transparent;
|
|
transition-property: background-color;
|
|
}
|
|
|
|
.p-sidebar-visible {
|
|
display: flex;
|
|
}
|
|
|
|
.p-sidebar-mask.p-component-overlay {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.p-sidebar {
|
|
display: flex;
|
|
flex-direction: column;
|
|
pointer-events: auto;
|
|
transform: translate3d(0px, 0px, 0px);
|
|
position: relative;
|
|
}
|
|
|
|
.p-sidebar-content {
|
|
overflow-y: auto;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.p-sidebar-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.p-sidebar-icon {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-sidebar-full .p-sidebar {
|
|
transition: none;
|
|
transform: none;
|
|
width: 100vw !important;
|
|
height: 100vh !important;
|
|
max-height: 100%;
|
|
top: 0px !important;
|
|
left: 0px !important;
|
|
}
|
|
|
|
/* Animation */
|
|
/* Top, Bottom, Left and Right */
|
|
.p-sidebar-top .p-sidebar-enter,
|
|
.p-sidebar-top .p-sidebar-exit-active {
|
|
transform: translate3d(0px, -100%, 0px);
|
|
}
|
|
|
|
.p-sidebar-bottom .p-sidebar-enter,
|
|
.p-sidebar-bottom .p-sidebar-exit-active {
|
|
transform: translate3d(0px, 100%, 0px);
|
|
}
|
|
|
|
.p-sidebar-left .p-sidebar-enter,
|
|
.p-sidebar-left .p-sidebar-exit-active {
|
|
transform: translate3d(-100%, 0px, 0px);
|
|
}
|
|
|
|
.p-sidebar-right .p-sidebar-enter,
|
|
.p-sidebar-right .p-sidebar-exit-active {
|
|
transform: translate3d(100%, 0px, 0px);
|
|
}
|
|
|
|
.p-sidebar-top .p-sidebar-enter-active,
|
|
.p-sidebar-bottom .p-sidebar-enter-active,
|
|
.p-sidebar-left .p-sidebar-enter-active,
|
|
.p-sidebar-right .p-sidebar-enter-active {
|
|
transform: translate3d(0px, 0px, 0px);
|
|
transition: all .3s;
|
|
}
|
|
|
|
.p-sidebar-top .p-sidebar-enter-done,
|
|
.p-sidebar-bottom .p-sidebar-enter-done,
|
|
.p-sidebar-left .p-sidebar-enter-done,
|
|
.p-sidebar-right .p-sidebar-enter-done {
|
|
transform: none;
|
|
}
|
|
|
|
.p-sidebar-top .p-sidebar-exit-active,
|
|
.p-sidebar-bottom .p-sidebar-exit-active,
|
|
.p-sidebar-left .p-sidebar-exit-active,
|
|
.p-sidebar-right .p-sidebar-exit-active {
|
|
transition: all .3s;
|
|
}
|
|
|
|
/* Full */
|
|
.p-sidebar-full .p-sidebar-enter {
|
|
opacity: 0;
|
|
transform: scale(0.5);
|
|
}
|
|
|
|
.p-sidebar-full .p-sidebar-enter-active {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
transition: all .15s cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
|
|
.p-sidebar-full .p-sidebar-enter-done {
|
|
transform: none;
|
|
}
|
|
|
|
.p-sidebar-full .p-sidebar-exit-active {
|
|
opacity: 0;
|
|
transform: scale(0.5);
|
|
transition: all .15s cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
|
|
/* Position */
|
|
.p-sidebar-left {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.p-sidebar-right {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.p-sidebar-top {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.p-sidebar-bottom {
|
|
align-items: flex-end;
|
|
}
|
|
|
|
/* Size */
|
|
.p-sidebar-left .p-sidebar {
|
|
width: 20rem;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-sidebar-right .p-sidebar {
|
|
width: 20rem;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-sidebar-top .p-sidebar {
|
|
height: 10rem;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-sidebar-bottom .p-sidebar {
|
|
height: 10rem;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-sidebar-left .p-sidebar-sm,
|
|
.p-sidebar-right .p-sidebar-sm {
|
|
width: 20rem;
|
|
}
|
|
|
|
.p-sidebar-left .p-sidebar-md,
|
|
.p-sidebar-right .p-sidebar-md {
|
|
width: 40rem;
|
|
}
|
|
|
|
.p-sidebar-left .p-sidebar-lg,
|
|
.p-sidebar-right .p-sidebar-lg {
|
|
width: 60rem;
|
|
}
|
|
|
|
.p-sidebar-top .p-sidebar-sm,
|
|
.p-sidebar-bottom .p-sidebar-sm {
|
|
height: 10rem;
|
|
}
|
|
|
|
.p-sidebar-top .p-sidebar-md,
|
|
.p-sidebar-bottom .p-sidebar-md {
|
|
height: 20rem;
|
|
}
|
|
|
|
.p-sidebar-top .p-sidebar-lg,
|
|
.p-sidebar-bottom .p-sidebar-lg {
|
|
height: 30rem;
|
|
}
|
|
|
|
.p-sidebar-left .p-sidebar-view,
|
|
.p-sidebar-right .p-sidebar-view,
|
|
.p-sidebar-top .p-sidebar-view,
|
|
.p-sidebar-bottom .p-sidebar-view {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-sidebar-left .p-sidebar-content,
|
|
.p-sidebar-right .p-sidebar-content,
|
|
.p-sidebar-top .p-sidebar-content,
|
|
.p-sidebar-bottom .p-sidebar-content {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
@media screen and (max-width: 64em) {
|
|
.p-sidebar-left .p-sidebar-lg,
|
|
.p-sidebar-left .p-sidebar-md,
|
|
.p-sidebar-right .p-sidebar-lg,
|
|
.p-sidebar-right .p-sidebar-md {
|
|
width: 20rem;
|
|
}
|
|
}
|
|
|
|
.p-skeleton {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-skeleton::after {
|
|
content: "";
|
|
animation: p-skeleton-animation 1.2s infinite;
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: translateX(-100%);
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-skeleton-circle {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.p-skeleton-none::after {
|
|
animation: none;
|
|
}
|
|
|
|
@keyframes p-skeleton-animation {
|
|
from {
|
|
transform: translateX(-100%);
|
|
}
|
|
to {
|
|
transform: translateX(100%);
|
|
}
|
|
}
|
|
.p-slidemenu {
|
|
width: 12.5em;
|
|
}
|
|
|
|
.p-slidemenu.p-slidemenu-overlay {
|
|
position: absolute;
|
|
}
|
|
|
|
.p-slidemenu .p-menu-separator {
|
|
border-width: 1px 0 0 0;
|
|
}
|
|
|
|
.p-slidemenu ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.p-slidemenu .p-slidemenu-rootlist {
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
.p-slidemenu .p-submenu-list {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 12.5em;
|
|
}
|
|
|
|
.p-slidemenu .p-menuitem-link {
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-slidemenu .p-menuitem-icon {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.p-slidemenu .p-menuitem-text {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.p-slidemenu .p-menuitem {
|
|
position: relative;
|
|
}
|
|
|
|
.p-slidemenu .p-menuitem-link .p-submenu-icon {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.p-slidemenu .p-slidemenu-wrapper {
|
|
position: relative;
|
|
}
|
|
|
|
.p-slidemenu .p-slidemenu-content {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-slidemenu-backward {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
padding: 0.25em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-slidemenu-backward .p-slidemenu-backward-icon {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.p-slidemenu-backward span {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.p-slidemenu .p-menuitem-active {
|
|
position: static;
|
|
}
|
|
|
|
.p-slidemenu .p-menuitem-active > .p-submenu-list {
|
|
display: block;
|
|
}
|
|
|
|
.p-slider {
|
|
position: relative;
|
|
}
|
|
|
|
.p-slider .p-slider-handle {
|
|
position: absolute;
|
|
cursor: grab;
|
|
touch-action: none;
|
|
display: block;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-slider .p-slider-handle.p-slider-handle-active {
|
|
z-index: 2;
|
|
}
|
|
|
|
.p-slider-range {
|
|
position: absolute;
|
|
display: block;
|
|
}
|
|
|
|
.p-slider-horizontal .p-slider-range {
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-slider-horizontal .p-slider-handle {
|
|
top: 50%;
|
|
}
|
|
|
|
.p-slider-vertical {
|
|
height: 100px;
|
|
}
|
|
|
|
.p-slider-vertical .p-slider-handle {
|
|
left: 50%;
|
|
}
|
|
|
|
.p-slider-vertical .p-slider-range {
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-speeddial {
|
|
position: absolute;
|
|
display: flex;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-speeddial-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: top 0s linear 0.2s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.p-speeddial-item {
|
|
transform: scale(0);
|
|
opacity: 0;
|
|
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
|
|
will-change: transform;
|
|
}
|
|
|
|
.p-speeddial-action {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 50%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.p-speeddial-circle .p-speeddial-item,
|
|
.p-speeddial-semi-circle .p-speeddial-item,
|
|
.p-speeddial-quarter-circle .p-speeddial-item {
|
|
position: absolute;
|
|
}
|
|
|
|
.p-speeddial-rotate {
|
|
transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
will-change: transform;
|
|
}
|
|
|
|
.p-speeddial-mask {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
}
|
|
|
|
.p-speeddial-mask-visible {
|
|
pointer-events: none;
|
|
opacity: 1;
|
|
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
}
|
|
|
|
.p-speeddial-opened .p-speeddial-list {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.p-speeddial-opened .p-speeddial-item {
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
|
|
.p-speeddial-opened .p-speeddial-rotate {
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
/* Direction */
|
|
.p-speeddial-direction-up {
|
|
align-items: center;
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
.p-speeddial-direction-up .p-speeddial-list {
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
.p-speeddial-direction-down {
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-speeddial-direction-down .p-speeddial-list {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-speeddial-direction-left {
|
|
justify-content: center;
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.p-speeddial-direction-left .p-speeddial-list {
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.p-speeddial-direction-right {
|
|
justify-content: center;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.p-speeddial-direction-right .p-speeddial-list {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.p-splitbutton {
|
|
display: inline-flex;
|
|
position: relative;
|
|
}
|
|
|
|
.p-splitbutton .p-splitbutton-defaultbutton {
|
|
flex: 1 1 auto;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-right: 0 none;
|
|
}
|
|
|
|
.p-splitbutton-menubutton {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.p-splitbutton .p-menu {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.p-fluid .p-splitbutton {
|
|
display: flex;
|
|
}
|
|
|
|
.p-splitter {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.p-splitter-vertical {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-splitter-panel {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.p-splitter-panel-nested {
|
|
display: flex;
|
|
}
|
|
|
|
.p-splitter-panel .p-splitter {
|
|
flex-grow: 1;
|
|
border: 0 none;
|
|
}
|
|
|
|
.p-splitter-gutter {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: col-resize;
|
|
}
|
|
|
|
.p-splitter-horizontal.p-splitter-resizing {
|
|
cursor: col-resize;
|
|
user-select: none;
|
|
}
|
|
|
|
.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
|
|
height: 24px;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-splitter-horizontal > .p-splitter-gutter {
|
|
cursor: col-resize;
|
|
}
|
|
|
|
.p-splitter-vertical.p-splitter-resizing {
|
|
cursor: row-resize;
|
|
user-select: none;
|
|
}
|
|
|
|
.p-splitter-vertical > .p-splitter-gutter {
|
|
cursor: row-resize;
|
|
}
|
|
|
|
.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
|
|
width: 24px;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-steps {
|
|
position: relative;
|
|
}
|
|
|
|
.p-steps ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style-type: none;
|
|
display: flex;
|
|
}
|
|
|
|
.p-steps-item {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.p-steps-item .p-menuitem-link {
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.p-steps.p-steps-readonly .p-steps-item {
|
|
cursor: auto;
|
|
}
|
|
|
|
.p-steps-item.p-steps-current .p-menuitem-link {
|
|
cursor: default;
|
|
}
|
|
|
|
.p-steps-title {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.p-steps-number {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-steps-title {
|
|
display: block;
|
|
}
|
|
|
|
.p-tabmenu {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.p-tabmenu-nav {
|
|
display: flex;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.p-tabmenu-nav a {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
text-decoration: none;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-tabmenu-nav a:focus {
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-tabmenu-nav .p-menuitem-text {
|
|
line-height: 1;
|
|
}
|
|
|
|
.p-tabmenu-ink-bar {
|
|
display: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-tabmenu::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.p-tabview-nav-container {
|
|
position: relative;
|
|
}
|
|
|
|
.p-tabview-scrollable .p-tabview-nav-container {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-tabview-nav-content {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
scroll-behavior: smooth;
|
|
scrollbar-width: none;
|
|
overscroll-behavior: contain auto;
|
|
}
|
|
|
|
.p-tabview-nav {
|
|
display: flex;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.p-tabview-nav-link {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-tabview-ink-bar {
|
|
display: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-tabview-nav-link:focus {
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-tabview-close {
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-tabview-title {
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.p-tabview-nav-btn {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 2;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-tabview-nav-prev {
|
|
left: 0;
|
|
}
|
|
|
|
.p-tabview-nav-next {
|
|
right: 0;
|
|
}
|
|
|
|
.p-tabview-nav-content::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.p-tag {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-tag-icon,
|
|
.p-tag-value,
|
|
.p-tag-icon.pi {
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.p-tag.p-tag-rounded {
|
|
border-radius: 10rem;
|
|
}
|
|
.p-terminal {
|
|
height: 18rem;
|
|
overflow: auto;
|
|
}
|
|
|
|
.p-terminal-prompt-container {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-terminal-input {
|
|
flex: 1 1 auto;
|
|
border: 0 none;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
padding: 0;
|
|
outline: 0 none;
|
|
}
|
|
|
|
.p-terminal-input::-ms-clear {
|
|
display: none;
|
|
}
|
|
|
|
.p-tieredmenu-overlay {
|
|
position: absolute;
|
|
}
|
|
|
|
.p-tieredmenu ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.p-tieredmenu .p-submenu-list {
|
|
position: absolute;
|
|
min-width: 100%;
|
|
z-index: 1;
|
|
display: none;
|
|
}
|
|
|
|
.p-tieredmenu .p-menuitem-link {
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-tieredmenu .p-menuitem-text {
|
|
line-height: 1;
|
|
}
|
|
|
|
.p-tieredmenu .p-menuitem {
|
|
position: relative;
|
|
}
|
|
|
|
.p-tieredmenu .p-menuitem-link .p-submenu-icon {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.p-tieredmenu .p-menuitem-active > .p-submenu-list {
|
|
display: block;
|
|
left: 100%;
|
|
top: 0;
|
|
}
|
|
|
|
.p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {
|
|
left: -100%;
|
|
}
|
|
|
|
.p-timeline {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-timeline-left .p-timeline-event-opposite {
|
|
text-align: right;
|
|
}
|
|
|
|
.p-timeline-left .p-timeline-event-content {
|
|
text-align: left;
|
|
}
|
|
|
|
.p-timeline-right .p-timeline-event {
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.p-timeline-right .p-timeline-event-opposite {
|
|
text-align: left;
|
|
}
|
|
|
|
.p-timeline-right .p-timeline-event-content {
|
|
text-align: right;
|
|
}
|
|
|
|
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
|
|
text-align: right;
|
|
}
|
|
|
|
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
|
|
text-align: left;
|
|
}
|
|
|
|
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
|
|
text-align: left;
|
|
}
|
|
|
|
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
|
|
text-align: right;
|
|
}
|
|
|
|
.p-timeline-event {
|
|
display: flex;
|
|
position: relative;
|
|
min-height: 70px;
|
|
}
|
|
|
|
.p-timeline-event:last-child {
|
|
min-height: 0;
|
|
}
|
|
|
|
.p-timeline-event-opposite {
|
|
flex: 1;
|
|
padding: 0 1rem;
|
|
}
|
|
|
|
.p-timeline-event-content {
|
|
flex: 1;
|
|
padding: 0 1rem;
|
|
}
|
|
|
|
.p-timeline-event-separator {
|
|
flex: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.p-timeline-event-marker {
|
|
display: flex;
|
|
align-self: baseline;
|
|
}
|
|
|
|
.p-timeline-event-connector {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.p-timeline-horizontal {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.p-timeline-horizontal .p-timeline-event {
|
|
flex-direction: column;
|
|
flex: 1;
|
|
}
|
|
|
|
.p-timeline-horizontal .p-timeline-event:last-child {
|
|
flex: 0;
|
|
}
|
|
|
|
.p-timeline-horizontal .p-timeline-event-separator {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.p-timeline-horizontal .p-timeline-event-connector {
|
|
width: 100%;
|
|
}
|
|
|
|
.p-timeline-bottom .p-timeline-event {
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
.p-toast {
|
|
position: fixed;
|
|
width: 25rem;
|
|
}
|
|
|
|
.p-toast-message-content {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.p-toast-message-text {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.p-toast-top-right {
|
|
top: 20px;
|
|
right: 20px;
|
|
}
|
|
|
|
.p-toast-top-left {
|
|
top: 20px;
|
|
left: 20px;
|
|
}
|
|
|
|
.p-toast-bottom-left {
|
|
bottom: 20px;
|
|
left: 20px;
|
|
}
|
|
|
|
.p-toast-bottom-right {
|
|
bottom: 20px;
|
|
right: 20px;
|
|
}
|
|
|
|
.p-toast-top-center {
|
|
top: 20px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.p-toast-bottom-center {
|
|
bottom: 20px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.p-toast-center {
|
|
left: 50%;
|
|
top: 50%;
|
|
min-width: 20vw;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.p-toast-icon-close {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-toast-icon-close.p-link {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Animations */
|
|
.p-toast-message-enter {
|
|
opacity: 0;
|
|
transform: translateY(50%);
|
|
}
|
|
|
|
.p-toast-message-enter-active {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
transition: transform .3s, opacity .3s;
|
|
}
|
|
|
|
.p-toast-message-enter-done {
|
|
transform: none;
|
|
}
|
|
|
|
.p-toast-message-exit {
|
|
opacity: 1;
|
|
max-height: 1000px;
|
|
}
|
|
|
|
.p-toast-message-exit-active {
|
|
opacity: 0;
|
|
max-height: 0;
|
|
margin-bottom: 0;
|
|
overflow: hidden;
|
|
transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;
|
|
}
|
|
|
|
.p-toolbar {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.p-toolbar-group-left,
|
|
.p-toolbar-group-right {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-tooltip {
|
|
position:absolute;
|
|
padding: .25em .5rem;
|
|
}
|
|
|
|
.p-tooltip.p-tooltip-right,
|
|
.p-tooltip.p-tooltip-left {
|
|
padding: 0 .25rem;
|
|
}
|
|
|
|
.p-tooltip.p-tooltip-top,
|
|
.p-tooltip.p-tooltip-bottom {
|
|
padding:.25em 0;
|
|
}
|
|
|
|
.p-tooltip .p-tooltip-text {
|
|
white-space: pre-line;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.p-tooltip-arrow {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
|
|
.p-tooltip-right .p-tooltip-arrow {
|
|
top: 50%;
|
|
left: 0;
|
|
margin-top: -.25rem;
|
|
border-width: .25em .25em .25em 0;
|
|
}
|
|
|
|
.p-tooltip-left .p-tooltip-arrow {
|
|
top: 50%;
|
|
right: 0;
|
|
margin-top: -.25rem;
|
|
border-width: .25em 0 .25em .25rem;
|
|
}
|
|
|
|
.p-tooltip.p-tooltip-top {
|
|
padding: .25em 0;
|
|
}
|
|
|
|
.p-tooltip-top .p-tooltip-arrow {
|
|
bottom: 0;
|
|
left: 50%;
|
|
margin-left: -.25rem;
|
|
border-width: .25em .25em 0;
|
|
}
|
|
|
|
.p-tooltip-bottom .p-tooltip-arrow {
|
|
top: 0;
|
|
left: 50%;
|
|
margin-left: -.25rem;
|
|
border-width: 0 .25em .25rem;
|
|
}
|
|
|
|
.p-tree-container {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
overflow: auto;
|
|
}
|
|
|
|
.p-treenode-children {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.p-treenode-selectable {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
.p-tree-toggler {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-treenode-leaf > .p-treenode-content .p-tree-toggler {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.p-treenode-content {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.p-tree-filter {
|
|
width: 100%;
|
|
}
|
|
|
|
.p-tree-filter-container {
|
|
position: relative;
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.p-tree-filter-icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
}
|
|
|
|
.p-tree-loading {
|
|
position: relative;
|
|
min-height: 4rem;
|
|
}
|
|
|
|
.p-tree .p-tree-loading-overlay {
|
|
position: absolute;
|
|
z-index: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.p-treeselect {
|
|
display: inline-flex;
|
|
cursor: pointer;
|
|
position: relative;
|
|
user-select: none;
|
|
}
|
|
|
|
.p-treeselect-trigger {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.p-treeselect-label-container {
|
|
overflow: hidden;
|
|
flex: 1 1 auto;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-treeselect-label {
|
|
display: block;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.p-treeselect-label-empty {
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.p-treeselect-token {
|
|
cursor: default;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.p-treeselect .p-treeselect-panel {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.p-treeselect-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.p-treeselect-items-wrapper {
|
|
overflow: auto;
|
|
}
|
|
|
|
.p-treeselect-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.p-treeselect-filter-container {
|
|
position: relative;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.p-treeselect-filter-icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
}
|
|
|
|
.p-treeselect-filter-container .p-inputtext {
|
|
width: 100%;
|
|
}
|
|
|
|
.p-treeselect-close {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.p-treeselect-clear-icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -.5rem;
|
|
}
|
|
|
|
.p-fluid .p-treeselect {
|
|
display: flex;
|
|
}
|
|
|
|
.p-treetable {
|
|
position: relative;
|
|
}
|
|
|
|
.p-treetable table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.p-treetable .p-sortable-column {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
.p-treetable-auto-layout > .p-treetable-wrapper {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.p-treetable-auto-layout > .p-treetable-wrapper > table {
|
|
table-layout: auto;
|
|
}
|
|
|
|
.p-treetable-selectable .p-treetable-tbody > tr {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.p-treetable-toggler {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.p-treetable-toggler + .p-checkbox {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.p-treetable-toggler + .p-checkbox + span {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Resizable */
|
|
.p-treetable-resizable > .p-treetable-wrapper {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.p-treetable-resizable .p-treetable-thead > tr > th,
|
|
.p-treetable-resizable .p-treetable-tfoot > tr > td,
|
|
.p-treetable-resizable .p-treetable-tbody > tr > td {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-treetable-resizable .p-resizable-column {
|
|
background-clip: padding-box;
|
|
position: relative;
|
|
}
|
|
|
|
.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
|
|
display: none;
|
|
}
|
|
|
|
.p-treetable .p-column-resizer {
|
|
display: block;
|
|
position: absolute !important;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
width: .5rem;
|
|
height: 100%;
|
|
padding: 0px;
|
|
cursor:col-resize;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.p-treetable .p-column-resizer-helper {
|
|
width: 1px;
|
|
position: absolute;
|
|
z-index: 10;
|
|
display: none;
|
|
}
|
|
|
|
/* Scrollable */
|
|
.p-treetable-scrollable-wrapper {
|
|
position: relative;
|
|
}
|
|
.p-treetable-scrollable-header,
|
|
.p-treetable-scrollable-footer {
|
|
overflow: hidden;
|
|
border: 0 none;
|
|
}
|
|
|
|
.p-treetable-scrollable-body {
|
|
overflow: auto;
|
|
position: relative;
|
|
}
|
|
|
|
.p-treetable-virtual-table {
|
|
position: absolute;
|
|
}
|
|
|
|
/* Frozen Columns */
|
|
.p-treetable-frozen-view .p-treetable-scrollable-body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p-treetable-unfrozen-view {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
|
|
/* Reorder */
|
|
.p-treetable-reorder-indicator-up,
|
|
.p-treetable-reorder-indicator-down {
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
/* Loader */
|
|
.p-treetable .p-treetable-loading-overlay {
|
|
position: absolute;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 1;
|
|
}
|
|
|
|
.p-virtualscroller {
|
|
position: relative;
|
|
overflow: auto;
|
|
contain: strict;
|
|
transform: translateZ(0);
|
|
will-change: scroll-position;
|
|
outline: 0 none;
|
|
}
|
|
|
|
.p-virtualscroller-content {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
/*contain: content;*/
|
|
min-height: 100%;
|
|
min-width: 100%;
|
|
will-change: transform;
|
|
}
|
|
|
|
.p-virtualscroller-spacer {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 1px;
|
|
transform-origin: 0 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.p-virtualscroller-loader {
|
|
position: sticky;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.p-virtualscroller-loader.p-component-overlay {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|